:root{--orange:#f59c00;--ink:#18191c;--muted:#696b72;--paper:#fcfbf8;--line:rgba(31,29,25,.12);--font:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;--max:1280px;color-scheme:light;font-family:var(--font);font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;background:var(--paper);color:var(--ink);font-size:16px;line-height:1.65;-webkit-font-smoothing:antialiased}button,a,input,textarea{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button,a{touch-action:manipulation}button{color:inherit}a{color:inherit;text-decoration:none}img{display:block;max-width:100%;height:auto}svg{display:block;width:26px;height:26px}h1,h2,h3,p,figure{margin:0}h1,h2,h3{line-height:1.08;letter-spacing:-.045em;font-weight:680}h1{font-size:clamp(48px,5.5vw,80px)}h2{font-size:clamp(32px,3.6vw,50px)}h3{font-size:clamp(26px,2.8vw,38px)}p{color:var(--muted)}ul{padding-left:20px}li{padding:5px 0}a,button,summary{outline-offset:5px}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #c87900}::selection{background:#f7b84a;color:#111}.container{width:min(calc(100% - 96px),var(--max));margin-inline:auto}.section{padding:100px 0}.eyebrow{text-transform:uppercase;letter-spacing:.13em;font-size:11px;font-weight:650;color:#986300;margin-bottom:20px}.accent{color:var(--orange)}.text-link{display:inline-flex;align-items:center;min-height:44px;gap:8px;font-weight:600;color:#9d6000;border-bottom:1px solid transparent}.text-link:hover{border-color:currentColor}.text-link:after{content:"↗";font-size:18px;margin-left:3px}.skip-link{position:fixed;top:8px;left:16px;padding:10px 18px;background:#fff;color:#111;border-radius:50px;z-index:200;transform:translateY(-160%)}.skip-link:focus{transform:none}.btn{display:inline-flex;justify-content:center;align-items:center;min-height:52px;padding:12px 25px;border-radius:999px;border:1px solid transparent;font-size:14px;font-weight:600;letter-spacing:-.01em;line-height:1.3;transition:transform .2s,background .2s,box-shadow .2s;white-space:nowrap}.btn:hover{transform:translateY(-2px)}.btn:active{transform:scale(.98)}.btn-primary{background:var(--orange);color:#17130b;border-color:rgba(255,218,157,.6);box-shadow:inset 0 1px 1px rgba(255,255,255,.4),0 4px 20px rgba(245,156,0,.12)}.btn-primary:hover{background:#ffaf23;box-shadow:inset 0 1px 1px rgba(255,255,255,.5),0 8px 24px rgba(245,156,0,.19)}.btn-glass{color:#fff;border-color:rgba(255,255,255,.26);background:rgba(255,255,255,.065);box-shadow:inset 0 1px 0 rgba(255,255,255,.08);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.btn-glass:hover{background:rgba(255,255,255,.13)}.btn-dark{background:#1d1d20;color:white;border-color:#353538}.btn-dark:hover{background:#353538}.btn-light{background:rgba(255,255,255,.8);border-color:var(--line)}.site-header{position:absolute;inset:24px 0 auto;z-index:20;pointer-events:none}.navigation{pointer-events:auto;position:relative;display:flex;align-items:center;gap:28px;width:max-content;max-width:calc(100% - 40px);padding:9px 10px 9px 18px;margin:auto;border:1px solid rgba(255,255,255,.18);border-radius:100px;background:rgba(47,47,46,.7);color:#f7f7f7;box-shadow:inset 0 1px 0 rgba(255,255,255,.07),0 8px 24px rgba(0,0,0,.1);backdrop-filter:blur(24px) saturate(140%);-webkit-backdrop-filter:blur(24px) saturate(140%)}.brand{display:flex;gap:8px;align-items:center;flex-shrink:0;min-height:44px;font-size:19px;font-weight:750;letter-spacing:-.05em;color:inherit}.brand img{width:35px;height:35px;border-radius:9px}.brand .accent{color:var(--orange)}.desktop-nav{display:flex;align-items:center;gap:24px;margin-left:8px}.nav-link{display:flex;align-items:center;min-height:44px;font-size:13px;color:#d8d8dd}.nav-link:hover{color:#fff}.nav-actions{display:flex;align-items:center;gap:14px}.nav-web{min-height:42px;padding:10px 22px;font-size:13px}.language-switch{display:flex;align-items:center;gap:2px}.language-switch button{border:0;background:none;color:#b9b9bd;font-size:10px;padding:7px;min-width:30px;min-height:40px;border-radius:100px}.language-switch button[aria-pressed=true]{color:white;background:rgba(255,255,255,.12)}.menu-button{display:none;background:transparent;border-color:rgba(255,255,255,.2);color:white;min-height:40px;padding:8px 15px}.mobile-menu{position:absolute;left:0;right:0;top:calc(100% + 8px);padding:14px 24px;background:rgba(30,30,31,.97);border:1px solid #555;border-radius:24px;box-shadow:0 15px 30px #0003}.mobile-menu .nav-link{padding:5px}.mobile-menu[hidden]{display:none}.hero{background:#111;color:#fff;position:relative;overflow:hidden;isolation:isolate;border-radius:0 0 50% 3% / 0 0 3% 1%}.hero:before{content:"";position:absolute;inset:0;background:url('assets/hero-ambient.webp') center/cover no-repeat;opacity:.72;z-index:-1}.hero-layout{display:grid;grid-template-columns:1fr 1.1fr;gap:28px;align-items:center;min-height:770px;padding-top:160px;padding-bottom:95px}.hero-copy{position:relative;z-index:3;padding-bottom:5px}.hero-copy .eyebrow{color:#cfb894}.hero-lede{max-width:460px;font-size:18px;line-height:1.6;color:#b9b9be;margin-top:25px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:34px}.platform-note{font-size:12px;color:#a6a6ab;margin-top:23px;display:flex;gap:9px;flex-wrap:wrap}.hero-visual{position:relative;height:485px;margin-right:-25px;isolation:isolate}.screenshot-button{display:block;border:0;background:none;padding:0;cursor:zoom-in;border-radius:16px}.screenshot-button img{width:100%;height:100%;object-fit:contain;border-radius:inherit}.desktop-shot{position:absolute;top:60px;left:0;width:110%;border:1px solid #686868;border-radius:14px;box-shadow:0 30px 60px #0006;overflow:hidden}.desktop-shot img{aspect-ratio:16/9;object-fit:cover}.phone-shot{position:absolute;top:0;left:36%;width:210px;height:auto;aspect-ratio:1206/2622;border-radius:28px;overflow:hidden;border:4px solid #252525;box-shadow:0 0 0 1px #777,0 24px 45px #0007;z-index:2}.shot-caption{position:absolute;bottom:-16px;left:0;right:0;text-align:center;color:#98989d;font-size:10px}.intro{padding:75px 0 85px}.intro-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px}.intro-grid article+article{border-left:1px solid var(--line);padding-left:60px}.intro-heading{display:flex;align-items:center;gap:19px;margin-bottom:20px}.intro h2{font-size:31px}.feature-icon{display:flex;flex-shrink:0;align-items:center;justify-content:center;background:#fff0d7;color:#ac6b00;width:62px;height:62px;border-radius:20px}.feature-icon svg{width:30px;height:30px}.intro-grid article>p{font-size:16px;max-width:480px;line-height:1.75}.intro-grid .text-link{margin-top:23px}.feature-links{display:flex;gap:24px}.feature-links .text-link{color:#29292c}.feature-links .text-link:after{display:none}.app-section{background:#f2f1ee;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:70px;margin-bottom:45px}.section-heading>p{font-size:15px;max-width:325px}.section-heading h2{max-width:650px}.app-tabs{display:flex;gap:5px;width:max-content;max-width:100%;padding:5px;border:1px solid #fff;border-radius:50px;background:rgba(255,255,255,.65);box-shadow:0 2px 7px #00000008;overflow-x:auto}.app-tabs button{border:0;border-radius:99px;padding:11px 24px;min-height:46px;font-size:13px;font-weight:600;white-space:nowrap;background:transparent;color:#696b72}.app-tabs button[aria-selected=true]{background:#262628;color:#fff;box-shadow:0 2px 7px #0002}.app-tabs button:hover:not([aria-selected=true]){background:#deddd9;color:#222}.app-panel{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:110px;margin-top:50px}.app-panel[hidden]{display:none}.app-panel-copy{max-width:480px}.app-panel-copy h3{font-size:40px;margin-bottom:25px}.app-panel-copy>p:not(.eyebrow){font-size:17px;line-height:1.75}.app-panel ul{margin:25px 0 20px;list-style:none;padding:0}.app-panel li{border-bottom:1px solid var(--line);padding:13px 0;font-size:14px}.app-panel figure{display:flex;flex-direction:column;align-items:center}.app-shot{width:260px;border-radius:26px;overflow:hidden;border:1px solid #d7d6d2;box-shadow:0 16px 40px #25201a12}.app-panel figcaption{font-size:11px;color:var(--muted);margin-top:20px}.cloud-section{background:#fcf6ec}.cloud-layout{display:grid;grid-template-columns:1.05fr 1fr;gap:110px;align-items:center}.cloud-layout>.feature-icon{margin-bottom:25px}.cloud-layout .feature-icon{margin-bottom:25px}.cloud-layout h2{margin-bottom:25px}.cloud-layout>div>p:not(.eyebrow){max-width:500px}.cloud-layout .eyebrow{margin-bottom:15px}.cloud-points{list-style:none;padding:0;margin:23px 0 30px}.cloud-points li{border-bottom:1px solid var(--line);font-size:14px;padding:12px 0}.cloud-note{padding:48px 0 48px 55px;border-left:1px solid #dccfbd}.cloud-note h3{font-size:37px;line-height:1.12;margin:25px 0}.cloud-note p{font-size:16px}.cloud-note .small-note{font-size:12px;margin-top:30px;color:#79756e}.getting-started{background:#fcfbf8}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:50px;padding:0;list-style:none;margin:65px 0 0}.steps li{border-top:1px solid var(--line);padding-top:24px}.step-number{font-size:13px;color:#9d6000;display:block;margin-bottom:30px}.steps h3{font-size:23px;margin-bottom:14px}.steps p{font-size:14px}.faq-section{border-top:1px solid var(--line)}.faq-layout{display:grid;grid-template-columns:1fr 1.5fr;gap:100px}.faq-layout h2{margin-bottom:25px}.faq-layout>div>p:not(.eyebrow){font-size:15px}.faq-layout .text-link{font-size:14px;margin-top:12px}.faq-list details{border-bottom:1px solid var(--line)}.faq-list details:first-child{border-top:1px solid var(--line)}.faq-list summary{list-style:none;cursor:pointer;position:relative;padding:24px 35px 24px 0;font-size:15px;font-weight:600;line-height:1.6}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary:after{content:"+";position:absolute;right:3px;top:21px;font-size:22px;font-weight:350;color:#737373}.faq-list details[open] summary:after{content:"−"}.faq-list details>p{font-size:14px;line-height:1.8;padding:0 35px 25px 0}.final-cta{background:#141414;color:white;text-align:center}.final-cta img{margin:0 auto 30px;border-radius:16px}.final-cta h2{font-size:clamp(42px,5.2vw,68px);margin-bottom:24px}.final-cta p{color:#b6b6bc}.final-cta .hero-actions{justify-content:center}.site-footer{background:#101010;color:#f7f7fa;font-size:12px;padding:45px 0 22px}.footer-row{display:flex;align-items:center;gap:30px}.footer-row p{font-size:12px;color:#929298}.site-footer nav{display:flex;gap:22px;margin-left:auto}.site-footer nav a{display:flex;align-items:center;min-height:44px;color:#bbbcc2}.site-footer a:hover{color:#f5ac2d}.footer-bottom{display:flex;justify-content:space-between;border-top:1px solid #2c2c2c;padding-top:23px;margin-top:30px;color:#909096;font-size:11px}.image-dialog{position:fixed;max-width:min(96vw,1400px);max-height:94dvh;border:1px solid #5c5c5c;border-radius:22px;padding:22px;background:#191919;color:#fff;box-shadow:0 20px 80px #0008;overflow:auto}.image-dialog::backdrop{background:#080808c9;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.image-dialog>img{max-width:100%;max-height:77dvh;width:auto;margin:auto;border-radius:10px}.image-dialog>p{font-size:12px;text-align:center;margin-top:18px;color:#b9b9be}.dialog-close{display:flex;margin:0 0 15px auto;min-height:44px;background:#333;color:#fff;padding:9px 20px}.inner-page .site-header{position:relative;inset:auto;background:#111;padding:24px 0}.inner-page h1{font-size:clamp(45px,6vw,76px);margin-bottom:30px}.simple-page{min-height:65vh}.simple-page .lede{font-size:20px;max-width:660px;margin:0 0 55px}.legal-block{display:grid;grid-template-columns:1fr 1fr;gap:40px 75px;padding:20px 0 60px;max-width:1000px}.legal-block h2{font-size:24px;margin-bottom:16px}.legal-block address{font-style:normal;color:var(--muted)}.legal-block p{font-size:14px}.legal-block a{text-decoration:underline}.simple-page .display-title{font-family:var(--font)}.back-link{display:inline-flex;min-height:44px;align-items:center;color:#9d6000}.inner-page .simple-page{padding:85px 0}.contact-layout{display:grid;grid-template-columns:1.2fr 1fr;gap:60px;margin:60px 0 70px;padding-block:40px;border-block:1px solid var(--line)}.contact-layout h2{font-size:25px;margin-bottom:25px}.contact-email{display:inline-flex;min-height:44px;font-size:clamp(20px,2.6vw,34px);font-weight:600;letter-spacing:-.03em;color:#965c00}.contact-layout p{font-size:14px;margin-top:18px;max-width:390px}.contact-actions .btn{margin:0 8px 12px 0}
@media(min-width:1450px){.hero-layout{min-height:850px}.hero-visual{height:540px}.phone-shot{width:235px}.desktop-shot{top:70px}}
@media(max-width:1100px){.container{width:calc(100% - 64px)}.navigation{gap:20px}.desktop-nav{gap:18px}.hero-layout{grid-template-columns:1fr 1fr;gap:15px;min-height:730px}.hero h1{font-size:58px}.hero-visual{margin-right:0;height:440px}.phone-shot{width:185px;left:42%}.desktop-shot{width:110%;top:75px}.hero-lede{font-size:17px}.hero-actions .btn{padding-inline:20px}.intro-grid{gap:38px}.intro-grid article+article{padding-left:38px}.intro h2{font-size:26px}.intro-heading{gap:14px}.app-panel{gap:60px}.cloud-layout{gap:65px}.footer-row{flex-wrap:wrap}.site-footer nav{margin-left:0}.footer-row>p{margin-left:auto}}
@media(max-width:800px){.container{width:calc(100% - 40px)}.section{padding:65px 0}.site-header{top:16px}.navigation{width:calc(100% - 32px);max-width:none;gap:10px;padding-left:13px}.brand{font-size:18px}.brand img{width:32px;height:32px}.desktop-nav{display:none}.nav-actions{margin-left:auto;gap:8px}.menu-button{display:flex}.language-switch{gap:0}.language-switch button{padding:4px;min-width:26px;font-size:9px}.nav-web{padding-inline:15px;min-height:40px;font-size:11px}.hero-layout{grid-template-columns:1fr;padding:145px 0 65px;gap:55px;min-height:0}.hero-copy{text-align:center}.hero h1{font-size:clamp(45px,8vw,64px)}.hero-lede{margin:23px auto 0;max-width:420px;font-size:17px}.hero-actions{justify-content:center;margin-top:28px}.platform-note{justify-content:center}.hero-copy .eyebrow{margin-bottom:20px}.hero-visual{height:460px;width:min(100%,560px);margin:0 auto}.desktop-shot{width:100%;top:65px}.phone-shot{width:195px;left:50%;transform:translateX(-50%)}.shot-caption{bottom:0;font-size:10px}.intro-grid{gap:35px}.intro-heading{align-items:flex-start;flex-direction:column}.intro h2{font-size:27px}.intro-grid article+article{padding-left:30px}.intro-grid article>p{font-size:14px}.feature-links{gap:17px}.feature-links .text-link{font-size:12px}.section-heading{gap:30px}.section-heading>p{max-width:250px;font-size:13px}.app-panel{gap:40px}.app-panel-copy h3{font-size:34px}.app-panel-copy>p:not(.eyebrow){font-size:15px}.app-shot{width:225px}.app-panel li{font-size:12px}.app-panel .text-link{font-size:12px}.cloud-layout{gap:40px}.cloud-note{padding-left:35px}.cloud-note h3{font-size:29px}.cloud-layout>div>p:not(.eyebrow){font-size:14px}.steps{gap:25px;margin-top:45px}.steps h3{font-size:20px}.steps p{font-size:13px}.faq-layout{gap:40px;grid-template-columns:.9fr 1.4fr}.footer-row{gap:18px}.footer-row>p{display:none}.site-footer nav{margin-left:auto;gap:15px}.contact-layout{gap:35px}}
@media(max-width:560px){.nav-web{display:none}.navigation{padding-right:8px}.menu-button{font-size:11px;min-width:56px;padding-inline:10px}.nav-actions{gap:5px}.language-switch button{min-width:27px;min-height:40px}.hero-layout{padding-top:138px;gap:42px}.hero h1{font-size:47px;letter-spacing:-.055em}.hero-lede{font-size:16px;max-width:340px}.hero-actions{gap:10px}.hero-actions .btn{font-size:12px;min-height:49px;padding-inline:20px}.hero-visual{height:410px}.desktop-shot{top:63px;border-radius:9px}.phone-shot{width:172px;border-radius:23px;border-width:3px}.shot-caption{bottom:-4px;font-size:9px}.platform-note{font-size:11px;gap:7px}.hero-copy .eyebrow{font-size:9px}.intro-grid{grid-template-columns:1fr;gap:35px}.intro-grid article+article{border-left:0;border-top:1px solid var(--line);padding:35px 0 0}.intro-heading{flex-direction:row;align-items:center;margin-bottom:18px}.feature-icon{width:50px;height:50px;border-radius:16px}.feature-icon svg{width:25px;height:25px}.intro h2{font-size:26px}.intro-grid article>p{font-size:15px}.feature-links .text-link{font-size:13px}.intro-grid .text-link{margin-top:17px}.section-heading{display:block;margin-bottom:30px}.section-heading>p{max-width:340px;font-size:14px;margin-top:24px}.section-heading h2{font-size:37px}.eyebrow{font-size:10px}.app-tabs{width:100%;justify-content:space-between;gap:0}.app-tabs button{padding-inline:14px;font-size:11px}.app-panel{grid-template-columns:1fr;gap:30px;margin-top:35px}.app-panel-copy h3{font-size:31px;margin-bottom:19px}.app-panel-copy ul{margin-top:15px}.app-panel li{font-size:13px}.app-panel .text-link{font-size:13px}.app-shot{width:245px}.app-panel figure{margin-top:4px}.app-panel figcaption{font-size:10px}.cloud-layout{grid-template-columns:1fr;gap:40px}.cloud-layout h2{font-size:41px}.cloud-layout>div>p:not(.eyebrow){font-size:15px}.cloud-note{padding:30px 0 0;border-left:0;border-top:1px solid #dccfbd}.cloud-note h3{font-size:30px;margin-top:15px}.cloud-note .small-note{font-size:12px!important}.steps{grid-template-columns:1fr;gap:25px;margin-top:35px}.steps li{position:relative;padding-left:48px;padding-top:20px}.step-number{position:absolute;top:18px;left:0;margin:0}.steps h3{font-size:22px}.steps p{font-size:14px}.faq-layout{grid-template-columns:1fr;gap:32px}.faq-layout h2{font-size:40px;margin-bottom:15px}.faq-list summary{font-size:14px;padding-block:22px}.faq-list details>p{font-size:13px}.site-footer{padding-top:30px}.footer-row{display:block}.footer-row .brand{width:max-content}.site-footer nav{margin-top:17px;flex-wrap:wrap;gap:20px;font-size:11px}.footer-bottom{font-size:10px;gap:15px}.final-cta h2{font-size:44px}.final-cta p{font-size:14px}.legal-block{grid-template-columns:1fr;gap:35px}.simple-page .lede{font-size:17px}.inner-page .site-header{padding:16px 0}.inner-page .simple-page{padding-top:55px}.contact-layout{grid-template-columns:1fr;margin-top:30px;gap:35px}.contact-email{font-size:25px}.image-dialog{padding:12px;border-radius:15px}.image-dialog>img{max-height:74dvh}.dialog-close{margin-bottom:12px;min-height:44px;font-size:12px}.image-dialog>p{font-size:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}
@media(prefers-reduced-transparency:reduce){.navigation{background:#252525;backdrop-filter:none;-webkit-backdrop-filter:none}.btn-glass{background:#292929;backdrop-filter:none}.image-dialog::backdrop{backdrop-filter:none;background:#101010ef}}
@supports not (backdrop-filter:blur(1px)){.navigation{background:#252525}.btn-glass{background:#292929}}
/* Keep the complete web screenshot visible beside the real iPhone capture. */
.desktop-shot{width:100%}.hero-visual{margin-right:0}.hero h1{font-size:clamp(48px,5.5vw,80px)}
@media(max-width:560px){.hero h1{font-size:47px}}
.language-switch button{min-height:44px}
@media(min-width:801px){.mobile-menu{display:none}}
.site-header{position:fixed}
.inner-page .site-header{position:relative}
/* Match the selected editorial hierarchy while keeping real product captures. */
.hero h1{font-size:clamp(48px,5.8vw,86px)}
.hero-lede{font-size:20px;max-width:500px}
.hero-actions .btn{font-size:16px;min-height:56px;padding-inline:28px}
.intro-grid article{display:grid;grid-template-columns:88px minmax(0,1fr);column-gap:26px;align-content:start}
.intro-heading{display:contents}
.intro .feature-icon{grid-column:1;grid-row:1 / span 2;width:88px;height:88px;border-radius:24px}
.intro .feature-icon svg{width:36px;height:36px}
.intro h2{grid-column:2;font-size:33px;margin:9px 0 18px}
.intro-grid article>p{grid-column:2;font-size:17px}
.feature-links{grid-column:1 / -1}
.intro-grid article>.text-link{grid-column:2}
@media(max-width:1100px){.intro-grid article{grid-template-columns:64px minmax(0,1fr);column-gap:20px}.intro .feature-icon{width:64px;height:64px;border-radius:20px}.intro h2{font-size:28px;margin-top:5px}.hero-actions .btn{font-size:14px;padding-inline:22px}.hero-lede{font-size:18px}}
@media(max-width:800px){.hero h1{font-size:clamp(45px,8vw,64px)}.intro-grid article{display:block}.intro-heading{display:flex;align-items:flex-start;flex-direction:column;margin-bottom:18px}.intro h2{margin:0;font-size:27px}.intro .feature-icon{width:62px;height:62px;margin-bottom:15px}.intro-grid article>p{font-size:15px}.hero-lede{font-size:17px}}
@media(max-width:560px){.hero h1{font-size:47px}.hero-lede{font-size:16px}.hero-actions .btn{font-size:12px;min-height:49px;padding-inline:20px}.intro-heading{flex-direction:row;align-items:center}.intro .feature-icon{width:50px;height:50px;min-width:50px;border-radius:16px;margin-bottom:0}.intro .feature-icon svg{width:25px;height:25px}.intro h2{font-size:26px}.intro-grid article>p{font-size:15px}}
/* Interactive, local example app; main app and Cloud remain distinct sections. */
.app-intro{display:grid;grid-template-columns:1.25fr 1fr;gap:100px;align-items:center}.app-intro h2{font-size:clamp(32px,3.6vw,48px);margin-bottom:24px}.app-intro p{max-width:540px}.platforms>div{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:18px 0;border-bottom:1px solid var(--line);font-size:14px}.platforms span{color:var(--muted)}.platforms a{color:#9d6000}.demo-layout{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center;margin-top:48px}.demo-copy{max-width:490px}.demo-copy[hidden]{display:none}.demo-copy h3{font-size:40px;margin-bottom:24px}.demo-copy>p:not(.eyebrow){font-size:17px}.demo-copy ul{list-style:none;padding:0;margin:25px 0}.demo-copy li{padding:13px 0;border-bottom:1px solid var(--line);font-size:14px}.demo-hint{font-size:14px;max-width:440px;color:#56585e}.demo-disclaimer{font-size:12px;max-width:440px;margin:15px 0}.demo-figure{display:flex;flex-direction:column;align-items:center;min-width:0}.demo-figure iframe{display:block;width:375px;max-width:100%;height:760px;border:5px solid #272727;border-radius:34px;background:#000;box-shadow:0 20px 45px #25201a1a;overflow:hidden;color-scheme:dark}.demo-figure figcaption{font-size:11px;color:var(--muted);margin-top:18px;text-align:center}.app-tabs{flex-wrap:wrap;overflow:visible;border-radius:28px}.app-tabs button{padding-inline:20px}.rights-grid{display:grid;grid-template-columns:1fr 1fr;gap:75px;margin:50px 0 24px}.rights-grid article{border-top:1px solid var(--line);padding-top:24px}.rights-grid h3{font-size:29px;margin-bottom:24px}.rights-grid p{font-size:15px;margin-bottom:16px}.rights-grid .step-number{margin-bottom:22px}.cloud-section{border-top:1px solid #e7dac6}.navigation{gap:22px}.desktop-nav{gap:20px}
@media(max-width:1100px){.app-intro,.demo-layout{gap:50px}.demo-figure iframe{width:350px;height:720px}.rights-grid{gap:45px}.demo-copy h3{font-size:34px}.demo-copy>p:not(.eyebrow){font-size:15px}.navigation{gap:15px}.desktop-nav{gap:14px}.app-tabs button{padding-inline:17px}}
@media(max-width:800px){.demo-layout{gap:30px;grid-template-columns:.9fr 1.1fr}.demo-figure iframe{width:340px;height:700px}.app-intro{gap:35px}.platforms>div{display:block}.platforms strong{display:block}.rights-grid{gap:32px}.rights-grid h3{font-size:26px}.app-tabs button{font-size:12px;padding-inline:16px}.demo-copy h3{font-size:31px}}
@media(max-width:600px){.app-intro,.demo-layout,.rights-grid{grid-template-columns:1fr;gap:30px}.platforms>div{display:flex}.demo-layout{margin-top:32px}.demo-figure iframe{width:375px;height:730px}.demo-copy h3{font-size:31px}.app-tabs{justify-content:flex-start;width:max-content;max-width:100%;border-radius:25px;gap:2px}.app-tabs button{padding:10px 15px;min-height:44px;font-size:11px}.rights-grid{margin-top:30px;gap:25px}.rights-grid h3{font-size:27px}.demo-disclaimer{font-size:12px}.demo-figure figcaption{font-size:10px}}
/* Appearance: the original warm, light design plus a distinct graphite palette. */
.theme-toggle{position:relative;display:grid;place-items:center;width:44px;height:44px;flex-shrink:0;padding:0;border:1px solid #ffffff26;border-radius:50%;background:#ffffff0b;color:#f3f3f5;overflow:hidden;transition:background .25s,border-color .25s,transform .35s cubic-bezier(.2,.8,.2,1)}.theme-toggle:hover{background:#ffffff24;border-color:#ffffff66;transform:rotate(-8deg)}.theme-toggle:active{transform:scale(.92)}.theme-toggle svg{position:absolute;width:19px;height:19px;transition:opacity .25s,transform .4s cubic-bezier(.2,.8,.2,1)}.theme-sun{opacity:0;transform:rotate(-70deg) scale(.6)}[data-theme=dark] .theme-sun{opacity:1;transform:rotate(0) scale(1)}[data-theme=dark] .theme-moon{opacity:0;transform:rotate(65deg) scale(.6)}
:root[data-theme=dark]{color-scheme:dark;--ink:#f2f3f5;--muted:#a9abb3;--paper:#0d0e10;--line:rgba(236,239,246,.14)}
[data-theme=dark] .app-section{background:#151619;border-color:#ffffff12}
[data-theme=dark] .permissions-section{background:#0d0e10}
[data-theme=dark] .cloud-section{background:#1b1813;border-color:#efbd681f}
[data-theme=dark] .getting-started{background:#101114}
[data-theme=dark] .faq-section{background:#151619}
[data-theme=dark] .hero{background:#08090b}
[data-theme=dark] .hero:before{opacity:.5}
[data-theme=dark] .navigation{background:rgba(25,26,29,.82);border-color:#ffffff24;box-shadow:inset 0 1px 0 #ffffff0c,0 12px 35px #0005}
[data-theme=dark] .mobile-menu{background:rgba(24,25,28,.98);border-color:#44464c}
[data-theme=dark] .eyebrow,[data-theme=dark] .step-number,[data-theme=dark] .text-link,[data-theme=dark] .back-link,[data-theme=dark] .platforms a,[data-theme=dark] .contact-email{color:#f2b34e}
[data-theme=dark] .hero-copy .eyebrow{color:#d3bb96}
[data-theme=dark] .feature-icon{background:#f5ac2f12;color:#f2b34e;border:1px solid #f5ac2f24}
[data-theme=dark] .app-tabs{background:#222327;border-color:#ffffff12;box-shadow:inset 0 1px 0 #ffffff05,0 4px 18px #0002}
[data-theme=dark] .app-tabs button{color:#bfc1c8}
[data-theme=dark] .app-tabs button[aria-selected=true]{background:#f1f2f4;color:#151619;box-shadow:0 2px 9px #0005}
[data-theme=dark] .app-tabs button:hover:not([aria-selected=true]){background:#33353b;color:#fff}
[data-theme=dark] .demo-hint{color:#c5c7ce}
[data-theme=dark] .demo-figure iframe{border-color:#44464b;box-shadow:0 24px 60px #0006,0 0 0 1px #ffffff09}
[data-theme=dark] .cloud-note{border-color:#e5c89929}
[data-theme=dark] .cloud-note .small-note{color:#b7b0a4}
[data-theme=dark] .cloud-section .btn-dark{background:#efede7;color:#151412;border-color:#fff3;box-shadow:inset 0 1px 0 #fff6}
[data-theme=dark] .cloud-section .btn-dark:hover{background:#fff}
[data-theme=dark] .btn-light{background:#292b30;color:#f4f4f7;border-color:#ffffff29}
[data-theme=dark] .contact-layout{border-color:var(--line)}
[data-theme=dark] .faq-list summary:after{color:#bfc1c8}
[data-theme=dark] .final-cta{background:#08090b;border-top:1px solid #ffffff12}
[data-theme=dark] .site-footer{background:#08090b}
[data-theme=dark] .inner-page .site-header{background:#0d0e10}
[data-theme=dark] :is(a,button,summary):focus-visible{outline-color:#ffbf58}
/* Colour transitions apply only after a visitor deliberately switches themes. */
.theme-ready body,.theme-ready :is(.section,.hero,.navigation,.mobile-menu,.site-footer,.app-tabs,.app-tabs button,.feature-icon,.btn-light,.btn-dark){transition:background-color .35s ease,color .3s ease,border-color .3s ease,box-shadow .3s ease}
/* Short, purposeful motion: entrances, scroll reveals and interactive feedback. */
.reveal-item{transition:opacity .65s ease,transform .65s cubic-bezier(.16,1,.3,1)}
.reveal-pending{opacity:0;transform:translateY(25px)}
.reveal-pending:focus-within{opacity:1;transform:none}
@keyframes intro-rise{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}
@keyframes nav-arrive{from{opacity:0;transform:translateY(-9px)}to{opacity:1;transform:translateY(0)}}
@keyframes ambient-glow{0%,100%{transform:scale(1);filter:brightness(1)}50%{transform:scale(1.035);filter:brightness(1.18)}}
@keyframes sheet-arrive{from{opacity:0;transform:translateY(12px) scale(.985)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:no-preference){
 .hero-copy>.eyebrow{animation:intro-rise .65s both}.hero h1{animation:intro-rise .8s .08s both}.hero-lede{animation:intro-rise .8s .17s both}.hero-copy .hero-actions{animation:intro-rise .8s .25s both}.platform-note{animation:intro-rise .8s .32s both}.hero-visual{animation:intro-rise 1s .2s both}
 .navigation{animation:nav-arrive .55s both}.hero:before{animation:ambient-glow 10s ease-in-out 3}
 .mobile-menu:not([hidden]){animation:sheet-arrive .25s ease-out both}
 .image-dialog[open]{animation:sheet-arrive .3s ease-out both}
 .feature-icon{transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s}.cloud-layout>div:hover>.feature-icon{transform:translateY(-4px) rotate(-4deg);box-shadow:0 9px 20px #c3831510}
 .app-tabs button{transition:background .22s,color .22s,transform .3s cubic-bezier(.2,.8,.2,1),box-shadow .3s}.app-tabs button:active{transform:scale(.95)}
 .text-link:after{transition:transform .25s}.text-link:hover:after{transform:translate(3px,-3px)}
 .platforms>div{transition:padding .3s,background .3s}.platforms>div:hover{padding-inline:10px}
 .steps li{transition:border-color .3s,transform .3s}.steps li:hover{transform:translateY(-4px);border-color:#c18732}
 .faq-list summary:after{transition:transform .25s}.faq-list details[open] summary:after{transform:rotate(180deg)}
}
@media(max-width:800px){.theme-toggle{width:40px;height:44px}.theme-toggle svg{width:18px;height:18px}.nav-actions{gap:6px}.navigation{gap:8px}}
@media(max-width:380px){.navigation{padding-left:10px}.brand{font-size:16px;gap:6px}.brand img{width:29px;height:29px}.nav-actions{gap:3px}.theme-toggle{width:36px}.language-switch button{min-width:24px}.menu-button{min-width:50px;padding-inline:8px}}
@media(prefers-reduced-motion:reduce){.reveal-item,.reveal-pending{opacity:1;transform:none}*,*:before,*:after{animation:none!important;transition:none!important}html{scroll-behavior:auto}}
@media(prefers-reduced-transparency:reduce){[data-theme=dark] .navigation{background:#191a1d;backdrop-filter:none;-webkit-backdrop-filter:none}}
/* Continuous ambient graphics: decorative layers never intercept app interaction. */
.hero-atmosphere{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:-1}
.ambient-orb{position:absolute;border-radius:50%;width:70vw;height:70vw;max-width:1050px;max-height:1050px;background:radial-gradient(circle,#d88b2e24 0%,#9c69230d 40%,transparent 67%);opacity:.8}
.orb-one{left:27%;top:-60%}.orb-two{left:-30%;top:5%;background:radial-gradient(circle,#65718716,transparent 65%)}
.orbit-field{position:absolute;width:720px;height:720px;right:-120px;top:-120px;opacity:.5;transform:rotate(-20deg)}
.orbit-track{position:absolute;inset:0;border:1px solid #efb14c17;border-radius:50%}.track-two{inset:90px;border-color:#ffffff0c}
.orbit-point{position:absolute;width:5px;height:5px;background:#ebaf54;border-radius:50%;box-shadow:0 0 16px #edaa3f6b;left:calc(50% - 2.5px);top:0;transform-origin:2.5px 360px}
.point-two{top:90px;transform-origin:2.5px 270px;width:3px;height:3px;background:#d4d9e2}
.motion-network{width:100%;max-width:480px;margin-top:38px;overflow:hidden;opacity:.85;pointer-events:none}.motion-network svg{display:block;width:100%;height:auto;overflow:visible;padding:4px 0}
.network-line{stroke:#b5853930;stroke-width:1}.network-flow{stroke:#b77e25;stroke-width:1.5;stroke-linecap:round;stroke-dasharray:14 520;stroke-dashoffset:534}
.network-node{fill:#fff7e8;stroke:#c99b5555;stroke-width:1}.network-symbol{stroke:#a36a10;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.network-junction{fill:#e4a241}
[data-theme=dark] .network-node{fill:#211c15;stroke:#eab65b40}[data-theme=dark] .network-symbol{stroke:#efb65b}[data-theme=dark] .network-flow{stroke:#e9aa44}[data-theme=dark] .network-line{stroke:#eab65b26}
.motion-toggle{position:fixed;bottom:18px;left:18px;z-index:15;display:flex;align-items:center;justify-content:center;gap:7px;min-height:44px;padding:10px 14px;background:#25262be8;color:#e4e5e9;border:1px solid #ffffff26;border-radius:99px;box-shadow:0 4px 18px #0002;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);font-size:11px}
.motion-toggle svg{width:17px;height:17px}.motion-play-icon{display:none}.motion-paused .motion-play-icon{display:block}.motion-paused .motion-pause-icon{display:none}.motion-toggle:hover{background:#383a40}
@keyframes ambient-drift{0%,100%{transform:translate3d(0,0,0) scale(1)}50%{transform:translate3d(7%,5%,0) scale(1.1)}}
@keyframes orbit-turn{to{transform:rotate(360deg)}}
@keyframes shot-hover{0%,100%{translate:0 0}50%{translate:0 -9px}}
@keyframes shot-hover-back{0%,100%{translate:0 0}50%{translate:0 6px}}
@keyframes network-transfer{to{stroke-dashoffset:0}}
@media(prefers-reduced-motion:no-preference){
 .hero:before{animation:ambient-glow 16s ease-in-out infinite}
 .orb-one{animation:ambient-drift 24s ease-in-out infinite}.orb-two{animation:ambient-drift 31s ease-in-out -11s infinite reverse}
 .point-one{animation:orbit-turn 56s linear infinite}.point-two{animation:orbit-turn 72s linear -32s infinite reverse}
 .hero .phone-shot{animation:shot-hover 7.5s ease-in-out infinite}.hero .desktop-shot{animation:shot-hover-back 9s ease-in-out -3s infinite}
 .hero .screenshot-button:is(:hover,:focus-visible){animation-play-state:paused}
 .network-flow{animation:network-transfer 6s linear infinite}.flow-two{animation-delay:-2s}.flow-three{animation-delay:-4s}
}
.motion-paused :is(.ambient-orb,.orbit-point,.hero .screenshot-button,.network-flow),.motion-paused .hero:before,.motion-hidden :is(.ambient-orb,.orbit-point,.hero .screenshot-button,.network-flow),.motion-hidden .hero:before,.motion-offscreen :is(.ambient-orb,.orbit-point,.screenshot-button,.network-flow),.hero.motion-offscreen:before{animation-play-state:paused!important}
@media(max-width:800px){.orbit-field{width:540px;height:540px;right:-210px;top:-110px}.point-one{transform-origin:2.5px 270px}.point-two{transform-origin:2.5px 180px}.motion-toggle{left:12px;bottom:12px;padding:10px;width:44px}.motion-toggle span{display:none}}
@media(prefers-reduced-motion:reduce){.hero-atmosphere,.motion-network,.motion-toggle{display:none}.hero .screenshot-button{translate:none}.hero:before{animation:none!important}}