.home-design{--accent-soft:rgba(39,208,255,.1)}
.home-design .hero{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center;min-height:760px;padding:100px max(5vw,24px);background:radial-gradient(ellipse at 80% 40%,#0d2a3d 0,transparent 55%);overflow:hidden}
.home-design .hero::before,.home-design .hero::after{display:none}.home-design .hero-content{max-width:660px;position:relative}.home-design #hero-title{font-size:clamp(46px,5.4vw,86px);line-height:1.03;letter-spacing:-.06em;margin:24px 0}.home-design #hero-title span,.home-design .product-section h2 span{color:var(--cyan)}.home-design .hero-copy{font-size:19px;max-width:520px;line-height:1.7}.home-design .hero-actions{margin-top:32px}.home-design .hero-download-note{font-size:12px;font-weight:500;margin-top:20px}.live-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--cyan);box-shadow:0 0 18px #27d0ff66;margin-right:8px}
.product-scene{position:relative;background:linear-gradient(140deg,#172339,#0c1525);border:1px solid #34485d;border-radius:24px;padding:24px;box-shadow:0 35px 90px #0005;transform:rotate(-2deg);max-width:600px;width:100%;justify-self:center}.scene-top{display:flex;align-items:center;justify-content:space-between;padding-bottom:20px;border-bottom:1px solid var(--line)}.scene-top>span:first-child{display:flex;align-items:center;gap:10px;font-size:14px;font-weight:700}.sample-label,.preview-topline small{font-size:9px;letter-spacing:1.4px;color:var(--muted)}.scene-heading{display:flex;justify-content:space-between;align-items:center;margin:24px 0}.scene-heading small{font-size:10px;color:var(--muted);letter-spacing:1.2px}.scene-heading h2{font-size:23px;letter-spacing:-.6px;margin:8px 0}.scene-calendar{border:1px solid #36536a;border-top:5px solid var(--cyan);border-radius:7px;font-size:24px;font-weight:700;padding:4px 12px}
.demo-session{background:#0c1726;border:1px solid #2a4559;border-radius:14px;padding:20px}.demo-session>div{display:flex;align-items:center;justify-content:space-between;gap:12px}.demo-session h3{font-size:18px;line-height:1.4;margin:0}.demo-session strong{color:var(--cyan);font-size:14px}.demo-session>div+div{margin-top:17px}.demo-session p{font-size:12px;color:var(--muted);text-align:center;margin:23px 0 0}.demo-pill{font-size:10px;border:1px solid #365269;border-radius:30px;padding:5px 9px;color:var(--muted);white-space:nowrap}.demo-pill.unpaid{color:#ff7888;border-color:#713b49;background:#ff788810}.demo-pill.paid{color:#24c99a;border-color:#29574f;background:#24c99a10}.demo-message{margin-top:16px;padding:20px;border:1px solid var(--line);border-radius:14px;background:#152135}.demo-message>small{font-size:9px;letter-spacing:1.6px;color:var(--muted)}.demo-message h3{font-size:17px;margin:10px 0 16px}.response-totals{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.response-totals span{text-align:center;font-size:11px;color:var(--muted);background:#0c1726;border-radius:8px;padding:9px}.response-totals strong{display:block;font-size:22px;color:var(--cyan);margin-top:3px}.response-totals span:nth-child(2) strong{color:#ff7888}.response-totals span:nth-child(3) strong{color:#24c99a}.response-totals span:nth-child(4) strong{color:#ffbd55}.scene-reply{display:flex;gap:12px;align-items:center;background:#203749;border:1px solid #426074;border-radius:13px;padding:14px 18px;position:relative;margin:18px -40px -40px 35px;box-shadow:0 14px 40px #0004}.reply-avatar{display:grid;place-items:center;border-radius:50%;width:34px;height:34px;background:#27d0ff22;color:var(--cyan);font-size:11px}.scene-reply strong{display:block;font-size:13px}.scene-reply div>span{font-size:11px;color:var(--muted)}.reply-yes{margin-left:auto;color:var(--cyan);font-weight:700;font-size:14px}
.home-design .signal-band{margin:0 5vw;padding:24px 0;border-width:1px 0;border-radius:0;background:transparent}.home-design .signal-band>div{padding:8px 25px}.home-design .signal-band strong{font-size:15px}.home-design .signal-band span{font-size:13px}
.home-design .product-section{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center;margin:0;padding:120px 7vw;background:none}.home-design .section-copy{max-width:600px}.home-design .section-copy h2,.workflow-intro h2{font-size:clamp(32px,3.8vw,58px);line-height:1.08;letter-spacing:-.045em}.home-design .section-copy p{font-size:17px;line-height:1.7}.perspective-switch{display:inline-flex;gap:5px;padding:5px;border-radius:12px;background:#111d2e;border:1px solid var(--line);margin-top:18px}.perspective-switch button{font:inherit;font-size:13px;font-weight:700;color:var(--muted);background:none;border:0;padding:13px 18px;border-radius:8px;cursor:pointer}.perspective-switch [aria-pressed=true]{background:var(--cyan);color:#06101b}.home-design .perspective-caption{font-size:13px!important;min-height:65px;max-width:410px}.perspective-preview{background:#101b2d;border:1px solid #365269;border-radius:20px;box-shadow:25px 25px 0 #27d0ff06}.preview-topline{display:flex;align-items:center;padding:22px;border-bottom:1px solid var(--line);font-size:13px}.preview-topline small{margin-left:auto}.preview-content{padding:30px}.preview-content>.eyebrow{font-size:10px}.preview-content>h3{font-size:27px;letter-spacing:-1px;margin:12px 0 28px}.preview-note{display:flex;gap:16px;margin-top:26px}.preview-note>span{font-size:30px;color:var(--cyan)}.preview-note strong{font-size:14px}.preview-note p{font-size:13px;color:var(--muted);line-height:1.6}
.workflow-section{padding:90px 5vw;background:linear-gradient(180deg,#101c2b,#0c1423);border-block:1px solid var(--line)}.workflow-intro{text-align:center;max-width:700px;margin:0 auto 50px}.workflow-intro p{color:var(--muted)}.workflow-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.workflow-grid article{border-top:1px solid #335066;padding:26px 16px}.step-number{font-size:11px;letter-spacing:1.8px;color:var(--cyan)}.step-graphic{height:110px;display:flex;align-items:center;justify-content:center;gap:10px;margin:20px 0;background:#07111e;border:1px solid #23384c;border-radius:14px}.workflow-grid h3{font-size:21px;letter-spacing:-.5px}.workflow-grid p{font-size:15px;color:var(--muted);line-height:1.7}.calendar-mini{display:grid;grid-template-columns:repeat(5,1fr);text-align:center;gap:5px;padding:16px 20px}.calendar-mini span{font-size:10px;color:var(--muted)}.calendar-mini b{padding:8px;font-size:16px}.calendar-mini b:nth-of-type(3){background:var(--cyan);border-radius:7px;color:#06101b}.reply-mini span,.status-mini span{border-radius:8px;padding:10px 18px;font-weight:700;font-size:13px;color:var(--cyan);background:#27d0ff12}.reply-mini span:nth-child(2){color:#ff7888;background:#ff788812}.reply-mini span:nth-child(3),.status-mini span{color:#24c99a;background:#24c99a12}
.home-design .fit-section,.home-design .feature-section,.home-design .pricing-section{padding:100px 5vw;margin:0}.home-design .fit-grid article{border-top:3px solid #27d0ff66;padding:32px;border-radius:0 0 18px 18px;background:#101b2b}.home-design .fit-grid h3{font-size:24px;letter-spacing:-.5px}.home-design .business-type-list{margin-top:32px;mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent)}.home-design .feature-section{background:#0c1524}.home-design .feature-list>div{background:#111e30;border-radius:14px;padding:24px}.home-design .pricing-section .section-copy{text-align:center;margin:0 auto 44px}.home-design .pricing-layout{max-width:980px;margin:auto}.home-design .featured-price{border-color:#27d0ff66;background:radial-gradient(ellipse at top right,#173f50,#111d2f 75%);border-radius:20px}.home-design .client-free-note{border-radius:20px;background:#101b2b}.closing-cta{text-align:center;padding:95px 24px 110px;background:radial-gradient(ellipse at 50% 100%,#16445a,transparent 65%);border-top:1px solid var(--line)}.closing-cta h2{font-size:clamp(42px,6vw,80px);line-height:1.05;letter-spacing:-.05em;margin:24px 0}.closing-cta p{color:var(--muted)}.closing-cta .button{margin-top:24px}.closing-note{display:block;font-size:12px;color:var(--muted);margin-top:18px}.home-design button:focus-visible,.home-design a:focus-visible{outline:3px solid var(--cyan);outline-offset:5px}
@media(min-width:1000px) and (prefers-reduced-motion:no-preference){.product-scene{animation:scene-in .8s ease-out both}@keyframes scene-in{from{opacity:0;transform:translateY(20px) rotate(0)}to{opacity:1;transform:translateY(0) rotate(-2deg)}}}
@media(max-width:1000px){.home-design .hero{gap:30px;padding:70px 5vw;min-height:0}.home-design #hero-title{font-size:54px}.product-scene{padding:17px}.scene-reply{margin-right:-10px}.scene-top .sample-label{display:none}.demo-session h3{font-size:15px}.home-design .product-section{gap:35px;padding:80px 5vw}.preview-content{padding:20px}.workflow-grid{gap:12px}.reply-mini span,.status-mini span{padding:10px}.home-design .fit-grid article{padding:22px}}
@media(max-width:720px){.home-design .hero{grid-template-columns:1fr;padding:55px 24px 70px;gap:42px}.home-design #hero-title{font-size:clamp(43px,9vw,64px)}.home-design .hero-copy{font-size:17px}.home-design .hero .eyebrow{font-size:10px}.product-scene{transform:none;max-width:490px}.scene-reply{margin:16px 0 -32px}.home-design .signal-band{display:grid;grid-template-columns:1fr;margin:0 24px}.home-design .signal-band>div{padding:14px 0;border:0}.home-design .product-section{grid-template-columns:1fr;padding:65px 24px;gap:20px}.home-design .perspective-caption{min-height:0}.preview-topline{padding:18px;font-size:12px}.preview-topline small{font-size:8px}.workflow-section{padding:60px 24px}.workflow-grid{grid-template-columns:1fr}.workflow-grid article{padding:24px 0}.workflow-intro{text-align:left;margin-bottom:25px}.step-graphic{max-width:460px}.home-design .fit-section,.home-design .feature-section,.home-design .pricing-section{padding:65px 24px}.home-design .fit-grid{grid-template-columns:1fr}.home-design .section-copy h2,.workflow-intro h2{font-size:37px}.perspective-switch button{font-size:12px;padding:12px}.closing-cta{padding:65px 24px}.scene-heading h2{font-size:20px}}
.home-design .business-type-list.is-marquee{width:100%;max-width:100%;margin-inline:0}
/* Device-led art direction. */
.home-design .hero{grid-template-columns:1.05fr 1fr;min-height:860px;padding-block:65px;background:radial-gradient(ellipse at 77% 45%,#123b5044,transparent 50%)}
.device-stage{position:relative;display:grid;place-items:center;perspective:1500px;min-height:740px;isolation:isolate}
.device-orbit{position:absolute;inset:12% -8%;border:1px solid #27d0ff20;border-radius:50%;transform:rotate(-30deg);box-shadow:0 0 100px #27d0ff0c,inset 0 0 90px #27d0ff08;z-index:-1}.device-orbit::after{content:"";position:absolute;inset:45px -25px;border:1px solid #27d0ff12;border-radius:50%}
.device-stage .product-scene{width:355px;max-width:100%;border:7px solid #090e16;outline:1px solid #526477;border-radius:48px;padding:14px 18px 10px;background:linear-gradient(155deg,#172437,#091320 65%);transform:rotateY(-19deg) rotateZ(8deg);box-shadow:12px 12px 0 #182330,15px 14px 0 #425164,35px 45px 75px #0009;animation:none}
.phone-status{display:flex;justify-content:space-between;align-items:center;position:relative;height:30px;margin:0 8px 18px;font-size:10px;font-weight:700}.phone-island{position:absolute;left:50%;transform:translateX(-50%);width:88px;height:24px;background:#03070d;border-radius:20px}
.device-stage .scene-top{padding:5px 0 16px}.device-stage .scene-top>span:first-child{font-size:12px}.device-stage .sample-label{font-size:7px;letter-spacing:1px}.device-stage .scene-heading{margin:23px 0 19px}.device-stage .scene-heading h2{font-size:20px;max-width:195px}.device-stage .scene-heading small{font-size:8px}.device-stage .scene-calendar{font-size:20px;padding:4px 9px}.device-stage .demo-session{padding:15px 12px}.device-stage .demo-session h3{font-size:13px}.device-stage .demo-session strong{font-size:12px}.device-stage .demo-pill{font-size:8px;padding:5px 7px}.device-stage .demo-session p{font-size:9px;margin-top:23px}.device-stage .demo-message{padding:16px 12px;margin-top:15px}.device-stage .demo-message h3{font-size:14px;line-height:1.45}.device-stage .demo-message>small{font-size:8px}.device-stage .response-totals{gap:5px}.device-stage .response-totals span{font-size:9px;padding:8px 4px}.device-stage .response-totals strong{font-size:21px}
.phone-nav{display:flex;justify-content:space-around;margin-top:28px;padding:15px 0;border-top:1px solid #283b50;color:#8da1b7}.phone-nav span{text-align:center;font-size:18px}.phone-nav span:first-child{color:var(--cyan)}.phone-nav small{display:block;font-size:8px;margin-top:5px}.phone-home{width:100px;height:4px;border-radius:5px;background:#e3ecf4;margin:12px auto 1px}
.device-stage>.scene-reply{position:absolute;bottom:112px;left:-10px;right:0;max-width:350px;margin:0;padding:18px;background:linear-gradient(120deg,#254558f2,#142839f2);backdrop-filter:blur(14px);border-color:#4c768c;box-shadow:0 25px 60px #0008;transform:rotate(-3deg);z-index:2}.device-caption{position:absolute;bottom:4px;left:0;right:0;display:flex;justify-content:center;align-items:center;gap:18px;color:#7e94aa;font-size:8px;letter-spacing:2px}.motion-toggle{font:inherit;letter-spacing:0;font-size:10px;border:1px solid #33495e;border-radius:30px;padding:7px 12px;color:var(--muted);background:transparent;cursor:pointer}
.home-design .perspective-preview{border:6px solid #060d16;outline:1px solid #344f64;border-radius:30px;transform:perspective(1200px) rotateY(-8deg) rotateZ(2deg);box-shadow:8px 10px 0 #243242,20px 35px 70px #0006;transition:transform .6s}.home-design .perspective-preview:hover{transform:perspective(1200px) rotateY(0) rotateZ(0)}.home-design .perspective-preview::after{content:"";display:block;width:110px;height:4px;border-radius:5px;background:#8ca1b7;margin:0 auto 14px}
@media(prefers-reduced-motion:no-preference){body:not(.motion-paused) .device-stage .product-scene{animation:phone-drift 7s ease-in-out infinite}body:not(.motion-paused) .device-stage>.scene-reply{animation:reply-arrive 7s ease-in-out infinite}body:not(.motion-paused) .device-orbit{animation:orbit-glow 7s ease-in-out infinite}@keyframes phone-drift{0%,100%{transform:rotateY(-19deg) rotateZ(8deg) translateY(0)}50%{transform:rotateY(-9deg) rotateZ(5deg) translateY(-14px)}}@keyframes reply-arrive{0%,100%{transform:translateY(8px) rotate(-3deg);opacity:.65}25%,75%{transform:translateY(-6px) rotate(-3deg);opacity:1}}@keyframes orbit-glow{50%{opacity:.35;transform:rotate(-20deg) scale(.94)}}.reveal-ready{opacity:0;transform:translateY(24px);transition:opacity .7s,transform .7s}.reveal-ready.is-visible{opacity:1;transform:none}.preview-changing{animation:preview-swap .4s ease-out}@keyframes preview-swap{from{opacity:.4;translate:0 10px}to{opacity:1;translate:0 0}}}
.motion-paused .reveal-ready{opacity:1;transform:none;transition:none}
@media(max-width:1000px){.device-stage{min-height:690px}.device-stage .product-scene{width:310px;padding-inline:14px}.device-stage>.scene-reply{left:0;bottom:90px;max-width:310px}.home-design .hero{gap:25px}.device-stage .demo-session h3{font-size:12px}.device-stage .scene-top>span:first-child{font-size:11px}.device-stage .sample-label{display:none}}
@media(max-width:720px){.home-design .hero{grid-template-columns:1fr;padding-top:55px;gap:10px;min-height:0}.device-stage{min-height:730px;margin-top:0}.device-stage .product-scene{width:300px;transform:rotate(-5deg);box-shadow:7px 8px 0 #243242,20px 30px 55px #0008}.device-stage>.scene-reply{bottom:90px;left:0;right:0;margin:auto;max-width:320px}.device-caption{font-size:7px;gap:8px}.device-orbit{inset:15% 0}.home-design .perspective-preview{transform:none}.home-design .hero{overflow:hidden}}
@media(prefers-reduced-motion:reduce){.motion-toggle{display:none}.home-design .perspective-preview{transition:none}}
.device-caption{bottom:-25px}
@media(max-width:720px){.device-caption{bottom:0}}
/* Keep app typography on an untransformed plane; motion belongs around it. */
.device-stage .product-scene,body:not(.motion-paused) .device-stage .product-scene{transform:none;animation:none;width:390px;padding:14px 18px 10px;border-radius:42px;box-shadow:8px 10px 0 #223040,25px 35px 70px #0008}
.home-design .perspective-preview,.home-design .perspective-preview:hover{transform:none;transition:none;border:1px solid #344f64;box-shadow:0 20px 70px #0003;border-radius:20px}.home-design .perspective-preview::after{display:none}
.app-screen-title{font-size:21px;font-weight:750;text-align:center;padding:5px 0 22px}.app-screen-tabs{display:flex;gap:8px;padding:5px;border:1px solid #2a3d52;border-radius:30px;margin-bottom:22px}.app-screen-tabs span{flex:1;text-align:center;font-size:14px;padding:12px;border-radius:24px;color:var(--muted)}.app-screen-tabs span:first-child{color:var(--cyan);background:#1c2c40;font-weight:700}.app-date-label{font-size:13px;font-weight:650;color:var(--muted);margin:0 0 12px}.device-stage .demo-session{padding:18px 14px;margin-bottom:14px}.device-stage .demo-session h3{font-size:15px}.device-stage .demo-session strong{font-size:14px}.device-stage .demo-pill{font-size:10px}.device-stage .demo-session p{font-size:11px;margin-top:20px}.app-new-session{margin:24px 0 12px auto;width:max-content;padding:13px 19px;border-radius:26px;color:#071321;background:var(--cyan);font-weight:750;font-size:13px}.phone-nav{gap:4px;margin-top:16px;padding:16px 0 8px}.phone-nav svg{display:block;width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.6;margin:auto}.phone-nav small{font-size:9px}.device-stage>.scene-reply{left:-25px;bottom:100px;max-width:255px;padding:14px;transform:none}.device-stage>.scene-reply .reply-avatar{display:none}.device-stage>.scene-reply div>span{font-size:10px}.device-stage>.scene-reply .reply-yes{font-size:12px}.device-stage{min-height:780px}.device-caption{bottom:-22px}.home-design .hero-actions{gap:20px}.perspective-switch{gap:12px;padding:8px}.perspective-switch button{padding:15px 22px}.home-design .perspective-caption{margin-top:20px!important}.home-design .preview-content{padding:36px}.home-design .preview-note{margin-top:32px}
@keyframes reply-arrive{0%,100%{opacity:.6}35%,75%{opacity:1}}
.workflow-intro{max-width:760px;margin-bottom:56px}.message-story{display:grid;grid-template-columns:1fr 70px 1fr;align-items:center;max-width:1120px;margin:auto}.story-message,.story-responses{background:#101d2f;border:1px solid #32495e;border-radius:20px;padding:34px}.story-message h3{font-size:30px;margin:28px 0 20px;letter-spacing:-1px}.story-message>p{font-size:18px;line-height:1.8;color:#b9c8da}.story-meta{display:flex;flex-wrap:wrap;gap:15px;justify-content:space-between;border-top:1px solid #304254;margin-top:30px;padding-top:20px;font-size:12px;color:var(--muted)}.story-meta span{color:#738aa1}.story-connector{text-align:center;color:var(--cyan);font-size:32px}.story-responses>.step-number{display:block;margin-bottom:20px}.story-response{display:flex;align-items:center;gap:18px;padding:20px 0;border-bottom:1px solid #2a3e52}.story-response:last-child{border:0}.story-response strong{font-size:16px}.story-response small{display:block;color:var(--muted);font-size:13px;margin-top:7px}.story-response>span:last-child{margin-left:auto;color:var(--muted);font-size:25px}.response-badge{display:grid;place-items:center;min-width:62px;height:52px;border-radius:10px;background:#27d0ff12;color:var(--cyan);font-weight:700;font-size:13px}.response-badge.other{background:#24c99a12;color:#24c99a}.response-badge.no{background:#ff788812;color:#ff7888}.story-footnote{text-align:center;font-size:14px;color:var(--muted);margin:30px 0 0}
.home-design .pricing-layout{display:grid;grid-template-columns:1.15fr 1fr;gap:28px;max-width:1060px;align-items:stretch}.home-design .pricing-layout .price-card,.home-design .pricing-layout .client-free-note{padding:44px;margin:0;max-width:none;width:auto;border:1px solid #30485e;border-radius:22px;display:flex;flex-direction:column;gap:0}.home-design .pricing-layout .client-free-note{background:#101b2b}.pricing-layout article>span,.pricing-layout aside>span{font-size:11px;letter-spacing:1.8px;color:var(--cyan);font-weight:750}.home-design .pricing-layout h3{font-size:54px;line-height:1.1;letter-spacing:-2px;margin:26px 0 22px}.pricing-layout h3 small{font-size:16px;font-weight:500;color:var(--muted);letter-spacing:0;margin-left:8px}.home-design .pricing-layout p{font-size:16px;line-height:1.7;margin:0}.home-design .pricing-layout .plan-features{list-style:none;padding:0;margin:30px 0;display:grid;gap:17px;color:#bccbdd;font-size:14px}.plan-features li::before{content:'✓';color:var(--cyan);margin-right:12px}.pricing-layout .button{margin:8px 0 24px;min-height:50px}.home-design .pricing-layout .plan-note{font-size:12px;line-height:1.7;color:var(--muted);margin:0}.home-design .pricing-layout .client-pricing-bottom{border-top:1px solid #304254;padding-top:24px;margin-top:auto;font-size:14px}.home-design .pricing-layout .client-free-note h3{font-size:44px}.home-design .pricing-layout .client-free-note strong{font-size:16px}
@media(max-width:1000px){.device-stage .product-scene{width:340px}.device-stage>.scene-reply{left:0;bottom:45px}.home-design .pricing-layout .price-card,.home-design .pricing-layout .client-free-note{padding:30px}}
@media(max-width:720px){.device-stage .product-scene{width:100%;max-width:355px;padding-inline:12px}.device-stage{min-height:810px}.device-stage>.scene-reply{bottom:23px;left:0;right:0;max-width:280px}.device-caption{bottom:-22px}.home-design .hero{padding-bottom:90px}.device-stage .demo-session h3{font-size:13px}.device-stage .demo-session strong{font-size:13px}.device-stage .demo-session p{font-size:10px}.perspective-switch{display:flex;gap:6px}.perspective-switch button{padding:14px 12px;flex:1}.home-design .preview-content{padding:24px}.message-story{grid-template-columns:1fr;gap:20px}.story-connector{rotate:90deg}.story-message,.story-responses{padding:26px}.story-message h3{font-size:27px}.story-message>p{font-size:16px}.home-design .pricing-layout{grid-template-columns:1fr;gap:24px}.home-design .pricing-layout .price-card,.home-design .pricing-layout .client-free-note{padding:30px 26px}.home-design .pricing-layout h3{font-size:48px}}
.home-design .pricing-layout .client-pricing-bottom{width:100%}
@media(max-width:720px){.device-stage>.scene-reply{display:none}}
.home-design .signal-band{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px;margin:0 7vw;padding:46px 0;border:0;border-bottom:1px solid #24364a;background:none}
.signal-highlight{padding:0 28px 0 0;background:none}.signal-highlight+.signal-highlight{border-left:1px solid #24364a;padding-left:40px}.signal-highlight svg{display:block;width:30px;height:30px;fill:none;stroke:var(--cyan);stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;margin-bottom:20px}.signal-highlight h2{font-size:20px;line-height:1.35;letter-spacing:-.4px;margin:0 0 10px}.signal-highlight p{font-size:15px;line-height:1.7;color:var(--muted);margin:0;max-width:290px}
@media(max-width:720px){.home-design .signal-band{grid-template-columns:1fr;gap:0;margin:0 24px;padding:10px 0 24px}.signal-highlight,.signal-highlight+.signal-highlight{display:grid;grid-template-columns:32px 1fr;gap:5px 20px;padding:24px 0;border-left:0}.signal-highlight+.signal-highlight{border-top:1px solid #24364a}.signal-highlight svg{grid-row:1 / span 2;margin:2px 0 0;width:26px;height:26px}.signal-highlight h2{font-size:19px;margin:0}.signal-highlight p{grid-column:2;font-size:14px;max-width:none}}

/* An integrated video cover; native controls remain available during playback. */
.product-film { grid-column: 1 / -1; width: 100%; min-width: 0; margin-top: 24px; }
.product-film-stage { position: relative; overflow: hidden; border-radius: 20px; background: #070d19; }
.product-film-player { display: block; width: 100%; height: auto; aspect-ratio: 16 / 9; background: #070d19; }
.product-film-play { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); display: grid; place-items: center; width: 104px; height: 104px; padding: 0; border-radius: 50%; border: 2px solid rgba(255,255,255,.6); background: var(--cyan); color: #06121c; box-shadow: 0 8px 40px #0007; cursor: pointer; transition: background .15s, box-shadow .15s; }
.product-film-play[hidden] { display: none; }
.product-film-play svg { width: 44px; height: 44px; fill: currentColor; margin: 0; display: block; }
.product-film-play:hover { background: #83e7ff; box-shadow: 0 8px 48px #27d0ff55; }
.product-film-play:focus-visible { outline: 3px solid white; outline-offset: 6px; }
@media (max-width: 760px) { .product-film { margin-top: 8px; } .product-film-stage { border-radius: 12px; } .product-film-play { width: 72px; height: 72px; } .product-film-play svg { width: 32px; height: 32px; } }

/* Direct links land below the fixed site header. */
.product-film { scroll-margin-top: 110px; }
@media (max-width: 760px) { .product-film { scroll-margin-top: 88px; } }

.product-film-play { z-index: 2; }

/* Shared value and client invitation flow. */
.connection-link{color:var(--cyan);font-weight:700;display:inline-block;text-underline-offset:5px}
.home-design .connection-section{scroll-margin-top:90px;padding:80px 7vw;border-block:1px solid var(--line);background:#0d1628}
.connection-section .section-copy{max-width:760px}.connection-section h2 span{color:var(--cyan)}
.connection-benefits{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;margin:42px 0}
.connection-benefits article{border-top:2px solid #29516d;padding-top:24px}.connection-benefits h3{font-size:26px;line-height:1.25;letter-spacing:-.6px;margin:18px 0 14px}.connection-benefits p,.connection-start li span,.connection-requirement{color:var(--muted);line-height:1.7}
.connection-start{padding:32px;border:1px solid #29516d;border-radius:20px;background:#10182b}.connection-start h3{font-size:27px;margin:10px 0 24px}.connection-start ol{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:36px;padding-left:22px}.connection-start li{padding-left:5px}.connection-start li::marker{color:var(--cyan);font-weight:800}.connection-start li strong,.connection-start li span{display:block}.connection-start li span{font-size:14px;margin-top:8px}.connection-requirement{font-size:14px;border-top:1px solid #29516d;padding-top:22px;margin-top:24px}
@media(max-width:720px){.home-design .connection-section{padding:55px 24px}.connection-benefits,.connection-start ol{grid-template-columns:1fr;gap:24px}.connection-start{padding:24px}.connection-benefits h3{font-size:24px}.connection-start h3{font-size:24px}}

.connection-benefits p strong{color:#f6f8fc}.connection-pilot{border-left:3px solid var(--cyan);padding:8px 0 8px 24px;margin:0 0 40px;max-width:800px}.connection-pilot h3{font-size:26px;margin:12px 0}.connection-pilot p{color:var(--muted);line-height:1.7;margin-bottom:0}
