@import "https://fonts.googleapis.com/css2?family=Stack+Sans+Headline:wght@300;400&family=Stack+Sans+Text:wght@400;500;600&display=swap";
:root{--ground:#080d10;--surface:#11191d;--surface-high:#1b282e;--ink:#f0f5f6;--muted:#b5c3c8;--accent:#5ce8f0;--accent-ink:#062126;--gutter:28px;--small:14px;--body:17px;--lead:24px;--heading:clamp(36px, 4.4vw, 64px);--display:clamp(60px, 7.8vw, 112px);--ease-out:cubic-bezier(.16, 1, .3, 1);--chapter-space:clamp(80px, 8vw, 120px);--chapter-dark:#080d10c2;--chapter-slate:#11191dd1}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:28px}body{background:var(--ground);color:var(--ink);font-family:Stack Sans Text,Arial,sans-serif;font-size:var(--body);margin:0;line-height:1.55}a{color:inherit;text-underline-offset:5px}button,select,textarea{font:inherit}button,a{touch-action:manipulation;-webkit-tap-highlight-color:transparent;transition:transform .2s,color .2s,background-color .2s}button{cursor:pointer;border:0;border-radius:0}a:hover{color:var(--accent)}button:active,.button:active{transform:translateY(2px)}a:focus-visible,button:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid var(--accent);outline-offset:6px}::selection{background:var(--accent);color:var(--accent-ink)}h1,h2,h3,p{margin:0}h1,h2,h3{text-wrap:balance;letter-spacing:-.035em;font-family:Stack Sans Headline,Arial,sans-serif;font-weight:300;line-height:1.04}h1{font-size:var(--display)}h2{font-size:var(--heading)}h3{font-size:var(--lead);letter-spacing:-.02em;line-height:1.2}p{text-wrap:pretty}img{max-width:100%;height:auto;display:block}.skip{z-index:5;background:var(--accent);color:var(--accent-ink);padding:16px;position:absolute;top:-100px;left:24px}.skip:focus{top:12px}.header{padding:24px var(--gutter);justify-content:space-between;align-items:center;gap:24px;display:flex}.brand{align-items:center;gap:12px;font-weight:500;line-height:1.1;text-decoration:none;display:flex}.brand-mark{letter-spacing:-.12em;margin-right:6px;font-family:Stack Sans Headline,sans-serif;font-size:46px;font-weight:400}.header nav{gap:30px;display:flex}.header nav a,.header-contact{text-decoration:none}.header-contact span{margin-left:24px}.hero{margin:0 var(--gutter)}.hero-heading{grid-template-columns:1fr 1fr;align-items:end;gap:48px;padding:40px 0;display:grid}.hero-summary{padding-bottom:6px}.hero-summary p{font-size:var(--lead);margin-bottom:32px;line-height:1.4}.button{background:var(--accent);color:var(--accent-ink);justify-content:space-between;align-items:center;gap:36px;min-height:56px;padding:17px 22px;font-weight:500;text-decoration:none;display:inline-flex}.button:hover{background:var(--ink);color:var(--accent-ink);transform:translateY(-2px)}.scroll-stage{isolation:isolate;position:relative}.metal-backdrop{z-index:0;height:100svh;padding:0 var(--gutter);pointer-events:none;background:var(--ground);margin-bottom:-100svh;position:sticky;top:0}.metal-backdrop img{object-fit:contain;object-position:center top;width:100%;height:100%}.metal-intro{z-index:1;height:clamp(140px,22vw,320px);max-height:38svh;margin:0 var(--gutter);pointer-events:none;position:relative}.section{z-index:1;padding:var(--chapter-space) var(--gutter);margin:0;position:relative}.scroll-stage>.section:nth-of-type(odd){background:var(--chapter-slate)}.scroll-stage>.section:nth-of-type(2n){background:var(--chapter-dark)}.text-link{margin-top:28px;display:inline-block}.note{font-size:var(--small);color:var(--muted)}.services{grid-template-columns:1fr 1fr;gap:48px;padding-top:clamp(32px,4vw,56px);display:grid}.service-list{flex-direction:column;gap:36px;display:flex}.service-list article p{max-width:44ch;margin-top:12px}.security{grid-template-columns:1fr 1fr;gap:8px;display:grid}.security-copy,.security-scope{background:var(--surface);padding:48px}.security-copy{flex-direction:column;justify-content:space-between;gap:48px;display:flex}.security-copy p{max-width:32ch}.security-scope{background:var(--surface-high);flex-direction:column;justify-content:space-between;gap:40px;display:flex}.security-scope p{font-size:36px;line-height:1.4}.apps{grid-template-columns:1fr 1fr;align-items:center;gap:48px;display:grid}.app-copy p{max-width:32ch;font-size:var(--lead);margin-top:28px}.app-copy .button{margin-top:32px}.app-link-pending{color:var(--muted);font-size:var(--small);margin-top:32px;display:inline-block}.app-preview{background:var(--ground);min-width:0;padding:36px 32px 24px}.screen-stack{width:100%;height:540px;color:var(--ink);isolation:isolate;background:0 0;display:block;position:relative}.stack-layer{transform-origin:50% 90%;width:220px;transition:transform .5s;display:block;position:absolute;top:20px;left:50%}.stack-layer img{width:100%;height:auto}.stack-layer-0{z-index:3;transform:translate(-50%)}.stack-layer-1{z-index:2;transform:translate(-70%)rotate(-10deg)}.stack-layer-2{z-index:1;transform:translate(-30%)rotate(10deg)}.screen-stack:hover .stack-layer-1{transform:translate(-82%)rotate(-13deg)}.screen-stack:hover .stack-layer-2{transform:translate(-18%)rotate(13deg)}.screen-stack:hover .stack-layer-0{transform:translate(-50%)translateY(-8px)}.stack-caption{justify-content:space-between;align-items:center;gap:20px;display:flex}.stack-caption button{min-height:48px;color:var(--ink);background:0 0;padding:12px 0 12px 16px}.stack-caption button:hover{color:var(--accent);transform:translate(3px)}.stack-caption button span{margin-left:12px}.app-preview .note{margin-top:12px}.process{grid-template-columns:3fr 4fr 5fr;align-items:end;gap:8px;margin-top:40px;display:grid}.process article{background:var(--surface);flex-direction:column;justify-content:space-between;gap:40px;min-height:180px;padding:32px;display:flex}.process article:nth-child(2){min-height:240px}.process article:nth-child(3){background:var(--surface-high);min-height:300px}.process p{max-width:24ch}.company{padding:var(--chapter-space) var(--gutter);grid-template-columns:1fr 1fr;gap:40px 48px;display:grid}.company-statement{max-width:26ch;font-size:36px;line-height:1.35}.company .text-link{grid-column:2;justify-self:start;margin-top:0}.faq-board{grid-template-columns:1fr 1fr;gap:48px;margin-top:40px;display:grid}.question-index{flex-direction:column;gap:8px;display:flex}.question-index button{text-align:left;min-height:64px;color:var(--ink);background:var(--surface);justify-content:space-between;align-items:center;gap:24px;padding:20px 24px;display:flex}.question-index button[aria-pressed=true]{background:var(--surface-high);color:var(--accent)}.question-index button:hover{transform:translate(4px)}.answer{padding:16px 0}.answer p{font-size:var(--lead);max-width:36ch;line-height:1.5}.contact{grid-template-columns:1fr 1fr;gap:48px;display:grid}.contact-heading p{font-size:var(--lead);margin-top:28px}.brief{flex-direction:column;align-items:start;gap:14px;display:flex}.brief label:not(:first-child){margin-top:12px}.brief select,.brief textarea{background:var(--surface-high);width:100%;color:var(--ink);border:0;border-radius:0;padding:16px}.brief textarea{resize:vertical;min-height:124px}.brief textarea::placeholder{color:var(--muted)}.brief .button{margin-top:12px}.footer{padding:64px var(--gutter) 0;background:var(--ground);margin:0}.footer-top{flex-wrap:wrap;align-items:center;gap:32px;display:flex}.footer-top .brand{margin-right:auto}.footer-name{letter-spacing:-.055em;margin-top:48px;font-family:Stack Sans Headline,sans-serif;font-size:clamp(80px,18vw,280px);line-height:1.1}.footer-bottom{font-size:var(--small);color:var(--muted);justify-content:space-between;gap:32px;padding:32px 0;display:flex}.footer-bottom span{max-width:48ch}.answer p{animation:answer-enter .4s var(--ease-out)}@keyframes answer-enter{0%{opacity:.5;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.button span,.header-contact span{transition:transform .3s var(--ease-out);display:inline-block}.button:hover span,.button:focus-visible span,.header-contact:hover span,.header-contact:focus-visible span{transform:translate(3px,-3px)}.process article{transition:transform .4s var(--ease-out)}.process article:hover{transform:translateY(-8px)}.stack-layer{transition:transform .7s var(--ease-out)}.screen-stack:focus-visible .stack-layer-1{transform:translate(-82%)rotate(-13deg)}.screen-stack:focus-visible .stack-layer-2{transform:translate(-18%)rotate(13deg)}@media (max-width:1050px){:root{--gutter:20px;--display:80px}.header nav{gap:24px}.header-contact{display:none}.hero-heading{gap:32px}.hero-summary p{font-size:20px}.hero-summary .button{gap:20px;font-size:16px}:root{--chapter-space:88px}.security-copy,.security-scope{padding:32px}.security-scope p{font-size:30px}.apps{gap:28px}.app-preview{padding:28px 20px 20px}.screen-stack{height:450px}.stack-layer{width:180px}.process article{padding:24px}.company-statement{font-size:30px}}@media (max-width:600px){:root{--gutter:16px;--heading:40px;--display:58px;--lead:22px;--body:16px}.header{padding:20px var(--gutter);flex-wrap:wrap;gap:24px}.brand-mark{font-size:40px}.brand{font-size:16px}.header nav{justify-content:space-between;gap:12px;width:100%;font-size:14px}.hero-heading{grid-template-columns:1fr;gap:32px;padding:24px 0 32px}.hero-summary p{margin-bottom:24px;font-size:18px}.hero-summary .button{width:100%}:root{--chapter-space:64px}.services{grid-template-columns:1fr;gap:36px}.service-list{gap:32px}.security{grid-template-columns:1fr}.security-copy,.security-scope{gap:32px;padding:28px}.security-copy p{max-width:28ch}.security-scope p{font-size:24px}.apps{grid-template-columns:1fr;gap:36px}.app-copy p{margin-top:24px;font-size:22px}.app-link-pending{margin-top:24px}.app-preview{padding:24px 20px 20px}.screen-stack{height:430px}.stack-layer{width:170px}.stack-caption{gap:12px;font-size:14px}.process{grid-template-columns:1fr;gap:8px;margin-top:32px}.process article{gap:28px;min-height:160px;padding:28px}.process article:nth-child(2){min-height:190px}.process article:nth-child(3){min-height:220px}.company{grid-template-columns:1fr;gap:32px}.company-statement{font-size:24px}.company .text-link{grid-column:1}.faq-board{grid-template-columns:1fr;gap:24px;margin-top:32px}.answer{padding:0}.answer p{font-size:22px}.contact{grid-template-columns:1fr;gap:36px}.contact-heading p{margin-top:24px}.brief .button{width:100%}.footer{padding-top:48px}.footer-top{gap:24px;font-size:14px}.footer-top .brand{width:100%;margin-right:0}.footer-name{margin-top:36px;font-size:18vw}.footer-bottom{flex-direction:column;gap:20px;padding:24px 0 32px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important;animation:none!important}}
