:root{--bg:#142d29;--muted:#a9bcb3;--mint:#a5ddbd;--cream:#f8f8f1}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,"Segoe UI",Arial,sans-serif;background:var(--bg);color:var(--cream);-webkit-font-smoothing:antialiased}body::before{content:"";position:absolute;inset:0 0 auto;height:930px;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 80% 34%,#31564688,transparent 50%),radial-gradient(ellipse at 12% 90%,#1c3b3080,transparent 45%)}a{color:inherit;text-decoration:none}button,select{font:inherit}button,a,select{-webkit-tap-highlight-color:transparent}:focus-visible{outline:3px solid #b4dfc3;outline-offset:5px}.landing-shell{max-width:1320px;margin:0 auto;padding:0 64px}.landing-header{padding:36px 0;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff13}.logo{font-size:29px;font-weight:700;letter-spacing:-1.5px;display:flex;align-items:center;line-height:1}.logo-period{color:var(--mint)}.logo-mark{display:grid;grid-template-columns:repeat(2,9px);gap:3px;margin-right:11px;transform:rotate(-6deg)}.logo-mark i{width:9px;height:9px;background:var(--mint);border-radius:2px}.logo-mark i:last-child{opacity:.5}.launch-status{font-size:11px;color:#b7c8be;display:flex;gap:8px;align-items:center;letter-spacing:.2px}.launch-status i{width:5px;height:5px;border-radius:50%;background:var(--mint)}.hero{display:grid;grid-template-columns:1.15fr 1fr;gap:55px;align-items:center;padding:90px 0 82px}.coming-badge{font-size:9px;font-weight:650;letter-spacing:2.2px;border:1px solid #a5ddbd38;border-radius:100px;display:inline-flex;align-items:center;gap:9px;padding:9px 14px;color:#c4e8ce}.coming-badge>span{font-size:14px;line-height:1;color:var(--mint)}h1{font-size:clamp(40px,4.5vw,65px);font-weight:650;line-height:1.08;letter-spacing:-2.8px;margin:25px 0 26px}h1>span{color:var(--mint)}.hero-description{font-size:16px;line-height:1.8;color:#c3d1c8;max-width:425px;margin:0 0 14px}.hero-support{font-size:13px;line-height:1.8;color:#8da79a;max-width:400px;margin:0 0 29px}.preview-link{display:inline-flex;align-items:center;justify-content:space-between;gap:38px;background:var(--mint);color:#214333;font-weight:600;font-size:12px;border-radius:7px;padding:15px 19px;transition:background .2s,transform .2s}.preview-link span{font-size:20px;line-height:1}.preview-link:hover{background:#c2ebd1;transform:translateY(-2px)}.hero-note{display:flex;align-items:center;gap:9px;font-size:10px;color:#819d8d;margin-top:22px}.small-line{width:18px;height:1px;background:#729881}.hero-visual{position:relative;padding:38px 8px;scroll-margin-top:30px}.hero-visual::before{content:"?";position:absolute;right:-18px;top:-23px;color:#ffffff05;font-size:440px;font-weight:750;line-height:1;transform:rotate(13deg);pointer-events:none}.sample-card{position:relative;z-index:1;background:var(--cream);color:#243d31;border-radius:18px;padding:27px 28px 23px;box-shadow:0 35px 65px #051c2355;transform:rotate(2deg)}.sample-top{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:31px}.sample-kicker{font-size:8px;font-weight:700;letter-spacing:1.5px;color:#8c9e91}.language-select select{border:1px solid #dbe2d7;border-radius:5px;color:#688270;background:transparent;padding:5px 6px;font-size:10px}.language-select select:focus-visible,.sample-card button:focus-visible{outline-color:#478466}.sample-category{display:inline-block;font-size:8px;font-weight:650;letter-spacing:1.3px;color:#718a75;background:#e8eddf;border-radius:4px;padding:6px 9px}.sample-card h2{font-size:24px;font-weight:600;letter-spacing:-.6px;line-height:1.4;margin:17px 0 23px;min-height:67px}.sample-options{display:grid;gap:9px}.sample-option{display:flex;align-items:center;text-align:left;gap:12px;border:1px solid #e0e6da;background:#fff9;padding:13px 14px;border-radius:7px;color:#4f6857;font-size:12px;cursor:pointer;transition:border-color .2s,background .2s;width:100%}.sample-option>span:first-child{display:grid;place-items:center;width:22px;height:22px;border-radius:5px;border:1px solid #dce4d7;font-size:9px;color:#8d9f8e}.sample-option:hover:not(:disabled){background:#eef4e7;border-color:#a5bba6}.sample-option:disabled{cursor:default;opacity:1}.sample-option.is-correct{background:#e6f0e0;border-color:#92b592;color:#315d35}.sample-option.is-correct>span:first-child{background:#729a71;border-color:#729a71;color:#fff}.sample-option.is-wrong{background:#f8eae5;border-color:#d5a799;color:#875f54}.sample-answer-symbol{margin-left:auto;font-weight:700;font-size:15px}.sample-feedback{font-size:11px;line-height:1.6;color:#638068;margin:14px 0;min-height:36px}.sample-bottom{display:flex;align-items:center;justify-content:space-between;gap:10px;border-top:1px solid #dde4d6;padding-top:15px;font-size:8px;color:#879a88}.sample-bottom button{font-size:9px;border:0;background:transparent;padding:3px;color:#47764f;cursor:pointer}.sample-number{font-weight:600;white-space:nowrap}.visual-caption{display:flex;justify-content:center;align-items:center;gap:7px;color:#88a897;font-size:10px;position:relative;margin-top:27px;letter-spacing:.3px}.visual-caption>span{font-size:18px}.orbit-label{position:absolute;font-size:11px;font-weight:600;z-index:2;box-shadow:0 10px 25px #08201730}.label-one{top:6px;left:-25px;background:#56765c;color:#e0eeda;padding:10px 15px;border-radius:7px;transform:rotate(-8deg)}.label-two{bottom:62px;right:-24px;padding:10px 14px;color:#4d7054;background:#dce9ca;border-radius:7px;transform:rotate(-7deg);letter-spacing:2px}.label-two>span{color:#8b9e7a;margin:0 5px}.promise-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;border-top:1px solid #ffffff13;border-bottom:1px solid #ffffff13;padding:33px 0}.promise{display:flex;align-items:flex-start;gap:15px}.promise-number{font-size:9px;font-weight:600;color:#6c8e78;padding-top:5px;letter-spacing:1px}.promise h2{font-size:13px;font-weight:550;margin:0 0 8px;color:#ccdcca}.promise p{font-size:11px;line-height:1.8;margin:0;max-width:260px;color:#88a492}.closing-note{text-align:center;padding:65px 0 70px}.eyebrow{font-size:8px;letter-spacing:2.2px;color:#81a08c;font-weight:600}.closing-note h2{font-size:24px;font-weight:500;letter-spacing:-.7px;margin:15px 0 12px;color:#c9ddcc}.closing-note p{color:#88a594;font-size:12px;margin:0}.landing-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:23px 0 28px;border-top:1px solid #ffffff13;font-size:10px;color:#769281}.landing-footer a:hover{color:var(--mint)}.footer-message{font-size:12px;color:#a9c6b0;font-style:italic}.skip-link{position:absolute;top:-60px;left:20px;z-index:10;background:var(--cream);color:#173f2b;padding:10px 15px;border-radius:6px}.skip-link:focus{top:15px}.visually-hidden{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.no-script-note{font-size:11px;color:#638068} [hidden]{display:none!important}
@media(min-width:1500px){.hero{padding:110px 0 95px}}
@media(max-width:1050px){.landing-shell{padding:0 40px}.hero{gap:35px;padding:70px 0}.sample-card{padding:24px}h1{font-size:48px}.hero-description{font-size:14px}.sample-card h2{font-size:22px}.label-one{left:-12px}.label-two{right:-15px}}
@media(max-width:800px){.landing-shell{padding:0 28px}.landing-header{padding:28px 0}.hero{grid-template-columns:1fr;gap:35px;padding:55px 0 45px}.hero-copy{max-width:580px}h1{font-size:clamp(40px,7.6vw,60px);letter-spacing:-2px}.hero-description{font-size:15px;max-width:470px}.hero-support{max-width:450px}.hero-visual{max-width:440px;justify-self:center;width:100%;margin-top:8px}.sample-card h2{font-size:24px}.promise-strip{gap:22px;padding:28px 0}.promise{display:block}.promise-number{display:block;margin-bottom:12px}.promise h2{font-size:12px}.promise p{font-size:10px}.closing-note{padding:48px 0}.launch-status{font-size:9px}}
@media(max-width:480px){.landing-shell{padding:0 22px}.logo{font-size:27px}.launch-status{font-size:0;gap:0}.launch-status i{width:6px;height:6px}h1{font-size:39px;letter-spacing:-1.65px;line-height:1.13}.hero{padding:38px 0}.hero-description{font-size:14px}.hero-support{font-size:12px}.hero-visual{padding:26px 0 15px}.sample-card{transform:rotate(1deg);padding:24px 21px 20px}.sample-top{margin-bottom:25px}.sample-card h2{font-size:23px}.label-one{top:0;left:0;font-size:10px}.label-two{right:-6px;bottom:47px;font-size:9px}.promise-strip{grid-template-columns:1fr;gap:25px}.promise{display:flex;gap:17px}.promise-number{margin:0;padding-top:3px}.promise h2{font-size:13px}.promise p{font-size:11px;max-width:none}.closing-note h2{font-size:22px;line-height:1.4}.closing-note .eyebrow{font-size:7px;letter-spacing:1.7px}.landing-footer{font-size:9px;gap:10px}.footer-message{display:none}.sample-bottom>span:first-child{max-width:175px;line-height:1.6}.preview-link{font-size:11px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important}}

.landing-account-links{display:flex;align-items:center;gap:20px;font-size:11px;color:#c1d2c7}.landing-account-links>a:hover{color:var(--mint)}.landing-account-links .landing-signup{background:var(--mint);color:#214333;border-radius:6px;padding:10px 14px;font-weight:650}.landing-account-links .landing-signup:hover{background:#c2ebd1;color:#214333}
.user-portal-page{max-width:760px;margin:48px auto}.user-profile-card{max-width:620px}.user-profile-card .card-body{padding:28px}
@media(max-width:800px){.landing-account-links{gap:12px;font-size:10px}.landing-account-links .launch-status{display:none}.landing-account-links .landing-signup{padding:9px 11px}}
@media(max-width:480px){.user-portal-page{margin:30px auto}.user-profile-card .card-body{padding:20px}}

/* Keep the desktop preview visible without an extra jump link. */
.preview-link{display:none}.preview-language{font-size:10px;color:#688270}
.hero>*{min-width:0}.sample-card h2,.sample-option>span:nth-child(2),.sample-category,.sample-feedback{overflow-wrap:anywhere}
.sample-option>span:nth-child(2){min-width:0}.sample-option>span:first-child{flex-shrink:0}
.sample-category{max-width:100%}.sample-bottom{flex-wrap:wrap}.sample-top{gap:10px;flex-wrap:wrap}
@media(max-width:800px){
    html,body{max-width:100%;overflow-x:clip}
    .landing-shell{width:100%;max-width:100%;padding-left:clamp(16px,5vw,28px);padding-right:clamp(16px,5vw,28px)}
    .preview-link{display:inline-flex}.hero{grid-template-columns:minmax(0,1fr)}
    .hero-visual{min-width:0;max-width:min(440px,100%);padding-left:0;padding-right:0}
    .hero-visual::before{display:none}.sample-card{transform:none;width:100%;max-width:100%}
    .label-one{left:0}.label-two{right:0}.landing-header,.landing-footer{min-width:0;gap:12px}
    .promise-strip{grid-template-columns:repeat(3,minmax(0,1fr))}.promise{min-width:0}
}
@media(max-width:480px){
    .promise-strip{grid-template-columns:minmax(0,1fr)}
    h1{font-size:clamp(30px,9.5vw,39px)}.sample-card{padding:24px 18px 20px}
    .sample-bottom{align-items:flex-start}.sample-bottom>span:first-child{max-width:100%}
    .landing-footer{flex-wrap:wrap}.sample-option{padding:12px 10px;gap:10px}
}