:root{--paper:#f8f8f2;--ink:#20261f;--muted:#63695e;--orange:#fa5126;--line:#dfe1d7;--lime:#e3f294;--font:'Manrope',sans-serif;--body:'DM Sans',sans-serif}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:24px}
body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--body);font-size:16px;-webkit-font-smoothing:antialiased}
button,a,input{-webkit-tap-highlight-color:transparent}
button,input{font:inherit}
a{color:inherit;text-decoration:none}
button{cursor:pointer}
button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid var(--orange);outline-offset:6px}
::selection{background:var(--lime);color:var(--ink)}
.skip-link{position:fixed;top:-100px;left:20px;z-index:20;background:var(--ink);color:white;padding:15px}
.skip-link:focus{top:10px}
.page-shell{max-width:1600px;margin:auto;padding:0 6%}
.site-header{height:116px;display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line)}
.brand{font:800 31px var(--font);letter-spacing:-1.5px;display:inline-flex;align-items:center;gap:7px}
.brand svg{width:34px;height:34px;fill:none;stroke:var(--orange);stroke-width:7;stroke-linecap:round;stroke-linejoin:round}
.brand-period{font:600 11px var(--body);align-self:flex-start;margin-top:5px;letter-spacing:0}
.header-note{font-size:14px;color:var(--muted)}
.launch-tag{border:1px solid var(--line);padding:12px 16px;border-radius:30px;font-size:13px;display:flex;align-items:center;gap:11px}
.launch-tag>span:last-child{font-size:20px;margin-left:7px}
.status-dot{width:7px;height:7px;background:var(--orange);border-radius:50%}
.hero{display:grid;grid-template-columns:1.1fr 1fr;gap:6%;padding:64px 0 72px;align-items:center}
.eyebrow{font-size:12px;letter-spacing:1.9px;font-weight:600;display:flex;align-items:center;gap:9px}
.tiny-star{font-size:25px;color:var(--orange);line-height:1}
h1,h2,h3,p{margin:0}
h1{font:800 clamp(65px,7.3vw,113px)/.99 var(--font);letter-spacing:-6px;margin:25px 0 35px}
.orange,.shift-word{color:var(--orange)}
.shift-word{position:relative;display:inline-block}
.shift-word svg{position:absolute;bottom:-17px;left:-3%;width:109%;height:23px;fill:none;stroke:var(--orange);stroke-width:4;stroke-linecap:round}
.hero-description{font-size:22px;line-height:1.4;font-weight:500;letter-spacing:-.4px}
.hero-detail{font-size:16px;line-height:1.65;color:var(--muted);max-width:365px;margin:14px 0 25px}
.primary-cta{display:inline-flex;align-items:center;gap:38px;padding:19px 24px;background:var(--ink);color:white;border-radius:6px;font-size:15px;transition:background .2s,transform .2s}
.primary-cta:hover{background:var(--orange);transform:translateY(-3px)}
.primary-cta span{font-size:23px;line-height:1}
.launch-caption{display:flex;align-items:center;gap:9px;font-size:12px;letter-spacing:1.2px;margin-top:23px;color:var(--muted)}
.mini-line{width:21px;height:1px;background:var(--muted)}
.caption-divider{margin:0 2px;color:#a3a599}
.hero-visual{position:relative;align-self:stretch;min-height:630px;display:flex;flex-direction:column;justify-content:center;padding:18px 0}
.photo-window{position:relative;border-radius:180px 180px 12px 12px;overflow:hidden;height:100%;min-height:580px;max-height:720px;background:#d5d9c7;transform:rotate(2deg);isolation:isolate}
.photo-window img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0;transition:transform 1s}
.hero-visual:hover .photo-window img{transform:scale(1.035)}
.photo-shade{position:absolute;inset:0;background:linear-gradient(180deg,#0004,transparent 35%,#101b126b)}
.photo-topline{position:absolute;left:35px;right:35px;top:70px;display:flex;align-items:center;justify-content:space-between;color:white;font-size:12px;letter-spacing:1.9px}
.photo-topline svg{width:25px;height:25px;stroke:currentColor;stroke-width:1.5}
.photo-bottom{position:absolute;bottom:35px;left:35px;right:30px;color:white;display:flex;justify-content:space-between;gap:16px;align-items:flex-end}
.photo-bottom>span:first-child{font:600 39px/1.08 var(--font);letter-spacing:-1.5px}
.photo-coordinate{font-size:12px;letter-spacing:1.4px;line-height:1.7}
.floating-card{position:absolute;z-index:2;background:#fff;border:1px solid #fff7;box-shadow:0 16px 48px #20261f15;border-radius:12px}
.check-card{left:-40px;top:130px;display:flex;align-items:center;gap:12px;padding:17px 20px;transform:rotate(-4deg);animation:float 7s ease-in-out infinite}
.circle-icon{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:var(--lime);font-size:19px}
.check-card strong{font-size:13px;display:block}
.check-card div>span{font-size:12px;display:block;color:var(--muted);margin-top:4px}
.time-card{right:-26px;bottom:139px;padding:22px 23px;transform:rotate(6deg);background:var(--lime);width:207px;animation:float 7s ease-in-out 2s infinite}
.card-small{font-size:12px;letter-spacing:1.1px}
.time-card strong{display:block;font:700 22px/1.25 var(--font);letter-spacing:-.8px;margin:12px 0 17px}
.mini-progress{display:flex;gap:5px}
.mini-progress span{height:4px;flex:1;background:var(--ink);border-radius:2px}
.mini-progress span:last-child{background:#20261f30}
.round-stamp{position:absolute;right:4px;top:-7px;z-index:3;width:104px;height:104px;border-radius:50%;background:var(--orange);color:var(--paper);font-size:12px;letter-spacing:1px;display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:1.1;transform:rotate(13deg)}
.round-stamp span{font-size:28px;line-height:.7}
.visual-caption{position:absolute;bottom:-17px;left:30%;font-size:12px;color:var(--muted);font-style:italic}
.ticker{overflow:hidden;background:var(--orange);color:var(--paper);padding:20px 0;transform:rotate(-1deg);width:100%;margin:18px 0 0}
.ticker-track{width:max-content;display:flex;align-items:center;animation:marquee 48s linear infinite;will-change:transform}
.ticker-group{width:100vw;padding:0 4vw;display:flex;align-items:center;justify-content:space-between;gap:24px;flex:none}
.ticker span{font:800 24px var(--font);letter-spacing:-.7px}
.ticker i{font-style:normal;font-size:32px;line-height:1}
.experience{max-width:1408px;margin:auto;display:grid;grid-template-columns:1fr 1fr;gap:10%;padding:120px 6% 110px}
.experience h2,.turnover h2{font:700 clamp(38px,4vw,58px)/1.08 var(--font);letter-spacing:-2.7px;margin:20px 0}
.experience-intro p{color:var(--muted);line-height:1.6}
.role-switch{display:inline-flex;padding:5px;border:1px solid var(--line);border-radius:40px;margin-top:27px;gap:3px}
.role-switch button{background:transparent;border:0;padding:13px 21px;border-radius:30px;color:var(--muted);font-size:14px;transition:background .25s,color .25s}
.role-switch .active{background:var(--ink);color:#fff}
.experience-content{border-top:1px solid var(--ink);padding-top:25px;align-self:center}
.section-index{font-size:12px;letter-spacing:1.6px;color:var(--orange);font-weight:600}
.experience-content h3{font:600 33px/1.18 var(--font);letter-spacing:-1.2px;margin:25px 0 18px}
.experience-content p{color:var(--muted);line-height:1.7;max-width:435px;min-height:110px}
.benefit-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}
.benefit-row span{border:1px solid var(--line);border-radius:22px;padding:9px 12px;font-size:12px}
.benefits{max-width:1408px;margin:auto;padding:12px 6% 120px}.benefits-heading{display:flex;justify-content:space-between;gap:40px;align-items:end;border-top:1px solid var(--ink);padding-top:29px}.benefits h2{font:700 clamp(40px,4.5vw,66px)/1.03 var(--font);letter-spacing:-3px;margin:20px 0 0}.benefits-heading>p{color:var(--muted);line-height:1.65;max-width:340px;margin-bottom:7px}.benefit-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:45px}.benefit-card{min-height:330px;border:1px solid var(--line);border-radius:15px;padding:23px;position:relative;display:flex;flex-direction:column;transition:transform .25s,background .25s,border-color .25s;outline:none}.benefit-card:hover,.benefit-card:focus{transform:translateY(-7px);border-color:var(--ink)}.benefit-card.spotlight{background:var(--orange);color:#fff;border-color:var(--orange)}.benefit-icon{width:44px;height:44px;border:1px solid currentColor;border-radius:50%;display:grid;place-items:center;font:600 22px var(--font)}.card-count{position:absolute;top:27px;right:24px;font-size:12px;letter-spacing:1.3px;opacity:.75}.benefit-card h3{font:600 25px/1.14 var(--font);letter-spacing:-1px;margin:44px 0 13px}.benefit-card p{font-size:14px;line-height:1.65;max-width:260px}.benefit-note{font-size:12px;line-height:1.45;margin-top:auto;padding-top:22px;opacity:.75}.card-arrow{position:absolute;right:23px;bottom:18px;font-size:24px}.protection{background:var(--lime);padding:105px max(6%,calc((100% - 1240px)/2));display:grid;grid-template-columns:1fr 1fr;gap:11%;align-items:center}.protection-copy h2{font:700 clamp(43px,5vw,70px)/1.04 var(--font);letter-spacing:-3px;margin:21px 0}.protection-copy h2 span{color:var(--orange)}.protection-copy p{font-size:17px;line-height:1.7;max-width:460px}.protection-copy small{display:block;font-size:12px;line-height:1.55;max-width:410px;margin-top:20px;color:#4d5547}.protection-playground{padding:14px 0}.protection-card{background:var(--ink);color:white;border-radius:18px;padding:30px;min-height:365px;position:relative;overflow:hidden}.protection-card:after{content:'';position:absolute;width:260px;height:260px;border-radius:50%;border:1px solid #ffffff25;right:-100px;bottom:-115px}.card-label{font-size:12px;letter-spacing:1.4px;color:var(--lime)}.shield-mark{width:65px;height:65px;border-radius:50%;display:grid;place-items:center;background:var(--orange);font-size:31px;margin:37px 0 29px;transition:transform .35s}.protection-card:hover .shield-mark{transform:rotate(60deg) scale(1.08)}.protection-card h3{font:600 31px/1.1 var(--font);letter-spacing:-1.2px;max-width:320px}.protection-card p{color:#d2d8ca;line-height:1.65;font-size:15px;max-width:340px;margin:13px 0 22px;position:relative;z-index:1}.proof-meter{height:5px;background:#ffffff30;border-radius:6px;overflow:hidden;position:relative;z-index:1}.proof-meter span{display:block;height:100%;width:25%;background:var(--lime);transition:width .35s}.proof-state{font-size:12px;letter-spacing:1.3px;display:block;margin-top:12px;color:var(--lime)}.proof-controls{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:10px}.proof-controls button{border:1px solid #9eac65;background:transparent;padding:13px 12px;border-radius:8px;text-align:left;font-size:13px;color:var(--ink);transition:background .2s,color .2s}.proof-controls button.active,.proof-controls button:hover{background:var(--ink);color:#fff}
.turnover{background:var(--ink);color:var(--paper);padding:76px max(6%,calc((100% - 1240px)/2)) 70px}
.turnover-heading{display:flex;justify-content:space-between;gap:30px;align-items:flex-end}
.turnover-heading .eyebrow{color:var(--lime)}
.turnover h2{margin-bottom:0}
.turnover-heading>p{font-size:15px;line-height:1.7;color:#c1c7b9;margin-bottom:5px}
.day-demo{margin-top:48px;border-top:1px solid #ffffff26;padding-top:32px;display:grid;grid-template-columns:1fr 1fr;gap:8%}
.demo-tag{font-size:12px;letter-spacing:1.6px;color:#b9c0b0}
.day-time{font:500 82px/1 var(--font);letter-spacing:-5px;margin:24px 0;color:var(--lime);display:flex;align-items:baseline}
.time-period{font-size:17px;letter-spacing:0;margin-left:13px}
.time-colon{transform:translateY(-6px)}
.day-description{display:flex;gap:16px;align-items:flex-start}
.day-symbol{font-size:30px;color:var(--lime);line-height:1.2}
.day-description h3{font-size:18px;font-weight:500;margin-bottom:10px}
.day-description p{color:#b9c0b0;font-size:14px;line-height:1.65;max-width:360px;min-height:70px}
.day-controls{align-self:center;padding-top:20px}
.day-controls label{display:flex;justify-content:space-between;font-size:14px;margin-bottom:25px}
.day-controls label span{color:var(--lime);font-size:21px}
input[type=range]{width:100%;height:7px;margin:15px 0 27px;appearance:none;background:linear-gradient(to right,var(--lime) 0%,var(--lime) var(--progress,0%),#ffffff30 var(--progress,0%),#ffffff30 100%);border-radius:10px;cursor:pointer}
input[type=range]::-webkit-slider-thumb{appearance:none;width:29px;height:29px;background:var(--lime);border:6px solid var(--ink);border-radius:50%;box-shadow:0 0 0 1px var(--lime)}
input[type=range]::-moz-range-thumb{width:18px;height:18px;background:var(--lime);border:5px solid var(--ink);border-radius:50%;box-shadow:0 0 0 1px var(--lime)}
.day-marks{display:flex;justify-content:space-between;gap:12px}
.day-marks button{border:0;background:transparent;padding:4px 0;color:#bec5b5;font:500 16px var(--body);text-align:left}
.day-marks button:last-child{text-align:right}
.day-marks button span{display:block;font-size:12px;margin-top:8px}
.day-marks button.selected{color:var(--lime)}
.demo-footnote{margin-top:36px;color:#a2ad98;font-size:12px;line-height:1.6;max-width:380px}
.coming-soon{text-align:center;padding:99px 20px 87px;position:relative;overflow:hidden}
.coming-soon .eyebrow{justify-content:center}
.coming-soon h2{font:800 clamp(52px,7.2vw,105px)/1.04 var(--font);letter-spacing:-5px;margin:27px 0}
.coming-soon h2 span{color:var(--orange)}
.coming-soon>p{font-size:18px;color:var(--muted);line-height:1.6}
.coming-pill{display:inline-flex;align-items:center;gap:18px;background:var(--orange);color:white;border-radius:30px;padding:15px 25px;font-size:14px;margin-top:29px}
.coming-pill span{font-size:25px}
.closing-note{display:block;font-size:12px;color:var(--muted);margin-top:20px}
footer{margin:0 6%;border-top:1px solid var(--line);padding:28px 0;display:flex;align-items:center;justify-content:space-between;gap:20px}
footer .brand{font-size:25px}
footer .brand svg{width:28px;height:28px}
footer>span{font-size:12px;color:var(--muted)}
.back-top{width:40px;height:40px;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center;font-size:22px}
.back-top:hover{background:var(--lime)}
@keyframes marquee{to{transform:translateX(-20%)}
}
@keyframes float{0%,100%{translate:0 0}
50%{translate:0 -9px}
}
@media(min-width:1600px){.hero-visual{min-height:710px}
}
@media(max-width:1050px){.header-note{display:none}
.hero{gap:5%;padding-top:50px}
h1{letter-spacing:-4px}
.hero-visual{min-height:590px}
.photo-window{min-height:530px}
.check-card{left:-23px;top:120px;padding:14px;gap:8px}
.check-card strong{font-size:12px}
.time-card{right:-15px;width:175px;padding:18px}
.time-card strong{font-size:20px}
.photo-bottom{left:25px;right:20px}
.photo-bottom>span:first-child{font-size:30px}
.photo-coordinate{display:none}
.experience{gap:7%}
.experience-content h3{font-size:28px}
.experience-content p{min-height:135px}
.turnover-heading>p{max-width:280px}
}
@media(max-width:720px){.page-shell{padding:0 7%}
.site-header{height:90px}
.brand{font-size:27px}
.brand svg{width:29px}
.launch-tag{border:0;padding:0;font-size:12px;gap:7px;max-width:136px}
.launch-tag>span:last-child{display:none}
.status-dot{flex-shrink:0}
.hero{grid-template-columns:1fr;padding:37px 0 59px;gap:40px}
.eyebrow{font-size:12px;letter-spacing:1.4px}
h1{font-size:clamp(66px,14vw,96px);letter-spacing:-4.5px;line-height:1.01;margin:24px 0 34px}
.hero-description{font-size:20px}
.hero-detail{max-width:360px;font-size:15px}
.primary-cta{font-size:14px;padding:17px 21px;gap:30px}
.launch-caption{font-size:12px;letter-spacing:.9px}
.hero-visual{min-height:500px;margin:0 9px;padding:10px 0}
.photo-window{min-height:485px;border-radius:155px 155px 10px 10px}
.check-card{top:125px;left:-25px}
.check-card strong{font-size:12px}
.time-card{right:-26px;bottom:86px}
.round-stamp{right:-16px;top:0;width:91px;height:91px;font-size:8px}
.photo-topline{top:66px;font-size:8px;left:28px;right:28px}
.photo-bottom{bottom:26px}
.photo-bottom>span:first-child{font-size:32px}
.visual-caption{font-size:12px;left:22%;bottom:-14px}
.ticker{padding:17px 0;margin:4px 0 0}
.ticker-group{padding:0 7vw;gap:14px}
.ticker span{font-size:20px}
.ticker i{font-size:25px}
.experience{grid-template-columns:1fr;gap:45px;padding:70px 7%}
.experience h2,.turnover h2{font-size:41px;letter-spacing:-2px}
.experience-intro p{font-size:15px}
.experience-content h3{font-size:29px}
.experience-content p{min-height:0;font-size:15px}
.role-switch{margin-top:23px}
.experience-content{padding-top:23px}
.benefits{padding:0 7% 75px}.benefits-heading{display:block;padding-top:24px}.benefits h2{font-size:42px;letter-spacing:-2px}.benefits-heading>p{font-size:15px;margin-top:21px}.benefit-cards{grid-template-columns:1fr 1fr;gap:9px;margin-top:30px}.benefit-card{min-height:280px;padding:18px}.benefit-card h3{font-size:20px;margin-top:32px}.benefit-card p{font-size:13px}.benefit-note{font-size:12px;padding-right:9px}.card-count{top:20px;right:18px}.card-arrow{right:18px}.protection{grid-template-columns:1fr;padding:62px 7%;gap:35px}.protection-copy h2{font-size:44px;letter-spacing:-2px}.protection-copy p{font-size:16px}.protection-card{min-height:340px;padding:25px}.protection-card h3{font-size:29px}.proof-controls{gap:6px}.proof-controls button{font-size:12px;padding:12px 10px}
.turnover{padding:55px 7%}
.turnover-heading{display:block}
.turnover-heading>p{margin-top:23px;max-width:none;font-size:14px}
.day-demo{grid-template-columns:1fr;gap:12px;margin-top:30px}
.day-time{font-size:78px}
.day-description p{min-height:48px}
.day-controls{padding-top:14px}
.demo-footnote{margin-top:26px}
.coming-soon{padding:68px 7%}
.coming-soon h2{font-size:clamp(48px,10vw,72px);letter-spacing:-3px}
.coming-soon>p{font-size:16px}
.coming-pill{font-size:12px;padding:13px 19px;gap:13px}
.closing-note{font-size:12px}
footer{margin:0 7%;flex-wrap:wrap;gap:20px}
footer>span:nth-child(2){display:none}
footer .brand{font-size:23px}
footer>span{font-size:12px}
.back-top{width:34px;height:34px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}
*,*::before,*::after{animation:none!important;transition:none!important}
}