.brand{color:#fff}.brand>span{color:#67cc98}.site-nav [aria-current=page]{color:var(--accent)}.hero{grid-template-columns:minmax(0,1fr) minmax(0,1.12fr);gap:30px;padding-top:60px;padding-bottom:90px}.hero h1{font-size:clamp(38px,4.1vw,62px)}.hero .lede{font-size:18px;max-width:500px}.device-showcase{position:relative;isolation:isolate;width:100%;margin:0;padding:25px 12% 140px 0}.device-glow{position:absolute;inset:-10% -6%;z-index:-1;background:radial-gradient(ellipse at 50% 50%,#50846724,transparent 65%);pointer-events:none}.laptop{position:relative;width:100%;padding-top:25px}.laptop-lid{background:linear-gradient(130deg,#3e4846,#111819 30%,#303c38);border:1px solid #53605a;border-radius:18px 18px 8px 8px;padding:15px 8px 8px;box-shadow:0 25px 50px #0006;position:relative}.laptop-camera{position:absolute;top:5px;left:50%;width:4px;height:4px;border-radius:50%;background:#6e837a}.desktop-screen{border:1px solid #101719;border-radius:6px;background:#121b1a;overflow:hidden}.device-toolbar{height:42px;display:flex;align-items:center;gap:10px;border-bottom:1px solid #ffffff12;padding:0 15px;background:#17211f}.device-logo{font-size:17px;font-weight:800;color:white;letter-spacing:-.6px}.device-logo span{color:#67cc98}.device-online{font-size:7px;color:#a4cbb6;margin-left:auto}.device-online i{display:inline-block;width:4px;height:4px;border-radius:50%;background:#67cc98;margin-right:3px}.device-avatar{background:#2b4838;border-radius:50%;width:20px;height:20px;display:grid;place-items:center;font-size:8px}.device-app{display:grid;grid-template-columns:80px 1fr;min-height:288px}.device-sidebar{display:flex;flex-direction:column;gap:5px;border-right:1px solid #ffffff09;padding:14px 7px;font-size:8px;color:#8ba296}.device-sidebar span{padding:6px}.device-sidebar .selected{background:#234232;color:#b2ebc5;border-radius:5px}.device-dashboard{padding:18px 15px}.device-dashboard>small{font-size:6px;letter-spacing:1px;color:#728e7f}.device-dashboard h3{font-size:13px;letter-spacing:-.3px;margin:6px 0 16px}.device-metrics{display:grid;grid-template-columns:1.2fr 1fr;gap:9px}.device-metrics>div{background:#1c2b25;border:1px solid #35483d;border-radius:8px;padding:12px}.device-metrics span{display:block;font-size:7px;color:#a2b5a7}.device-metrics strong{display:block;font-size:23px;letter-spacing:-1px;line-height:1.3;margin:8px 0}.device-metrics small{font-size:6px;color:#84c397}.device-list-heading{display:flex;justify-content:space-between;font-size:7px;margin:18px 0 5px;color:#b5cabe}.device-list-heading>span{color:#708e7c}.device-order{display:flex;align-items:center;gap:8px;border-bottom:1px solid #ffffff0c;padding:8px 0}.device-order img{width:29px;height:29px;border-radius:5px;object-fit:cover}.device-order>div{flex:1}.device-order b{font-size:8px;display:block}.device-order small{font-size:6px;color:#7e9988}.device-order>span{border-radius:12px;padding:3px 6px;font-size:6px}.device-order .cooking{background:#80672730;color:#e1c581}.device-order .ready{background:#376c4330;color:#8cd5a1}.device-reservation{display:flex;justify-content:space-between;margin-top:12px;font-size:6px;color:#879e90}.laptop-base{height:13px;width:110%;margin-left:-5%;background:linear-gradient(#68746f,#27312c 45%,#141b18);border-radius:2px 2px 50% 50%/2px 2px 90% 90%;box-shadow:0 15px 16px #0006;position:relative}.laptop-base>span{position:absolute;left:43%;width:14%;height:4px;background:#121a16;border-radius:0 0 5px 5px}.phone{position:absolute;right:0;bottom:65px;width:180px;padding:6px;border:1px solid #75867c;border-radius:28px;background:linear-gradient(140deg,#57685e,#0b100e 45%,#41534a);box-shadow:0 25px 50px #0008;transform:rotate(4deg)}.phone-screen{background:#f4f1e6;color:#29382f;border-radius:22px;overflow:hidden;padding:10px 10px 15px}.phone-island{position:absolute;top:10px;left:34%;width:32%;height:12px;background:#101411;border-radius:10px;z-index:2}.phone-status{display:flex;justify-content:space-between;font-size:7px;padding:0 4px 15px}.phone-brand{font-size:10px;font-weight:800;display:flex;justify-content:space-between}.phone-brand span{font-weight:400}.phone-intro{padding:19px 0 10px}.phone-intro small{font-size:5px;letter-spacing:1px;color:#5a7d66}.phone-intro h3{font-size:21px;font-family:Georgia,serif;line-height:1.1;margin:5px 0 7px;letter-spacing:-.6px}.phone-intro p{font-size:6px;margin:0;color:#718477}.phone-pills{display:flex;gap:6px;margin-bottom:10px;font-size:6px}.phone-pills span{border:1px solid #cad4c9;border-radius:12px;padding:5px 8px}.phone-pills span:first-child{background:#244d3b;color:#fff;border-color:#244d3b}.phone-dish{background:#fff;border-radius:10px;overflow:hidden;box-shadow:0 4px 12px #1b30220b}.phone-dish img{width:100%;height:87px;display:block;object-fit:cover}.phone-dish>div{padding:9px}.phone-dish b{font-size:8px;display:block}.phone-dish small{font-size:5px;color:#7a8d7e;display:block;margin-top:4px}.phone-dish p{margin:7px 0 0;display:flex;align-items:center;justify-content:space-between;font-size:10px}.phone-dish p span{width:19px;height:19px;background:#e5efe2;border-radius:50%;display:grid;place-items:center}.phone-cart{display:flex;justify-content:space-between;background:#244d3b;color:white;font-size:7px;border-radius:7px;padding:10px 8px;margin-top:10px}.phone-home{width:35%;height:3px;border-radius:3px;background:#283d30;position:absolute;bottom:10px;left:32.5%}.device-showcase figcaption{position:absolute;bottom:0;left:0;right:0;display:flex;gap:17px;flex-wrap:wrap;justify-content:center;font-size:10px;color:#b1c8b8;text-align:center}.device-showcase figcaption small{flex-basis:100%;color:#789282;font-size:10px}.device-showcase figcaption i{display:inline-block;width:5px;height:5px;background:#6dca92;border-radius:50%;margin-right:5px}.device-showcase figcaption a{text-decoration:underline;text-underline-offset:3px}.role-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.role-card{background:linear-gradient(155deg,#20332b,#17221f);border:1px solid #344c3d;border-radius:22px;padding:28px;position:relative}.role-top{display:flex;align-items:center;gap:12px;color:#b9cfbe;font-size:13px}.role-top>small{margin-left:auto;color:#617d6b;font-size:11px}.role-icon{width:38px;height:38px;background:#7abd9320;border:1px solid #6f957a44;border-radius:11px;display:grid;place-items:center;color:#a6dcad}.role-icon svg{width:22px;height:22px}.role-card h3{font-size:27px;line-height:1.2;letter-spacing:-.8px;margin:26px 0 16px}.role-card>p{font-size:14px;line-height:1.7;color:#9eb4a6;min-height:72px;margin-bottom:24px}.role-flow{display:flex;align-items:center;gap:4px;border-top:1px solid #91b49a20;border-bottom:1px solid #91b49a20;padding:18px 0;margin-bottom:21px;font-size:9px;white-space:nowrap}.role-flow span{flex:1}.role-flow span+span:before{content:'→';color:#6ca980;margin-right:8px}.role-card ul{display:flex;gap:8px;flex-wrap:wrap;list-style:none;padding:0;margin:0}.role-card li{border:1px solid #92ad9830;border-radius:8px;padding:5px 9px;font-size:10px;color:#c2d4c7}.role-team{background:linear-gradient(155deg,#203038,#162022);border-color:#354952}.role-owner{background:linear-gradient(155deg,#303226,#1d241d);border-color:#484e3a}.questions-teaser{display:flex;align-items:center;justify-content:space-between;gap:35px;padding-top:60px;padding-bottom:60px;border-top:1px solid var(--line)}.questions-teaser h2{font-size:40px;line-height:1.15;margin:17px 0}.questions-teaser p{color:var(--muted)}.questions-teaser .button{flex-shrink:0;gap:30px}.questions-page{padding-top:65px}.questions-heading h1{font-size:clamp(36px,4.8vw,66px);line-height:1.12}.questions-heading p{font-size:18px;color:var(--muted)}.questions-layout{display:grid;grid-template-columns:255px minmax(0,1fr);gap:70px;margin:65px 0 90px;align-items:start}.questions-nav{position:sticky;top:30px}.questions-nav>span{font-size:10px;letter-spacing:2px;color:#708a7b}.questions-nav>a{display:flex;gap:17px;align-items:center;padding:18px 0;border-bottom:1px solid var(--line);font-size:12px;color:#749c83}.questions-nav b{color:#d3e3d6;flex:1;font-size:14px;font-weight:500}.questions-nav>div{margin-top:28px;font-size:13px;color:#8da795}.question-group{margin-bottom:48px;scroll-margin-top:35px}.question-group h2{font-size:22px;color:#a1bca9;margin:0 0 20px}.question-item{border:1px solid #34453b;border-radius:14px;background:#17221e;margin:10px 0;overflow:hidden}.question-item summary{list-style:none;cursor:pointer;padding:22px 25px;display:flex;justify-content:space-between;gap:24px;align-items:center;font-size:16px;font-weight:500}.question-item summary::-webkit-details-marker{display:none}.question-item[open]{background:#1e2e24;border-color:#567760}.question-plus{position:relative;width:22px;height:22px;flex-shrink:0;border-radius:50%;background:#759c8025}.question-plus:before,.question-plus:after{content:'';position:absolute;top:10px;left:6px;width:10px;height:1px;background:#b9ddbe}.question-plus:after{transform:rotate(90deg)}.question-item[open] .question-plus:after{transform:none}.question-answer{padding:0 25px 22px;color:#a6bfae;font-size:15px;line-height:1.8}.question-answer p{margin:0;max-width:650px}.details-page{padding-top:55px}.details-hero{max-width:850px;padding-bottom:45px}.details-hero p{max-width:710px;color:var(--muted);font-size:19px}.feature-topics{display:flex;flex-wrap:wrap;gap:9px;margin:20px 0 60px}.feature-topics a{border:1px solid var(--line);border-radius:25px;padding:9px 17px;color:#b6cabe;font-size:13px}.feature-detail{display:grid;grid-template-columns:1fr 1.25fr;gap:70px;padding:50px 0;border-top:1px solid var(--line);scroll-margin-top:20px}.feature-detail h2{font-size:36px;line-height:1.15;margin:14px 0}.feature-detail>div>p{color:var(--muted);font-size:16px;max-width:420px}.capability-list{display:grid;grid-template-columns:1fr 1fr;gap:25px}.capability-list article{border-left:2px solid #48674f;padding-left:18px}.capability-list h3{font-size:16px;margin:0 0 8px}.capability-list p{color:var(--muted);font-size:14px;margin:0}.detail-note{font-size:12px!important;color:#86ae91!important}.pricing-intro{display:flex;justify-content:space-between;gap:40px;align-items:end;margin-bottom:50px}.pricing-intro p{max-width:570px;color:var(--muted)}.pricing-intro .button{flex-shrink:0}.pricing-compare{margin:60px 0}.pricing-compare h2{font-size:33px}.pricing-compare table td:not(:first-child),.pricing-compare table th:not(:first-child){text-align:center}.feature-yes{color:#9cdba9}.feature-no{color:#6f8279}.price-notes{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:55px 0}.price-notes article{padding:25px;border:1px solid var(--line);border-radius:16px}.price-notes h3{font-size:18px;margin-top:0}.price-notes p{color:var(--muted);font-size:14px}.page-crosslink{display:flex;align-items:center;justify-content:space-between;padding:35px 0;border-top:1px solid var(--line);gap:25px}.page-crosslink h2{font-size:28px}.page-crosslink p{color:var(--muted)}@media(max-width:1100px){.hero{grid-template-columns:1fr;gap:40px;padding-top:45px}.hero-copy{max-width:700px}.hero h1{font-size:56px}.device-showcase{max-width:660px;margin:0 auto}.hero-proof{margin-top:30px}.role-grid{gap:12px}.role-card{padding:22px}.role-card h3{font-size:24px}.role-flow{font-size:8px}.questions-layout{gap:35px;grid-template-columns:220px 1fr}.feature-detail{gap:35px}}@media(max-width:700px){.hero h1{font-size:40px}.hero .lede{font-size:16px}.device-showcase{padding-right:14%;padding-bottom:126px;max-width:510px}.laptop-lid{padding:13px 5px 5px;border-radius:11px 11px 4px 4px}.device-toolbar{padding:0 7px;height:29px}.device-logo{font-size:12px}.device-online{font-size:5px}.device-avatar{width:15px;height:15px;font-size:6px}.device-app{grid-template-columns:49px 1fr;min-height:230px}.device-sidebar{padding:9px 3px;font-size:5px;gap:4px}.device-sidebar span{padding:5px 2px}.device-dashboard{padding:12px 7px}.device-dashboard>small{font-size:4px;letter-spacing:.4px}.device-dashboard h3{font-size:8px;margin:5px 0 10px}.device-metrics{gap:4px}.device-metrics>div{padding:7px 5px}.device-metrics span{font-size:5px}.device-metrics strong{font-size:15px;letter-spacing:-.5px}.device-metrics small{font-size:4px}.device-list-heading{font-size:5px;margin-top:12px}.device-order{gap:5px}.device-order img{width:23px;height:23px}.device-order b{font-size:5px}.device-order small{font-size:4px}.device-order>span{font-size:4px;padding:2px 3px}.device-reservation{font-size:4px;gap:8px}.phone{width:134px;border-radius:24px;bottom:63px}.phone-screen{padding:8px 7px 13px;border-radius:19px}.phone-brand{font-size:7px}.phone-status{font-size:5px;padding-bottom:12px}.phone-island{height:9px}.phone-intro{padding-top:14px}.phone-intro h3{font-size:16px}.phone-intro small{font-size:4px}.phone-intro p{font-size:5px}.phone-pills{font-size:5px;gap:3px}.phone-pills span{padding:4px 5px}.phone-dish img{height:61px}.phone-dish>div{padding:7px}.phone-dish b{font-size:6px}.phone-dish small{font-size:4px}.phone-dish p{font-size:8px}.phone-cart{font-size:5px;padding:8px 5px}.role-grid{grid-template-columns:1fr}.role-card{padding:26px}.role-card>p{min-height:0}.role-card h3{font-size:30px}.role-flow{font-size:11px}.role-card li{font-size:12px}.questions-teaser,.pricing-intro,.page-crosslink{display:block}.questions-teaser h2{font-size:33px}.questions-teaser .button{margin-top:18px}.questions-layout{grid-template-columns:1fr;margin-top:35px;gap:35px}.questions-nav{position:static;display:grid;grid-template-columns:1fr 1fr;gap:0 20px}.questions-nav>span{grid-column:1/-1}.questions-nav>div{display:none}.questions-nav>a{gap:7px;font-size:10px}.questions-nav b{font-size:12px}.question-item summary{padding:19px;font-size:15px}.question-answer{padding:0 19px 19px;font-size:14px}.questions-page,.details-page{padding-top:30px}.questions-heading p{font-size:16px}.feature-detail{grid-template-columns:1fr;gap:22px}.feature-detail h2{font-size:31px}.capability-list{gap:23px 16px}.price-notes{grid-template-columns:1fr}.pricing-intro .button{margin-top:20px}.details-hero p{font-size:17px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.connection-explanation>p{font-size:18px;line-height:1.8;color:#b3c8ba;margin-top:0}.connection-note{padding:22px 25px;border-left:2px solid #88c79a;background:#192820;border-radius:0 12px 12px 0}.connection-note>span{font-size:11px;letter-spacing:1px;text-transform:uppercase;color:#87b595}.connection-note p{font-size:15px;color:#c3d8c8;margin-bottom:0}.pricing-compare th[scope=row]{background:transparent;color:#b5c8bc;font-weight:400}.comparison caption{padding:15px;text-align:left}.questions-heading{max-width:850px}

/* Real, unmodified screenshots supplied by the owner. */
.real-showcase{position:relative;width:100%;margin:0;padding:28px 0 0;isolation:isolate}.real-showcase:before{content:"";position:absolute;inset:0 -5%;z-index:-1;background:radial-gradient(ellipse,#477c5428,transparent 68%);pointer-events:none}.real-laptop{width:96%;margin:0 auto}.real-laptop-lid{position:relative;padding:15px 7px 7px;border:1px solid #627068;border-radius:15px 15px 5px 5px;background:linear-gradient(140deg,#49564e,#151e19 40%,#354238);box-shadow:0 18px 45px #0005}.real-camera{position:absolute;top:5px;left:50%;width:4px;height:4px;border-radius:50%;background:#789184}.real-showcase a{display:block}.real-showcase img{display:block;width:100%;height:auto}.real-laptop-lid a{overflow:hidden;border-radius:5px;border:1px solid #0b1510}.real-laptop-base{height:12px;margin:0 -3%;background:linear-gradient(#6d7b72,#2b3730 50%,#141d17);border-radius:2px 2px 50% 50%/2px 2px 100% 100%;box-shadow:0 13px 18px #0005}.real-phones{position:relative;display:flex;justify-content:flex-end;align-items:flex-start;gap:14px;width:62%;margin:-23px 3% 0 auto;z-index:1}.real-phone{width:calc(50% - 7px);padding:6px;border:1px solid #718278;border-radius:23px;background:linear-gradient(130deg,#53675b,#101711 55%,#344b3c);box-shadow:0 16px 35px #0006}.real-phone a{border-radius:17px;overflow:hidden}.real-phone-second{margin-top:28px}.real-showcase figcaption{margin-top:23px;text-align:center;color:#b6cbbc;font-size:11px}.real-showcase figcaption small{display:block;font-size:10px;color:#89a795;margin-top:8px;line-height:1.8}.real-showcase figcaption a{display:inline;color:#bfe9b6}.real-showcase a:focus-visible{outline:3px solid #c8f58e;outline-offset:5px}@media(max-width:1000px){.real-showcase{max-width:700px;margin:auto}.real-phones{width:54%;gap:16px}.real-phone{width:calc(50% - 8px)}}@media(max-width:600px){.real-showcase{padding-top:10px}.real-laptop-lid{padding:12px 4px 4px;border-radius:10px 10px 4px 4px}.real-laptop-base{height:8px}.real-phones{width:65%;gap:10px;margin-top:-8px}.real-phone{width:calc(50% - 5px);padding:4px;border-radius:16px}.real-phone a{border-radius:12px}.real-phone-second{margin-top:18px}.real-showcase figcaption{font-size:10px;margin-top:18px}}
/* Compact device composition; full screenshots remain available on click. */
.real-showcase{padding-top:12px;max-width:620px;margin-inline:auto}.real-laptop{width:94%;margin:0 0 0 auto}.real-laptop-lid a{aspect-ratio:1.9}.real-laptop-lid img{height:100%;object-fit:cover;object-position:top}.real-phones{width:46%;gap:12px;margin:-100px 2% 0 auto;align-items:flex-start}.real-phone{width:calc(50% - 6px);padding:5px;border-radius:20px}.real-phone a{aspect-ratio:1/1.85;border-radius:15px}.real-phone img{height:100%;object-fit:cover;object-position:top}.real-phone-second{margin-top:22px}.real-showcase figcaption{margin-top:16px}.real-showcase figcaption small{margin-top:4px}.hero{padding-top:38px;padding-bottom:55px}@media(max-width:1000px){.real-showcase{max-width:570px}.real-phones{width:46%;gap:10px;margin-top:-85px}.real-phone{width:calc(50% - 5px)}}@media(max-width:600px){.real-showcase{padding-top:8px;max-width:430px}.real-phones{width:46%;gap:8px;margin-top:-55px}.real-phone{width:calc(50% - 4px);padding:3px;border-radius:14px}.real-phone a{border-radius:10px}.real-phone-second{margin-top:15px}.real-showcase figcaption{font-size:9px;margin-top:12px}.real-showcase figcaption small{font-size:9px}.hero{padding-top:25px;padding-bottom:35px}}

/* Immersive product scene — no device mockups. */

/* Real screenshots: two designs blended within one display. */
.dual-showcase{position:relative;isolation:isolate;width:100%;max-width:760px;aspect-ratio:1.5;margin:0 auto;padding:0;align-self:center}
.dual-laptop{position:absolute;left:10%;right:10%;top:19%;z-index:1}
.dual-lid{position:relative;padding:2.7% 1.5% 1.7%;border:1px solid #69716e;border-radius:14px 14px 4px 4px;background:linear-gradient(125deg,#525b57,#111514 25%,#181e1b 80%,#57605a);box-shadow:0 22px 35px #0005}
.dual-camera{position:absolute;width:3px;height:3px;border-radius:50%;left:50%;top:2%;background:#788b80}
.dual-screen{position:relative;aspect-ratio:1.95;overflow:hidden;background:#0d1512;border-radius:3px}
.dual-desktop{display:block;width:100%;height:100%;object-fit:cover;object-position:top}
.dual-yellow{position:absolute;inset:0;-webkit-mask-image:linear-gradient(90deg,transparent 36%,#000 64%);mask-image:linear-gradient(90deg,transparent 36%,#000 64%)}
.dual-base{position:relative;width:113%;margin-left:-6.5%;height:10px;border-radius:1px 1px 50% 50%/1px 1px 85% 85%;background:linear-gradient(#89918d,#505852 45%,#1b211e 85%);box-shadow:0 14px 18px #0005}
.dual-base span{display:block;position:absolute;left:42%;width:16%;height:3px;background:#313a34;border-radius:0 0 5px 5px}
.dual-phone{position:absolute;z-index:2;width:22%;padding:5px;border:1px solid #6b736d;border-radius:25px;background:linear-gradient(130deg,#737d76,#090d0b 22%,#111713 80%,#58635b);box-shadow:0 15px 25px #0006;overflow:hidden}
.dual-phone img{display:block;width:100%;height:auto;aspect-ratio:280/598;object-fit:cover;object-position:top;border-radius:20px}
.dual-phone-green{left:0;top:2%}.dual-phone-yellow{right:0;top:21%}
.dual-notch{position:absolute;top:5px;left:32%;width:36%;height:9px;background:#0a0e0c;border-radius:0 0 8px 8px}
.dual-showcase figcaption{position:absolute;bottom:0;left:0;right:0;display:flex;justify-content:center;flex-wrap:wrap;gap:5px;color:#92a49b;font-size:11px;text-align:center}
.dual-showcase figcaption span{color:#d9e6dc}.dual-showcase figcaption i{display:inline-block;width:6px;height:6px;border-radius:50%;background:linear-gradient(90deg,#67cc98 50%,#ffd82f 50%);margin-right:6px}
@media(max-width:1000px){.dual-showcase{max-width:680px;margin:20px auto 0}}
@media(max-width:600px){.dual-showcase{aspect-ratio:1.4;margin-top:14px}.dual-lid{border-radius:8px 8px 3px 3px}.dual-phone{padding:3px;border-radius:15px}.dual-phone img{border-radius:12px}.dual-notch{top:3px;height:5px}.dual-base{height:6px}.dual-showcase figcaption{font-size:9px;bottom:2%}}
