:root{--canvas:#fafafa;--ink:#090c0d;--muted:#5f625f;--muted-strong:#454945;--rule:#d8d8d4;--surface:#f2f2f0;--surface-strong:#e7e8e5;--blue:#2f6fe8;--blue-deep:#184ba9;--blue-soft:#e9effd;--green:#7cf09f;--danger:#c23b42;--night:#131719;--acid:#bfff04;--sand:#dfd5cb;--white:#fff;--font-display:"Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-body:"Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono:"Fragment Mono", "SFMono-Regular", Consolas, "Liberation Mono", monospace;--page-gutter:clamp(20px, 4vw, 64px);--max-width:1440px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--space-24:96px;--space-32:128px;--ease-out:cubic-bezier(.22, 1, .36, 1);--ease-out-soft:cubic-bezier(.25, 1, .5, 1)}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--canvas);color:var(--ink);overflow-x:hidden}body{background:var(--canvas);min-width:320px;color:var(--ink);font-family:var(--font-body);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;font-size:16px;line-height:1.55}button,input,textarea,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{border:0}a{color:inherit}img{max-width:100%;display:block}h1,h2,h3,p{margin:0}h1,h2,h3{letter-spacing:-.04em;text-wrap:balance;font-weight:500}p{max-width:65ch}button,a,input,textarea{outline:none}:focus-visible{outline:2px solid var(--ink);outline-offset:4px}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.site-root{position:relative;overflow:clip}.site-header{z-index:20;width:100%;min-height:72px;padding:16px var(--page-gutter);background:color-mix(in srgb, var(--canvas) 92%, transparent);border-bottom:1px solid color-mix(in srgb, var(--rule) 72%, transparent);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);grid-template-columns:1fr auto 1fr;align-items:center;gap:24px;display:grid;position:sticky;top:0}.brand-link{width:fit-content;color:var(--ink);align-items:center;gap:10px;text-decoration:none;display:inline-flex}.brand-mark{background:var(--ink);width:32px;height:32px;color:var(--white);font-family:var(--font-mono);letter-spacing:-.04em;border-radius:8px;place-items:center;font-size:10px;display:grid}.brand-mark-image{background-color:var(--white);background-image:url(/pmail-mark.png);background-position:50%;background-repeat:no-repeat;background-size:100%;overflow:hidden}.brand-name{letter-spacing:-.03em;font-size:15px;font-weight:700}.site-nav{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.06em;align-items:center;gap:clamp(14px,2.2vw,32px);font-size:11px;display:flex}.site-nav a,.footer-links a{color:var(--muted-strong);transition:color .18s ease, background-color .18s ease, box-shadow .18s ease, transform .18s var(--ease-out);text-decoration:none}.site-nav a:hover,.footer-links a:hover{color:var(--ink)}.site-nav a{border-radius:8px;align-items:center;min-height:30px;padding:7px 9px;display:inline-flex;position:relative}.site-nav a.is-current{color:var(--ink);box-shadow:none;background:0 0}.site-nav a.is-current:after{content:"";background:var(--ink);opacity:1;border-radius:2px;height:2px;position:absolute;bottom:3px;left:9px;right:9px}.site-actions{justify-content:flex-end;align-items:center;gap:8px;display:flex}.header-cta,.header-login{min-height:40px;font-family:var(--font-mono);letter-spacing:.02em;transition:transform .18s var(--ease-out), background .18s ease, color .18s ease;border-radius:999px;align-items:center;gap:8px;padding:0 14px;font-size:11px;text-decoration:none;display:inline-flex}.header-cta{background:var(--ink);color:var(--white)}.header-login{background:var(--surface);color:var(--ink)}.header-cta:hover,.header-login:hover{transform:translateY(-2px)}.header-repo{gap:7px}.hero-section{min-height:min(820px,100vh - 72px);max-width:var(--max-width);padding:clamp(74px, 11vw, 150px) var(--page-gutter) clamp(64px, 9vw, 128px);grid-template-columns:minmax(0,1.03fr) minmax(360px,.97fr);align-items:center;gap:clamp(28px,6vw,96px);margin:0 auto;display:grid;position:relative}.hero-copy{z-index:2;max-width:720px;position:relative}.hero-kicker,.section-kicker,.scene-caption,.status-source,.playground-mode,.mail-demo-label,.footer-note{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;font-size:10px;line-height:1.3}.hero-kicker,.section-kicker{color:var(--muted-strong);margin-bottom:20px;display:inline-block}.hero-copy h1{max-width:10ch;font-size:clamp(3.8rem,9vw,6rem);line-height:.92}.hero-copy h1 em,.proof-content h2 em,.final-cta h2 em{color:var(--blue-deep);font-style:normal}.hero-copy p{max-width:42ch;color:var(--muted-strong);margin-top:28px;font-size:clamp(1.05rem,1.7vw,1.35rem);line-height:1.4}.hero-actions{flex-wrap:wrap;gap:10px;margin-top:36px;display:flex}.button{min-height:48px;font-family:var(--font-mono);cursor:pointer;transition:transform .18s var(--ease-out), background .18s ease, color .18s ease, border-color .18s ease;border-radius:999px;justify-content:center;align-items:center;gap:12px;padding:0 18px;font-size:12px;text-decoration:none;display:inline-flex}.button:hover{transform:translateY(-3px)}.button--primary{background:var(--ink);color:var(--white)}.button--primary:hover{background:var(--blue-deep)}.button--secondary{border:1px solid var(--rule);color:var(--ink);background:0 0}.button--secondary:hover{border-color:var(--ink);background:var(--surface)}.button--large{min-height:60px;padding-inline:26px;font-size:13px}.hero-scene{place-items:center;min-height:500px;display:grid;position:relative}.scene-caption{color:var(--muted);position:absolute;bottom:-2px;right:0}.status-rail{right:var(--page-gutter);bottom:30px;left:var(--page-gutter);font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;align-items:center;gap:14px;font-size:10px;display:flex;position:absolute}.status-live{color:var(--ink);align-items:center;gap:8px;font-weight:700;display:inline-flex}.status-dot{background:var(--green);width:8px;height:8px;box-shadow:0 0 0 4px color-mix(in srgb, var(--green) 32%, transparent);border-radius:50%}.status-rule{background:var(--rule);flex:1;height:1px}.status-source{color:var(--muted)}.section{max-width:var(--max-width);padding:clamp(78px, 11vw, 150px) var(--page-gutter);margin:0 auto}.section-heading-row{justify-content:space-between;align-items:flex-end;gap:32px;margin-bottom:44px;display:flex}.section-heading-row h2,.network-section h2,.playground-section h2,.quickstart-section h2{max-width:14ch;font-size:clamp(2.3rem,5.2vw,4.5rem);line-height:.98}.section-intro{max-width:34ch;color:var(--muted-strong);font-size:15px;line-height:1.55}.feature-mosaic{grid-template-columns:repeat(12,minmax(0,1fr));align-items:start;gap:clamp(18px,2vw,28px);display:grid}.feature-card,.module-card{text-align:left;cursor:pointer;min-width:0;transition:transform .26s var(--ease-out), filter .26s ease;border-radius:16px;flex-direction:column;align-items:stretch;gap:16px;padding:22px;display:flex;position:relative}.feature-card:hover,.module-card:hover{filter:saturate(1.05);transform:translateY(-8px)rotate(0)}.feature-card--1{grid-column:span 5;transform:rotate(-1.2deg)}.feature-card--2{grid-column:span 4;margin-top:64px;transform:rotate(1deg)}.feature-card--3{grid-column:span 3;margin-top:20px;transform:rotate(-.8deg)}.feature-card--4{grid-column:4/span 5;margin-top:-22px;transform:rotate(.8deg)}.feature-card--acid,.module-card--acid{background:var(--acid);color:#1c3b36}.feature-card--night,.module-card--night{background:var(--night);color:var(--white)}.feature-card--blue,.module-card--blue{background:var(--blue);color:var(--white)}.feature-card--sand,.module-card--sand{background:var(--sand);color:var(--ink)}.feature-meta,.module-meta{font-family:var(--font-mono);letter-spacing:.05em;text-transform:uppercase;opacity:.78;justify-content:space-between;gap:14px;font-size:10px;line-height:1.4;display:flex}.feature-title,.module-title{letter-spacing:-.04em;font-size:clamp(1.35rem,2vw,2rem);font-weight:600;line-height:1.05}.feature-copy,.module-copy{opacity:.86;min-height:44px;font-size:13px;line-height:1.45}.feature-image-frame,.module-image{background:color-mix(in srgb, currentColor 10%, transparent);border-radius:12px;display:block;overflow:clip}.feature-image-frame img,.module-image img{aspect-ratio:1.12;object-fit:cover;width:100%;height:auto}.artifact-stage-section{width:100%;padding:clamp(24px, 4vw, 56px) var(--page-gutter) clamp(28px, 5vw, 64px);background:var(--ink);color:var(--white);margin:28px 0 0}.artifact-stage-section>*{max-width:var(--max-width);margin-inline:auto}.artifact-stage-meta,.artifact-stage-footer{color:color-mix(in srgb, var(--white) 60%, transparent);font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;justify-content:space-between;align-items:center;gap:18px;font-size:10px;display:flex}.artifact-stage{--artifact-x:0deg;--artifact-y:0deg;perspective:1100px;isolation:isolate;background:#050607;min-height:clamp(430px,58vw,720px);margin-top:18px;position:relative;overflow:clip}.artifact-stage:before,.artifact-stage:after{content:"";border:1px solid color-mix(in srgb, var(--white) 18%, transparent);transform:rotateX(65deg) rotateY(var(--artifact-x)) rotateZ(var(--artifact-y));transition:transform .5s var(--ease-out);pointer-events:none;position:absolute;inset:8%}.artifact-stage:after{border-color:color-mix(in srgb, var(--blue) 32%, transparent);transform:rotateX(72deg) rotateY(var(--artifact-y)) rotateZ(-18deg);inset:18% 2%}.artifact-grid{opacity:.35;background-image:linear-gradient(color-mix(in srgb, var(--white) 14%, transparent) 1px, transparent 1px), linear-gradient(90deg, color-mix(in srgb, var(--white) 14%, transparent) 1px, transparent 1px);transform-origin:50%;background-size:48px 48px;animation:16s linear infinite artifact-grid-drift;position:absolute;inset:-30%;transform:perspective(580px)rotateX(68deg)translateY(18%)}.artifact-light{opacity:.18;filter:blur(8px);pointer-events:none;border-radius:50%;width:34vw;max-width:480px;height:34vw;max-height:480px;position:absolute}.artifact-light--one{background:var(--blue);top:12%;left:12%}.artifact-light--two{background:var(--acid);bottom:-16%;right:4%}.artifact-word{z-index:2;letter-spacing:-.08em;text-transform:uppercase;transform-style:preserve-3d;transition:transform .5s var(--ease-out);pointer-events:none;margin:0;font-weight:500;line-height:.78;position:absolute}.artifact-word--top{color:var(--green);transform:translateZ(36px) rotateY(var(--artifact-x));font-size:clamp(3rem,9vw,8rem);top:9%;left:8%}.artifact-word--main{color:var(--white);transform:translateZ(62px) rotateX(var(--artifact-y));font-size:clamp(4rem,13vw,12rem);top:27%;left:13%}.artifact-word--outline{color:#0000;-webkit-text-stroke:1px color-mix(in srgb, var(--white) 68%, transparent);transform:translateZ(16px) rotateY(calc(var(--artifact-x) * -1));font-size:clamp(2.8rem,8vw,7rem);bottom:11%;right:2%}.artifact-caption{z-index:3;max-width:28ch;color:color-mix(in srgb, var(--white) 70%, transparent);font-size:14px;line-height:1.45;position:absolute;bottom:8%;left:8%}.artifact-capsule{z-index:4;background:linear-gradient(180deg, var(--blue) 0 52%, var(--green) 52% 100%);width:54px;height:118px;color:var(--ink);font-family:var(--font-mono);box-shadow:inset 0 2px 8px color-mix(in srgb, var(--white) 55%, transparent), 0 18px 28px #000000b8;border-radius:999px;place-items:center;font-size:11px;display:grid;position:absolute;top:16%;right:10%;transform:rotate(26deg)translateZ(76px)}.artifact-capsule span{background:var(--white);border-radius:50%;place-items:center;width:28px;height:28px;display:grid}.artifact-stage-footer{margin-top:16px}.artifact-stage-footer button{border:1px solid color-mix(in srgb, var(--white) 28%, transparent);min-height:36px;color:var(--white);font-family:var(--font-mono);cursor:pointer;background:0 0;border-radius:999px;padding:0 12px;font-size:10px}.artifact-stage[data-paused=true] .artifact-grid,.artifact-stage[data-paused=true] .artifact-word,.artifact-stage[data-paused=true] .artifact-capsule,.artifact-stage[data-reduced-motion=true] .artifact-grid{animation-play-state:paused}@keyframes artifact-grid-drift{0%{transform:perspective(580px)rotateX(68deg)translateY(18%)translateZ(0)}to{transform:perspective(580px)rotateX(68deg)translateY(18%)translateZ(110px)}}.city-composition-section{grid-template-columns:minmax(240px,.7fr) minmax(0,1.3fr);align-items:center;gap:clamp(32px,7vw,120px);display:grid}.city-composition-copy h2{max-width:8ch;font-size:clamp(3rem,7vw,6.8rem);line-height:.88}.city-composition-copy p{max-width:30ch;color:var(--muted-strong);margin-top:26px}.city-composition{border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);min-height:580px;position:relative;overflow:clip}.city-word{white-space:nowrap;color:var(--ink);letter-spacing:-.08em;align-items:baseline;gap:10px;font-size:clamp(3rem,7vw,7rem);font-weight:500;line-height:.78;display:flex;position:absolute}.city-word small,.city-word em{font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;font-size:9px;font-style:normal}.city-word small{color:var(--blue-deep)}.city-word em{color:var(--muted)}.city-word--1{top:8%;left:0}.city-word--2{top:28%;left:20%}.city-word--3{top:46%;left:4%}.city-word--4{color:var(--blue-deep);top:64%;left:30%}.city-word--5{top:81%;left:4%}.city-photo{background:var(--surface);border-radius:12px;width:150px;position:absolute;top:31%;right:6%;overflow:clip;transform:rotate(4deg)}.city-photo img{aspect-ratio:1/1.2;object-fit:cover;width:100%}.context-gallery{grid-template-columns:1.05fr 1.35fr .7fr;align-items:end;gap:18px;display:grid}.context-gallery-card{border:1px solid var(--rule);background:var(--white);border-radius:14px;margin:0;padding:12px}.context-gallery-card img{object-fit:cover;border-radius:9px;width:100%}.context-gallery-card--tall{transform:rotate(-1.2deg)}.context-gallery-card--wide{margin-bottom:48px;transform:rotate(1deg)}.context-gallery-card--small{transform:rotate(-2deg)}.context-gallery-card--tall img{aspect-ratio:.8}.context-gallery-card--wide img{aspect-ratio:1.45}.context-gallery-card figcaption{font-family:var(--font-mono);letter-spacing:.05em;text-transform:uppercase;padding:10px 2px 2px;font-size:9px}.context-object{aspect-ratio:.8;font-family:var(--font-mono);border-radius:9px;place-items:center;font-size:clamp(2rem,4vw,4rem);display:grid}.context-object--blue{background:var(--blue);color:var(--white)}.proof-section{border-top:1px solid var(--rule);grid-template-columns:1fr minmax(0,1.6fr) 1fr;align-items:end;gap:clamp(24px,5vw,72px);display:grid}.proof-display{align-self:start;align-items:center;gap:12px;display:flex}.proof-number{font-family:var(--font-mono);font-size:13px}.proof-line{background:var(--rule);width:min(120px,100%);height:1px}.proof-content h2,.final-cta h2{font-size:clamp(2.8rem,6.5vw,6rem);line-height:.92}.proof-content p{max-width:40ch;color:var(--muted-strong);margin-top:28px;font-size:17px}.text-link{color:var(--ink);font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.06em;gap:8px;margin-top:24px;font-size:11px;text-decoration:none;display:inline-flex}.text-link:hover{color:var(--blue-deep)}.proof-metrics{gap:16px;display:grid}.proof-metrics div{border-top:1px solid var(--rule);padding-top:12px}.proof-metrics strong{letter-spacing:-.06em;font-size:clamp(2rem,3vw,3rem);font-weight:500;display:block}.proof-metrics span{color:var(--muted);font-family:var(--font-mono);text-transform:uppercase;font-size:10px}.network-section{padding-top:40px}.network-layout{grid-template-columns:minmax(0,1.1fr) minmax(280px,.9fr);align-items:center;gap:clamp(24px,5vw,72px);display:grid}.network-notes{gap:22px;display:grid}.network-notes>div{border-top:1px solid var(--rule);grid-template-columns:42px 1fr;gap:10px;padding-top:16px;display:grid}.network-notes span{color:var(--blue-deep);font-family:var(--font-mono);font-size:11px}.network-notes strong{letter-spacing:-.03em;font-size:17px;font-weight:600}.network-notes p{color:var(--muted-strong);grid-column:2;font-size:13px}.module-rail{scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:var(--rule) transparent;gap:20px;padding:8px 8px 28px 2px;display:flex;overflow-x:auto}.module-card{scroll-snap-align:start;flex:0 0 clamp(280px,30vw,360px)}.module-image img{aspect-ratio:1.25}.playground-section{padding-top:80px}.playground-shell{border:1px solid var(--rule);background:var(--white);border-radius:16px;overflow:clip}.playground-toolbar,.code-toolbar{border-bottom:1px solid var(--rule);justify-content:space-between;align-items:center;gap:16px;padding:14px 18px;display:flex}.playground-tabs,.code-tabs{flex-wrap:wrap;gap:4px;display:flex}.playground-tabs button,.code-tabs button,.copy-button{min-height:34px;color:var(--muted-strong);font-family:var(--font-mono);cursor:pointer;background:0 0;border-radius:999px;padding:0 11px;font-size:10px;transition:color .16s,background .16s}.playground-tabs button:hover,.code-tabs button:hover,.playground-tabs button.is-active,.code-tabs button.is-active{background:var(--ink);color:var(--white)}.playground-mode{color:var(--muted);white-space:nowrap}.playground-toast{background:var(--ink);color:var(--white);font-family:var(--font-mono);border-radius:8px;margin:16px 18px 0;padding:10px 12px;font-size:11px}.mail-demo-grid{background:var(--surface);grid-template-columns:190px minmax(220px,.75fr) minmax(0,1.35fr);min-height:470px;display:grid}.mail-demo-sidebar,.mail-demo-list,.mail-demo-reader{min-width:0}.mail-demo-sidebar{border-right:1px solid var(--rule);background:var(--white);flex-direction:column;gap:16px;padding:20px 16px;display:flex}.mail-demo-address{color:var(--ink);font-family:var(--font-mono);text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.demo-primary-button{background:var(--ink);min-height:42px;color:var(--white);font-family:var(--font-mono);cursor:pointer;transition:background .16s ease, transform .16s var(--ease-out);border-radius:8px;padding:0 14px;font-size:11px}.demo-primary-button:hover:not(:disabled){background:var(--blue-deep);transform:translateY(-2px)}.demo-primary-button:disabled{cursor:wait;opacity:.55}.mail-demo-count{color:var(--muted);font-family:var(--font-mono);text-transform:uppercase;margin-top:auto;font-size:10px}.mail-demo-list{border-right:1px solid var(--rule);background:var(--white);overflow-y:auto}.mail-demo-list>input{border:1px solid var(--rule);width:calc(100% - 24px);min-height:38px;color:var(--ink);background:var(--surface);border-radius:8px;margin:12px;padding:0 10px;font-size:12px}.mail-demo-row{border-top:1px solid var(--rule);background:var(--white);width:100%;color:var(--ink);text-align:left;cursor:pointer;padding:14px;display:block}.mail-demo-row:hover,.mail-demo-row.is-selected{background:var(--blue-soft)}.mail-demo-row-top{justify-content:space-between;gap:8px;font-size:12px;display:flex}.mail-demo-row-top time{color:var(--muted);font-family:var(--font-mono);font-size:9px}.mail-demo-row-subject{color:var(--muted-strong);text-overflow:ellipsis;white-space:nowrap;margin-top:6px;font-size:11px;line-height:1.35;display:block;overflow:hidden}.otp-chip{background:var(--ink);color:var(--white);font-family:var(--font-mono);border-radius:4px;margin-top:8px;padding:2px 6px;font-size:9px;display:inline-flex}.mail-demo-reader{background:var(--surface);padding:clamp(20px,4vw,40px)}.mail-demo-reader h3{max-width:18ch;margin-top:16px;font-size:clamp(1.5rem,3vw,2.6rem);line-height:1.02}.mail-demo-byline{color:var(--muted);font-family:var(--font-mono);margin-top:12px;font-size:10px}.otp-callout{border:1px solid var(--ink);background:var(--green);border-radius:10px;justify-content:space-between;align-items:center;gap:16px;margin-top:28px;padding:14px;display:flex}.otp-callout strong{font-family:var(--font-mono);letter-spacing:.08em;margin-top:4px;font-size:24px;display:block}.otp-callout button{background:var(--ink);min-height:36px;color:var(--white);font-family:var(--font-mono);cursor:pointer;border-radius:7px;padding:0 10px;font-size:10px}.mail-demo-body{border-top:1px solid var(--rule);color:var(--muted-strong);margin-top:24px;padding-top:20px}.compose-demo{gap:10px;max-width:760px;margin:0 auto;padding:clamp(24px,5vw,56px);display:grid}.compose-demo-header{border-bottom:1px solid var(--rule);color:var(--muted);font-family:var(--font-mono);justify-content:space-between;gap:16px;padding-bottom:18px;font-size:10px;display:flex}.compose-demo label{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.06em;margin-top:8px;font-size:10px}.compose-demo input,.compose-demo textarea{border:1px solid var(--rule);background:var(--surface);width:100%;color:var(--ink);resize:vertical;border-radius:8px;padding:10px 12px}.compose-demo .demo-primary-button{justify-self:end;width:fit-content;margin-top:10px}.analytics-demo{padding:clamp(24px,5vw,56px)}.analytics-stat-grid{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.analytics-stat-grid>div{background:var(--surface);border-radius:10px;padding:16px}.analytics-stat-grid span,.analytics-stat-grid strong{display:block}.analytics-stat-grid span{color:var(--muted);font-family:var(--font-mono);text-transform:uppercase;font-size:10px}.analytics-stat-grid strong{letter-spacing:-.06em;margin-top:10px;font-size:clamp(1.8rem,3vw,2.7rem);font-weight:500}.analytics-chart{background:var(--surface);border-radius:12px;margin-top:20px;padding:20px}.chart-heading{font-family:var(--font-mono);text-transform:uppercase;justify-content:space-between;gap:16px;font-size:10px;display:flex}.chart-heading span:last-child{color:var(--muted)}.chart-bars{justify-content:space-around;align-items:flex-end;gap:14px;height:180px;margin-top:22px;display:flex}.chart-bar{flex-direction:column;flex:1;justify-content:flex-end;align-items:center;gap:8px;height:100%;display:flex}.chart-bar span{width:min(34px,100%);height:var(--bar-height);background:var(--blue);border-radius:6px 6px 2px 2px}.chart-bar small{color:var(--muted);font-family:var(--font-mono);font-size:10px}.quickstart-section{padding-top:72px}.code-shell{background:var(--night);color:var(--white);border-radius:16px;overflow:clip}.code-toolbar{border-color:color-mix(in srgb, var(--white) 16%, transparent)}.code-tabs button{color:color-mix(in srgb, var(--white) 65%, transparent)}.code-tabs button.is-active,.code-tabs button:hover{background:color-mix(in srgb, var(--white) 16%, transparent);color:var(--white)}.copy-button{color:var(--white);border:1px solid color-mix(in srgb, var(--white) 25%, transparent)}.copy-button:hover{background:color-mix(in srgb, var(--white) 12%, transparent)}.code-shell pre{color:#d9e1f0;max-height:420px;font-family:var(--font-mono);white-space:pre-wrap;margin:0;padding:26px clamp(18px,4vw,40px) 34px;font-size:12px;line-height:1.65;overflow:auto}.final-cta{max-width:var(--max-width);padding:clamp(84px, 12vw, 160px) var(--page-gutter);border-top:1px solid var(--rule);justify-content:space-between;align-items:flex-end;gap:32px;margin:0 auto;display:flex}.site-footer{max-width:var(--max-width);padding:28px var(--page-gutter) 32px;border-top:1px solid var(--rule);grid-template-columns:1fr auto 1fr;align-items:center;gap:24px;margin:0 auto;display:grid}.footer-links{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.05em;flex-wrap:wrap;justify-content:center;gap:18px;font-size:10px;display:flex}.footer-note{color:var(--muted);text-align:right;justify-self:end}.edge-mesh-scene{--mesh-x:0deg;--mesh-y:0deg;aspect-ratio:1/.92;perspective:900px;isolation:isolate;background:radial-gradient(circle at 50% 46%, color-mix(in srgb, var(--blue) 20%, var(--canvas)), var(--canvas) 64%);border-radius:16px;width:min(100%,560px);position:relative;overflow:hidden}.edge-mesh-scene:before,.edge-mesh-scene:after{content:"";border:1px solid color-mix(in srgb, var(--blue) 26%, transparent);pointer-events:none;border-radius:50%;position:absolute;inset:16%;transform:rotateX(64deg)rotate(14deg)}.edge-mesh-scene:after{border-color:color-mix(in srgb, var(--ink) 16%, transparent);inset:26% 10%;transform:rotateX(68deg)rotate(-22deg)}.edge-mesh-orbit{border:1px solid color-mix(in srgb, var(--ink) 14%, transparent);transform-style:preserve-3d;transform:rotateX(62deg) rotateY(var(--mesh-x)) rotateZ(18deg);pointer-events:none;border-radius:50%;animation:12s linear infinite mesh-orbit;position:absolute;inset:10%}.edge-mesh-orbit--two{border-color:color-mix(in srgb, var(--blue) 28%, transparent);transform:rotateX(70deg) rotateY(var(--mesh-y)) rotateZ(-26deg);animation-duration:18s;animation-direction:reverse;inset:24% 6%}.edge-mesh-lines{width:76%;height:76%;transform:rotateX(12deg) rotateY(var(--mesh-x)) rotateZ(var(--mesh-y));transform-style:preserve-3d;transition:transform .4s var(--ease-out);position:absolute;inset:12%;overflow:visible}.edge-mesh-link{stroke:color-mix(in srgb, var(--blue) 48%, var(--ink));stroke-width:.32px;stroke-dasharray:1 2;animation:3.4s linear infinite mesh-flow}.edge-mesh-node{top:var(--node-y);left:var(--node-x);z-index:2;border:1px solid var(--ink);background:var(--white);width:48px;height:48px;color:var(--ink);transform:translate(-50%, -50%) translateZ(var(--node-z)) rotateX(10deg) rotateY(var(--mesh-x));transform-style:preserve-3d;transition:transform .4s var(--ease-out);border-radius:50%;place-items:center;display:grid;position:absolute}.edge-mesh-node--blue{border-color:var(--blue)}.edge-mesh-node--green{background:var(--green)}.edge-mesh-node--dark{background:var(--ink);color:var(--white)}.edge-mesh-node__pulse{opacity:.32;border:1px solid;border-radius:50%;animation:2.8s ease-in-out infinite node-pulse;position:absolute;inset:8px}.edge-mesh-node__label{white-space:nowrap;font-family:var(--font-mono);letter-spacing:.04em;text-transform:uppercase;font-size:9px;position:absolute;top:calc(100% + 10px)}.edge-mesh-core{z-index:3;border:1px solid var(--ink);background:var(--white);width:104px;height:104px;transform:translate(-50%, -50%) translateZ(20px) rotateX(8deg) rotateY(var(--mesh-y));transition:transform .4s var(--ease-out);border-radius:50%;place-items:center;display:grid;position:absolute;top:50%;left:50%}.edge-mesh-core__mark{font-family:var(--font-mono);letter-spacing:-.08em;font-size:20px}.edge-mesh-core__status{white-space:nowrap;color:var(--muted);font-family:var(--font-mono);letter-spacing:.08em;font-size:9px;position:absolute;top:calc(100% + 12px)}.edge-mesh-scene--compact{width:100%;max-width:560px;min-height:380px}.edge-mesh-scene--compact .edge-mesh-node{width:42px;height:42px}.edge-mesh-scene[data-reduced-motion=true] .edge-mesh-orbit,.edge-mesh-scene[data-reduced-motion=true] .edge-mesh-link,.edge-mesh-scene[data-reduced-motion=true] .edge-mesh-node__pulse{animation:none}.edge-mesh-scene[data-paused=true] .edge-mesh-orbit,.edge-mesh-scene[data-paused=true] .edge-mesh-link,.edge-mesh-scene[data-paused=true] .edge-mesh-node__pulse{animation-play-state:paused}@keyframes mesh-orbit{0%{transform:rotateX(62deg) rotateY(var(--mesh-x)) rotateZ(18deg)}to{transform:rotateX(62deg) rotateY(var(--mesh-x)) rotateZ(378deg)}}@keyframes mesh-flow{to{stroke-dashoffset:-9px}}@keyframes node-pulse{0%,to{opacity:.22;transform:scale(.85)}50%{opacity:.55;transform:scale(1.18)}}.js-reveal{opacity:0;transition:opacity .6s var(--ease-out), transform .7s var(--ease-out);transition-delay:var(--reveal-delay,0s);transform:translateY(24px)}.js-reveal.is-visible{opacity:1;transform:none}.page-surface{background:var(--canvas);min-height:100vh}.page-main{max-width:var(--max-width);padding:clamp(90px, 12vw, 160px) var(--page-gutter) 100px;animation:page-main-in .6s var(--ease-out) both;margin:0 auto}.page-hero{border-bottom:1px solid var(--rule);animation:page-hero-in .65s var(--ease-out) both;grid-template-columns:minmax(0,1fr) minmax(280px,.7fr);align-items:end;gap:clamp(32px,7vw,100px);padding-bottom:64px;display:grid}.page-hero h1{max-width:10ch;font-size:clamp(3rem,8vw,6rem);line-height:1.04}.page-hero p{color:var(--muted-strong);font-size:17px}.page-content-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:48px;display:grid}.page-content-grid>article{border:1px solid var(--rule);background:var(--white);min-height:210px;animation:page-card-in .52s var(--ease-out) both;animation-delay:calc(var(--page-index,0) * 70ms + .12s);transition:transform .22s var(--ease-out), border-color .22s ease, background .22s ease;border-radius:14px;padding:22px}.page-content-grid>article:hover{border-color:color-mix(in srgb, var(--blue) 58%, var(--rule));background:color-mix(in srgb, var(--blue-soft) 28%, var(--white));transform:translateY(-5px)}.page-content-grid h2{margin-top:22px;font-size:24px;line-height:1.08}.page-content-grid p{color:var(--muted-strong);margin-top:14px;font-size:14px}.page-card-note{color:var(--muted);font-family:var(--font-mono);letter-spacing:.04em;text-transform:uppercase;margin-top:18px;font-size:10px;line-height:1.45;display:block}.page-card-index{color:var(--blue-deep);font-family:var(--font-mono);letter-spacing:.08em;font-size:10px}.page-back-link{color:var(--ink);font-family:var(--font-mono);text-transform:uppercase;margin-top:40px;font-size:11px;text-decoration:none;display:inline-flex}.page-back-link:hover{color:var(--blue-deep)}.page-footer{max-width:var(--max-width);padding:26px var(--page-gutter) 32px;border-top:1px solid var(--rule);color:var(--muted);font-family:var(--font-mono);letter-spacing:.04em;margin:0 auto;font-size:10px}.docs-shell{background:var(--night);color:var(--white);animation:page-card-in .56s var(--ease-out) .18s both;border-radius:14px;margin-top:48px;overflow:clip}.docs-panel{animation:docs-panel-in .22s var(--ease-out) both}.docs-shell .code-toolbar{border-color:color-mix(in srgb, var(--white) 16%, transparent)}.docs-shell pre{color:#d9e1f0;min-height:300px;font-family:var(--font-mono);white-space:pre-wrap;margin:0;padding:28px;font-size:12px;line-height:1.65;overflow:auto}@keyframes page-main-in{0%{transform:translateY(12px)}to{transform:translateY(0)}}@keyframes page-hero-in{0%{filter:blur(3px);transform:translateY(16px)}to{filter:blur();transform:translateY(0)}}@keyframes page-card-in{0%{filter:blur(2px);transform:translateY(14px)}to{filter:blur();transform:translateY(0)}}@keyframes docs-panel-in{0%{transform:translateY(8px)}to{transform:translateY(0)}}@media (max-width:980px){.site-header{grid-template-columns:1fr auto}.site-actions{grid-area:1/2}.site-nav{scrollbar-width:none;grid-area:2/1/auto/-1;justify-content:flex-start;width:100%;padding-top:2px;padding-bottom:2px;overflow-x:auto}.site-nav::-webkit-scrollbar{display:none}.hero-section{grid-template-columns:1fr;min-height:auto}.hero-scene{min-height:420px}.status-rail{grid-column:1;margin-top:12px;position:static}.proof-section{grid-template-columns:1fr 2fr}.proof-metrics{grid-column:2;grid-template-columns:repeat(3,1fr)}.mail-demo-grid{grid-template-columns:160px minmax(190px,.8fr) minmax(0,1.2fr)}.page-hero,.city-composition-section{grid-template-columns:1fr}.city-composition-copy h2{max-width:12ch}}@media (max-width:720px){.site-header{min-height:64px;padding-block:12px}.brand-name{font-size:14px}.header-login{display:none}.header-cta{min-height:36px;padding-inline:12px;font-size:10px}.hero-section{padding-top:64px}.hero-copy h1{max-width:9ch;font-size:clamp(3.3rem,16vw,5rem)}.hero-copy p{font-size:1rem}.hero-scene{min-height:340px}.artifact-stage{min-height:440px}.artifact-word--main{font-size:clamp(3.8rem,18vw,6.5rem);left:8%}.artifact-word--outline{font-size:clamp(2.5rem,13vw,5rem);right:-8%}.artifact-caption{max-width:20ch;font-size:12px;bottom:33%;left:7%;right:auto}.artifact-capsule{width:40px;height:88px;top:10%;right:8%}.city-composition{min-height:460px}.city-word{font-size:clamp(2.5rem,12vw,5rem)}.city-word small,.city-word em{font-size:8px}.city-photo{width:104px;right:4%}.context-gallery{grid-template-columns:1fr 1fr}.context-gallery-card--wide{grid-area:1/span 2;margin-bottom:0}.scene-caption{font-size:9px;bottom:-4px;left:0;right:auto}.status-rail{flex-wrap:wrap;align-items:flex-start}.status-rule{flex-basis:100%;order:3}.status-source{font-size:9px}.section{padding-block:76px}.section-heading-row{margin-bottom:32px;display:block}.section-intro{margin-top:20px}.feature-mosaic{flex-direction:column;gap:18px;display:flex}.feature-card,.feature-card--1,.feature-card--2,.feature-card--3,.feature-card--4{width:100%;margin:0;transform:none}.proof-section{display:block}.proof-display{margin-bottom:28px}.proof-metrics{grid-template-columns:1fr 1fr 1fr;gap:12px;margin-top:38px}.proof-metrics strong{font-size:1.8rem}.network-layout{grid-template-columns:1fr}.edge-mesh-scene--compact{min-height:320px}.playground-toolbar,.code-toolbar{flex-direction:column;align-items:flex-start}.playground-mode{white-space:normal}.mail-demo-grid{min-height:0;display:block}.mail-demo-sidebar{border-right:0;border-bottom:1px solid var(--rule)}.mail-demo-count{margin-top:0}.mail-demo-list{border-right:0;border-bottom:1px solid var(--rule);max-height:330px}.mail-demo-reader{min-height:340px}.otp-callout{flex-direction:column;align-items:flex-start}.otp-callout button{width:100%}.analytics-stat-grid{grid-template-columns:repeat(2,1fr)}.chart-bars{gap:8px}.final-cta{flex-direction:column;align-items:flex-start}.site-footer{grid-template-columns:1fr}.footer-links{justify-content:flex-start}.footer-note{text-align:left;justify-self:start}.page-main{padding-top:78px}.page-content-grid{grid-template-columns:1fr}.docs-shell pre{min-height:260px;padding:20px;font-size:11px}}@media (max-width:420px){.header-cta{gap:0;width:36px;padding:0;font-size:0}.header-cta span{font-size:15px}.proof-metrics{gap:8px}.proof-metrics strong{font-size:1.55rem}.proof-metrics span{font-size:8px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.js-reveal{opacity:1;transform:none}.page-main,.page-hero,.page-content-grid>article,.docs-shell,.docs-panel{filter:none;animation:none;transform:none}.artifact-stage .artifact-grid,.artifact-stage .artifact-word,.artifact-stage .artifact-capsule{animation:none}}