*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:#fff;background:#033882;font-family:Arial,Helvetica,sans-serif;background-image:linear-gradient(180deg,#00174945,#00369b12 55%,#001b5040),url('assets/call-agent-headset.png');background-size:cover;background-position:center;background-attachment:fixed}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a,input{outline-offset:5px}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #fff}.page{max-width:1536px;margin:auto;padding:18px 4% 0}.brand{display:inline-flex;align-items:center;gap:12px;max-width:100%}.brand svg{width:100px;flex-shrink:0}.brand-name{display:block;font-size:clamp(30px,3.8vw,58px);letter-spacing:-2.5px;font-weight:300;white-space:nowrap}.tagline{display:block;font-size:clamp(10px,1.08vw,17px);letter-spacing:4px;margin-top:1px;text-transform:uppercase}.hero{display:grid;grid-template-columns:46% 54%;gap:14px}.hero-copy h1{font-size:clamp(36px,4.25vw,66px);line-height:1.01;letter-spacing:-2px;margin:38px 0 12px;font-weight:800;text-shadow:0 3px 18px #002351}.hero-copy h1 span,.features-intro h1 span{color:#00e7ff}.intro{font-size:clamp(21px,1.9vw,30px);line-height:1.2;margin:0 0 17px;max-width:630px;text-shadow:0 2px 5px #002454}.purchase{background:linear-gradient(120deg,#65fbff,#00ddf1);color:#001323;box-shadow:0 0 25px #00deff66;border:1px solid #00efff;border-radius:17px;width:96%;padding:8px 15px;font-weight:800;font-size:clamp(22px,2.3vw,36px);min-height:86px;letter-spacing:-1px}.purchase strong{font-size:1.55em}.purchase:hover,.cyan:hover{filter:brightness(1.12)}.one-time{font-size:clamp(20px,2.25vw,34px);font-weight:800;letter-spacing:-.9px;margin:5px 0 9px}.platform{display:flex;gap:20px;align-items:center;font-size:15px;margin:10px 0}.platform span+span{border-left:1px solid #bedaf1;padding-left:20px}.mac h2{font-size:18px;letter-spacing:1px;margin:13px 0 5px;font-weight:600}.glass{background:linear-gradient(130deg,#0059b9b8,#0066c48a);border:1px solid #25c8ff88;border-radius:18px;box-shadow:0 6px 24px #00184433;backdrop-filter:blur(12px)}.signup{display:grid;grid-template-columns:40px 1fr auto;gap:10px;padding:13px 18px;max-width:600px}.mac-icon{font-size:35px;line-height:40px}.signup input{border:1px solid #a5c3db;background:#f6fbff;border-radius:10px;padding:10px 14px;min-width:0;color:#132e49}.cyan{border:0;border-radius:10px;background:linear-gradient(120deg,#43f9ff,#00d8ec);color:#001525;font-weight:700;padding:12px 17px}.signup p{grid-column:2/4;font-size:14px;margin:0}.signup .signup-status{font-size:12px;color:#d5e6ff}.hero-preview{padding-top:6px;align-self:start;min-width:0}.explore{display:inline-flex;align-items:center;gap:22px;background:linear-gradient(135deg,#0061ef,#0036b9);border:2px solid #00dbff;box-shadow:inset 0 0 12px #00c7ff88,0 3px 12px #00155288;border-radius:14px;padding:12px 25px;font-size:21px;font-weight:bold}.explore:hover{background:#005bea}.explore span{font-size:29px;line-height:20px}.laptop{position:relative;overflow:hidden;width:113%;margin-left:-9%;margin-top:6px;aspect-ratio:851/505;pointer-events:none}.laptop img{position:absolute;width:180.5%;max-width:none;left:-79.2%;top:-15.84%}.features{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:18px 0 14px}.feature-card{display:grid;grid-template-columns:65px 1fr 40px;gap:16px;padding:19px 18px;transition:transform .2s,background .2s}.feature-card:hover{transform:translateY(-4px);background:#006fe5dd}.feature-icon{background:#0028667a;color:#00eaff;border:1px solid #16bbff55;width:65px;height:65px;display:grid;place-items:center;border-radius:15px;font-size:40px}.coach .feature-icon{color:#baa9ff}.feature-card h2{font-size:22px;line-height:1.25;margin:0 0 14px}.feature-card p{font-size:16px;line-height:1.4;margin:0}.arrow{border-radius:50%;background:#0088da80;width:40px;height:40px;display:grid;place-items:center;font-size:32px}.closing{text-align:center;padding:14px 20px;margin:0 -8px}.closing h2{font-size:28px;margin:0 0 6px}.closing p{margin:7px 0;line-height:1.4}.closing .platform{justify-content:center;gap:25px}footer{text-align:right;padding:22px 0 18px;font-size:14px}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0)}.skip{position:fixed;left:10px;top:-70px;background:#fff;color:#001d49;padding:12px;z-index:20}.skip:focus{top:10px}dialog{color:white;background:#062c63;border:1px solid #00d5fa;border-radius:20px;padding:30px;max-width:520px;width:90%;box-shadow:0 20px 70px #00143c}dialog::backdrop{background:#00102ac9}dialog h2{font-size:28px;margin-top:10px}dialog p{line-height:1.6}.dialog-close{float:right;background:transparent;border:0;color:#fff;font-size:30px}.detail-page header{display:flex;align-items:center;justify-content:space-between;gap:20px}.back{font-size:18px;border:1px solid #4bddff;border-radius:10px;padding:12px 20px;background:#00387988}.features-intro{padding:45px 0}.eyebrow{font-size:14px;letter-spacing:2px;color:#79efff;font-weight:700}.features-intro h1{font-size:clamp(40px,4.5vw,68px);letter-spacing:-2px;line-height:1.07;margin:16px 0}.features-intro>p:last-child{font-size:22px;line-height:1.5;max-width:720px}.detail{display:grid;grid-template-columns:1fr 1.4fr;gap:55px;padding:35px;margin-bottom:24px;scroll-margin-top:25px;background:linear-gradient(130deg,#004593e6,#003676cf)}.detail-heading h2{font-size:36px;line-height:1.12;letter-spacing:-1px;margin:20px 0}.detail-heading>p:last-child{font-size:20px;line-height:1.5}.benefits{display:grid;grid-template-columns:1fr 1fr;gap:25px}.benefits h3{font-size:21px;margin:8px 0}.benefits p{font-size:18px;line-height:1.55;color:#e0f0ff;margin:0}.benefits .explore{font-size:17px;margin-top:20px;padding:10px 16px}
@media(min-width:1550px){.hero-copy h1{font-size:64px}}
@media(max-width:1100px){.feature-card{grid-template-columns:45px 1fr;gap:12px;padding:16px}.feature-icon{width:45px;height:45px;font-size:30px}.arrow{display:none}.feature-card h2{font-size:20px}.platform{font-size:12px;gap:10px}.platform span+span{padding-left:10px}.signup{grid-template-columns:1fr auto;padding:12px}.mac-icon{display:none}.signup p{grid-column:1/3}.signup .cyan{font-size:13px;padding:10px}.brand svg{width:70px}.tagline{letter-spacing:2px}.detail{gap:25px;padding:25px}.benefits{grid-template-columns:1fr}.laptop{width:109%;margin-left:-6%}}
@media(max-width:760px){body{background-attachment:scroll;background-size:auto 1300px;background-repeat:no-repeat;background-color:#00357b}.page{padding:20px 6% 0}.hero{grid-template-columns:1fr;gap:26px}.brand-name{font-size:35px;letter-spacing:-1.5px}.tagline{font-size:10px;letter-spacing:2px}.brand svg{width:66px}.brand{gap:8px}.hero-copy h1{font-size:clamp(35px,7.5vw,56px);letter-spacing:-1.4px;margin:28px 0 15px}.intro{font-size:22px;max-width:550px}.purchase{width:100%;font-size:25px;min-height:75px}.one-time{font-size:clamp(18px,4.5vw,27px);letter-spacing:-.5px}.platform{font-size:12px;flex-wrap:wrap;gap:9px}.mac h2{font-size:17px}.signup{grid-template-columns:1fr;padding:15px;gap:10px}.signup p{grid-column:1}.signup input,.signup button{min-height:44px}.signup .cyan{font-size:16px}.signup .signup-status{font-size:13px}.hero-preview{padding:0}.explore{font-size:18px;padding:11px 20px}.laptop{width:107%;margin-left:-3%;margin-top:10px}.features{grid-template-columns:1fr;gap:13px;margin-top:15px}.feature-card{grid-template-columns:55px 1fr 30px;padding:19px;gap:15px}.feature-icon{width:55px;height:55px;font-size:36px}.feature-card h2{font-size:22px;margin-bottom:10px}.feature-card h2 br{display:none}.feature-card p{font-size:17px}.arrow{display:grid;width:30px;height:30px}.closing{margin:20px 0 0;padding:20px}.closing h2{font-size:25px}.closing .platform{gap:8px}.closing .platform span{border:0;padding:0}footer{text-align:center;font-size:13px}.detail-page header{align-items:flex-start;flex-direction:column}.back{font-size:16px;padding:10px 15px}.features-intro{padding:28px 0}.features-intro h1{font-size:42px}.features-intro>p:last-child{font-size:20px}.detail{grid-template-columns:1fr;gap:10px;padding:23px}.detail-heading h2{font-size:30px}.benefits{gap:18px}.eyebrow{font-size:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.feature-card{transition:none}}

.hero{grid-template-columns:minmax(0,46fr) minmax(0,54fr)}.feature-icon svg{width:42px;height:42px}.mac-icon svg{width:30px;height:38px}.hero-copy h1{font-size:clamp(36px,4vw,61px)}@media(max-width:760px){.hero{grid-template-columns:minmax(0,1fr)}.hero-copy h1{font-size:clamp(35px,7.5vw,56px)}}
/* Desktop proportions follow the approved two-column mockup. */
@media(min-width:761px){
 .hero-copy h1{font-size:clamp(32px,3.4vw,52px);white-space:nowrap;letter-spacing:-.04em;margin-top:32px}
 .one-time{font-size:clamp(17px,1.65vw,25px);white-space:nowrap;letter-spacing:-.025em}
 .intro{font-size:clamp(19px,1.65vw,25px)}
 .purchase{font-size:clamp(22px,2.1vw,32px);min-height:78px}
 .brand-name{font-size:clamp(30px,3.4vw,52px)}
 .tagline{letter-spacing:3px}
 .hero-preview{padding-left:12px}
}
.laptop{width:100%;margin-left:0;aspect-ratio:851/505;overflow:visible}
.laptop img{position:static;display:block;width:100%;height:100%;object-fit:contain}
@media(max-width:760px){.laptop{width:100%;margin-left:0}}
/* Real app screenshot, preserved inside a CSS laptop frame. */
.laptop{aspect-ratio:auto;margin-top:18px;padding:0 4% 0;position:relative;overflow:visible}
.laptop-screen{position:relative;border:12px solid #10141b;border-bottom-width:17px;border-radius:20px 20px 9px 9px;background:#062440;box-shadow:0 0 0 2px #9fa7ad,0 15px 24px #00102688;overflow:hidden}
.laptop-screen img{display:block;position:static;width:100%;height:auto;object-fit:initial;border-radius:7px}
.laptop-base{position:relative;z-index:1;margin:0 -5%;height:20px;border-radius:2px 2px 50% 50%/2px 2px 80% 80%;background:linear-gradient(#bec6ca,#66737d 38%,#b5bdc2 45%,#515e69 80%,#26313c);box-shadow:0 10px 12px #00143199}
.laptop-base:before{content:'';display:block;width:15%;height:6px;margin:auto;border-radius:0 0 9px 9px;background:linear-gradient(#404c56,#909aa2)}




@media(max-width:760px){.laptop-screen{border-width:7px;border-bottom-width:10px;border-radius:14px 14px 5px 5px}.laptop-base{height:14px}}
/* A clean, generic activity panel keeps platform names out of the public preview. */









@media(max-width:760px){}

.hero-tour-actions{display:flex;align-items:center;gap:17px;flex-wrap:wrap}.feature-details-link{font-size:13px;color:#d9ecff;text-decoration:underline;text-decoration-color:#7edcf4;text-underline-offset:4px}.feature-details-link span{margin-left:5px;color:#76f7ec}.details-tour-cta{margin:23px 0 0}.details-tour-cta .explore{font-size:16px;padding:11px 18px}
@media(max-width:760px){.hero-tour-actions{gap:12px}.feature-details-link{font-size:12px}.details-tour-cta .explore{font-size:14px;padding:10px 14px}}


/* Purchase button: centered glass treatment that matches the site cards. */
.purchase{display:flex;align-items:center;align-content:center;justify-content:center;flex-wrap:wrap;gap:.16em;text-align:center;line-height:1.08;background:linear-gradient(130deg,rgba(101,251,255,.30),rgba(0,95,185,.46));color:#f4fdff;border-color:rgba(116,244,255,.78);box-shadow:inset 0 1px 0 rgba(255,255,255,.20),0 8px 24px rgba(0,24,68,.25),0 0 22px rgba(0,222,255,.22);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
.purchase-label{flex:0 1 auto}
.purchase-price{display:inline-flex;align-items:center;gap:.14em;white-space:nowrap}
.purchase strong{font-size:1.25em;line-height:1;color:#fff}