/* Calctric product experience. Motion follows the tools; devices stay steady. */
.experience-page{--paper:#f5f3ed;--ink:#242620;--orange:#dd7f30;background:var(--paper)}
.experience-page .header{height:90px;border-bottom:0}.experience-page .nav-cta{border-radius:30px;background:var(--ink);color:#fff;border-color:var(--ink)}
.experience-hero{display:grid;grid-template-columns:1.08fr 1fr;align-items:center;gap:40px;padding:45px 0 65px;min-height:770px}.experience-hero h1{font-size:clamp(62px,6.5vw,92px);letter-spacing:-5px;line-height:1.02}.experience-hero .intro{font-size:26px;line-height:1.35;letter-spacing:-.5px}.experience-hero .hero-sub{max-width:360px;margin-top:18px;line-height:1.7}.experience-hero .hero-actions{align-items:flex-start;flex-direction:column;gap:20px}.experience-page .button{border-radius:30px;padding:17px 25px;box-shadow:0 4px 10px #20231e0c;transition:background .2s,box-shadow .2s}.experience-page .button:hover{transform:none;box-shadow:0 7px 18px #20231e22}.experience-page .text-link:hover{text-decoration:underline}
.hero-stage{isolation:isolate;position:relative;display:flex;align-items:center;flex-direction:column;justify-content:center;min-height:650px;padding:20px 0 0}.hero-stage:before{content:"";position:absolute;inset:15% -4% 12%;z-index:-2;background:radial-gradient(ellipse,#ead3b5 0%,#e5e3d3 40%,transparent 71%)}.stage-grid{position:absolute;inset:0;z-index:-1;background-image:linear-gradient(#727b6810 1px,transparent 1px),linear-gradient(90deg,#727b6810 1px,transparent 1px);background-size:36px 36px;mask-image:radial-gradient(ellipse,#0009,transparent 68%)}.stage-orbit{position:absolute;width:440px;height:440px;max-width:100%;border:1px solid #99977926;border-radius:50%;z-index:-1;transform:rotate(-22deg) scaleY(.72)}
.stage-phone{position:relative;width:244px;aspect-ratio:1290/2796;box-sizing:content-box;flex-shrink:0;border-radius:35px;padding:7px;border:2px solid #6d6c62;box-shadow:0 32px 60px -24px #24251c66,0 3px 5px #0003;background:#080908}.screen-layer{position:absolute;inset:7px;opacity:0;visibility:hidden;transition:opacity .5s ease,visibility .5s;overflow:hidden;border-radius:25px;pointer-events:none}.screen-layer.is-active{opacity:1;visibility:visible}.screen-layer img,.screen-layer video{width:100%;height:100%;object-fit:contain;border-radius:0;display:block;aspect-ratio:auto}.stage-caption{display:flex;gap:15px;align-items:center;justify-content:center;margin:24px 0 18px;font-size:12px;font-weight:600}.stage-counter{font-family:monospace;color:#777a6b;font-size:10px;letter-spacing:1px}.tool-switcher{display:flex;gap:3px;padding:4px;background:#e7e6dd;border:1px solid #d8d7cd;border-radius:28px}.tool-switcher button{border:0;background:transparent;padding:10px 14px;border-radius:23px;font-size:12px;color:#5d6154;cursor:pointer;transition:background .25s,color .25s,box-shadow .25s}.tool-switcher button[aria-pressed=true]{background:#fafaf5;color:#242620;box-shadow:0 2px 5px #00000012}.tool-switcher button:hover{color:#9d4709}
.experience-page .tool-strip{padding:27px 0}.experience-page .section-heading{position:relative;padding:115px 0 60px}.experience-page .section-heading h2{font-size:clamp(38px,4.5vw,62px);letter-spacing:-2.8px}.experience-page .motion-toggle{position:static;display:inline-block;font-size:11px;border:0;border-bottom:1px solid #a2a594;border-radius:0;padding:4px 0;background:transparent;color:inherit}.section-heading .motion-toggle{margin-top:10px}
.tool-journey{display:grid;grid-template-columns:1fr 1fr;gap:100px;position:relative;align-items:start;padding-bottom:65px}.tool-chapter{min-height:730px;display:flex;flex-direction:column;justify-content:center;padding:70px 0;scroll-margin-top:40px}.chapter-number{font:10px monospace;letter-spacing:1.5px;color:#858877;margin-bottom:25px}.tool-chapter .eyebrow{color:#985021}.tool-chapter h2{font-size:clamp(35px,4vw,54px);letter-spacing:-2.4px;margin-top:12px}.tool-chapter>p:not(.eyebrow):not(.scope){font-size:17px;line-height:1.75}.tool-chapter ul{font-size:14px;margin:18px 0}.tool-chapter .detail-note{margin-top:22px}.tool-chapter .demo-transcript{margin:12px 0;font-size:11px}.tool-chapter .scope{font-size:12px;color:#65685e;line-height:1.65}
.journey-stage{position:sticky;top:35px;height:min(750px,calc(100svh - 65px));min-height:560px;margin:30px 0;align-self:start}.journey-surface{isolation:isolate;background:#e8e5db;border:1px solid #dfded2;height:100%;border-radius:26px;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;overflow:hidden;transition:background .6s}.journey-stage[data-current=voltage] .journey-surface{background:#e0e4d7}.journey-stage[data-current=bending] .journey-surface{background:#272c25;color:#eceee4;border-color:#333b2e}.journey-stage .stage-phone{width:clamp(205px,20vw,255px);max-height:calc(100% - 140px);aspect-ratio:1290/2796;height:auto}.journey-stage .stage-caption{margin:19px 0 15px}.journey-stage[data-current=bending] .stage-counter{color:#adb79b}.chapter-track{display:flex;gap:6px;margin-bottom:17px}.chapter-track span{height:3px;width:20px;border-radius:3px;background:#90978350;transition:width .5s,background .5s}.chapter-track span.is-active{width:50px;background:#b95914}.mobile-screen{display:none}
.precision-section{background:#20271f;color:#f2f1e8;padding:95px 0;overflow:hidden}.precision-grid{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center}.precision-grid h2{font-size:48px;letter-spacing:-2px}.precision-grid p{color:#bbc3b4;max-width:380px;font-size:16px}.precision-grid .text-link{font-size:12px}.precision-grid .eyebrow{color:#dbac79;font-size:10px}.measure-demo{border:1px solid #66735c55;padding:32px;border-radius:20px;background:#2b3428}.measure-readout{display:flex;flex-direction:column;gap:18px}.measure-readout>span{font:10px monospace;letter-spacing:2px;color:#bac4ae}.measure-readout output{font-size:56px;font-weight:550;letter-spacing:-2px;font-variant-numeric:tabular-nums}.tape-scale{height:90px;position:relative;display:flex;justify-content:space-between;border-top:1px solid #adba9970;margin:32px 0 24px}.tick{height:17px;border-left:1px solid #aeba94;position:relative}.tick.quarter{height:27px}.tick.half{height:35px}.tick.major{height:43px}.tick b{position:absolute;top:50px;left:-4px;font-size:12px;font-weight:500}.tape-marker{position:absolute;left:28.125%;top:-10px;height:85px;width:2px;background:#efa153;transform:translateX(-50%);transition:left .1s linear}.tape-marker:before{content:"";position:absolute;top:0;left:-4px;border-top:7px solid #efa153;border-left:5px solid transparent;border-right:5px solid transparent}.measure-demo label{display:block;font-size:12px;color:#d6ddcd}.measure-demo input{width:100%;accent-color:#f0a154;min-height:38px;cursor:ew-resize}.measure-demo .small{font-size:10px;margin-bottom:0}
.experience-page .launch{padding-top:110px;padding-bottom:110px}.experience-page .launch h2{font-size:62px;letter-spacing:-3px}.experience-page .launch-card{border-radius:20px;background:#e6e7db}.experience-page .feedback form{border-radius:20px}.experience-page .feedback{gap:80px}.experience-page .feedback h2{font-size:43px}.experience-page .feedback .button{justify-content:space-between}.experience-page .safety{padding-top:35px}.experience-page footer{padding-top:35px}
@media(min-width:850px) and (max-height:760px){.journey-stage{top:15px;height:calc(100svh - 30px);min-height:470px}.journey-stage .stage-phone{width:190px}.journey-stage .stage-caption{margin:12px 0}.chapter-track{margin-bottom:9px}}
@media(max-width:1050px){.experience-hero{gap:25px}.experience-hero h1{font-size:66px;letter-spacing:-3.8px}.tool-journey,.precision-grid{gap:50px}.stage-phone{width:224px}.tool-chapter{min-height:720px}.precision-grid h2{font-size:38px}.measure-demo{padding:25px}}
@media(max-width:849px){.experience-hero{grid-template-columns:1fr;gap:0;text-align:center;padding-top:40px;min-height:0}.experience-hero h1{font-size:clamp(57px,10vw,82px)}.experience-hero .intro,.experience-hero .hero-sub{margin-left:auto;margin-right:auto}.experience-hero .intro br{display:none}.experience-hero .hero-actions{align-items:center}.hero-stage{min-height:640px;margin-top:20px}.hero-stage:before{inset:0}.experience-hero .hero-copy>.small{margin-bottom:0}.experience-page .section-heading{padding:65px 0 10px}.tool-journey{display:block;padding-bottom:30px}.journey-stage{display:none}.tool-chapter{min-height:0;padding:50px 0 60px;max-width:580px;margin:auto}.tool-chapter+.tool-chapter{border-top:1px solid var(--line)}.chapter-number{margin-bottom:10px}.tool-chapter h2{font-size:43px}.mobile-screen{display:block;width:250px;margin:35px auto 0;box-shadow:0 20px 45px -18px #25291f55}.mobile-screen img,.mobile-screen video{display:block;width:100%;height:auto}.precision-grid{grid-template-columns:1fr;gap:35px}.precision-section{padding:65px 0}.precision-grid p{max-width:500px}.measure-demo{max-width:540px;width:100%}.experience-page .launch{padding-top:65px;padding-bottom:65px}.experience-page .launch h2{font-size:48px}.experience-page .feedback{gap:30px}.experience-page .feedback h2{font-size:36px}}
@media(max-width:500px){.experience-page .header{height:82px}.experience-hero{padding-top:22px;padding-bottom:35px}.experience-hero h1{font-size:58px;letter-spacing:-3.8px}.experience-hero .intro{font-size:23px;max-width:270px}.experience-hero .eyebrow{font-size:8px;letter-spacing:1.1px}.experience-hero .hero-sub{font-size:15px;max-width:300px}.hero-stage{min-height:630px}.stage-phone{width:228px}.stage-caption{font-size:11px}.tool-switcher button{padding:10px 12px;font-size:11px}.experience-page .tool-strip{gap:16px}.experience-page .section-heading h2{font-size:38px}.tool-chapter h2{font-size:38px}.tool-chapter>p:not(.eyebrow):not(.scope){font-size:16px}.precision-grid h2{font-size:38px}.measure-readout output{font-size:48px}.experience-page .launch h2{font-size:46px}}
@media(prefers-reduced-motion:reduce){.screen-layer,.journey-surface,.chapter-track span,.tape-marker{transition:none}.experience-page html{scroll-behavior:auto}}
.hero-stage .hero-motion{margin-top:14px;font-size:10px;color:#747a6a}.journey-stage .stage-phone{width:min(255px,calc((100svh - 190px) * .461))}
html:not(.experience-ready) .journey-stage{display:none}html:not(.experience-ready) .tool-journey{display:block}html:not(.experience-ready) .mobile-screen{display:block;width:250px;margin:30px auto}html:not(.experience-ready) .tool-switcher,html:not(.experience-ready) .motion-toggle{display:none}
@media(min-width:850px) and (max-height:520px){.journey-stage{display:none}.tool-journey{display:block}.tool-chapter{min-height:0}.mobile-screen{display:block;width:230px;margin:30px auto}}
@media(prefers-reduced-motion:reduce){.experience-page .stage-phone{box-shadow:0 15px 30px -15px #24251c44}}
.stage-orbit{width:min(440px,80%);height:auto;aspect-ratio:1}@media(max-width:500px){.experience-hero h1{font-size:54px;margin:22px 0}.experience-hero .intro{font-size:21px}.experience-hero .hero-actions{margin-top:25px}.hero-stage{margin-top:5px}}
/* One pinned product scene; native scrolling selects each chapter. */
.scroll-story{position:relative;height:300svh;background:#ebe8df;transition:background .6s,color .6s;color:#242620}.story-anchor{position:absolute;top:0;scroll-margin-top:0}.story-anchor.anchor-1{top:50svh}.story-anchor.anchor-2{top:100svh}/* Match the visible viewport as mobile browser controls retract. Keep phone sizing and chapter distances stable in svh. */
.story-viewport{position:sticky;top:0;height:100svh;height:100dvh;min-height:520px;overflow:hidden}.story-content{height:100%;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr auto;gap:20px 80px;align-items:center;padding-top:35px;padding-bottom:30px}.story-copy{position:relative;min-height:315px}.story-step{position:absolute;inset:0;opacity:0;visibility:hidden;transition:opacity .45s ease,visibility .45s}.story-step.is-active{opacity:1;visibility:visible}.story-step h2{font-size:clamp(40px,4.6vw,64px);letter-spacing:-2.8px;margin:18px 0 25px}.story-step .eyebrow{color:#9d531e}.story-description{font-size:19px;line-height:1.7;max-width:450px}.story-tags{font-size:12px;color:#727865;margin-top:25px}.story-device{position:relative;isolation:isolate;display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:0}.story-device .stage-phone{width:min(275px,calc((100svh - 160px) * .461));max-height:none}.story-device-backdrop{position:absolute;inset:5% -5%;border-radius:50%;z-index:-1;background:radial-gradient(ellipse,#d9d6c3,transparent 70%)}.story-device .stage-caption{margin:20px 0 0}.story-controls{grid-column:1/-1;display:flex;align-items:center;gap:30px;min-height:34px}.story-nav{display:flex;gap:22px}.story-nav a{font-size:12px;text-decoration:none;border-bottom:2px solid transparent;padding:8px 0;color:inherit;opacity:.65}.story-nav a[aria-current=step]{border-color:#ba6529;opacity:1}.scroll-cue{margin-left:auto;font-size:11px;opacity:.6}.scroll-story[data-current=voltage]{background:#e1e6da}.scroll-story[data-current=bending]{background:#22291f;color:#f2f3eb}.scroll-story[data-current=bending] .story-step .eyebrow{color:#e4aa73}.scroll-story[data-current=bending] .story-tags,.scroll-story[data-current=bending] .stage-counter{color:#b8c2ac}.scroll-story[data-current=bending] .story-device-backdrop{background:radial-gradient(ellipse,#404a34,transparent 70%)}.tool-details{padding-top:80px;padding-bottom:85px}.tool-details>h2{margin-bottom:40px}.tool-details>details{border-top:1px solid var(--line);padding:22px 0}.tool-details>details:last-child{border-bottom:1px solid var(--line)}.tool-details>details>summary{cursor:pointer;font-size:20px;letter-spacing:-.4px}.tool-details .feature-copy{max-width:760px;padding:15px 0}.tool-details .feature-copy>p{font-size:16px}.tool-details .scope{font-size:12px;color:var(--muted)}
@media(max-width:849px){.story-content{grid-template-columns:1fr;grid-template-rows:auto 1fr auto;gap:12px;padding-top:24px;padding-bottom:18px}.story-copy{min-height:180px;text-align:center}.story-step h2{font-size:34px;letter-spacing:-1.5px;margin:8px 0 12px}.story-step .eyebrow{font-size:9px;margin:0}.story-description{font-size:14px;line-height:1.55;max-width:390px;margin:0 auto}.story-tags{display:none}.story-device{height:100%;min-height:0;justify-content:center}.story-device .stage-phone{width:min(245px,calc((100svh - 315px) * .461))}.story-device .stage-caption{margin-top:13px;font-size:10px}.story-controls{grid-column:1;gap:12px;flex-wrap:wrap;justify-content:center}.story-nav{gap:20px}.story-nav a{font-size:11px}.story-controls .motion-toggle{font-size:10px}.scroll-cue{display:none}.tool-details{padding-top:55px;padding-bottom:55px}.tool-details>h2{font-size:34px}.tool-details>details>summary{font-size:18px}}
@media(max-width:849px) and (max-height:680px){.story-copy{min-height:148px}.story-step h2{font-size:29px;margin:5px 0 8px}.story-description{font-size:12px}.story-content{padding-top:16px;gap:5px;padding-bottom:12px}.story-device .stage-phone{width:calc((100svh - 250px) * .461)}.story-device .stage-caption{margin-top:8px}}
@media(min-width:850px) and (max-height:650px){.story-step h2{font-size:44px}.story-description{font-size:16px}.story-copy{min-height:290px}.story-content{padding-top:15px;padding-bottom:15px}.story-device .stage-phone{width:calc((100svh - 120px) * .461)}}
@media(prefers-reduced-motion:reduce){.scroll-story,.story-step{transition:none}}
html:not(.experience-ready) .scroll-story{height:auto}html:not(.experience-ready) .story-viewport{position:static;height:auto;min-height:0}html:not(.experience-ready) .story-copy{display:grid;gap:25px}html:not(.experience-ready) .story-step{position:static;opacity:1;visibility:visible}html:not(.experience-ready) .story-controls{display:none}

@media(max-height:519px){.story-viewport{min-height:0}.story-content{grid-template-columns:1fr 1fr;grid-template-rows:1fr auto;padding-top:12px;padding-bottom:10px;gap:8px 25px}.story-copy{min-height:200px;text-align:left}.story-step h2{font-size:27px;letter-spacing:-1px}.story-description{font-size:12px}.story-tags{display:none}.story-device .stage-phone{width:calc((100svh - 110px) * .461)}.story-controls{grid-column:1/-1}.story-device .stage-caption{font-size:9px;margin-top:8px}}

@media(max-width:360px) and (min-height:520px){.story-copy{min-height:195px}.story-device .stage-phone{width:calc((100svh - 350px) * .461)}.story-nav{gap:15px}.story-controls{gap:8px}}

/* A compact introduction leads straight into the scrolling showcase. */
.experience-hero.title-intro{display:block;min-height:0;padding:18px 0 30px;text-align:center}.title-intro .hero-copy{max-width:850px;margin:auto}.experience-hero.title-intro h1{font-size:clamp(30px,3.6vw,46px);letter-spacing:-1.8px;line-height:1.12;margin:10px 0 12px}.experience-hero.title-intro .eyebrow{font-size:9px;margin:0;letter-spacing:1.6px}.experience-hero.title-intro .intro{font-size:15px;line-height:1.5;margin:0 auto;color:var(--muted)}.scroll-story{scroll-margin-top:0}
@media(max-width:600px){.experience-hero.title-intro{padding:12px 0 24px}.experience-hero.title-intro h1{font-size:clamp(28px,7.4vw,38px);letter-spacing:-1.3px}.experience-hero.title-intro .intro{font-size:13px}}

/* Decorative hardware stays outside the app content, apart from the status-bar island. */
.phone-hardware{position:absolute;inset:0;pointer-events:none;z-index:3;border-radius:inherit}.phone-island{position:absolute;top:2.2%;left:50%;transform:translateX(-50%);width:27%;height:3.2%;border-radius:99px;background:#020303;box-shadow:0 0 0 1px #121313;display:flex;align-items:center;justify-content:flex-end;padding-right:7px}.phone-island i{width:5px;height:5px;border-radius:50%;background:radial-gradient(circle at 40% 35%,#203148,#080f19 55%,#030505);box-shadow:0 0 0 2px #090b0d}.phone-action,.phone-volume-up,.phone-volume-down,.phone-power{position:absolute;width:3px;background:linear-gradient(90deg,#353731,#91938a,#41443d);border-radius:2px 0 0 2px;left:-5px;box-shadow:-1px 0 1px #0003}.phone-action{top:15%;height:3.5%}.phone-volume-up{top:23%;height:7%}.phone-volume-down{top:32%;height:7%}.phone-power{left:auto;right:-5px;top:25%;height:11%;border-radius:0 2px 2px 0;background:linear-gradient(90deg,#41443d,#91938a,#353731)}

.story-device .stage-phone{overflow:visible}

.story-anchor.anchor-3{top:150svh}.scroll-story[data-current=guide]{background:#e7e5dc}.story-nav{gap:18px}@media(max-width:849px){.story-nav{gap:15px}.story-controls{gap:6px 12px}.story-controls .motion-toggle{font-size:9px}}@media(max-width:360px){.story-nav{gap:12px}.story-nav a{font-size:10px}}

/* Opening: the same phone arrives in the walkthrough as the title scrolls away. */
.experience-hero.title-intro{height:calc(49svh - 90px);padding:0;display:flex;align-items:center;justify-content:center}
.opening-cue{display:inline-flex;gap:12px;margin-top:22px;color:var(--muted);font-size:11px;text-decoration:none}
.opening-cue:hover{color:var(--ink)}
.scroll-story{background:var(--paper);--arrival-opacity:0;--arrival-x:0px;--arrival-y:14px}
.story-content{position:relative}
.experience-ready .story-device{transform:translate(var(--arrival-x),var(--arrival-lift,0px)) scale(var(--arrival-scale,1));transform-origin:center top}
.experience-ready .story-copy{opacity:var(--arrival-opacity);transform:translateY(var(--arrival-y))}
.experience-ready .story-controls,.experience-ready .stage-caption{opacity:var(--arrival-opacity)}
.story-controls:focus-within{opacity:1}
.scroll-story[data-current=guide]{background:var(--paper)}
@media(max-width:849px){.experience-hero.title-intro{height:calc(45svh - 90px)}}
@media(max-width:500px){.experience-hero.title-intro{height:calc(45svh - 82px)}}
@media(max-height:519px){.experience-hero.title-intro{height:auto;padding:24px 0 34px}.opening-cue{margin-top:12px}}
@media(prefers-reduced-motion:reduce){.experience-ready .story-device,.experience-ready .story-copy{transform:none}.experience-ready .story-copy,.experience-ready .story-controls,.experience-ready .stage-caption{opacity:1}}

/* A single, quieter rhythm below the product demos. */
.experience-page .tool-details{display:grid;grid-template-columns:.9fr 1.1fr;gap:95px;padding:95px 0 90px;border-top:1px solid var(--line);align-items:start}
.details-intro>h2{font-size:clamp(38px,4vw,52px);letter-spacing:-2px;line-height:1.08;margin:18px 0 22px}
.details-intro>p:not(.eyebrow){max-width:340px;font-size:16px;color:var(--muted)}
.details-list{border-top:1px solid #c9ccbf}
.details-list>details{border-bottom:1px solid #c9ccbf}
.details-list>details>summary{list-style:none;display:flex;align-items:center;gap:18px;padding:26px 0;cursor:pointer;font-size:19px;font-weight:550;letter-spacing:-.4px}
.details-list>details>summary::-webkit-details-marker,.feedback-panel>summary::-webkit-details-marker{display:none}
.detail-index{font:10px monospace;color:#8a8e7e;align-self:flex-start;padding-top:5px;letter-spacing:1px}
.details-list summary small{display:block;margin-top:8px;font-size:12px;font-weight:400;letter-spacing:0;color:var(--muted)}
.detail-plus{margin-left:auto;font-size:23px;font-weight:300;color:#717762;flex-shrink:0;transition:transform .25s}
.details-list>details[open]>summary .detail-plus,.feedback-panel[open]>summary .detail-plus{transform:rotate(45deg)}
.details-list>details[open]>summary{padding-bottom:12px}
.tool-details .feature-copy{padding:0 0 25px 32px;max-width:none}
.tool-details .feature-copy>p{font-size:14px}.tool-details .feature-copy ul{margin:15px 0}.tool-details .feature-copy li{font-size:13px;padding-top:7px;padding-bottom:7px}
.tool-details .scope{font-size:12px}.tool-details summary:focus-visible,.feedback-panel>summary:focus-visible{outline:3px solid #ab4900;outline-offset:5px}
.details-intro .measure-demo{margin-top:35px;padding:24px 26px 18px;background:#eeeee5;border:1px solid #dfe1d5;border-radius:18px;max-width:400px}
.details-intro .measure-readout{gap:8px}.details-intro .measure-readout>span{font-size:9px;letter-spacing:1.6px;color:#6b725d}.details-intro .measure-readout output{font-size:42px;line-height:1.1;letter-spacing:-1.5px;color:var(--ink)}
.details-intro .tape-scale{height:70px;margin:25px 0 20px;border-color:#8f9a7d}.details-intro .tick{border-color:#8b9777}.details-intro .tick b{top:46px}.details-intro .tape-marker{height:70px;background:#b85c21}.details-intro .tape-marker:before{border-top-color:#b85c21}
.details-intro .measure-demo label{font-size:11px;color:#565e48}.details-intro .measure-demo input{accent-color:#aa541e}.details-intro .measure-demo .small{color:#757b6a;font-size:9px;margin:4px 0 0}
.download-band{padding-bottom:85px}
.download-card{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:30px;padding:42px;background:#252d22;color:#f5f5eb;border:1px solid #3a4434;border-radius:24px}
.download-card>img{border-radius:17px;box-shadow:0 8px 20px #0002}
.download-card .eyebrow{margin:0;color:#c3cdb5;font-size:9px}
.download-card h2{font-size:clamp(27px,3vw,38px);letter-spacing:-1.3px;margin:10px 0}
.download-card p:not(.eyebrow){font-size:13px;color:#bdc7b2;margin:0}
.experience-page .download-card .button{background:#f3f3e9;color:#293124;white-space:nowrap;font-size:12px;padding:16px 20px;gap:22px;box-shadow:none}
.download-card .button:hover{background:#e0e5d4}
.download-note{font-size:10px;color:#7b8171;margin:16px 3px 0}
.experience-page .feedback{padding:65px 0;gap:95px;grid-template-columns:.9fr 1.1fr;align-items:start}
.experience-page .feedback h2{font-size:38px;line-height:1.1;letter-spacing:-1.5px;margin:16px 0 20px}
.feedback-copy>p{max-width:340px;font-size:14px}.feedback-copy .detail-note{border-top:0;border-left:2px solid #c8cbbd;padding:0 0 0 15px;max-width:340px;font-size:11px;margin-top:24px}
.feedback-panel{background:#eeeee5;border:1px solid #dbded0;border-radius:18px;overflow:hidden}
.feedback-panel>summary{list-style:none;display:flex;gap:20px;align-items:center;padding:29px;cursor:pointer}
.feedback-panel>summary strong{display:block;font-size:19px;font-weight:550;letter-spacing:-.4px}
.feedback-panel>summary small{display:block;color:var(--muted);font-size:12px;line-height:1.6;margin-top:7px}
.experience-page .feedback-panel form{background:transparent;border-top:1px solid #dbded0;border-radius:0;padding:26px 29px}
.feedback-panel textarea{min-height:115px}.feedback-panel select,.feedback-panel textarea,.feedback-panel input[type=text],.feedback-panel input[type=email]{border-radius:8px;border-color:#b8beab;background:#fafaf5;font-size:13px}
.experience-page .safety{display:grid;grid-template-columns:.9fr 1.1fr;column-gap:95px;padding:35px 0 45px}
.safety h2{font-size:19px;line-height:1.3;letter-spacing:-.4px;margin:0}
.safety p{margin:0 0 12px;font-size:11px;line-height:1.8}.safety>a{grid-column:2;font-size:11px;font-weight:500}
.experience-page footer{padding:30px 0;row-gap:18px}.experience-page footer>small{font-size:9px;line-height:1.7;max-width:1000px}
@media(max-width:1050px){.experience-page .tool-details,.experience-page .feedback,.experience-page .safety{gap:50px}.download-card{padding:32px;gap:23px}.download-card>img{width:55px;height:55px}.download-card .button{grid-column:2;justify-self:start}.download-card h2{margin-top:8px}}
@media(max-width:700px){.experience-page .tool-details{grid-template-columns:1fr;gap:35px;padding:55px 0}.details-intro>h2{font-size:36px}.details-intro>h2 br{display:none}.details-intro>p:not(.eyebrow){font-size:14px;max-width:100%}.details-intro .measure-demo{max-width:none;margin-top:25px}.details-list>details>summary{font-size:17px;padding:23px 0;gap:13px}.details-list summary small{font-size:11px}.tool-details .feature-copy{padding-left:26px}.download-band{padding-bottom:50px}.download-card{grid-template-columns:auto 1fr;padding:26px;gap:18px;border-radius:20px}.download-card h2{font-size:28px}.download-card>img{align-self:start;margin-top:4px;width:48px;height:48px;border-radius:12px}.download-card .button{grid-column:1/-1;justify-self:stretch;justify-content:space-between}.download-card p:not(.eyebrow){font-size:12px}.download-note{font-size:9px;line-height:1.7}.experience-page .feedback{grid-template-columns:1fr;gap:25px;padding:45px 0}.experience-page .feedback h2{font-size:34px}.feedback-copy .detail-note{margin-top:18px}.feedback-panel>summary{padding:24px}.experience-page .feedback-panel form{padding:22px}.experience-page .safety{grid-template-columns:1fr;gap:12px;padding:28px 0 35px}.safety>a{grid-column:1}.safety p{margin:0}.experience-page footer{padding-top:25px}}

/* A larger opening device reaches into the space below the title. */
.scroll-story{overflow-x:clip;overflow-y:visible}.story-viewport{overflow:visible}
@media(min-width:850px) and (min-height:651px){.story-device .stage-phone{width:min(305px,calc((100svh - 160px) * .461))}}

.experience-ready{scroll-padding-top:0}

/* A quiet tape-measure index along the edge of the page. */
.page-tape{--tape-span:calc(100svh - 200px);--tape-ink:#626b59;--tape-tick:#9da58f70;--tape-accent:#a75b2a;position:fixed;z-index:8;right:6px;top:50%;transform:translateY(-50%);width:44px;color:var(--tape-ink);opacity:0;visibility:hidden;transition:opacity .3s,visibility .3s}
.page-tape.is-visible{opacity:1;visibility:visible}
.page-tape.on-dark{--tape-ink:#a9b39e;--tape-tick:#a8b59670;--tape-accent:#d49b6d}
.page-tape-title{display:none}
.page-tape-body{position:relative;height:var(--tape-span)}
.page-tape-links{height:100%}
.page-tape-links a{height:32px;width:28px;position:absolute;left:0;display:flex;align-items:center;transform:translateY(-50%);text-decoration:none;font:10px monospace;outline-offset:1px;color:inherit}
.page-tape-links a:nth-child(1){top:0.0000%}.page-tape-links a:nth-child(2){top:16.6667%}.page-tape-links a:nth-child(3){top:33.3333%}.page-tape-links a:nth-child(4){top:50.0000%}.page-tape-links a:nth-child(5){top:66.6667%}.page-tape-links a:nth-child(6){top:83.3333%}.page-tape-links a:nth-child(7){top:100.0000%}
.tape-inch{letter-spacing:-.5px}.page-tape-links a:after{content:"";height:1px;width:16px;position:absolute;left:28px;background:var(--tape-tick)}
.page-tape-links a[aria-current]{color:var(--tape-accent);font-weight:700}
.tape-section-name{position:absolute;right:calc(100% + 8px);padding:7px 10px;white-space:nowrap;border:1px solid #d8dbcf;border-radius:5px;background:#f5f3ed;color:#31382b;opacity:0;visibility:hidden;transform:translateX(3px);transition:opacity .15s,transform .15s;font:11px -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.page-tape-links a:hover .tape-section-name,.page-tape-links a:focus-visible .tape-section-name{opacity:1;visibility:visible;transform:none}
.page-tape-ticks,.page-tape-ticks i,.page-tape-ticks b{position:absolute;right:0;top:0;bottom:0;pointer-events:none;background:repeating-linear-gradient(to bottom,var(--tape-tick) 0 1px,transparent 1px calc(var(--tape-span) / 96));width:4px}
.page-tape-ticks i{width:8px;background:repeating-linear-gradient(to bottom,var(--tape-tick) 0 1px,transparent 1px calc(var(--tape-span) / 24))}.page-tape-ticks b{width:12px;background:repeating-linear-gradient(to bottom,var(--tape-tick) 0 1px,transparent 1px calc(var(--tape-span) / 12))}
.page-tape-slider{position:absolute;z-index:2;top:50%;left:36px;width:var(--tape-span);height:16px;margin:0;transform:translate(-50%,-50%) rotate(90deg);appearance:none;-webkit-appearance:none;background:transparent;cursor:ns-resize;touch-action:none}
.page-tape-slider::-webkit-slider-runnable-track{height:16px;background:transparent}.page-tape-slider::-webkit-slider-thumb{-webkit-appearance:none;width:2px;height:16px;border-radius:1px;background:var(--tape-accent);border:0}
.page-tape-slider::-moz-range-track{height:16px;background:transparent}.page-tape-slider::-moz-range-thumb{width:2px;height:16px;border:0;border-radius:1px;background:var(--tape-accent)}
.page-tape-slider:disabled{display:none}
@media(min-width:850px){.experience-page .wrap{width:min(1200px,calc(100% - 144px))}}
@media(min-width:600px) and (max-width:849px){.experience-page .wrap{width:calc(100% - 112px)}}
@media(max-width:599px){
 .page-tape{width:26px;right:2px}.page-tape-links a{width:26px;height:32px;font-size:8px}.page-tape-links a:after{left:18px;width:8px}.page-tape-ticks{width:2px}.page-tape-ticks i{width:4px}.page-tape-ticks b{width:6px}.page-tape-slider{display:none}
 .page-tape-body:after{content:"";position:absolute;right:0;top:var(--tape-position,0%);width:9px;height:2px;background:var(--tape-accent);pointer-events:none}
 .tape-section-name{font-size:10px}
}
@media(max-height:519px){.page-tape{--tape-span:calc(100svh - 100px)}}
@media(prefers-reduced-motion:reduce){.page-tape,.tape-section-name{transition:none}}

/* Android beta invitations sit alongside the existing iPhone download. */
.android-notice{display:flex;align-items:center;justify-content:center;gap:10px;margin:14px auto 0;width:fit-content;font-size:11px;line-height:1.6;color:var(--muted);text-decoration:none}
.android-notice span{color:var(--orange);white-space:nowrap}.android-notice b{font-weight:400;margin-left:2px}
.android-notice:hover span{text-decoration:underline;text-underline-offset:4px}
.android-beta{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:38px;margin-top:18px;padding:34px 42px;border:1px solid #63503e;border-radius:24px;background:radial-gradient(ellipse at 0% 0%,#b386541c,transparent 65%),linear-gradient(125deg,#262628,#202225);scroll-margin-top:28px}
.android-beta .eyebrow{margin:0;color:var(--orange);font-size:9px}
.android-beta h2{font-size:clamp(25px,2.5vw,32px);letter-spacing:-1px;margin:10px 0 14px}
.android-beta-copy>p:not(.eyebrow){max-width:590px;font-size:14px;color:var(--muted);margin:0;line-height:1.7}
.android-beta-copy>p.beta-privacy{font-size:11px;margin-top:16px;max-width:520px}
.android-beta-actions{display:flex;flex-direction:column;align-items:center;gap:14px}
.experience-page .android-beta .button{background:var(--orange);color:#202224;white-space:nowrap;font-size:12px;padding:16px 20px;gap:22px;box-shadow:none}
.experience-page .android-beta .button:hover{background:#edb88d}
.beta-email{font-size:12px;color:var(--muted);text-decoration:none}.beta-email:hover{text-decoration:underline}
@media(max-width:1050px){.android-beta{padding:30px 32px;gap:28px}}
@media(max-width:700px){.android-beta{grid-template-columns:1fr;padding:26px;gap:24px;border-radius:20px}.android-beta h2{font-size:27px}.android-beta-copy>p:not(.eyebrow){font-size:13px}.android-beta-copy>p.beta-privacy{font-size:11px}.android-beta-actions{align-items:stretch;gap:16px}.android-beta .button{justify-content:space-between}.beta-email{text-align:center}}
@media(max-width:380px){.android-notice{flex-wrap:wrap;column-gap:8px;row-gap:0;font-size:10px}}