@charset "UTF-8";
/* Source: style.css */
:root{--ink:#202020;--muted:#6f6f6f;--accent:#111111;--accent-dark:#050505;--soft:#eeeeee;--paper:#f8f8f8;--line:#e5e5e5;--ease:cubic-bezier(.22,1,.36,1);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none;font-size:16px;line-height:1.5;font-optical-sizing:auto}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button,input{color:inherit}button{touch-action:manipulation}button:focus-visible,a:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:3px solid #767676;outline-offset:5px}h1,h2,h3,p,figure{margin:0}h1,h2,h3{font-weight:600;line-height:1.06;letter-spacing:-.045em}img{display:block;max-width:100%}svg.icon{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}svg.icon-library{position:absolute;width:0;height:0;overflow:hidden}.wrap{width:min(1120px,calc(100% - 80px));margin-inline:auto}.section-pad{padding-block:118px}.eyebrow{font-size:11px;font-weight:650;letter-spacing:.14em;line-height:1.5}.button{min-height:49px;display:inline-flex;align-items:center;justify-content:center;gap:16px;background:var(--accent);color:white;border:0;border-radius:99px;padding:13px 23px;font-size:14px;font-weight:550;transition:background .2s,transform .2s var(--ease)}.button:hover{background:#545454}.button:active{transform:scale(.97)}.button .icon{width:18px;height:18px}.button-small{padding:9px 18px;min-height:37px;font-size:12px;gap:10px}.text-link{display:inline-flex;align-items:center;gap:7px;color:var(--accent);font-size:15px;font-weight:550;min-height:44px}.text-link .icon{width:17px;height:17px;transition:transform .2s}.text-link:hover .icon{transform:translateX(3px)}.skip-link{position:fixed;top:-70px;left:20px;z-index:100;background:white;border-radius:8px;padding:12px 20px}.skip-link:focus{top:10px}
.site-header{position:sticky;top:0;z-index:30;background:rgba(248,248,248,.84);backdrop-filter:blur(20px) saturate(130%);-webkit-backdrop-filter:blur(20px) saturate(130%)}.nav-wrap{height:76px;width:min(1200px,calc(100% - 80px));margin:auto;display:flex;align-items:center;justify-content:space-between;gap:28px}.brand{display:inline-flex;align-items:center}.brand img{object-fit:contain}.desktop-nav{display:flex;gap:34px;margin-left:60px}.desktop-nav a{font-size:12px;color:#575757;min-height:44px;display:flex;align-items:center;transition:color .2s}.desktop-nav a:hover{color:var(--accent)}.menu-toggle{display:none}.mobile-nav[hidden]{display:none}
.hero{overflow:hidden}.hero-copy{text-align:center;padding-top:65px;position:relative;z-index:2}.hero .eyebrow{color:#696969;display:flex;justify-content:center;align-items:center;gap:8px}.little-dot{width:6px;height:6px;background:#727272;border-radius:50%}.hero h1{font-size:clamp(64px,7.8vw,104px);line-height:1.025;letter-spacing:-.065em;margin-top:23px}.hero h1 span{color:var(--accent)}.hero-description{font-size:18px;line-height:1.65;color:var(--muted);margin-top:25px;letter-spacing:-.018em}.hero-actions{display:flex;justify-content:center;align-items:center;gap:29px;margin-top:29px}.product-stage{height:692px;max-width:1200px;margin:49px auto 0;position:relative}.stage-glow{position:absolute;inset:8% 6% 1%;background:radial-gradient(ellipse at 50% 65%,#e2e2e2 0%,#ebebeb 30%,rgba(241,241,241,.65) 48%,transparent 70%);border-radius:50%}.stage-orbit{position:absolute;left:50%;top:50%;border:1px solid rgba(158,158,158,.16);border-radius:50%;transform:translate(-50%,-25%) rotate(-13deg);width:960px;height:300px}.orbit-two{width:1120px;height:405px;transform:translate(-50%,-29%) rotate(-13deg)}.phone{position:absolute;padding:7px;background:linear-gradient(110deg,#b8b8b8,#e9e9e9 18%,#818181 60%,#cbcbcb);border-radius:47px;box-shadow:inset 0 0 0 1px #929292,0 30px 48px -20px #38383845,0 4px 10px #38383820;overflow:hidden}.phone:before{content:"";position:absolute;inset:4px;border:3px solid #242424;border-radius:44px;z-index:2;pointer-events:none}.phone img{width:100%;height:auto;border-radius:39px}.phone-front{width:282px;left:calc(50% - 29px);top:5px;transform:rotate(9deg);z-index:3}.phone-back{width:264px;left:calc(50% - 269px);top:48px;transform:rotate(-10deg);z-index:2}.floating-note{position:absolute;background:rgba(255,255,255,.92);border:1px solid white;border-radius:19px;padding:19px 21px;display:flex;align-items:center;gap:15px;box-shadow:0 10px 40px #35353510;z-index:5;backdrop-filter:blur(16px)}.note-help{top:184px;left:4%;transform:rotate(-5deg)}.note-icon{display:grid;place-items:center;width:51px;height:56px;background:#ececec;border-radius:13px;color:#6a6a6a}.note-icon .icon{width:28px;height:28px}.floating-note strong{font-size:15px;display:block;letter-spacing:-.02em;font-weight:600}.note-eyebrow{font-size:8px;letter-spacing:.08em;color:#8c8c8c;display:block;margin-bottom:3px}.note-meta{font-size:10px;display:block;color:#8a8a8a;margin-top:5px}.note-done{right:2%;top:405px;transform:rotate(5deg);padding:17px 20px;gap:12px}.done-mark{height:37px;width:37px;display:grid;place-items:center;border-radius:50%;background:var(--soft);color:var(--accent)}.note-done div>span{font-size:11px;color:#838383;display:block;margin-top:2px}.note-heart{margin-left:15px;color:var(--accent);width:19px!important}.stage-caption{position:absolute;bottom:13px;left:0;right:0;text-align:center;font-size:10px;color:#7e7e7e;letter-spacing:.015em}.purpose-strip{border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;justify-content:center;gap:68px;padding-block:26px}.purpose-strip>span{display:flex;align-items:center;gap:12px;font-size:13px;color:#737373}.purpose-strip .icon{color:#636363;width:20px;height:20px}
.possibilities{background:#ffffff;margin-top:0}.section-heading{text-align:center}.section-heading h2,h2{font-size:clamp(38px,4.4vw,58px)}.section-heading .eyebrow{color:#7d7d7d;margin-bottom:20px}.section-heading h2 span,.how h2 span{color:#8e8e8e}.section-heading>p:last-child:not(.eyebrow){font-size:17px;line-height:1.6;color:var(--muted);margin-top:25px;letter-spacing:-.015em}.mode-tabs{display:flex;justify-content:center;gap:5px;background:#f1f1f1;padding:5px;border-radius:100px;width:max-content;max-width:100%;margin:43px auto 49px}.mode-tabs button{border:0;border-radius:99px;background:transparent;padding:13px 22px;font-size:13px;color:#6e6e6e;display:flex;align-items:center;gap:9px;min-height:45px;transition:background .2s,color .2s,box-shadow .2s}.mode-tabs button .icon{width:18px;height:18px}.mode-tabs button[aria-selected=true]{background:white;color:var(--accent);box-shadow:0 2px 6px #2b2b2b0b}.mode-tabs button:hover{color:var(--accent)}.use-case-panel{display:grid;grid-template-columns:1fr 1.05fr;gap:90px;align-items:center;min-height:440px}.use-case-copy{padding-left:29px}.feature-kicker{display:block;color:#838383;font-size:10px;letter-spacing:.12em;font-weight:600;margin-bottom:19px}.use-case-copy h3{font-size:40px;line-height:1.12;letter-spacing:-.045em}.use-case-copy>p{color:var(--muted);font-size:15px;line-height:1.75;margin-top:22px;max-width:360px}.feature-list{list-style:none;padding:0;margin:23px 0 19px;font-size:13px;color:#555555}.feature-list li{display:flex;align-items:center;gap:10px;margin-block:12px}.feature-list .icon{width:17px;height:17px;color:var(--accent)}.example-browser{background:#f4f4f4;padding:30px;border-radius:28px;min-height:407px}.example-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px}.example-brand{font-size:23px;font-weight:600;letter-spacing:-.04em}.example-header>span:last-child{display:flex;align-items:center;gap:4px;font-size:11px;color:#818181}.example-header .icon{width:13px;height:13px}.example-list{display:grid;gap:12px}.example-card{display:flex;align-items:center;width:100%;text-align:left;gap:15px;padding:19px 17px;background:white;border:1px solid #ebebeb;border-radius:16px;transition:transform .25s var(--ease),box-shadow .25s}.example-card:hover{transform:translateY(-3px);box-shadow:0 8px 17px #33333310}.example-card:active{transform:scale(.98)}.example-card .task-icon{height:42px;width:42px;display:grid;place-items:center;background:#f3f3f3;border-radius:12px;color:#707070;flex-shrink:0}.example-card:nth-child(2) .task-icon{background:#efefef;color:#848484}.example-card:nth-child(3) .task-icon{background:#eeeeee;color:#7a7a7a}.example-text{flex:1;min-width:0}.example-text strong{display:block;font-size:13px;line-height:1.4;font-weight:550;letter-spacing:-.015em}.example-text small{display:block;color:#8a8a8a;font-size:10px;margin-top:5px}.example-price{font-size:13px;white-space:nowrap;font-weight:600;color:var(--accent);background:#f3f3f3;padding:5px 9px;border-radius:8px}.example-card>.icon{width:14px;color:#9e9e9e}.example-caption{font-size:10px;color:#828282;text-align:center;margin-top:22px}
.section-heading.left{text-align:left}.how{padding-block:110px 120px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:34px;margin-top:52px}.step-visual{height:222px;display:flex;align-items:center;justify-content:center;background:#eeeeee;border-radius:22px;margin-bottom:30px;overflow:hidden;padding:23px}.mini-request{background:white;border:1px solid #e8e8e8;border-radius:15px;width:247px;padding:18px;box-shadow:0 10px 25px #3535350a;transform:rotate(-4deg)}.mini-label{display:flex;align-items:center;gap:5px;font-size:9px;color:#919191}.mini-label .icon{width:12px;height:12px}.mini-request>strong{display:block;font-size:12px;font-weight:550;letter-spacing:-.015em;margin-top:13px}.mini-request>div{display:flex;gap:6px;font-size:8px;color:#838383;margin-block:10px 18px}.mini-request>div>span{background:#f2f2f2;padding:3px 6px;border-radius:4px}.mini-publish{display:flex;align-items:center;justify-content:center;gap:6px;background:var(--accent);color:white;font-size:9px;border-radius:7px;padding:7px}.mini-publish .icon{width:12px;height:12px}.mini-conversation{width:260px}.chat-person{display:flex;align-items:center;gap:8px;margin-bottom:18px;font-size:10px}.chat-person small{display:block;font-size:8px;color:#8c8c8c;margin-top:2px}.avatar{display:grid;place-items:center;width:31px;height:31px;background:#d9d9d9;border-radius:50%;color:#5a5a5a;font-size:12px}.message{font-size:10px;padding:11px 12px;border-radius:11px;display:block;width:max-content;max-width:100%;box-shadow:0 3px 8px #3b3b3b04}.incoming{background:#ffffff;border-bottom-left-radius:3px}.outgoing{background:#e4e4e4;border-bottom-right-radius:3px;margin:9px 0 0 auto;display:flex;align-items:center;gap:6px}.outgoing .icon{width:11px;height:11px;color:var(--accent)}.mini-complete{display:flex;flex-direction:column;align-items:center}.complete-icon{display:grid;place-items:center;width:60px;height:60px;border-radius:50%;background:#e3e3e3;color:var(--accent);margin-bottom:17px;box-shadow:0 0 0 10px #e9e9e9}.complete-icon .icon{width:27px;height:27px}.mini-complete>strong{font-size:17px;letter-spacing:-.03em;font-weight:550}.mini-complete>span:last-child{font-size:10px;color:#8f8f8f;margin-top:6px}.step-number{font-size:11px;color:#939393;font-weight:600}.step h3{font-size:21px;letter-spacing:-.03em;margin-top:12px}.step>p{font-size:14px;color:var(--muted);line-height:1.75;margin-top:14px;max-width:310px}
.confidence{background:#171717;color:#ffffff}.confidence-inner{display:grid;grid-template-columns:1.1fr 1fr;gap:100px;padding-block:96px 99px}.confidence .eyebrow{color:#b1b1b1;margin-bottom:25px}.confidence h2{font-size:52px;line-height:1.08}.confidence h2 span{color:#bdbdbd}.confidence-copy>p:last-child{color:#c0c0c0;font-size:15px;line-height:1.8;margin-top:24px;max-width:350px}.confidence-features{display:grid;gap:31px;padding-top:5px}.confidence-features article{display:flex;gap:18px}.trust-icon{display:grid;place-items:center;flex-shrink:0;width:42px;height:42px;border:1px solid #575757;border-radius:13px;color:#d0d0d0}.trust-icon .icon{width:20px;height:20px}.confidence-features h3{font-size:16px;letter-spacing:-.015em;line-height:1.4;font-weight:500}.confidence-features p{font-size:13px;line-height:1.7;color:#b9b9b9;margin-top:6px;max-width:320px}
.faq{display:grid;grid-template-columns:1fr 1.35fr;gap:70px;padding-block:115px}.faq-intro .eyebrow{color:#868686;margin-bottom:21px}.faq-intro h2{font-size:43px}.faq-intro>p:last-child{font-size:15px;color:var(--muted);margin-top:21px;line-height:1.7}.faq-list{border-top:1px solid var(--line)}details{border-bottom:1px solid var(--line)}summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:23px 0;font-size:14px;font-weight:500;cursor:pointer}summary::-webkit-details-marker{display:none}.faq-plus{width:15px;height:15px;position:relative;flex-shrink:0;margin-right:2px}.faq-plus:before,.faq-plus:after{content:"";position:absolute;background:#777777;left:1px;right:1px;top:7px;height:1px}.faq-plus:after{transform:rotate(90deg);transition:transform .2s}details[open] .faq-plus:after{transform:rotate(0)}details>p{font-size:14px;line-height:1.8;color:var(--muted);padding:0 32px 24px 0}
.closing{text-align:center;background:#f0f0f0;padding:80px 0 79px}.closing-icon{margin:0 auto 28px;border-radius:18px;box-shadow:0 6px 17px #54545414}.closing .eyebrow{color:#8b8b8b;font-size:10px;margin-bottom:16px}.closing h2{font-size:68px;letter-spacing:-.055em}.closing p:not(.eyebrow){font-size:16px;color:#838383;margin:19px 0 26px}.closing-note{display:block;color:#858585;font-size:10px;margin-top:13px}.site-footer{display:flex;align-items:center;gap:35px;padding-block:35px}.site-footer>p{font-size:11px;color:#828282}.site-footer>div{margin-left:auto;display:flex;gap:25px;font-size:10px;color:#888888}.site-footer a:hover{color:var(--accent)}
dialog{border:1px solid #e6e6e6;border-radius:27px;width:min(510px,calc(100% - 32px));max-height:calc(100% - 40px);padding:0;color:var(--ink);background:#ffffff;box-shadow:0 30px 100px #1d1d1d30}dialog::backdrop{background:rgba(28,28,28,.4);backdrop-filter:blur(7px)}.dialog-shell{padding:36px;position:relative}.dialog-close{position:absolute;right:16px;top:15px;width:36px;height:36px;border:0;border-radius:50%;background:#f2f2f2;color:#6f6f6f;font-size:25px;line-height:1}.dialog-tag{font-size:9px;letter-spacing:.12em;color:#929292;font-weight:600}.dialog-icon{display:grid;place-items:center;width:54px;height:54px;background:#f1f1f1;color:var(--accent);border-radius:15px;margin:24px 0 20px}.dialog-icon .icon{width:27px;height:27px}.dialog-shell h2{font-size:32px;line-height:1.12;padding-right:10px}.dialog-shell>p:not(.dialog-disclaimer){font-size:14px;line-height:1.75;color:var(--muted);margin:17px 0}.dialog-facts{background:#f6f6f6;border-radius:14px;padding:3px 18px;margin-block:25px}.dialog-facts>div{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:13px 0}.dialog-facts>div+div{border-top:1px solid #eaeaea}.dialog-facts dt{font-size:12px;color:#838383}.dialog-facts dd{font-size:13px;text-align:right;margin:0;font-weight:550}.dialog-actions{display:flex;flex-direction:column;gap:9px}.save-button{background:transparent;border:0;border-radius:99px;display:flex;align-items:center;justify-content:center;gap:8px;font-size:12px;padding:11px;color:var(--accent);min-height:44px}.save-button .icon{width:17px;height:17px}.save-button[aria-pressed=true] .icon{fill:var(--accent)}.dialog-disclaimer{font-size:10px;line-height:1.6;color:#979797;text-align:center;margin-top:18px}
@media(min-width:1400px){.hero-copy{padding-top:79px}.product-stage{margin-top:59px}}
@media(max-width:1050px){.wrap{width:calc(100% - 64px)}.product-stage{height:650px}.phone-front{width:265px}.phone-back{width:249px;left:calc(50% - 248px)}.note-help{left:3%;top:150px;transform:scale(.88) rotate(-5deg);transform-origin:left}.note-done{right:2%;top:440px;transform:scale(.88) rotate(5deg);transform-origin:right}.purpose-strip{gap:34px}.purpose-strip>span{font-size:11px;gap:8px}.use-case-panel{gap:45px}.use-case-copy{padding-left:0}.use-case-copy h3{font-size:34px}.example-browser{padding:23px}.example-card{gap:10px;padding:16px 12px}.example-card .task-icon{width:36px;height:39px}.example-text strong{font-size:12px}.example-price{font-size:11px;padding:4px 6px}.confidence-inner{gap:50px}.confidence h2{font-size:44px}.steps{gap:22px}.step-visual{padding:18px}.step h3{font-size:19px}.faq{gap:45px}.faq-intro h2{font-size:37px}}
@media(max-width:760px){html{scroll-padding-top:90px}.wrap{width:calc(100% - 40px)}.section-pad{padding-block:75px}.nav-wrap{height:66px;width:calc(100% - 40px);gap:14px}.brand img{width:105px;height:auto}.desktop-nav{display:none}.nav-wrap>.button{margin-left:auto;min-height:35px;font-size:11px;padding:8px 12px;gap:7px}.nav-wrap>.button .icon{width:14px;height:14px}.menu-toggle{display:flex;position:relative;flex-direction:column;align-items:center;justify-content:center;gap:5px;width:32px;height:44px;background:transparent;border:0;padding:0}.menu-toggle span{width:19px;height:1px;background:var(--ink);transition:transform .2s}.menu-toggle[aria-expanded=true] span:first-child{transform:translateY(3px) rotate(45deg)}.menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-3px) rotate(-45deg)}.mobile-nav{padding:7px 25px 20px;display:grid;gap:4px;border-bottom:1px solid var(--line)}.mobile-nav a{font-size:15px;padding:13px 0}.hero-copy{padding-top:47px}.hero .eyebrow{font-size:9px;letter-spacing:.12em}.hero h1{font-size:clamp(52px,10.5vw,79px);letter-spacing:-.06em;margin-top:24px}.hero-description{font-size:15px;line-height:1.65;max-width:390px;margin:22px auto 0}.desktop-break{display:none}.hero-actions{gap:20px;margin-top:25px}.hero-actions .button{font-size:12px;min-height:45px;padding:12px 17px;gap:12px}.hero-actions .text-link{font-size:12px}.product-stage{height:555px;margin-top:44px}.phone-front{width:222px;left:calc(50% - 42px);top:8px;border-radius:38px;padding:6px}.phone-back{width:207px;left:calc(50% - 209px);top:39px;border-radius:37px;padding:6px}.phone:before{border-radius:35px;inset:3px}.phone img{border-radius:31px}.stage-glow{inset:0 -40% 0}.stage-orbit{width:670px;height:250px}.orbit-two{width:780px;height:350px}.note-help{top:137px;left:calc(50% - 263px);transform:scale(.69) rotate(-5deg)}.note-done{top:393px;right:calc(50% - 250px);transform:scale(.72) rotate(5deg)}.stage-caption{font-size:9px;bottom:7px}.purpose-strip{padding-block:22px;gap:0;justify-content:space-between}.purpose-strip>span{font-size:9px;max-width:105px;flex-direction:column;text-align:center;gap:8px;line-height:1.45}.purpose-strip .icon{height:19px;width:19px}.section-heading h2{font-size:42px;letter-spacing:-.05em}.section-heading .eyebrow{font-size:9px;margin-bottom:18px}.section-heading>p:last-child:not(.eyebrow){font-size:15px;margin-top:22px}.mode-tabs{margin:31px auto 35px;padding:4px;gap:0;width:100%;justify-content:space-between;max-width:470px}.mode-tabs button{padding:11px 12px;justify-content:center;font-size:11px;gap:6px;flex:1;white-space:nowrap}.mode-tabs button .icon{width:15px;height:15px}.use-case-panel{grid-template-columns:1fr;gap:30px;min-height:0}.use-case-copy{padding:0 5px;max-width:480px;margin:auto;width:100%}.use-case-copy h3{font-size:34px}.feature-kicker{font-size:9px;margin-bottom:15px}.use-case-copy>p{max-width:100%;font-size:14px;margin-top:18px}.feature-list{font-size:12px;margin:18px 0 10px}.feature-list li{margin-block:10px}.use-case-copy .text-link{font-size:13px}.example-browser{padding:25px;border-radius:22px;max-width:480px;width:100%;margin:auto;min-height:375px}.example-card{padding:17px 14px;gap:13px}.example-text strong{font-size:13px}.example-price{font-size:12px}.example-caption{font-size:9px}.section-heading.left{text-align:center}.steps{grid-template-columns:1fr;gap:42px;margin-top:36px;max-width:480px;margin-inline:auto}.step-visual{height:235px;margin-bottom:21px}.step h3{font-size:22px;margin-top:10px}.step>p{max-width:100%;font-size:14px;margin-top:12px}.mini-request{width:260px}.mini-conversation{width:270px}.mini-request>strong{font-size:14px}.mini-label{font-size:10px}.mini-request>div{font-size:9px}.mini-publish{font-size:10px}.chat-person{font-size:11px}.chat-person small{font-size:9px}.message{font-size:11px}.confidence-inner{grid-template-columns:1fr;gap:37px;padding-block:65px}.confidence h2{font-size:43px}.confidence-copy>p:last-child{font-size:14px;max-width:430px;margin-top:21px}.confidence .eyebrow{font-size:9px}.confidence-features{gap:27px}.confidence-features h3{font-size:15px}.confidence-features p{font-size:13px;max-width:100%}.confidence-features article{gap:14px}.faq{grid-template-columns:1fr;gap:30px}.faq-intro h2{font-size:40px}.faq-intro .eyebrow{font-size:9px}.faq-intro>p:last-child{font-size:14px;margin-top:16px}.faq-intro br{display:none}summary{font-size:13px;padding:22px 0}details>p{font-size:13px;padding-right:15px}.closing{padding:64px 0}.closing-icon{width:68px;height:68px;border-radius:16px;margin-bottom:23px}.closing h2{font-size:52px}.closing p:not(.eyebrow){font-size:14px;max-width:290px;margin:18px auto 25px}.closing .button{font-size:13px}.site-footer{flex-wrap:wrap;gap:15px;padding-block:28px}.site-footer>p{margin-left:auto;font-size:10px}.site-footer>div{width:100%;justify-content:space-between;margin-top:7px;font-size:10px}.dialog-shell{padding:29px 24px}.dialog-shell h2{font-size:28px}}
@media(max-width:400px){.hero-copy{padding-top:34px}.hero h1{font-size:53px}.hero-description{font-size:14px}.hero-actions{gap:15px}.product-stage{height:485px;margin-top:34px}.phone-front{width:194px;left:calc(50% - 34px)}.phone-back{width:180px;left:calc(50% - 181px)}.phone,.phone-back,.phone-front{border-radius:33px}.phone:before{border-radius:30px}.phone img{border-radius:26px}.note-help{left:calc(50% - 218px);top:129px;transform:scale(.58) rotate(-5deg)}.note-done{right:calc(50% - 196px);top:338px;transform:scale(.64) rotate(5deg)}.mode-tabs button{padding:10px 8px;font-size:10px;gap:4px}.mode-tabs button .icon{width:12px;height:12px}.example-browser{padding:19px}.example-card{padding:16px 11px;gap:9px}.example-text strong{font-size:11px}.example-text small{font-size:9px}.example-price{font-size:11px}.example-card>.icon{display:none}.section-heading h2{font-size:36px}.nav-wrap{gap:10px}.nav-wrap .brand img{width:97px}.site-footer>p{font-size:9px}}
@media(max-width:760px){.note-help{left:12px}.note-done{right:12px}.steps{grid-template-columns:minmax(0,1fr)}.step{min-width:0}.mini-request,.mini-conversation{max-width:100%}}
@media(max-width:400px){.hero h1{font-size:clamp(43px,13.6vw,53px)}.hero-actions{gap:12px}.hero-actions .button{font-size:11px;padding-inline:14px;gap:8px;white-space:nowrap}.hero-actions .text-link{font-size:11px;white-space:nowrap;gap:3px}.mode-tabs button{flex-direction:column;gap:6px;min-width:0;white-space:normal;padding:9px 6px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}
@media(prefers-reduced-transparency:reduce){.site-header{background:var(--paper);backdrop-filter:none}.floating-note{background:white;backdrop-filter:none}dialog::backdrop{backdrop-filter:none}}
@media(prefers-contrast:more){:root{--muted:#3d3d3d;--line:#a5a5a5}.eyebrow,.feature-kicker,.example-caption,.stage-caption,.closing-note{color:#4e4e4e}.site-header{background:var(--paper)}.example-card{border-color:#a5a5a5}.confidence-features p,.confidence-copy>p:last-child{color:#e8e8e8}}

/* Use the original hand-heart artwork as a luminance mask, matching the native app. */
.brand{gap:9px;color:#111}.brand-symbol{width:35px;height:21px;display:block;flex-shrink:0;overflow:visible}.brand-name{font-size:27px;line-height:1;font-weight:650;letter-spacing:-1.2px}.phone img{filter:grayscale(1)}.closing-icon{border-radius:20px;box-shadow:0 6px 17px #00000014}.button:hover{background:#333}.button:active{background:#000}
@media(max-width:760px){.brand-symbol{width:29px;height:18px}.brand-name{font-size:24px;letter-spacing:-1px}.brand{gap:7px}.closing-icon{border-radius:16px}}
@media(max-width:400px){.brand-symbol{width:27px;height:16px}.brand-name{font-size:23px}.brand{gap:6px}}

/* Match the iPhone app's BrandMark: system title2 bold with -0.7 tracking. */
.site-header .brand{gap:8px}
.site-header .brand-name{font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:22px;font-weight:700;letter-spacing:-.7px;line-height:1.25;font-kerning:normal}

/* Source: presentation.css */
/* Product-led composition: generous space, optical type, restrained chrome. */
:root { font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; }
p { text-wrap: pretty; }
h1, h2, h3 { text-wrap: balance; }
html { scroll-padding-top: 88px; }
.site-header { border-bottom: 0; background: #e7ebefbd; }
.site-header {
  transform: translate3d(0, calc((-100% - 28px) * var(--header-progress, 0)), 0);
  opacity: calc(1 - var(--header-progress, 0));
}
.site-header.is-scroll-hidden { pointer-events: none; }
.site-header, .site-header.is-scroll-hidden { transform:none; opacity:1; pointer-events:auto; }
.site-header:has(:focus-visible) { transform: none; opacity: 1; pointer-events: auto; }
.site-header .brand { position: relative; }
.site-header .brand:focus-visible { outline: none; }
.site-header .brand:focus-visible::after { content: ""; position: absolute; inset: auto 0 -7px; height: 2px; background: currentColor; border-radius: 1px; }
@media (prefers-reduced-motion: reduce) { .site-header { transform: none; } }
.nav-wrap { height: 64px; max-width: 1160px; }
.desktop-nav { margin-left: 64px; gap: 36px; }
.desktop-nav a { font-size: 12px; }
.button-small { font-weight: 500; }
.hero-cinema { top: 64px; height: calc(100svh - 64px); }
.hero-cinema .hero-copy { width: min(690px, calc(100% - 40px)); padding-top: clamp(62px, 10vh, 115px); }
.hero-cinema .eyebrow { font-size: 19px; line-height: 1.2; font-weight: 600; letter-spacing: -.015em; }
.hero-cinema h1 { font-size: clamp(70px, 7.2vw,102px); font-weight: 650; line-height: 1.025; letter-spacing: -.052em; margin-top: 20px; }
.hero-cinema .hero-description { font-size: 23px; font-weight: 450; line-height: 1.35; letter-spacing: -.015em; margin-top: 24px; }
.hero-cinema .hero-actions { gap: 14px; margin-top: 29px; }
.hero-actions .button { min-height: 46px; font-size: 15px; font-weight: 450; padding: 12px 24px; }
.button.button-outline { color: var(--ink); background: transparent; border: 1px solid #000; }
.button.button-outline:hover { color: white; background: #000; }

.scene-grid { opacity: .15; }
.scene-ring { opacity: .45; }
.ring-near { opacity: .2; }
.scene-card { box-shadow: 0 16px 35px -18px #26333d50, inset 0 1px 0 #fff; }
.card-chat { opacity: .95; }
.hero .purpose-strip { border: 0; padding-block: 35px; gap: 70px; }
.purpose-strip>span { font-size: 14px; font-weight: 500; }

.section-pad { padding-block: 120px; }
.section-heading .eyebrow, .confidence .eyebrow, .faq-intro .eyebrow, .closing .eyebrow {
  font-size: 18px; font-weight: 600; line-height: 1.3; letter-spacing: -.015em; margin-bottom: 20px;
}
.section-heading h2, .faq-intro h2 { font-size: clamp(44px, 5.2vw, 68px); line-height: 1.06; letter-spacing: -.045em; font-weight: 650; }
.section-heading>p:last-child:not(.eyebrow) { font-size: 19px; letter-spacing: -.012em; line-height: 1.5; margin-top: 26px; }
.mode-tabs { margin: 48px auto 56px; padding: 5px; }
.mode-tabs button { padding: 10px 18px; min-height: 40px; gap: 7px; font-size: 12px; font-weight: 500; }
.mode-tabs button .icon { width: 15px; height: 15px; }
.use-case-panel { gap: 75px; padding: 52px; border-radius: 36px; background: #fff; box-shadow: 0 20px 60px -45px #26333d50; }
.use-case-copy { padding-left: 0; }
.feature-kicker:empty { display: none; }
.feature-kicker { font-size: 10px; letter-spacing: .08em; }
.use-case-copy h3 { font-size: 43px; line-height: 1.08; letter-spacing: -.04em; }
.use-case-copy>p { font-size: 16px; line-height: 1.6; }
.feature-list { font-size: 13px; }
.example-browser { padding: 28px; border-radius: 27px; }
.example-card { box-shadow: 0 6px 16px -12px #26333d40; }
.section-heading.left { text-align: left; }
.how { padding-block: 110px 120px; }
.steps { gap: 24px; margin-top: 50px; }
.step { min-width: 0; background: var(--surface); border-radius: 28px; padding: 24px 26px 32px; }
.step-visual { height: 245px; border-radius: 19px; padding: 18px; margin-bottom: 28px; }
.step-number { font-size: 13px; letter-spacing: .04em; }
.step h3 { font-size: 25px; line-height: 1.14; font-weight: 650; }
.step>p { font-size: 15px; line-height: 1.6; }
.mini-request { transform: rotate(-3deg); }
.mini-request>strong { font-size: 12px; }
.mini-complete>strong { font-size: 20px; }
.confidence-inner { padding-block: 120px; gap: 96px; }
.confidence h2 { font-size: 60px; line-height: 1.06; letter-spacing: -.045em; }
.confidence-copy>p:last-child { font-size: 18px; line-height: 1.6; max-width: 400px; }
.confidence-features { gap: 32px; }
.confidence-features h3 { font-size: 19px; font-weight: 600; }
.confidence-features p { font-size: 15px; line-height: 1.6; }
.trust-icon { width: 46px; height: 46px; border: 0; background: #dce2e94d; }
.faq-intro>p:last-child { font-size: 17px; }
summary { padding-block: 26px; font-size: 16px; }
details>p { font-size: 15px; }
.closing { --closing-title-size: clamp(64px, 7vw, 96px); padding-block: 100px; }
.closing h2 { font-size: var(--closing-title-size); letter-spacing: -.055em; font-weight: 650; }
.closing-icon { display: block; width: 88px; height: 88px; margin: 32px auto 0; color: #fff; background: transparent; border-radius: 0; box-shadow: none; }
.closing p:not(.eyebrow) { font-size: calc(var(--closing-title-size) * .46); line-height: 1.2; letter-spacing: -.03em; max-width: none; margin: 25px auto 32px; }
.closing .button { font-size: 16px; padding: 13px 26px; }
.app-downloads { display: flex; justify-content: center; flex-wrap: wrap; gap: 14px; }
.app-downloads .button { min-width: 220px; max-width: 100%; }
.closing-note { font-size: 12px; }
.site-footer { padding-block: 32px; }
.site-footer>p { font-size: 12px; }
.site-footer>div { width: 100%; margin-inline: auto; justify-content: center; text-align: center; font-size: 11px; align-items: center; flex-wrap: wrap; gap: 12px 24px; }
.button:active, .example-card:active { transition-duration: 90ms; }

/* Professionals: the app's skills profile and direct inquiry flow. */
.professionals { background: #e2e7ec; }
.professional-layout { display: grid; grid-template-columns: 1fr 1.05fr; gap: 70px; align-items: center; }
.professional-copy { min-width: 0; }
.professional-copy h2 { font-size: clamp(56px, 6.2vw, 80px); }
.professional-copy .professional-lead { font-size: 24px; line-height: 1.35; letter-spacing: -.025em; font-weight: 550; margin-top: 28px; }
.professional-copy .professional-description { max-width: 400px; font-size: 17px; line-height: 1.6; color: var(--muted); margin-top: 19px; }
.professional-copy .button { margin-top: 28px; font-size: 15px; }
.professional-visual { position: relative; margin: 0; min-width: 0; padding: 42px 32px 32px; border-radius: 36px; background: radial-gradient(ellipse at top left, var(--canvas-top), var(--canvas)); }
.professional-profile { position: relative; background: var(--glass); border: 1px solid var(--glass-rim); border-radius: 25px; padding: 24px; box-shadow: 0 24px 38px -26px #26333d70, inset 0 1px 0 #fff; transform: rotate(-3deg); }
.professional-card-heading { display: flex; justify-content: space-between; align-items: center; gap: 10px; font-size: 12px; color: var(--muted); }
.professional-card-heading>span:first-child { display: flex; align-items: center; gap: 7px; font-weight: 600; }
.professional-card-heading .icon { width: 16px; height: 16px; }
.professional-identity { display: flex; gap: 13px; align-items: center; margin-top: 25px; }
.professional-avatar { display: grid; place-items: center; width: 56px; height: 56px; border-radius: 50%; background: #dce7f3; color: #2168c4; font-size: 24px; font-weight: 550; }
.professional-identity strong { display: block; font-size: 20px; letter-spacing: -.02em; }
.professional-identity>div>span { display: flex; align-items: center; gap: 4px; font-size: 12px; color: var(--muted); margin-top: 2px; }
.professional-identity .icon { width: 13px; height: 13px; }
.professional-profile h3 { font-size: 26px; line-height: 1.2; letter-spacing: -.025em; margin-top: 22px; text-wrap: initial; }
.professional-profile-details { margin: 24px 0 0; }
.professional-profile-details>div+div { margin-top: 19px; }
.professional-profile-details dt { font-size: 12px; font-weight: 650; margin-bottom: 6px; }
.professional-profile-details dd { margin: 0; font-size: 13px; line-height: 1.5; color: var(--muted); }
.professional-profile-details>div:last-child dd { display: flex; flex-wrap: wrap; gap: 5px; }
.professional-profile-details dd>span { padding: 5px 8px; border-radius: 7px; background: #dbe2e9; font-size: 11px; }
.professional-request { position: relative; display: flex; align-items: center; gap: 12px; padding: 18px 21px; margin: -7px -12px 0 34px; background: var(--glass); border: 1px solid white; border-radius: 21px; box-shadow: var(--glass-shadow); transform: rotate(3deg); }
.professional-request-icon { display: grid; place-items: center; width: 40px; height: 40px; flex: 0 0 auto; background: #e0e9f4; border-radius: 12px; }
.professional-request-icon .icon { width: 22px; height: 22px; }
.professional-request>div>span { display: block; color: var(--muted); font-size: 10px; }
.professional-request strong { display: block; font-size: 14px; line-height: 1.3; margin-top: 3px; }
.professional-request p { color: var(--muted); font-size: 11px; margin-top: 4px; }
.professional-visual figcaption { text-align: center; color: var(--muted); font-size: 10px; line-height: 1.5; margin-top: 28px; }
.professional-start { margin-top: 85px; scroll-margin-top: 24px; }
.professional-start>h3 { font-size: 32px; letter-spacing: -.035em; font-weight: 600; }
.professional-steps { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 40px; list-style: none; margin: 34px 0 0; padding: 0; }
.professional-steps li { border-top: 1px solid #adb5bd; padding-top: 22px; }
.professional-step-number { color: var(--muted); font-size: 12px; font-weight: 600; }
.professional-steps h4 { font-size: 21px; line-height: 1.25; letter-spacing: -.025em; margin-top: 12px; font-weight: 600; }
.professional-steps p { color: var(--muted); font-size: 15px; line-height: 1.6; margin-top: 12px; }
.professional-steps p strong, .professional-find p strong { font-weight: 600; }
.professional-find { display: flex; align-items: center; gap: 26px; border-radius: 25px; padding: 32px; margin-top: 48px; background: #f9fafb; }
.professional-find-icon { display: grid; place-items: center; width: 54px; height: 54px; border-radius: 16px; background: #e1eeef; flex: 0 0 auto; }
.professional-find-icon .icon { width: 28px; height: 28px; }
.professional-find>div { flex: 1; }
.professional-find h3 { font-size: 24px; line-height: 1.2; letter-spacing: -.025em; font-weight: 600; }
.professional-find p { color: var(--muted); font-size: 15px; line-height: 1.6; margin-top: 10px; max-width: 560px; }
.professional-find .button { flex: 0 0 auto; font-size: 14px; }

/* Keep the next section below the viewport when the story snaps into place. */
.our-story { min-height: calc(100svh - 88px); display: flex; align-items: center; background: #f9fafb; }
.story-layout { display: grid; grid-template-columns: 1fr 1.1fr; gap: 96px; align-items: start; }
.story-copy { max-width: 560px; }
.story-copy p { color: var(--muted); font-size: 18px; line-height: 1.65; }
.story-copy p + p { margin-top: 24px; }
.story-copy .story-lead { color: var(--ink); font-size: 26px; font-weight: 500; line-height: 1.35; letter-spacing: -.02em; }

@media(max-width:1050px) and (min-width:761px) {
  .nav-wrap { gap: 18px; width: calc(100% - 48px); }
  .desktop-nav { gap: 18px; margin-left: 0; }
  .story-layout { gap: 48px; }
  .professional-layout { gap: 36px; }
  .professional-copy h2 { font-size: 59px; }
  .professional-copy .professional-lead { font-size: 21px; }
  .professional-visual { padding: 30px 21px 24px; }
  .professional-profile { padding: 21px; }
  .professional-profile h3 { font-size: 22px; }
  .professional-request { margin-left: 8px; padding: 16px; }
  .professional-find { gap: 20px; padding: 26px; }
}
@media(max-width:760px) {
  .professional-layout { grid-template-columns: minmax(0,1fr); gap: 38px; }
  .professional-copy h2 { font-size: 62px; }
  .professional-copy .professional-lead { font-size: 23px; }
  .professional-copy .professional-description { font-size: 16px; max-width: 460px; }
  .professional-visual { padding: 32px 26px 25px; max-width: 480px; width: 100%; margin-inline: auto; border-radius: 27px; }
  .professional-profile { padding: 22px; }
  .professional-profile h3 { font-size: 24px; }
  .professional-request { margin-left: 12px; padding: 16px; }
  .professional-start { margin-top: 52px; }
  .professional-start>h3 { font-size: 29px; }
  .professional-steps { grid-template-columns: minmax(0,1fr); gap: 25px; margin-top: 26px; }
  .professional-steps li { padding-top: 18px; }
  .professional-steps h4 { font-size: 22px; margin-top: 8px; }
  .professional-steps p { margin-top: 10px; }
  .professional-find { display: grid; grid-template-columns: minmax(0,1fr); gap: 18px; padding: 26px; margin-top: 32px; }
  .professional-find .button { justify-self: start; }
}
@media(max-width:400px) {
  .professional-visual { padding: 27px 20px 22px; }
  .professional-profile { padding: 19px; border-radius: 21px; }
  .professional-profile h3 { font-size: 21px; }
  .professional-request { margin-left: 0; padding: 14px; gap: 9px; }
  .professional-request strong { font-size: 12px; }
  .professional-card-heading { font-size: 11px; }
  .professional-start>h3 { font-size: 27px; }
}

@media(max-width:1190px) and (min-width:761px) {
  .hero-cinema .hero-copy { padding-top: 62px; }
  .hero-cinema h1 { font-size: 76px; }
  .hero-cinema .hero-description { font-size: 20px; max-width: 390px; }
  .use-case-panel { gap: 36px; padding: 35px; }
  .use-case-copy h3 { font-size: 35px; }
  .example-browser { padding: 20px; }
  .step { padding: 18px 20px 28px; }
  .step h3 { font-size: 22px; }
  .confidence h2 { font-size: 48px; }
  .confidence-inner { gap: 55px; }
}
@media(max-width:760px) {
  .nav-wrap { height: 66px; }
  .mobile-nav { text-align: right; }
  .hero-cinema { top: auto; height: 1020px; }
  .hero-cinema .hero-copy { padding-top: 44px; }
  .hero-cinema .eyebrow { font-size: 16px; }
  .hero-cinema h1 { font-size: clamp(52px, 12.4vw, 78px); margin-top: 17px; letter-spacing: -.055em; }
  .hero-cinema .hero-description { font-size: 19px; line-height: 1.4; max-width: 340px; margin-top: 22px; }
  .hero-cinema .hero-description .desktop-break { display: block; }
  .hero-cinema .hero-actions { gap: 12px; margin-top: 25px; }
  .hero-actions .button { font-size: 14px; padding: 11px 22px; min-height: 44px; }
  .hero .purpose-strip { gap: 15px; padding-block: 25px; }
  .purpose-strip>span { font-size: 10px; font-weight: 500; }
  .section-pad { padding-block: 76px; }
  .section-heading .eyebrow, .confidence .eyebrow, .faq-intro .eyebrow, .closing .eyebrow { font-size: 15px; margin-bottom: 18px; }
  .section-heading h2, .faq-intro h2 { font-size: 43px; }
  .section-heading>p:last-child:not(.eyebrow) { font-size: 17px; line-height: 1.5; }
  .mode-tabs { margin: 33px auto; }
  .mode-tabs button { font-size: 11px; padding: 12px 10px; }
  .use-case-panel { padding: 28px 20px 20px; border-radius: 26px; gap: 28px; }
  .use-case-copy { padding: 0; }
  .use-case-copy h3 { font-size: 34px; }
  .use-case-copy>p { font-size: 15px; }
  .example-browser { padding: 20px; border-radius: 20px; }
  .example-text strong { font-size: 11px; }
  .example-card { padding: 15px 12px; gap: 9px; }
  .example-card>.icon { display: none; }
  .example-price { font-size: 11px; }
  .section-heading.left { text-align: left; }
  .steps { gap: 20px; margin-top: 35px; }
  .step { padding: 20px 24px 30px; }
  .step-visual { height: 235px; margin-bottom: 24px; }
  .step h3 { font-size: 25px; }
  .step>p { font-size: 15px; }
  .confidence-inner { padding-block: 76px; gap: 40px; }
  .confidence h2 { font-size: 45px; }
  .confidence-copy>p:last-child { font-size: 17px; }
  .confidence-features h3 { font-size: 17px; }
  .confidence-features p { font-size: 15px; }
  .story-layout { grid-template-columns: 1fr; gap: 32px; }
  .story-copy p { font-size: 17px; }
  .story-copy .story-lead { font-size: 23px; }
  .faq-intro>p:last-child { font-size: 16px; }
  summary { font-size: 15px; }
  details>p { font-size: 14px; }
  .closing { padding-block: 75px; }
  .closing h2 { font-size: 61px; }
  .closing-icon { width: 72px; height: 72px; }
  .closing p:not(.eyebrow) { font-size: 17px; max-width: 320px; }
  .site-footer>p { font-size: 10px; }
}
@media(max-width:400px) {
  .hero-cinema { height: 920px; }
  .hero-cinema .hero-copy { padding-top: 35px; }
  .hero-cinema h1 { font-size: clamp(44px,13vw,52px); }
  .hero-cinema .hero-description { font-size: 17px; }
  .hero-cinema .hero-actions { gap: 10px; }
  .scene-device { top: 430px; }
  .section-heading h2, .faq-intro h2 { font-size: 37px; }
  .use-case-panel { padding: 25px 16px 16px; }
  .mode-tabs button { padding: 10px 6px; }
  .example-browser { padding: 18px 14px; }
  .example-card .task-icon { width: 29px; height: 34px; }
  .example-text strong { font-size: 11px; }
  .example-text small { font-size: 8px; }
  .example-price { font-size: 10px; padding: 4px; }
  .closing h2 { font-size: 53px; }
}
@media(prefers-reduced-motion:reduce) { .hero-cinema { top: auto; } }
@media(prefers-reduced-transparency:reduce) { .site-header { background: var(--surface); } }

button.text-link { background: none; border: 0; padding: 0; text-align: left; }

/* Reserve every scenario's footprint so the typewriter never shifts the layout. */
.use-case-copy .typewriter-title { display: grid; text-wrap: wrap; }
.typewriter-title > span { grid-area: 1 / 1; min-width: 0; white-space: nowrap; }
.typewriter-sizer { visibility: hidden; pointer-events: none; }
.typewriter-title.is-typing .typewriter-copy:after {
 content: ""; display: inline-block; width: 2px; height: .8em;
 margin-left: .04em; vertical-align: -.03em; background: #f5f5f7;
}

/* A complete use-case frame at the section's scroll stop. */
@media (min-width: 761px) {
 .possibilities { min-height: calc(100svh - 88px); padding-block: 24px; display: flex; align-items: center; }
 .possibilities .section-heading h2 { font-size: clamp(38px, 4vw, 54px); }
 .possibilities .section-heading > p:last-child { font-size: 16px; line-height: 1.4; margin-top: 12px; }
 .possibilities .mode-tabs { margin-block: 18px 22px; padding: 3px; gap: 3px; border-radius: 20px; }
 .possibilities .mode-tabs button { min-height: 34px; padding: 8px 12px; gap: 5px; font-size: 11px; line-height: 1.2; border-radius: 16px; }
 .possibilities .mode-tabs button .icon { width: 13px; height: 13px; }
 .possibilities .use-case-panel { min-height: 0; padding: 24px; gap: 32px; }
 .possibilities .use-case-copy h3 { font-size: clamp(26px, 2.6vw, 34px); }
 .possibilities .use-case-details > #feature-description { font-size: 14px; line-height: 1.45; margin-top: 28px; }
 .possibilities .feature-list { font-size: 12px; margin: 24px 0 6px; }
 .possibilities .feature-list li { margin-block: 10px; }
 .possibilities .text-link { font-size: 13px; min-height: 40px; }
 .possibilities .example-browser { min-height: 0; padding: 18px; }
 .possibilities .example-header { margin-bottom: 14px; }
 .possibilities .example-list { gap: 10px; }
 .possibilities .example-card { padding: 13px 12px; gap: 10px; }
 .possibilities .example-card .task-icon { width: 32px; height: 34px; }
 .possibilities .example-caption { margin-top: 10px; }
}

/* Source: dark-theme.css */
/* Black canvas, white typography, and quiet silver highlights. */
:root {
  color-scheme: dark;
  --canvas: #000;
  --canvas-top: #19191b;
  --surface: #101012;
  --surface-lower: #17171a;
  --input: #202023;
  --track: #161618;
  --ink: #f5f5f7;
  --muted: #b9bbc2;
  --accent: #fff;
  --accent-dark: #dedee3;
  --paper: #000;
  --soft: #202023;
  --line: #333338;
  --icon-red: #ff6975;
  --icon-green: #70d397;
  --icon-orange: #f6b46d;
  --icon-blue: #7bb5ff;
  --icon-purple: #ba98ff;
  --icon-teal: #6cd9df;
  --glass: #080809;
  --glass-rim: #ffffff30;
  --glass-shadow: 0 20px 48px -24px #000, inset 0 1px 0 #ffffff0d;
  --text-gradient: linear-gradient(165deg, #fff 15%, #f4f5f7 40%, #d4d7dd 68%, #969ca6 100%);
}

body { color: var(--ink); background: #000; }
::selection { color: #000; background: #eee; }
.site-header { background: #000000d9; border-bottom: 1px solid #ffffff14; }
.brand, .desktop-nav a, .mobile-nav a, .text-link { color: var(--ink); }
.desktop-nav a:hover, .text-link:hover { color: #fff; }
.mobile-nav { background: #000; }
.button, .mini-publish { background: #f5f5f7; color: #080809; }
.button:hover { background: #dcdce1; }
.button:active { background: #c9cbd1; }
.button .icon, .mini-publish .icon { color: inherit; }
.button.button-outline { color: #fff; background: #000; border-color: #74747c; }
.button.button-outline:hover { color: #000; background: #fff; border-color: #fff; }
.skip-link { color: #000; background: #fff; }
button:focus-visible, a:focus-visible, summary:focus-visible, [tabindex]:focus-visible { outline-color: #d9e4ff; }

.hero, .hero .purpose-strip, .possibilities, .professionals, .confidence, .our-story, .closing { color: var(--ink); background: #000; }
.scene-light { background: radial-gradient(ellipse at 50% 40%, #161619 0%, #060607 42%, #000 75%); }
.scene-light:after { background: linear-gradient(0deg, #000, transparent 24%, transparent 78%, #000); }
.scene-ring { border-color: #ffffff29; box-shadow: none; }
.scene-grid { background-image: linear-gradient(#ffffff12 1px, transparent 1px), linear-gradient(90deg, #ffffff12 1px, transparent 1px); }
.hero-cinema .hero-description, .hero .eyebrow, .cinema-footer, .purpose-strip>span { color: var(--muted); }
.little-dot { background: #fff; }
.device-edge img, .device-edge video, .phone img { filter: none; background: #000; }

.scene-card, .floating-note { color: #fff; background: #000; border-color: #ffffff38; box-shadow: 0 22px 50px -22px #000, inset 0 1px 0 #ffffff10; }
.card-chat { opacity: 1; }
.scene-card small, .note-eyebrow, .note-meta, .note-done div>span { color: #c1c3c9; }
.scene-card-icon, .note-icon { background: #17171a; color: #fff; }
.card-done .scene-card-icon { background: #10291b; color: var(--icon-green); }
.motion-toggle { color: #e5e5e9; background: #000; border-color: #49494e; }

.icon:has(use[href="#pin"]) { color: var(--icon-red); }
.icon:has(use[href="#heart"]), .icon:has(use[href="#bookmark"]) { color: var(--icon-purple); }
.icon:has(use[href="#box"]), .icon:has(use[href="#bag"]), .icon:has(use[href="#clock"]) { color: var(--icon-orange); }
.icon:has(use[href="#chat"]), .icon:has(use[href="#lock"]) { color: var(--icon-blue); }
.icon:has(use[href="#tools"]) { color: var(--icon-teal); }
.icon:has(use[href="#check"]), .icon:has(use[href="#leaf"]), .icon:has(use[href="#plus"]) { color: var(--icon-green); }

/* Keep small copy solid; the larger lettering carries the white gradient. */
.hero-cinema h1, h2, .use-case-copy h3 { color: #fff; }
.hero-cinema h1 span { background: none; color: inherit; }
.section-heading h2 span, .how h2 span, .confidence h2 span { color: inherit; }
@supports (background-clip: text) or (-webkit-background-clip: text) {
  .hero-cinema h1, h2, .use-case-copy h3 {
    background-image: var(--text-gradient);
    background-clip: text;
    -webkit-background-clip: text;
    color: transparent;
    -webkit-text-fill-color: transparent;
  }
  .hero-cinema h1 span { background: none; color: inherit; -webkit-text-fill-color: inherit; }
}

.section-heading .eyebrow, .feature-kicker, .example-header>span:last-child, .example-text small,
.example-caption, .feature-list, .step-number, .mini-label, .mini-request>div, .chat-person small,
.mini-complete>span:last-child, .confidence .eyebrow, .confidence-copy>p:last-child, .confidence-features p,
.faq-intro .eyebrow, .closing .eyebrow, .closing p:not(.eyebrow), .closing-note,
.site-footer>p, .site-footer>div { color: var(--muted); }
.professionals, .confidence, .our-story, .closing { border-top: 1px solid #1c1c20; }
.mode-tabs { background: var(--track); border: 1px solid var(--line); }
.mode-tabs button { color: #c4c5ca; }
.mode-tabs button:hover { color: #fff; }
.mode-tabs button[aria-selected=true] { color: #000; background: #f5f5f7; box-shadow: none; }
.mode-tabs button[aria-selected=true] .icon { color: inherit; }
.use-case-panel, .step, .professional-find { background: var(--surface); box-shadow: inset 0 0 0 1px #ffffff12; }
.example-browser, .professional-visual { background: linear-gradient(145deg, #202023, #111113); }
.example-card { background: #080809; border-color: #333338; box-shadow: none; }
.example-card:hover { border-color: #777780; box-shadow: 0 10px 24px #0004; }
.example-card .task-icon, .example-card:nth-child(2) .task-icon, .example-card:nth-child(3) .task-icon { background: #1c1c20; }
.example-price { color: #fff; background: #26262b; }
.example-card>.icon { color: #c1c3ca; }
.step-visual { background: #000; border: 1px solid #29292e; }
.mini-request, .incoming { background: #18181b; border-color: #36363c; box-shadow: var(--glass-shadow); }
.mini-request>div>span, .professional-profile-details dd>span { background: #29292f; }
.avatar, .professional-avatar { color: #fff; background: #303038; }
.outgoing { color: #fff; background: #303038; }
.complete-icon { background: #14261b; box-shadow: 0 0 0 10px #102017; }
.trust-icon { background: #19191d; border-color: #333338; }
.professional-profile, .professional-request { background: #000; border-color: #ffffff30; box-shadow: var(--glass-shadow); }
.professional-steps li { border-color: #48484f; }
.professional-request-icon, .professional-find-icon { background: #1d222c; }
.faq-plus:before, .faq-plus:after { background: #ddd; }
.site-footer { border-top: 1px solid #242428; }

dialog { color: var(--ink); background: #101012; border-color: #424248; box-shadow: 0 30px 100px #000b; }
dialog::backdrop { background: #000b; }
.dialog-close { color: #fff; background: #2b2b31; }
.dialog-tag, .dialog-disclaimer, .dialog-facts dt { color: var(--muted); }
.dialog-icon { background: #222228; }
.dialog-facts { background: #1b1b20; }
.dialog-facts>div+div { border-color: #39393f; }
.save-button { color: #fff; }
.save-button[aria-pressed=true] .icon { fill: var(--icon-purple); }

@media (prefers-reduced-transparency: reduce) {
  .site-header, .scene-card, .floating-note, .motion-toggle { background: #000; backdrop-filter: none; }
}
@media (prefers-contrast: more) {
  :root { --muted: #eee; --line: #8d8d95; }
  .hero-cinema h1, .hero-cinema h1 span, h2, .use-case-copy h3 { background: none; color: #fff; -webkit-text-fill-color: currentColor; }
  .hero-cinema .hero-description, .cinema-footer, .eyebrow, .feature-kicker, .example-caption, .closing-note { color: #eee; }
  .scene-card, .example-card, .professional-profile, .professional-request { border-color: #999; }
}
@media (forced-colors: active) {
  .hero-cinema h1, .hero-cinema h1 span, h2, .use-case-copy h3 { background: none; color: CanvasText; -webkit-text-fill-color: currentColor; }
}

/* Source: atmosphere.css */
/* A persistent misty silhouette below the opaque opening scene. */
body { isolation: isolate; }
.scene-light { background: #000; }
.brand-atmosphere { position: fixed; inset: 0; z-index: -1; overflow: hidden; pointer-events: none; }
.atmosphere-mark {
 position: absolute; left: 50%; top: 49%; width: min(1400px, 125vw);
 transform: translate(-50%, -50%); transform-origin: center;
}
.atmosphere-mark svg { display: block; width: 100%; height: auto; overflow: visible; }
.atmosphere-logo { filter: blur(24px); opacity: .035; animation: logo-breathe 14s ease-in-out infinite; }
.atmosphere-bloom { filter: blur(85px); opacity: .045; animation: logo-bloom 14s ease-in-out infinite; }
.atmosphere-fog {
 position: absolute; inset: -20%; filter: blur(38px); opacity: .055;
 background: radial-gradient(ellipse at 24% 60%, #dce2ea 0%, transparent 38%), radial-gradient(ellipse at 76% 33%, #cdd5df 0%, transparent 32%);
 animation: mist-drift 24s ease-in-out infinite alternate;
}
.atmosphere-fog-far {
 opacity: .035; transform: rotate(180deg);
 background: radial-gradient(ellipse at 38% 70%, #e9edf1 0%, transparent 42%);
 animation: mist-drift-far 31s ease-in-out infinite alternate;
}
@keyframes logo-breathe {
 0%, 100% { opacity: .025; transform: translate(-50%, -50%) scale(.98); }
 50% { opacity: .055; transform: translate(-50%, -50%) scale(1.035); }
}
@keyframes logo-bloom {
 0%, 100% { opacity: .035; transform: translate(-50%, -50%) scale(1.02); }
 50% { opacity: .075; transform: translate(-50%, -50%) scale(1.085); }
}
@keyframes mist-drift {
 from { transform: translate3d(-3%, 2%, 0) scale(1); }
 to { transform: translate3d(4%, -3%, 0) scale(1.06); }
}
@keyframes mist-drift-far {
 from { transform: translate3d(4%, -2%, 0) rotate(180deg); }
 to { transform: translate3d(-4%, 3%, 0) rotate(180deg) scale(1.08); }
}
.brand-atmosphere.is-paused > div { animation-play-state: paused; }
@media (max-width:760px) {
 .atmosphere-mark { width: 165vw; top: 50%; }
 .atmosphere-logo { filter: blur(16px); }
 .atmosphere-bloom { filter: blur(48px); }
 .atmosphere-fog { filter: blur(24px); }
}
@media (prefers-reduced-motion: reduce) {
 .brand-atmosphere > div { animation: none; }
}
@media (prefers-contrast: more) {
 .brand-atmosphere { display: none; }
}

/* Let the lower page share one backdrop, without section rules. */
.possibilities, .confidence, .our-story, .closing { background: transparent; }
.possibilities { background: linear-gradient(#000, transparent 160px); }
.professionals { background: radial-gradient(ellipse at 76% 24%, #17302b40, transparent 48%); }
.site-header, .mobile-nav, .hero .purpose-strip, main > section, .professionals, .confidence, .our-story, .closing, .site-footer,
.faq-list, .faq-list details, .professional-steps li, .dialog-facts > div + div {
 border-top: 0; border-bottom: 0; border-image: none;
}
.professionals:before { content: none; }

/* Source: bloom.css */
/* Reference materials: luminous white lettering, frosted silver, charcoal glass. */
:root {
  --ink: #f9f9fd;
  --muted: #d1d3dd;
  --icon-red: #ff3049;
  --icon-blue: #2479ff;
  --icon-orange: #ff841f;
  --icon-teal: #40cbd9;
  --text-gradient: linear-gradient(165deg, #fff 10%, #fbfbff 48%, #d4d8e5 100%);
  --silver-surface: radial-gradient(ellipse at 8% 0%, #fff, #ffffff70 28%, transparent 65%),
    linear-gradient(118deg, #f4f2fb 0%, #e2e1ec 35%, #cdd0dd 70%, #f0eff7 100%);
  --silver-glow: inset 0 1px 2px #ffffffc9, inset 0 -1px 2px #ffffff80,
    0 0 4px #ffffff80, 0 0 18px #e5eaff40,
    0 0 40px #dbe5ff1a, 0 18px 38px #0007;
  --charcoal-glass: radial-gradient(ellipse at 12% 0%, #c2cbe57a, transparent 52%),
    linear-gradient(135deg, #343a46ee, #171b23f5 58%, #080b10fa);
  --charcoal-glow: inset 0 1px 2px #ffffffb3, inset 0 0 1px 1px #eef3ff40,
    0 -1px 4px #ffffff66, 0 0 18px #e2e9ff33,
    0 0 44px #d6e1ff1a, 0 24px 50px #0009;
  --type-bloom: 0 0 8px #ffffff40, 0 0 26px #dce5ff33;
  --small-type-bloom: 0 0 8px #e0e9ff30;
}

/* The opaque black opening scene reveals the large logo backdrop below it. */
html, body, .scene-light { background: #000; }
.scene-light:after { background: none; }
.professionals { background: transparent; }
.site-header, .mobile-nav { background: #000; }
.scene-ring { opacity: .14; border-color: #dbe5ff30; }
.scene-grid { opacity: .06; }

.hero-cinema h1, h2, .use-case-copy h3 { text-shadow: var(--type-bloom); }
.step h3, .confidence-features h3, .professional-profile h3, .professional-find h3,
.professional-start h3, .professional-steps h4, .example-brand, .mini-complete>strong {
  text-shadow: var(--small-type-bloom);
}
.hero-description, .section-heading>p, .confidence-copy>p, .story-copy p,
.closing p, .professional-lead, .professional-description {
  color: var(--muted); text-shadow: none;
}
.brand-symbol, .closing-icon { filter: drop-shadow(0 0 3px #ffffff80) drop-shadow(0 0 14px #dbe6ff40); }
.text-link, .desktop-nav a, .store-download { text-shadow: 0 0 9px #e9eeff30; }
.store-logo { filter: drop-shadow(0 0 6px #dce6ff40); }
.phone-render { filter: drop-shadow(0 0 3px #ffffff50) drop-shadow(0 0 14px #dce7ff33); }

/* Silver surfaces carry dark, crisp copy, like the location/category cards. */
.button:not(.store-download), .example-card, .professional-request,
.mini-request, .incoming, .dialog-facts, .dialog-close {
  color: #0a0c12; background: var(--silver-surface);
  border: 1px solid #fff; box-shadow: var(--silver-glow); text-shadow: none;
}
.button:not(.store-download):hover, .example-card:hover {
  color: #07090d; background: linear-gradient(118deg, #fff, #e3e6f1 65%, #f7f8ff);
  border-color: #fff;
  box-shadow: var(--silver-glow), 0 0 14px #ffffff40;
}
.button:not(.store-download):active { background: #c6cad8; }
.mode-tabs { background: none; border: 0; box-shadow: none; padding: 5px; border-radius: 23px; gap: 5px; }
.mode-tabs button { color: #c4c5ca; border-radius: 18px; text-shadow: none; }
.mode-tabs button:hover { color: #fff; }
.mode-tabs button[aria-selected=true] {
  color: #fff; background: radial-gradient(ellipse at 15% 0%, #626d8199, transparent 52%), #05070b;
  box-shadow: inset 0 1px 2px #ffffffb3, inset 0 0 0 1px #ffffff80,
    0 0 5px #ffffff80, 0 0 20px #e1e8ff40;
  text-shadow: var(--small-type-bloom);
}
.mode-tabs button[aria-selected=true] .icon { color: #fff; }
.mode-tabs button:not([aria-selected=true]) .icon { color: inherit; }
.example-card { border-radius: 18px; }
.example-text strong { color: #0b0e14; font-weight: 650; }
.example-text small { color: #505562; }
.example-price { color: #171b25; background: #ffffff4d; box-shadow: inset 0 0 0 1px #ffffff80; }
.example-card>.icon { color: #161b26; }
.example-card .task-icon, .example-card:nth-child(2) .task-icon, .example-card:nth-child(3) .task-icon {
  background: #ffffff50; border: 1px solid #ffffff8c; box-shadow: inset 0 1px 0 #fff8;
}
.example-card .icon:has(use[href="#heart"]), .example-card .icon:has(use[href="#bookmark"]) { color: #111; }
.example-card .icon:has(use[href="#tools"]), .example-card .icon:has(use[href="#bag"]) { color: #1269ee; }
.icon:has(use[href="#paint"]) { color: var(--icon-orange); }
.example-card .task-icon .icon, .professional-request-icon .icon, .trust-icon .icon {
  filter: drop-shadow(0 0 5px color-mix(in srgb, currentColor 40%, transparent));
}
.icon:has(use[href="#pin"]) { filter: drop-shadow(0 0 5px #ff304966); }
.example-card .task-icon .icon:has(use[href="#heart"]) { filter: none; }

/* Listing colours follow the task, so they stay consistent across tabs. */
.example-browser .example-card {
  --listing-tint: #b9dcff;
  --listing-edge: #d8edff;
  --listing-glow: #449dff;
  --listing-ink: #145699;
  background: radial-gradient(ellipse at 8% 0%, #ffffffd9, transparent 65%),
    linear-gradient(115deg, var(--listing-edge), var(--listing-tint) 70%, var(--listing-edge));
  border-color: var(--listing-edge);
  box-shadow: inset 0 1px 2px #ffffffc9, inset 0 -1px 1px #ffffff66,
    0 0 5px color-mix(in srgb, var(--listing-edge) 55%, transparent),
    0 0 22px color-mix(in srgb, var(--listing-glow) 24%, transparent), 0 10px 24px #0005;
}
.example-card[data-task="moving"], .example-card[data-task="cart"] {
  --listing-tint: #ffcd9c;
  --listing-edge: #ffe6cd;
  --listing-glow: #ff9b45;
  --listing-ink: #9a430b;
}
.example-card[data-task="dog"] {
  --listing-tint: #d3b5fa;
  --listing-edge: #eee0ff;
  --listing-glow: #ad79ff;
  --listing-ink: #69359b;
}
.example-card[data-task="painting"], .example-card[data-task="outdoor"] {
  --listing-tint: #9ee5c8;
  --listing-edge: #d7f8e8;
  --listing-glow: #42dba4;
  --listing-ink: #12664a;
}
.example-browser .example-card:hover {
  background: radial-gradient(ellipse at 12% 0%, #fff, transparent 75%),
    linear-gradient(115deg, var(--listing-edge), var(--listing-tint));
  border-color: #fff;
  box-shadow: inset 0 1px 2px #fff, 0 0 6px #ffffff80,
    0 0 28px color-mix(in srgb, var(--listing-glow) 35%, transparent), 0 10px 24px #0005;
}
.example-browser .example-card .task-icon {
  background: #ffffff4d;
  border-color: #ffffff80;
}
.example-browser .example-card .task-icon .icon, .example-browser .example-price {
  color: var(--listing-ink);
}
.example-browser .example-card .task-icon .icon { filter: none; }
.example-browser .example-price { background: #ffffff59; }

/* Keep the scenario copy and example cards directly on the page. */
.use-case-panel { background: none; border: 0; box-shadow: none; }
.step { background: none; border: 0; box-shadow: none; }

/* Dark glass frames the bright cards without flattening their contrast. */
.professional-profile, .professional-find, dialog {
  background: var(--charcoal-glass); box-shadow: var(--charcoal-glow);
  border: 1px solid #f5f7ff80;
}
.example-browser {
  background: radial-gradient(ellipse at 20% 0%, #b2c1dc29, transparent 65%), #0a0e1680;
  box-shadow: inset 0 1px 2px #edf3ff66, 0 0 18px #e5edff1a;
}
.example-brand { color: #fff; }
.example-header>span:last-child, .example-caption { color: #cbd1df; }
.professional-visual {
  background: none;
  border: 0;
  box-shadow: none;
}
.professional-label, .professional-step-number { color: #e2e9fb; }
.professional-avatar {
  color: #111b31; background: var(--silver-surface);
  box-shadow: var(--silver-glow); text-shadow: none;
}
.professional-profile-details dd>span {
  color: #eaf0ff; background: #b9cbe51c; border-color: #e5edff42;
  box-shadow: inset 0 1px 0 #ffffff24;
}
.professional-request>div>span, .professional-request p { color: #474d5b; }
.professional-request strong { color: #0b0e16; }
.professional-request-icon {
  background: var(--silver-surface); border: 1px solid #ffffffe0;
  box-shadow: inset 0 1px 1px #ffffffb3, 0 0 10px #e2ebff40;
}
.trust-icon { background: none; border: 0; box-shadow: none; }
.confidence-features .trust-icon { width: 34px; height: 28px; margin-top: 1px; }
.confidence-features .trust-icon .icon, .confidence-features .trust-icon img { width: 28px; height: 28px; }
.trust-lock, .trust-chat { color: #62aaff; }
.trust-handshake { color: #70e9b5; }
.trust-location { color: #ff6279; }
.professional-request-icon .icon { color: #146dff; }
.professional-find p { color: var(--muted); }
.step-visual {
  background: none;
  border: 0;
  box-shadow: none;
}
.mini-request>strong, .incoming { color: #11151d; }
.mini-label, .mini-request>div { color: #505665; }
.mini-request>div>span { background: #ffffff70; }
.mini-publish { background: #11151e; color: #fff; box-shadow: inset 0 1px 1px #ffffff80, 0 0 12px #ffffff40; }
.outgoing { background: #354053; box-shadow: inset 0 1px 1px #ffffff80, 0 0 14px #bccdf640; }
.complete-icon { background: #d9f7e6; color: #11683c; box-shadow: 0 0 5px #edfff080, 0 0 22px #b9fbd44d; }
.complete-icon .icon:has(use[href="#check"]) { color: #11683c; }
.mini-complete>span:last-child { color: #cbd4e6; }
.dialog-facts dt { color: #4d5362; }
.dialog-facts dd { color: #10151e; }
.dialog-icon { background: #ffffff17; box-shadow: inset 0 1px 0 #fff6, 0 0 15px #c8dcff2b; }
.dialog-close { color: #161b26; }

/* Give each how-it-works illustration a distinct colour, without outer cards. */
.how .step { --step-accent: #a6d8ff; --step-halo: #379bff; }
.how .step:nth-child(2) { --step-accent: #fff; --step-halo: #fff; }
.how .step:nth-child(3) { --step-accent: #9aefc8; --step-halo: #31d99c; }
.how .step h3 {
  color: #fff;
  text-shadow: 0 0 18px #ffffff3d;
}
.how .step > p { color: #fff; }
.how .step-visual {
  background: radial-gradient(ellipse at center, color-mix(in srgb, var(--step-halo) 12%, transparent), transparent 70%);
}
.how .mini-request {
  background: radial-gradient(ellipse at 8% 0%, #fff, transparent 65%),
    linear-gradient(125deg, #e7f5ff, #b5d9fc 65%, #d6edff);
  border-color: #d3ecff;
  box-shadow: inset 0 1px 2px #fff, 0 0 6px #b3deff70, 0 0 28px #3c9cff40, 0 18px 38px #0007;
}
.how .mini-label, .how .mini-request>div { color: #355678; }
.how .mini-label .icon { color: #1469c9; }
.how .mini-publish {
  background: linear-gradient(125deg, #206cda, #174bb0);
  box-shadow: inset 0 1px 1px #c5e9ff80, 0 0 14px #238aff40;
}
.how .chat-person .avatar {
  color: #222;
  background: linear-gradient(135deg, #fff, #d6d6d6);
  box-shadow: inset 0 1px 1px #ffffff80, 0 0 16px #ffffff40;
}
.how .incoming {
  color: #222;
  background: linear-gradient(125deg, #fff, #e9e9e9);
  border-color: #fff;
  box-shadow: inset 0 1px 2px #fff, 0 0 5px #ffffff70, 0 0 22px #ffffff40;
}
.how .outgoing {
  color: #222;
  background: linear-gradient(125deg, #f5f5f5, #cecece);
  box-shadow: inset 0 1px 1px #ffffff80, 0 0 20px #ffffff40;
}
.how .outgoing .icon { color: #555; }
.how .complete-icon {
  background: radial-gradient(circle at 30% 20%, #d0ffe9, #70e9b5 60%, #3ed599);
  box-shadow: inset 0 1px 2px #eafff8, 0 0 7px #a2ffd970, 0 0 30px #31d99c50, 0 0 62px #31d99c24;
}
.how .complete-icon, .how .complete-icon .icon:has(use[href="#check"]) { color: #075c3e; }
.how .mini-complete>strong { color: #b4f5d8; text-shadow: 0 0 18px #31d99c40; }

@media (max-width:760px) {
  .confidence-features .trust-icon { width: 24px; height: 22px; margin-top: 0; }
  .confidence-features .trust-icon .icon, .confidence-features .trust-icon img { width: 22px; height: 22px; }
  .mode-tabs { gap: 3px; padding: 4px; border-radius: 21px; }
  .mode-tabs button { border-radius: 16px; }
  .phone-render { filter: drop-shadow(0 0 3px #ffffff50) drop-shadow(0 0 10px #dce7ff33); }
}
@media (prefers-reduced-transparency:reduce) {
  .site-header, .mobile-nav { background: #000; }
  .professional-profile, .professional-find, dialog { background: #1b212d; }
}
@media (prefers-contrast:more), (forced-colors:active) {
  h1, h2, h3, h4, p, strong, .text-link, .desktop-nav a, .store-download { text-shadow: none !important; }
  .brand-symbol, .closing-icon, .phone-render, .store-logo, .icon { filter: none !important; }
  .use-case-panel, .step, .professional-profile, .professional-find, .professional-visual, .step-visual,
  .mode-tabs button[aria-selected=true], .complete-icon, .mini-publish, .outgoing { box-shadow: none; }
  .button:not(.store-download), .example-card, .professional-request, .mini-request, .incoming, .dialog-facts, .dialog-close {
    background: #f2f3f7; color: #05070a; box-shadow: none;
  }
  .hero-cinema h1, h2, .use-case-copy h3 { background: none; color: #fff; -webkit-text-fill-color: currentColor; }
  .how .step-visual { background: none; }
  .how .mini-request, .how .incoming { background: #f2f3f7; color: #05070a; box-shadow: none; }
  .how .mini-publish, .how .outgoing, .how .chat-person .avatar, .how .complete-icon { box-shadow: none; }
  .example-browser .example-card, .example-browser .example-card:hover { background: #f2f3f7; box-shadow: none; }
}

/* Source: language.css */
/* A compact, keyboard-accessible switch without changing the page layout. */
.header-actions { display:flex; align-items:center; gap:14px; flex-shrink:0; }
.language-switch { display:flex; align-items:center; gap:4px; flex-shrink:0; }
.language-switch a {
  display:flex; align-items:center; justify-content:center;
  min-width:28px; min-height:44px; padding:4px;
  font-size:11px; font-weight:600; letter-spacing:.04em; color:var(--muted);
  text-underline-offset:5px;
}
.language-switch a[aria-current="page"] { color:var(--ink); text-decoration:underline; }
.language-switch a:hover { color:var(--ink); }
.site-header .nav-wrap { gap:clamp(12px,2vw,28px); }
.site-header .desktop-nav { margin-left:auto; }
html:lang(sv) .closing > .wrap > p:not(.eyebrow) { font-size:calc(var(--closing-title-size) * .36); }
@media (max-width:760px) {
  .header-actions { gap:10px; }
  .language-switch { gap:2px; }
  .language-switch a { font-size:8px; min-width:22px; padding-inline:3px; text-underline-offset:3px; }
  .legal-back { font-size:12px; }
}
@media (max-height:520px) {
  html:lang(sv) .closing-frame .closing > .wrap > p:not(.eyebrow) { font-size:clamp(12px,3.5svh,18px); }
}

/* Desktop overflow navigation stays out of the page layout. */
@media (min-width:761px) {
  .desktop-nav-more { position:relative; border:0; }
  .desktop-nav-more > summary {
    display:flex; align-items:center; justify-content:center; gap:7px;
    min-height:44px; padding:0; font-size:12px; font-weight:500;
    color:var(--ink); white-space:nowrap; list-style:none;
  }
  .desktop-nav-more > summary::-webkit-details-marker { display:none; }
  .desktop-nav-more > summary .icon { width:14px; height:14px; transform:rotate(90deg); }
  .desktop-nav-more[open] > summary .icon { transform:rotate(-90deg); }
  .desktop-nav-more-links {
    position:absolute; top:calc(100% + 8px); right:0;
    width:max-content; min-width:210px; max-width:calc(100vw - 48px);
    max-height:calc(100dvh - 100px); overflow-y:auto;
    padding:10px; border:1px solid #ffffff24; border-radius:16px;
    background:rgba(12,12,14,.97); box-shadow:0 12px 36px #0008;
  }
  .desktop-nav .desktop-nav-more-links a {
    padding:10px 14px; min-height:44px; border-radius:8px;
    font-size:13px; color:#eee; white-space:nowrap;
  }
  .desktop-nav .desktop-nav-more-links a:hover,
  .desktop-nav .desktop-nav-more-links a:focus-visible { background:#ffffff12; color:#fff; }
}

/* Source: opportunities.css */
/* Shared landing-page invitation. Keep it beside the existing checklist. */
.use-case-copy .possibilities-link {
  margin-top:clamp(22px,3svh,36px); max-width:100%; min-height:46px;
  padding:12px 19px; gap:12px; font-size:clamp(12px,1vw,15px);
  line-height:1.35; text-align:left;
}
.possibilities-link .icon { flex:none; }
@media(max-width:760px) {
  .use-case-copy .possibilities-link { margin-top:18px; min-height:44px; padding:10px 14px; font-size:11px; gap:8px; }
  .possibilities-link .icon { width:16px; height:16px; }
}

/* The reading page shares the site's materials and type, with native scrolling. */
.opportunities-page { background:#000; color:#f5f5f7; }
.opportunities-page .wrap, .opportunities-page .nav-wrap { width:min(1120px,calc(100% - 64px)); }
.opportunities-page .site-header { background:rgba(0,0,0,.9); }
.opportunities-page .nav-wrap { gap:24px; height:72px; }
.opportunities-page .brand { margin-right:auto; }
.opportunity-back { display:inline-flex; align-items:center; min-height:44px; gap:8px; font-size:13px; }
.opportunity-back .icon { width:18px; }
.opportunity-back:hover { text-decoration:underline; text-underline-offset:4px; }
.opportunities-page .brand-atmosphere > div { animation:none; }
.opportunities-page .atmosphere-mark { opacity:.025; }
.opportunities-page .atmosphere-fog { opacity:.025; }
.opportunity-hero { padding-block:clamp(68px,11vw,140px) clamp(54px,8vw,96px); text-align:center; }
.opportunity-hero h1 {
  max-width:18ch; margin:auto; font-size:clamp(42px,6.7vw,88px);
  line-height:1.04; letter-spacing:-.055em; font-weight:650;
  color:#f5f5f7; text-shadow:0 0 22px #e1e9ff35;
}
.opportunity-hero .opportunity-subtitle { margin:26px auto 0; font-size:clamp(22px,2.5vw,32px); line-height:1.25; font-weight:550; letter-spacing:-.025em; }
.opportunity-intro { max-width:740px; margin:24px auto 0; font-size:clamp(16px,1.6vw,20px); line-height:1.6; color:#c8c8d0; }
.opportunity-soon { margin-top:20px; font-size:13px; color:#a6eaca; }
.opportunity-nav { display:flex; flex-wrap:wrap; justify-content:center; gap:6px 26px; margin-top:32px; }
.opportunity-nav a { display:flex; align-items:center; min-height:44px; font-size:13px; color:#dddde3; text-decoration:underline; text-underline-offset:5px; }
.opportunity-section { padding-block:clamp(44px,7vw,86px); scroll-margin-top:88px; }
.opportunity-section h2 { max-width:20ch; font-size:clamp(32px,4.4vw,58px); line-height:1.08; letter-spacing:-.04em; }
.opportunity-section h3 { font-size:clamp(20px,2vw,26px); line-height:1.2; letter-spacing:-.025em; }
.opportunity-section p { color:#c8c8d0; font-size:clamp(15px,1.4vw,18px); line-height:1.65; }
.opportunity-section p + p { margin-top:16px; }
.opportunity-lead { max-width:820px; margin-top:24px; }
.opportunity-split { display:grid; grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr); gap:clamp(32px,6vw,80px); align-items:start; }
.opportunity-prose { max-width:72ch; }
.opportunity-prose h3 { margin-top:36px; }
.opportunity-prose h3 + p { margin-top:16px; }
.opportunity-highlight { display:block; margin-top:24px; color:#f5f5f7; font-size:clamp(17px,1.7vw,22px); line-height:1.5; font-weight:550; }
.opportunity-table-wrap { margin-top:32px; padding:clamp(14px,2.5vw,28px); border:1px solid #555e7080; border-radius:24px; background:linear-gradient(140deg,#29303b99,#090d1499); box-shadow:inset 0 1px 0 #ffffff35,0 0 24px #d9e8ff0a; }
.opportunity-table { width:100%; table-layout:fixed; border-collapse:collapse; font-size:clamp(12px,1.25vw,16px); }
.opportunity-table caption { text-align:left; font-size:20px; line-height:1.3; font-weight:600; margin-bottom:20px; }
.opportunity-table :is(th,td) { padding:15px 8px; text-align:right; vertical-align:top; overflow-wrap:anywhere; }
.opportunity-table th { color:#d5d5df; font-size:.82em; font-weight:500; line-height:1.4; }
.opportunity-table :is(th,td):first-child { text-align:left; width:40%; padding-left:0; }
.opportunity-table :is(th,td):last-child { padding-right:0; }
.opportunity-table td { color:#fff; }
.opportunity-table .saving { color:#a6eaca; font-weight:600; }
.opportunity-section .opportunity-note { font-size:12px; line-height:1.6; color:#b4b4c2; margin-top:20px; }
.opportunity-section .opportunity-total { display:flex; flex-wrap:wrap; align-items:baseline; justify-content:space-between; gap:12px; margin-top:22px; color:#dddde5; font-size:14px; }
.opportunity-total strong { font-size:clamp(28px,4vw,42px); line-height:1.1; color:#a6eaca; letter-spacing:-.04em; }
.opportunity-link { display:inline-flex; align-items:center; gap:10px; min-height:44px; margin-top:22px; color:#fff; font-size:14px; font-weight:550; text-decoration:underline; text-underline-offset:5px; }
.opportunity-categories { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:38px 68px; margin-top:40px; }
.opportunity-categories article { min-width:0; }
.opportunity-categories h3 { color:#b1d9ff; }
.opportunity-categories article:nth-child(3n+2) h3 { color:#cbb7ff; }
.opportunity-categories article:nth-child(3n) h3 { color:#a6eaca; }
.opportunity-categories p { margin-top:12px; }
.opportunity-future { margin-top:44px; max-width:900px; }
.opportunity-future h3 { color:#c9c9d1; }
.opportunity-future p { margin-top:12px; }
.opportunity-roles { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px 30px; margin:26px 0 0; padding:0; list-style:none; color:#d8d8df; font-size:15px; line-height:1.6; }
.opportunity-roles li { padding-left:18px; position:relative; }
.opportunity-roles li::before { content:'·'; position:absolute; left:0; color:#a6eaca; }
.opportunity-journey { list-style:none; margin:0; padding:0; display:grid; gap:28px; }
.opportunity-journey p { margin-top:8px; }
.opportunity-close { padding-block:clamp(60px,10vw,120px) 48px; text-align:center; }
.opportunity-close h2 { max-width:18ch; margin:auto; font-size:clamp(34px,5vw,64px); line-height:1.08; letter-spacing:-.045em; }
.opportunity-close p { max-width:700px; margin:24px auto 0; color:#c8c8d0; font-size:clamp(16px,1.6vw,20px); line-height:1.6; }
.opportunity-close .button { margin-top:28px; font-size:14px; }
.opportunities-page .site-footer { padding-block:24px; }
.opportunities-page .site-footer > div { display:flex; justify-content:center; align-items:center; flex-wrap:wrap; gap:12px 24px; }
.opportunities-page :is(a,summary):focus-visible { outline:2px solid #91c4ff; outline-offset:5px; }
@media(max-width:760px) {
  .opportunities-page .wrap, .opportunities-page .nav-wrap { width:calc(100% - clamp(56px,14.4vw,80px)); }
  .opportunities-page .nav-wrap { height:64px; gap:12px; }
  .opportunity-back { font-size:11px; }
  .opportunity-back .icon { display:none; }
  .opportunity-hero { padding-top:64px; }
  .opportunity-hero h1 { font-size:clamp(36px,9vw,56px); }
  .opportunity-hero .opportunity-subtitle { font-size:22px; }
  .opportunity-nav { gap:0 20px; margin-top:24px; }
  .opportunity-split, .opportunity-categories { grid-template-columns:minmax(0,1fr); gap:32px; }
  .opportunity-section h2 { text-align:center; margin-inline:auto; }
  .opportunity-section { scroll-margin-top:76px; }
  .opportunity-table-wrap { border-radius:20px; padding:16px 12px; }
  .opportunity-table { font-size:12px; }
  .opportunity-table :is(th,td) { padding:12px 5px; }
  .opportunity-table :is(th,td):first-child { width:36%; }
  .opportunity-roles { grid-template-columns:minmax(0,1fr); gap:12px; }
  .opportunities-page .atmosphere-bloom, .opportunities-page .atmosphere-fog { display:none; }
  .opportunities-page .site-footer > div { font-size:10px; gap:12px 16px; }
}
@media(prefers-reduced-motion:reduce) { html:has(.opportunities-page) { scroll-behavior:auto; } }
@media(prefers-contrast:more) { .opportunities-page p, .opportunity-nav a, .opportunity-table th { color:#fff; } }

/* A compact extra route to the possibilities page at the phone's closing frame. */
.closing .closing-options { display:none; }
@media(max-width:760px) {
  .closing .closing-options {
    display:inline-flex; justify-content:center; align-items:center;
    max-width:100%; min-height:44px; margin:20px auto 0;
    padding:10px 14px; gap:8px; font-size:11px; line-height:1.35;
    text-align:center;
  }
  .closing-options .icon { width:16px; height:16px; flex:none; }
}

@media(max-width:760px) {
  .opportunity-nav {
    display:grid; grid-template-columns:repeat(6,minmax(0,1fr));
    gap:8px clamp(6px,2vw,14px); max-width:560px; margin-inline:auto;
  }
  .opportunity-nav a { grid-column:span 2; justify-content:center; text-align:center; font-size:clamp(11px,3.2vw,13px); }
  .opportunity-nav a:nth-child(1) { grid-area:2 / 1 / auto / span 3; white-space:nowrap; position:relative; left:clamp(24px,7.5vw,36px); }
  .opportunity-nav a:nth-child(2) { grid-area:1 / 3 / auto / span 2; }
  .opportunity-nav a:nth-child(3) { grid-area:1 / 5 / auto / span 2; }
  .opportunity-nav a:nth-child(4) { grid-area:1 / 1 / auto / span 2; }
  .opportunity-nav a:nth-child(5) { grid-area:2 / 4 / auto / span 3; }
}

/* Useful service answers share the reading page's native, responsive layout. */
.service-answers { margin-top:32px; max-width:900px; }
.service-answer { scroll-margin-top:88px; border-bottom:1px solid #ffffff20; }
.service-answer summary { display:flex; align-items:center; justify-content:space-between; gap:20px; padding:24px 0; color:#f5f5f7; font-size:clamp(17px,1.7vw,22px); line-height:1.4; cursor:pointer; list-style:none; }
.service-answer summary::-webkit-details-marker { display:none; }
.service-answer summary .icon { width:18px; height:18px; }
.service-answer[open] summary .icon { transform:rotate(45deg); }
.service-answer > p { max-width:75ch; margin:0; padding:0 0 24px; }
@media(max-width:760px) {
  .service-answer { scroll-margin-top:76px; }
  .service-answer summary { padding-block:20px; }
}

/* Source: cookie-consent.css */
.consent-banner[hidden], .consent-warning[hidden] { display:none; }
.consent-banner {
  position:fixed; z-index:1000; inset:auto 16px 16px; width:min(760px,calc(100% - 32px)); margin-inline:auto;
  max-height:60svh; overflow-y:auto; padding:22px; color:#f5f5f7; background:#111216f5;
  border:1px solid #62636c; border-radius:20px; box-shadow:0 12px 50px #0009,0 0 20px #dce6ff12;
  text-align:left; font-family:system-ui,sans-serif; padding-bottom:calc(22px + env(safe-area-inset-bottom,0px));
}
.consent-banner h2, .consent-dialog h2 { margin:0; color:#fff; font-size:21px; line-height:1.25; letter-spacing:-.02em; text-shadow:none; }
.consent-banner p, .consent-dialog p { margin:10px 0 0; color:#d0d0d7; font-size:13px; line-height:1.55; letter-spacing:0; text-shadow:none; }
.consent-banner a, .consent-dialog a { text-decoration:underline; text-underline-offset:3px; }
.consent-actions { display:flex; flex-wrap:wrap; gap:10px; margin-top:18px; }
.consent-actions button, .consent-dialog-close {
  min-height:44px; border:1px solid #a3a3ae; border-radius:10px; background:#24252c; color:#fff;
  font:600 13px/1.3 system-ui,sans-serif; padding:10px 16px; cursor:pointer;
}
.consent-actions button:hover, .consent-dialog-close:hover { background:#383941; }
.consent-actions button:active { background:#45464f; }
.consent-dialog { width:min(560px,calc(100% - 32px)); max-height:85svh; padding:26px; border:1px solid #62636c; border-radius:22px; background:#111216; color:#fff; box-shadow:0 20px 80px #000a; }
.consent-dialog::backdrop { background:#000a; }
.consent-dialog-heading { display:flex; justify-content:space-between; align-items:center; gap:16px; }
.consent-dialog-close { font-size:22px; padding:6px 12px; flex:none; }
.consent-category { margin-top:24px; }
.consent-category label { display:flex; align-items:flex-start; gap:12px; font-size:15px; line-height:1.5; font-weight:600; }
.consent-category input { width:20px; height:20px; margin:1px 0 0; accent-color:#b9d9ff; flex:none; }
.consent-category p { margin-left:32px; }
.consent-settings-link { border:0; padding:0; background:none; color:inherit; font:inherit; cursor:pointer; text-decoration:underline; text-underline-offset:3px; }
.consent-settings-link:hover { color:#fff; }
.consent-warning { text-align:center; padding:8px 16px; color:#fff; font:12px/1.5 system-ui,sans-serif; }
:is(.consent-banner,.consent-dialog) :is(button,input,a):focus-visible, .consent-settings-link:focus-visible { outline:2px solid #9ac9ff; outline-offset:4px; }
@media(max-width:760px) {
  .consent-banner { inset:auto 10px 10px; width:calc(100% - 20px); padding:18px; padding-bottom:calc(18px + env(safe-area-inset-bottom,0px)); border-radius:16px; }
  .consent-banner h2 { font-size:19px; }
  .consent-banner p { font-size:12px; }
  .consent-banner .consent-actions { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; margin-top:14px; }
  .consent-banner .consent-actions button { padding:9px 8px; font-size:12px; }
  .consent-banner .consent-actions button:last-child { grid-column:1 / -1; }
  .consent-dialog { padding:20px; }
}
@media(prefers-contrast:more) { .consent-banner,.consent-dialog { background:#000; border-color:#fff; } .consent-banner p,.consent-dialog p { color:#fff; } }