:root{--bg:#f8f9fc;--paper:#fff;--ink:#182039;--muted:#596579;--accent:#4f46e5;--accent-dark:#3e35c8;--soft:#eeedff;--line:#dfe3ed;--night:#11182d;--radius:24px;--shell:1200px;color-scheme:light}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:100px;text-size-adjust:100%;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:1rem;line-height:1.65;-webkit-font-smoothing:antialiased}
img,svg{display:block;max-width:100%}
img{height:auto}
a{color:inherit;text-decoration:none}
button,summary,a{-webkit-tap-highlight-color:transparent}
button,input{font:inherit}
h1,h2,h3,p{margin:0}
h1,h2,h3{overflow-wrap:anywhere;line-height:1.13;letter-spacing:-.045em;text-wrap:balance}
h1{font-size:clamp(2.65rem,5.6vw,5rem);font-weight:680}
h2{font-size:clamp(2rem,3.5vw,3.3rem);font-weight:650}
h3{font-size:1.2rem;letter-spacing:-.025em;line-height:1.3;font-weight:650}
p{color:var(--muted);text-wrap:pretty}
ul,ol{padding:0;margin:0;list-style:none}
.shell{width:min(var(--shell),calc(100% - 96px));margin-inline:auto}
.section{padding-block:clamp(72px,8vw,116px)}
.eyebrow{display:flex;align-items:center;gap:12px;color:var(--accent);font-size:.75rem;font-weight:700;letter-spacing:.12em;line-height:1.5;text-transform:uppercase;margin-bottom:22px}
.small-line{display:block;width:26px;height:2px;background:currentColor;flex:none}
.button{display:inline-flex;align-items:center;justify-content:center;gap:24px;min-height:54px;padding:13px 23px;border:1px solid transparent;border-radius:12px;background:var(--accent);color:#fff;font-size:.94rem;font-weight:650;line-height:1.5;transition:background .18s,transform .18s;text-align:center}
.button:hover{background:var(--accent-dark);transform:translateY(-1px)}
.button-small{min-height:44px;padding:10px 17px;font-size:.85rem;border-radius:10px;gap:16px}
.text-link{display:inline-flex;align-items:center;gap:18px;min-height:44px;font-weight:650;font-size:.94rem;color:var(--accent);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:5px}
a:hover{text-decoration-color:transparent}
:focus-visible{outline:3px solid var(--accent);outline-offset:5px;border-radius:4px}
.skip-link{position:fixed;left:20px;top:-100px;background:var(--ink);color:white;padding:12px 20px;border-radius:8px;z-index:100}
.skip-link:focus{top:12px}
.site-header{position:sticky;top:0;z-index:20;background:rgba(248,249,252,.96);border-bottom:1px solid var(--line);backdrop-filter:blur(12px)}
.navigation{min-height:80px;display:flex;align-items:center;justify-content:space-between;gap:32px}
.brand{display:inline-flex;align-items:center;gap:10px;min-height:44px;font-size:1.28rem;font-weight:750;letter-spacing:-.04em;white-space:nowrap;color:var(--ink)}
.brand img{border-radius:10px;flex:none}
.desktop-nav{display:flex;align-items:center;gap:34px}
.desktop-nav a{display:inline-flex;align-items:center;min-height:44px;font-size:.85rem;font-weight:550;color:var(--muted)}
.desktop-nav a:hover{color:var(--accent)}
.mobile-menu{display:none}
.hero{padding-top:clamp(42px,5vw,80px)}
.hero-grid{display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:60px}
.hero-copy{padding-block:22px 60px;min-width:0}
.hero h1 span{color:var(--accent)}
.hero-description{font-size:clamp(1.05rem,1.6vw,1.2rem);line-height:1.7;max-width:470px;margin-top:27px}
.hero-actions{display:flex;align-items:center;flex-wrap:wrap;gap:24px;margin-top:34px}
.hero-notes{display:flex;gap:21px;flex-wrap:wrap;margin-top:24px;color:var(--muted);font-size:.78rem}
.hero-notes li+li{position:relative}
.hero-notes li+li::before{content:"";position:absolute;left:-12px;top:.75em;width:3px;height:3px;border-radius:100%;background:#8a93a3}
.hero-product{isolation:isolate;position:relative;display:flex;align-items:center;justify-content:center;flex-direction:column;min-width:0;padding:32px 0 0}
.product-orbit{position:absolute;inset:6% -5% 10%;border-radius:48% 48% 44% 44%;background:radial-gradient(ellipse at 65% 30%,#e0ddff 0,#eeedfa 55%,#f3f4fb 85%);z-index:-1}
.device{padding:7px;background:#171b27;border:1px solid #333847;border-radius:43px;box-shadow:0 24px 54px -20px #18203955;line-height:0;overflow:hidden;isolation:isolate}
.device img{width:100%;border-radius:35px}
.hero-device{width:min(100%,280px);transform:rotate(3deg);position:relative}
.product-note{display:flex;align-items:center;gap:12px;position:absolute;left:-2%;top:10%;padding:14px 18px;background:white;border:1px solid #e2e4ee;border-radius:14px;box-shadow:0 8px 30px #18203909;z-index:2;max-width:85%}
.product-note strong{display:block;font-size:.8rem;line-height:1.45;letter-spacing:-.02em}
.product-note span:not(.note-mark){display:block;color:var(--muted);font-size:.68rem;margin-top:2px}
.note-mark{display:grid;place-items:center;width:30px;height:30px;flex:none;background:#e6f4ee;color:#166044;border-radius:50%;font-size:.9rem;font-weight:700}
.image-caption{font-size:.68rem;text-align:center;margin-top:28px;color:var(--muted)}
.essentials{margin-top:62px;padding-block:30px;border-block:1px solid var(--line);display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}
.essentials>div{display:flex;flex-direction:column;gap:5px}
.essentials>div+div{border-left:1px solid var(--line);padding-left:32px}
.essentials strong{font-size:.9rem;font-weight:650;letter-spacing:-.02em}
.essentials span{font-size:.75rem;line-height:1.6;color:var(--muted)}
.section-heading{max-width:700px;margin-bottom:48px}
.section-heading>p:not(.eyebrow){margin-top:20px;max-width:620px}
.heading-split{max-width:none;display:flex;justify-content:space-between;align-items:end;gap:48px}
.heading-split>p:not(.eyebrow){max-width:365px;margin:0 0 4px;flex:1}
.steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:44px}
.steps li{padding-top:23px;border-top:1px solid #bbc0d0}
.step-number{font-size:.78rem;font-weight:650;color:var(--accent);display:block;margin-bottom:26px}
.steps h3{margin-bottom:13px}
.steps p{font-size:.91rem;line-height:1.75}
.focus-section{background:var(--night);padding-block:80px;color:#f5f6ff;overflow:hidden}
.focus-grid{display:grid;grid-template-columns:.85fr 1fr;gap:100px;align-items:center}
.focus-product{display:flex;align-items:center;justify-content:center;position:relative}
.focus-product::before{content:"";position:absolute;inset:10% -20%;background:radial-gradient(ellipse,#33307966,transparent 67%);pointer-events:none}
.focus-device{width:min(100%,265px);transform:rotate(-3deg);background:#080d1b;border-color:#414760;position:relative;box-shadow:0 20px 55px #0006}
.focus-copy .eyebrow{color:#b9bcff}
.focus-copy h2{color:#fff}
.section-lead{font-size:1.05rem;line-height:1.75;margin-top:24px;color:#bcc5d7;max-width:450px}
.feature-list{margin-top:32px}
.feature-list li{display:flex;gap:22px;padding:23px 0;border-top:1px solid #30394f}
.feature-list li>span{font-size:.74rem;font-weight:600;color:#b9bcff;line-height:1.8;flex:none}
.feature-list h3{font-size:1rem;letter-spacing:-.01em;margin-bottom:7px}
.feature-list p{font-size:.86rem;line-height:1.75;color:#b7c2d6}
.features-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:30px}
.feature-icon{display:grid;place-items:center;width:44px;height:44px;border-radius:12px;background:var(--soft);font-size:1.15rem;font-weight:650;letter-spacing:-.05em;color:var(--accent);margin-bottom:22px}
.feature h3{font-size:1.05rem;margin-bottom:12px}
.feature p{font-size:.88rem;line-height:1.75}
.papers-section{background:#f0f2f8;border-block:1px solid var(--line)}
.paper-groups{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;align-items:start}
.paper-group{padding:26px;background:white;border:1px solid var(--line);border-radius:18px;min-width:0}
.group-index{font-size:.62rem;font-weight:650;letter-spacing:.12em;color:var(--muted)}
.paper-group h3{font-size:1.09rem;margin-top:10px;margin-bottom:22px;letter-spacing:-.025em}
.paper-group li{display:flex;align-items:baseline;gap:13px;border-top:1px solid #eef0f5;padding:13px 0;font-size:.79rem;line-height:1.55;color:#4d5a70}
.paper-group li:last-child{padding-bottom:0}
.paper-group b{width:32px;flex:none;color:var(--accent);font-size:.74rem;font-weight:700}
.paper-group span{min-width:0;overflow-wrap:break-word}
.scope-note{font-size:.76rem;line-height:1.8;max-width:880px;margin-top:28px}
.privacy-grid{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:start}
.privacy-copy>p{margin-bottom:18px}
.privacy-copy>p:first-child{font-size:1.1rem;color:var(--ink)}
.privacy-copy>p+p{font-size:.9rem}
.faq-section{padding-top:0}
.faq-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:100px;border-top:1px solid var(--line);padding-top:80px}
.faq-grid>div>p:not(.eyebrow){font-size:.9rem;margin-top:24px}
.faq-list details{border-bottom:1px solid var(--line)}
.faq-list details:first-child{border-top:1px solid var(--line)}
.faq-list summary{display:flex;justify-content:space-between;align-items:center;gap:24px;min-height:72px;cursor:pointer;font-size:.96rem;font-weight:600;line-height:1.5;padding-block:20px;list-style:none;letter-spacing:-.015em}
.faq-list summary::-webkit-details-marker{display:none}
.faq-list summary>span{line-height:1;width:1em;text-align:center;font-size:1.5rem;font-weight:400;color:var(--accent);flex:none}
.faq-list details[open] summary>span{transform:rotate(45deg)}
.faq-list details>p{font-size:.88rem;line-height:1.8;padding:0 30px 24px 0}
.contact-section{padding-bottom:80px}
.contact-panel{display:flex;align-items:center;justify-content:space-between;gap:48px;background:#eae9fb;border:1px solid #dedcf8;padding:54px 60px;border-radius:var(--radius)}
.contact-panel h2{font-size:clamp(2rem,3.5vw,3rem)}
.contact-panel p:not(.eyebrow){font-size:.9rem;max-width:390px;margin-top:20px}
.contact-panel>div{min-width:0;max-width:100%;overflow-wrap:anywhere}
.contact-panel>.button{flex:none}
.site-footer{background:white;border-top:1px solid var(--line);padding-block:46px 24px}
.footer-top{display:flex;justify-content:space-between;align-items:center;gap:28px}
.footer-top p{font-size:.8rem;margin-top:12px}
.footer-top nav{display:flex;flex-wrap:wrap;gap:10px 28px;font-size:.82rem;color:var(--muted)}
.footer-top nav a{min-height:44px;display:inline-flex;align-items:center}
.footer-bottom{display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--line);margin-top:32px;padding-top:23px;font-size:.71rem;color:var(--muted)}
@media(min-width:1600px){.hero-grid{gap:100px}.hero{padding-top:85px}.hero-device{width:300px}.hero-copy{padding-bottom:75px}}
@media(max-width:1100px){.shell{width:calc(100% - 64px)}.hero-grid{gap:36px}.product-note{left:-4%;padding:12px}.hero-device{width:260px}.features-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:38px 50px}.focus-grid,.privacy-grid,.faq-grid{gap:60px}.paper-group{padding:22px 18px}.contact-panel{padding:44px}}
@media(max-width:800px){.desktop-nav{gap:22px}.header-support{display:none}.hero-grid{grid-template-columns:1fr 1fr;gap:20px}h1{font-size:clamp(2.65rem,6.5vw,3.7rem)}.hero-product{padding-top:35px}.hero-device{width:235px}.product-note{position:relative;left:auto;top:auto;max-width:100%;margin-bottom:18px}.hero-description{font-size:1.02rem}.hero-copy{padding-block:15px 25px}.hero-actions{gap:16px}.hero-actions .button{padding-inline:18px}.image-caption{max-width:220px}.essentials{gap:20px;margin-top:45px}.essentials>div+div{padding-left:20px}.essentials strong{font-size:.83rem}.heading-split{display:block}.heading-split>p:not(.eyebrow){max-width:540px;margin-top:24px}.steps{gap:25px}.focus-grid{gap:40px}.focus-device{width:235px}.paper-groups{grid-template-columns:1fr}.paper-group{padding:24px}.paper-group ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 26px}.paper-group li:last-child{padding-bottom:13px}.privacy-grid{gap:48px}.faq-grid{gap:40px}.contact-panel{align-items:start;flex-direction:column;gap:28px}}
@media(max-width:600px){html{scroll-padding-top:86px}.shell{width:calc(100% - 40px)}.navigation{min-height:72px;gap:16px}.brand{font-size:1.2rem}.brand img{width:32px;height:32px}.desktop-nav{display:none}.mobile-menu{display:block}.mobile-menu summary{display:flex;align-items:center;justify-content:center;gap:10px;min-height:44px;min-width:78px;font-size:.85rem;font-weight:600;cursor:pointer;list-style:none}.mobile-menu summary::-webkit-details-marker{display:none}.mobile-menu nav{position:absolute;top:calc(100% - 1px);left:0;right:0;padding:12px 20px 20px;display:flex;flex-direction:column;background:var(--bg);border-bottom:1px solid var(--line);box-shadow:0 15px 20px #1820390a}.mobile-menu nav a{padding:12px 4px;min-height:48px;font-size:1rem}.hero{padding-top:36px}.hero-grid{grid-template-columns:1fr;gap:20px}.hero-copy{padding:0}h1{font-size:clamp(2.65rem,10.8vw,3.9rem);line-height:1.07}.hero .eyebrow{font-size:.64rem;gap:9px;margin-bottom:23px;letter-spacing:.1em}.small-line{width:18px}.hero-description{font-size:1.02rem;margin-top:23px;max-width:450px}.hero-actions{gap:20px;margin-top:27px}.hero-actions .button{font-size:.87rem;padding-inline:17px;gap:18px}.hero-actions .text-link{font-size:.84rem;gap:10px}.hero-notes{font-size:.72rem;margin-top:19px}.hero-product{padding-top:24px}.hero-device{width:238px;transform:rotate(2deg)}.product-note{position:absolute;top:6%;left:0;padding:10px 13px;max-width:90%}.product-note strong{font-size:.71rem}.product-note span:not(.note-mark){font-size:.61rem}.note-mark{width:27px;height:27px}.product-orbit{inset:6% -2% 10%}.image-caption{font-size:.65rem;margin-top:23px}.essentials{grid-template-columns:1fr;gap:0;margin-top:35px;padding-block:6px}.essentials>div{padding:18px 0;gap:3px}.essentials>div+div{padding-left:0;border-left:0;border-top:1px solid var(--line)}.essentials strong{font-size:.86rem}.essentials span{font-size:.76rem}.section{padding-block:66px}.eyebrow{font-size:.64rem;margin-bottom:18px}h2{font-size:clamp(2rem,7.9vw,2.7rem)}.section-heading{margin-bottom:34px}.heading-split>p:not(.eyebrow){font-size:.94rem;margin-top:20px}.steps{grid-template-columns:1fr;gap:30px}.steps li{padding-top:20px}.step-number{margin-bottom:14px}.steps h3{font-size:1.15rem}.steps p{font-size:.92rem}.focus-section{padding-block:64px}.focus-grid{grid-template-columns:1fr;gap:44px}.focus-copy{grid-row:1}.section-lead{font-size:.95rem;margin-top:20px}.feature-list{margin-top:26px}.feature-list li{gap:18px;padding:19px 0}.focus-device{width:225px;transform:rotate(-2deg)}.feature-list p{font-size:.86rem}.features-grid{grid-template-columns:1fr;gap:30px}.feature{display:grid;grid-template-columns:44px 1fr;gap:8px 18px;align-items:center}.feature-icon{grid-row:1 / 3;align-self:start;margin:0}.feature h3{margin:0}.feature p{grid-column:2;line-height:1.7}.paper-group{padding:24px 20px}.paper-group ul{grid-template-columns:1fr}.paper-group li{font-size:.86rem;gap:15px}.paper-group h3{font-size:1.2rem}.scope-note{font-size:.76rem}.privacy-grid,.faq-grid{grid-template-columns:1fr;gap:28px}.privacy-copy>p:first-child{font-size:1rem}.faq-section{padding-top:0}.faq-grid{padding-top:60px;gap:32px}.faq-grid>div>p:not(.eyebrow){margin-top:20px}.faq-list summary{font-size:.92rem;min-height:70px;gap:15px}.faq-list details>p{padding-right:0;font-size:.87rem}.contact-section{padding-bottom:60px}.contact-panel{padding:32px 24px;gap:28px;border-radius:20px}.contact-panel h2{font-size:2.15rem}.contact-panel p:not(.eyebrow){font-size:.88rem}.contact-panel>.button{width:100%}.footer-top{align-items:start;flex-direction:column;gap:24px}.footer-top nav{gap:4px 24px}.footer-bottom{flex-direction:column;gap:10px;margin-top:22px}.site-footer{padding-top:34px}.footer-bottom p{max-width:290px}}
@media(max-width:359px){.shell{width:calc(100% - 32px)}.hero-actions{align-items:stretch;flex-direction:column;gap:7px}.hero-actions .text-link{align-self:center}.hero-notes{gap:18px;font-size:.68rem}.hero-device{width:220px}.product-note{left:0}.hero h1{font-size:2.6rem}.contact-panel{padding:28px 20px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.button:hover{transform:none}}
@media(forced-colors:active){.button,.feature-icon,.device{border:1px solid ButtonText}.note-mark{border:1px solid CanvasText}}
