@font-face{font-family:"Cal Sans";src:url(cal-sans.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap;} @font-face{font-family:"Inter";src:url(inter.woff2) format("woff2");font-weight:100 900;font-style:normal;font-display:swap;} :root{--paper:#f8f8f2;--white:#fff;--ink:#18392f;--muted:#586960;--line:#dde3d8;--green:#235e42;--lime:#d4ef87;--soft:#edf2e6;--peach:#f6decf;--orange:#a64d2c;--lavender:#eeebf8;--radius:20px;--sans:Manrope,Arial,sans-serif;--serif:'Instrument Serif',Georgia,serif} *{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #4978ae;outline-offset:5px}button{color:inherit}h1,h2,h3,p{margin:0}h1,h2,h3{line-height:1.08}a{text-decoration:none}svg{display:block}.icon{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.wrap{width:min(1180px,calc(100% - 64px));margin:auto}.eyebrow{font-size:11px;text-transform:uppercase;letter-spacing:.16em;font-weight:800;color:var(--green)}.muted{color:var(--muted)}.skip{position:absolute;left:20px;top:-70px;padding:10px 18px;background:var(--ink);color:white;z-index:20}.skip:focus{top:10px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:18px;border:1px solid transparent;border-radius:9px;padding:15px 23px;font-size:14px;font-weight:800;line-height:1.4;transition:transform .2s,background .2s,box-shadow .2s;min-height:50px}.btn:hover{transform:translateY(-2px)}.btn-primary{background:var(--ink);color:white;box-shadow:0 3px 0 #092d2114}.btn-primary:hover{background:#285a45;box-shadow:0 7px 20px #163d3020}.btn-lime{background:var(--lime);color:var(--ink)}.btn-lime:hover{background:#e0f5ab}.btn-secondary{border-color:var(--line);background:transparent}.text-link{display:inline-flex;align-items:center;gap:8px;border:0;background:transparent;font-size:14px;font-weight:700;padding:12px 0}.text-link:hover{color:var(--green)}.serif{font-family:var(--serif);font-weight:400;font-style:italic}.tiny{font-size:11px;color:var(--muted)}.pill{display:inline-flex;align-items:center;gap:7px;border-radius:20px;padding:5px 10px;font-size:10px;font-weight:800;letter-spacing:.02em;background:var(--soft)}.dot{width:6px;height:6px;border-radius:50%;background:var(--green)}.section-title{font-size:clamp(36px,4.3vw,57px);letter-spacing:-.045em;font-weight:600;line-height:1.12}.section-title .serif{font-size:1.1em;letter-spacing:-.02em}.body-copy{font-size:16px;line-height:1.8;color:var(--muted)}.divider{border-top:1px solid var(--line)} header{height:86px;border-bottom:1px solid var(--line);background:var(--paper);position:relative;z-index:3}.nav{display:flex;align-items:center;justify-content:space-between;height:100%;gap:25px}.logo{display:flex;align-items:center;gap:9px;font-size:28px;letter-spacing:-1.4px;font-weight:800}.logo-mark{width:29px;height:32px;color:var(--green)}.nav-links{display:flex;align-items:center;gap:30px;font-size:12px;font-weight:700}.nav-links a:hover{text-decoration:underline;text-underline-offset:6px}.nav-end{display:flex;align-items:center;gap:23px}.nav-end .btn{padding:11px 17px;min-height:43px;font-size:12px}.concept-badge{font-size:9px;letter-spacing:.1em;text-transform:uppercase;border:1px solid var(--line);border-radius:4px;padding:4px 6px;color:var(--muted);white-space:nowrap}.mobile-menu{display:none;border:1px solid var(--line);background:transparent;border-radius:6px;padding:9px} .hero{text-align:center;padding:66px 0 0;position:relative}.hero .eyebrow{display:inline-flex;align-items:center;gap:8px}.hero .eyebrow .dot{box-shadow:0 0 0 4px #dbe9cc}.hero h1{font-size:clamp(51px,6.25vw,85px);letter-spacing:-.065em;font-weight:650;max-width:1080px;margin:23px auto 24px;line-height:1.02}.hero h1 .serif{display:block;color:var(--green);font-size:1.16em;letter-spacing:-.035em;line-height:1.05}.hero-description{max-width:640px;margin:auto;font-size:16px;line-height:1.85;color:var(--muted)}.hero-description strong{font-weight:700;color:var(--ink)}.hero-actions{display:flex;align-items:center;justify-content:center;gap:27px;margin-top:28px}.hero-note{font-size:11px;color:var(--muted);margin:13px 0 37px}.hero-note span{margin:0 9px;color:#9da999}.hand-note{font:italic 20px var(--serif);color:var(--green);position:absolute;right:7%;top:305px;transform:rotate(8deg);max-width:116px;line-height:1.1}.hand-note svg{margin:7px auto 0;width:48px;height:35px} .growth-map{margin-top:5px;padding:24px 24px 0;border:1px solid #d8e0d0;border-radius:23px;background-color:#f1f4e9;background-image:radial-gradient(#acbfa66e .65px,transparent .65px);background-size:16px 16px;position:relative;text-align:left;box-shadow:0 18px 55px -45px #314e31}.map-top{display:flex;justify-content:space-between;align-items:center;gap:15px}.map-title{font-size:11px;font-weight:800;letter-spacing:.03em}.map-title small{font-size:10px;font-weight:500;color:var(--muted);margin-left:7px}.motion-toggle{display:flex;align-items:center;gap:7px;background:#f8faf4;border:1px solid #d5decc;padding:7px 10px;border-radius:6px;font-size:10px;font-weight:700}.motion-toggle .icon{width:12px;height:12px}.flow-grid{position:relative;display:grid;grid-template-columns:1fr .78fr 1.25fr 1.02fr;gap:46px;align-items:center;padding:30px 0;min-height:369px}.flow-lines{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;overflow:visible}.flow-wire{fill:none;stroke:#bfccb1;stroke-width:1.5}.flow-wire.active{stroke:#61884f}.flow-signal{fill:none;stroke:#426f33;stroke-width:2;stroke-dasharray:5 18;animation:flow 3s linear infinite;opacity:.65}.flow-grid [data-node]{position:relative;z-index:1}.flow-card{border:1px solid #d8e0ce;border-radius:13px;background:#fff;padding:19px;box-shadow:0 5px 9px #24382303}.flow-card .node-icon{display:flex;width:33px;height:33px;border-radius:8px;align-items:center;justify-content:center;background:var(--soft);margin-bottom:13px}.flow-card h3{font-size:15px;letter-spacing:-.025em;line-height:1.2}.flow-card p{font-size:10px;line-height:1.7;color:var(--muted);margin-top:8px}.node-step{font-size:9px;text-transform:uppercase;letter-spacing:.08em;font-weight:800;color:#6e7e61;margin-bottom:11px}.hub{text-align:center;border:1px solid #b9ca9a;border-radius:18px;background:#e6edcf;padding:21px 12px;box-shadow:0 0 0 7px #e5ecc953}.phii-star{width:38px;height:38px;margin:auto;color:var(--green)}.hub strong{display:block;font-size:17px;margin-top:10px}.hub p{font-size:10px;line-height:1.5;color:#506344;margin-top:6px}.flow-branches{display:grid;gap:13px}.flow-branch{display:flex;align-items:center;gap:13px;text-align:left;background:#fff;border:1px solid #d9e1d0;border-radius:11px;padding:15px 13px;transition:background .2s,border .2s,transform .2s;min-height:81px}.flow-branch:hover{transform:translateX(3px)}.flow-branch.active{background:#fdfefb;border-color:#6e9253;box-shadow:0 0 0 2px #8daa5614}.branch-icon{width:34px;height:34px;display:grid;place-items:center;border-radius:9px;flex-shrink:0}.find-icon{background:#edf3dc;color:#4c7438}.choose-icon{background:#faeade;color:#925b37}.do-icon{background:#eeeaf5;color:#79618e}.flow-branch strong{font-size:12px;display:block;line-height:1.5}.flow-branch small{font-size:9px;color:var(--muted);display:block;line-height:1.5}.flow-branch .chevron{margin-left:auto;width:12px;height:12px}.outcome{background:var(--ink);color:#fff;border:0;padding:23px 20px;position:relative;overflow:hidden}.outcome .node-step{color:#c6da9c}.outcome h3{font-family:var(--serif);font-size:30px;font-weight:400;letter-spacing:0;line-height:1.05}.outcome p{color:#cad7cd;line-height:1.6;font-size:11px}.outcome .outcome-bottom{border-top:1px solid #ffffff25;padding-top:13px;margin-top:17px;display:flex;align-items:center;gap:8px;font-size:10px;color:var(--lime)}.outcome .outcome-bottom .icon{width:17px;height:17px}.map-insight{display:flex;align-items:center;gap:16px;border-top:1px solid #d4dfc7;margin:0 -24px;padding:17px 24px;background:#f8fbf0;border-radius:0 0 23px 23px;min-height:84px}.insight-count{font-family:var(--serif);font-size:35px;line-height:1;color:#5f7d47;min-width:39px}.map-insight strong{font-size:12px}.map-insight p{font-size:11px;color:var(--muted);line-height:1.6;margin-top:2px}.map-insight a{margin-left:auto;white-space:nowrap;font-size:11px;font-weight:800}.flow-foot{display:flex;justify-content:space-between;margin:13px 5px 0;font-size:10px;color:#617059}.flow-foot .loop{display:flex;align-items:center;gap:6px}.flow-foot .icon{width:13px;height:13px}.paused .flow-signal{animation-play-state:paused}.paused .orbit-dot{display:none}@keyframes flow{to{stroke-dashoffset:-92}} .purpose{padding:105px 0 98px;display:grid;grid-template-columns:.92fr 1fr;gap:115px;align-items:start}.purpose .eyebrow{margin-bottom:20px}.purpose h2{font-size:clamp(33px,3.5vw,46px);letter-spacing:-.045em;line-height:1.15;font-weight:600}.purpose h2 .serif{font-size:1.14em}.purpose-copy{padding-top:6px}.purpose-copy>p{margin-bottom:26px;font-size:17px;color:var(--muted);line-height:1.85}.question-row{display:flex;align-items:flex-start;gap:12px;padding:13px 0;border-top:1px solid var(--line);font-size:13px}.question-row .icon{width:18px;height:18px;margin-top:2px;color:var(--green)}.question-row strong{font-weight:750}.question-row span{color:var(--muted)} .product{background:#eaf0e3;padding:82px 0 80px;border-top:1px solid #dce4d4;border-bottom:1px solid #dce4d4}.section-head{display:flex;justify-content:space-between;gap:50px;align-items:flex-end}.section-head .eyebrow{margin-bottom:15px}.section-head>p{max-width:330px;font-size:13px;color:var(--muted);line-height:1.85;padding-bottom:5px}.demo-options{display:flex;gap:7px;flex-wrap:wrap;margin:34px 0 16px}.demo-options button{border:1px solid #d6dfcf;border-radius:7px;padding:9px 13px;font-size:11px;font-weight:700;background:transparent;min-height:39px}.demo-options button[aria-pressed=true]{background:var(--ink);color:#fff;border-color:var(--ink)}.demo-shell{border:1px solid #cbd8c0;border-radius:16px;background:#fff;box-shadow:0 24px 50px -35px #1a422a50;overflow:hidden}.demo-top{height:53px;display:flex;align-items:center;justify-content:space-between;padding:0 24px;border-bottom:1px solid var(--line);background:#fbfcf8;font-size:11px}.demo-top .crumb{display:flex;align-items:center;gap:8px}.demo-top .icon{width:15px;height:15px}.demo-top .pill{font-size:9px}.demo-main{display:grid;grid-template-columns:1.05fr 1fr}.chat-pane{padding:30px;border-right:1px solid var(--line)}.chat-person{display:flex;align-items:center;gap:10px;margin-bottom:20px}.avatar{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:#e5edce}.avatar .phii-star{width:24px;height:24px}.chat-person strong{font-size:13px;display:block;line-height:1.3}.chat-person small{font-size:10px;color:var(--muted)}.user-bubble{margin:0 0 23px 60px;padding:12px 15px;font-size:12px;background:#f0f3e9;border-radius:12px 12px 2px 12px;line-height:1.7}.answer-label{display:flex;align-items:center;gap:7px;font-size:10px;font-weight:800;color:var(--green);margin-bottom:7px}.answer-label .icon{width:14px;height:14px}.chat-answer{font-size:13px;line-height:1.85;min-height:126px;max-width:430px}.evidence-row{display:flex;gap:6px;flex-wrap:wrap;margin-top:13px}.evidence-row span{display:flex;align-items:center;gap:5px;border:1px solid #dce5d2;border-radius:5px;padding:4px 7px;font-size:9px;color:#5c6d52}.evidence-row .icon{width:11px;height:11px}.chat-input{display:flex;align-items:center;justify-content:space-between;border:1px solid var(--line);border-radius:8px;padding:11px 12px;margin-top:28px;font-size:10px;color:var(--muted);background:#fcfdf9}.chat-input .icon{width:17px;height:17px}.plan-pane{background:#fbfcf8;padding:29px 30px;display:flex;flex-direction:column}.plan-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:19px}.plan-heading strong{font-size:12px}.plan-heading span{font-size:9px;color:var(--muted)}.work-card{border:1px solid #d6e0ca;background:#fff;border-radius:11px;padding:19px}.work-card .eyebrow{font-size:9px;letter-spacing:.09em}.work-card h3{font-size:20px;line-height:1.35;letter-spacing:-.025em;margin-top:11px;max-width:340px}.work-card p{font-size:11px;color:var(--muted);margin-top:9px;line-height:1.8}.work-card .btn{font-size:11px;margin-top:17px;padding:11px 13px;min-height:43px;gap:16px}.work-card .btn .icon{width:15px;height:15px}.work-meta{display:flex;gap:6px;margin-top:14px;flex-wrap:wrap}.work-meta span{font-size:9px;border:1px solid var(--line);border-radius:4px;padding:3px 6px}.plan-next{display:flex;align-items:center;gap:12px;font-size:11px;margin-top:16px;padding:13px 0;border-bottom:1px solid var(--line)}.plan-next .number{width:24px;height:24px;background:#edf1e5;border-radius:50%;display:grid;place-items:center;font-size:10px}.plan-next small{display:block;font-size:9px;color:var(--muted)}.plan-note{font-size:10px;line-height:1.7;color:var(--muted);margin-top:auto;padding-top:22px;display:flex;gap:7px;align-items:flex-start}.plan-note .icon{width:13px;height:13px;margin-top:2px}.demo-disclaimer{font-size:10px;color:var(--muted);margin-top:15px;display:flex;align-items:center;gap:7px}.demo-disclaimer .icon{width:12px;height:12px}.control-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;margin-top:32px}.control-strip>div{display:flex;gap:10px;align-items:flex-start;font-size:11px;font-weight:700}.control-strip .icon{width:17px;height:17px;color:var(--green);margin-top:2px}.control-strip small{display:block;font-size:10px;font-weight:400;color:var(--muted);margin-top:4px} .benefits{padding:89px 0 93px}.benefits-title{display:flex;justify-content:space-between;gap:50px;align-items:end}.benefits-title p{font-size:14px;color:var(--muted);max-width:340px}.benefit-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:43px;margin-top:41px}.benefit{border-top:1px solid var(--line);padding-top:26px}.benefit-num{font-family:var(--serif);font-size:27px;color:var(--green)}.benefit h3{font-size:20px;letter-spacing:-.03em;line-height:1.35;margin:17px 0 12px;max-width:250px}.benefit p{font-size:12px;color:var(--muted);line-height:1.9}.benefit-tags{display:flex;flex-wrap:wrap;gap:5px;margin-top:20px}.benefit-tags span{font-size:9px;background:#ecefe5;padding:5px 7px;border-radius:4px}.agency{background:var(--ink);color:white;border-radius:20px;padding:41px 43px;display:flex;align-items:center;justify-content:space-between;gap:40px;margin-bottom:89px}.agency .eyebrow{color:var(--lime);font-size:10px}.agency h2{font-size:30px;letter-spacing:-.03em;margin:13px 0 10px;line-height:1.2}.agency p{font-size:12px;color:#c6d7cc;max-width:600px;line-height:1.85}.agency .btn{white-space:nowrap;font-size:12px}.faq{display:grid;grid-template-columns:.8fr 1.2fr;gap:98px;padding-bottom:88px}.faq .eyebrow{margin-bottom:17px}.faq .section-title{font-size:42px}.faq details{border-bottom:1px solid var(--line)}.faq details:first-child{border-top:1px solid var(--line)}.faq summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:15px;padding:21px 0;cursor:pointer;font-size:13px;font-weight:750}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:'+';font-size:21px;font-weight:400;color:var(--green)}.faq details[open] summary:after{content:'−'}.faq details p{font-size:12px;color:var(--muted);line-height:1.9;padding:0 26px 23px 0}.final-cta{text-align:center;border-top:1px solid var(--line);padding:77px 20px 82px;background:#edf2e5}.final-cta h2{font-size:clamp(36px,4.4vw,59px);letter-spacing:-.05em;font-weight:600;line-height:1.14}.final-cta h2 .serif{font-size:1.1em;color:var(--green)}.final-cta p{font-size:13px;color:var(--muted);margin:18px auto 25px;max-width:450px}.final-cta .tiny{margin-top:13px;font-size:10px}.footer{padding:27px 0;display:flex;justify-content:space-between;align-items:center;gap:25px}.footer .logo{font-size:23px}.footer .logo-mark{width:23px;height:26px}.footer>p{font-size:10px;color:var(--muted)}.footer button{border:0;background:none;font-size:11px;text-decoration:underline;text-underline-offset:4px;padding:8px 0} dialog{border:1px solid var(--line);border-radius:20px;background:var(--paper);color:var(--ink);max-width:720px;width:calc(100% - 32px);padding:0;max-height:calc(100dvh - 40px);box-shadow:0 35px 120px #08271940}dialog::backdrop{background:#0e251e87;backdrop-filter:blur(4px)}.dialog-head{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding:18px 25px;gap:20px;position:sticky;top:0;background:var(--paper);z-index:1}.dialog-head strong{font-size:13px}.close{display:grid;place-items:center;width:34px;height:34px;background:transparent;border:1px solid var(--line);border-radius:50%;font-size:21px;line-height:1}.dialog-content{padding:28px}.dialog-content h2{font-size:30px;letter-spacing:-.035em;line-height:1.2;margin-bottom:13px}.dialog-content h3{font-size:18px;line-height:1.4;margin:27px 0 10px}.dialog-content p,.dialog-content li{font-size:13px;color:var(--muted);line-height:1.9}.dialog-content p+p{margin-top:13px}.dialog-content ul,.dialog-content ol{padding-left:22px}.dialog-content label{display:block;font-size:12px;font-weight:750;margin:20px 0 8px}.website-field{width:100%;border:1px solid #bac9b1;border-radius:8px;padding:13px;background:#fff;color:var(--ink);font-size:14px}.goal-select{display:flex;flex-wrap:wrap;gap:7px}.goal-select button{font-size:11px;border:1px solid var(--line);border-radius:6px;background:white;padding:9px 11px}.goal-select button[aria-pressed=true]{background:#e6efce;border-color:#85a261}.onboard-actions{display:flex;gap:15px;align-items:center;margin-top:23px}.onboard-actions .btn{font-size:12px}.error{color:#a33328!important;font-size:11px!important;min-height:21px;margin-top:6px}.prototype-notice{background:#edf2e3;border:1px solid #d6e2c7;border-radius:9px;padding:13px 15px;font-size:11px!important;margin:18px 0 0!important}.preview-before{border:1px solid var(--line);padding:18px;border-radius:10px;margin-top:16px;background:white}.preview-before small{font-size:10px;color:var(--muted);text-transform:uppercase;letter-spacing:.1em}.preview-before p{font-size:12px;margin-top:7px}.preview-after{background:var(--ink);color:white;border-radius:12px;padding:28px;margin-top:14px}.preview-after .eyebrow{color:var(--lime);font-size:9px}.preview-after h3{font-size:26px;margin:10px 0;line-height:1.2;letter-spacing:-.03em}.preview-after p{color:#d0ddd1;font-size:12px}.preview-after .example-button{display:inline-block;background:var(--lime);color:var(--ink);padding:10px 14px;border-radius:5px;font-size:11px;font-weight:800;margin-top:18px}.preview-bottom{margin-top:20px}.preview-bottom .btn{font-size:12px}.preview-bottom p{font-size:10px;margin-top:10px}.state-message{font-size:12px;color:var(--green);min-height:25px;margin-top:13px}.review-callout{background:#e7efd7;border-left:3px solid #6f9146;padding:15px 18px;border-radius:0 6px 6px 0;margin:16px 0}.headline-options{display:grid;gap:8px;margin-top:14px}.headline-options button{text-align:left;border:1px solid var(--line);border-radius:8px;padding:13px 15px;background:white;font-size:13px;font-weight:750}.headline-options button:hover,.headline-options button[aria-pressed=true]{border-color:#7e9d5e;background:#eff4e5}.headline-options small{display:block;font-weight:400;color:var(--muted);font-size:10px;margin-top:5px;line-height:1.7}.source-list a{text-decoration:underline;text-underline-offset:3px}.launch-table{width:100%;border-collapse:collapse;font-size:11px;margin:15px 0}.launch-table th,.launch-table td{padding:10px;border:1px solid var(--line);text-align:left;vertical-align:top}.launch-table th{background:#eef2e7}.launch-table td{color:var(--muted)}.vision-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:15px 0}.vision-grid>div{padding:12px;border:1px dashed #aebb9d;border-radius:8px;font-size:12px}.vision-grid small{display:block;font-size:10px;color:var(--muted);margin-top:4px}.no-js{padding:15px;text-align:center;background:#f1ead9;font-size:12px} @media(min-width:1500px){.hero h1{font-size:88px}.hero{padding-top:75px}} @media(max-width:1100px){.wrap{width:calc(100% - 42px)}.hand-note{display:none}.flow-grid{gap:25px;grid-template-columns:1fr .77fr 1.23fr 1fr}.flow-card{padding:15px}.flow-card h3{font-size:13px}.flow-branch{padding:13px 10px;gap:8px}.flow-branch strong{font-size:11px}.flow-branch small{font-size:9px}.outcome h3{font-size:27px}.flow-branch .chevron{display:none}.purpose{gap:60px}.faq{gap:55px}.concept-badge{display:none}} @media(max-width:800px){.nav-links{gap:18px}.nav-end .btn{display:none}.hero{padding-top:50px}.hero h1{font-size:59px}.hero-description{font-size:14px;max-width:570px}.growth-map{padding:19px 18px 0}.flow-grid{gap:21px;grid-template-columns:1fr .75fr 1.22fr 1fr}.flow-card{padding:12px}.flow-card p{font-size:9px}.node-step{font-size:8px}.flow-card .node-icon{width:28px;height:28px}.flow-card .node-icon .icon{width:18px;height:18px}.hub{padding:20px 9px}.hub strong{font-size:15px}.hub p{font-size:9px}.flow-branch{padding:11px 8px;gap:7px}.flow-branch strong{font-size:10px}.flow-branch small{font-size:8px}.branch-icon{width:25px;height:29px}.branch-icon .icon{width:17px;height:17px}.outcome h3{font-size:22px}.outcome p{font-size:9px}.outcome .outcome-bottom{font-size:8px}.map-insight{margin:0 -18px;padding:15px 18px}.purpose{padding:75px 0;gap:40px}.purpose-copy>p{font-size:14px}.question-row{font-size:11px}.section-head{gap:30px}.section-head>p{max-width:240px;font-size:11px}.product{padding:64px 0}.chat-pane,.plan-pane{padding:22px}.chat-answer{font-size:12px}.user-bubble{font-size:11px;margin-left:30px}.work-card{padding:15px}.work-card h3{font-size:18px}.work-card .btn{font-size:10px;padding:11px 9px;gap:7px}.benefits{padding:65px 0}.benefit-grid{gap:25px}.benefit h3{font-size:18px}.agency{padding:32px;gap:25px;margin-bottom:65px}.agency h2{font-size:25px}.agency .btn{font-size:10px}.faq{gap:40px;padding-bottom:65px}.faq .section-title{font-size:34px}.footer>p{max-width:250px;font-size:9px}} @media(max-width:620px){html{scroll-padding-top:25px}.wrap{width:calc(100% - 36px)}header{height:71px}.logo{font-size:26px}.logo-mark{width:26px;height:29px}.nav-end{gap:10px}.concept-badge{display:inline-flex;font-size:8px}.mobile-menu{display:block}.nav-links{display:none;position:absolute;top:70px;left:0;right:0;flex-direction:column;gap:0;align-items:stretch;background:var(--paper);border-bottom:1px solid var(--line);padding:8px 18px 16px;box-shadow:0 15px 25px #15382f09}.nav-links.open{display:flex}.nav-links a{padding:14px 3px}.hero{padding-top:43px}.hero .eyebrow{font-size:9px;letter-spacing:.12em}.hero h1{font-size:47px;letter-spacing:-.06em;margin:24px auto 21px;line-height:1.08}.hero h1 .serif{font-size:1.11em;line-height:1.08;max-width:350px;margin:7px auto 0}.hero-description{font-size:13px;line-height:1.9;max-width:345px}.hero-actions{flex-direction:column;gap:5px;margin-top:23px}.hero-actions .btn{width:100%;max-width:315px;font-size:13px;padding:15px}.hero-actions .text-link{font-size:12px;padding:12px}.hero-note{font-size:9px;margin:7px 0 31px}.hero-note span{margin:0 5px}.growth-map{padding:17px 16px 0;border-radius:17px}.map-top{align-items:flex-start;gap:7px}.map-title{font-size:10px;line-height:1.6;max-width:190px}.map-title small{display:block;margin-left:0;font-size:9px}.motion-toggle{padding:7px;font-size:9px;gap:4px}.flow-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;padding:25px 0 22px;min-height:0}.flow-start{grid-column:1}.hub{grid-column:2;align-self:stretch;display:flex;flex-direction:column;justify-content:center;padding:19px 12px;box-shadow:none}.flow-card{padding:16px}.flow-card h3{font-size:13px}.flow-card p{font-size:10px}.flow-card .node-icon{margin-bottom:10px}.node-step{font-size:8px;margin-bottom:8px}.hub strong{font-size:16px}.hub p{font-size:10px}.flow-branches{grid-column:1/-1;gap:10px;padding-top:3px}.flow-branch{min-height:69px;padding:12px 15px;gap:12px}.flow-branch strong{font-size:12px}.flow-branch small{font-size:10px}.branch-icon{width:32px;height:32px}.branch-icon .icon{width:21px;height:21px}.flow-branch .chevron{display:block;width:13px;height:13px}.outcome{grid-column:1/-1;padding:22px 24px;margin-top:4px}.outcome h3{font-size:31px}.outcome h3 br{display:none}.outcome p{font-size:11px;max-width:240px}.outcome .outcome-bottom{font-size:10px;margin-top:14px;padding-top:12px}.map-insight{margin:0 -16px;padding:15px 16px;align-items:flex-start;gap:9px;flex-wrap:wrap;border-radius:0 0 17px 17px}.insight-count{font-size:29px;min-width:29px}.map-insight>div{flex:1;min-width:210px}.map-insight strong{font-size:11px}.map-insight p{font-size:10px}.map-insight a{font-size:10px;margin-left:38px}.flow-foot{font-size:8px;gap:10px;margin-top:10px;align-items:flex-start}.flow-foot .loop{align-items:flex-start;gap:4px}.flow-foot>span:last-child{max-width:120px;text-align:right}.flow-foot .icon{width:12px;height:12px;flex-shrink:0}.purpose{grid-template-columns:1fr;gap:25px;padding:65px 0}.purpose h2{font-size:36px;max-width:340px}.purpose .eyebrow{font-size:10px;margin-bottom:15px}.purpose-copy{padding:0}.purpose-copy>p{font-size:14px;margin-bottom:22px}.question-row{font-size:12px;padding:14px 0}.product{padding:51px 0}.section-head{display:block}.section-head .eyebrow{font-size:10px}.section-title{font-size:36px}.section-head>p{font-size:12px;max-width:350px;margin-top:20px}.demo-options{margin-top:25px;gap:6px}.demo-options button{font-size:9px;padding:8px 9px;min-height:38px}.demo-top{padding:0 15px;height:48px;font-size:10px}.demo-top .pill{font-size:8px}.demo-main{grid-template-columns:1fr}.chat-pane{border-right:0;border-bottom:1px solid var(--line);padding:23px 20px}.chat-person{margin-bottom:19px}.user-bubble{margin-left:22px;font-size:11px}.chat-answer{font-size:12px;min-height:0;line-height:1.9}.chat-input{margin-top:22px}.plan-pane{padding:23px 20px}.work-card{padding:18px}.work-card h3{font-size:21px}.work-card .btn{font-size:11px;padding:12px}.plan-note{padding-top:18px}.control-strip{grid-template-columns:1fr;gap:18px;margin-top:26px}.control-strip>div{font-size:11px}.control-strip small{font-size:10px}.demo-disclaimer{align-items:flex-start;font-size:9px;line-height:1.7}.demo-disclaimer .icon{margin-top:2px;flex-shrink:0}.benefits{padding:60px 0}.benefits-title{display:block}.benefits-title p{font-size:12px;margin-top:19px;line-height:1.8}.benefit-grid{grid-template-columns:1fr;gap:31px;margin-top:31px}.benefit{padding-top:20px}.benefit h3{font-size:21px;margin-top:10px;max-width:310px}.benefit p{font-size:12px}.benefit-tags{margin-top:15px}.agency{display:block;padding:29px 25px;margin-bottom:60px;border-radius:15px}.agency h2{font-size:29px;line-height:1.16}.agency p{font-size:12px}.agency .btn{margin-top:23px;font-size:11px}.faq{display:block;padding-bottom:55px}.faq .section-title{font-size:36px;margin-bottom:27px}.faq summary{font-size:12px;padding:19px 0}.faq details p{font-size:11px}.final-cta{padding:56px 18px}.final-cta h2{font-size:38px}.final-cta p{font-size:12px;max-width:320px}.final-cta .btn{font-size:12px}.footer{flex-wrap:wrap;gap:12px;padding:24px 0}.footer>p{order:3;max-width:none;width:100%;font-size:9px;line-height:1.7}.footer button{font-size:10px}.dialog-head{padding:14px 18px}.dialog-content{padding:22px 19px}.dialog-content h2{font-size:26px}.dialog-content p,.dialog-content li{font-size:12px}.onboard-actions{flex-direction:column;align-items:stretch;gap:7px}.onboard-actions .text-link{justify-content:center}.vision-grid{grid-template-columns:1fr}.launch-table{font-size:10px}.launch-table td,.launch-table th{padding:8px}.preview-after{padding:22px}.preview-after h3{font-size:25px}} @media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.flow-signal,.orbit-dot{display:none}} @media print{header,.hero-actions,.motion-toggle,.demo-options,dialog,.footer button{display:none}.hero{padding-top:20px}.flow-signal{display:none}.product{break-inside:avoid}.agency,.outcome{print-color-adjust:exact}} .flow-viewport{position:relative}.swipe-hint{display:none} @media(max-width:620px){ .swipe-hint{display:block;color:var(--green)} .flow-viewport{overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:#a2b683 transparent;margin:0 -16px;padding:0 16px} .flow-grid{width:900px;min-width:900px;grid-template-columns:1fr .77fr 1.25fr 1fr;gap:36px;min-height:345px;padding:27px 0 25px} .flow-start,.hub,.outcome,.flow-branches{grid-column:auto} .hub{align-self:center;display:block;padding:24px 12px}.hub .phii-star{width:34px;height:34px} .flow-branches{padding-top:0;gap:13px}.flow-card{padding:17px}.flow-card h3{font-size:14px}.flow-card p{font-size:10px} .flow-branch{min-height:82px;padding:13px 11px;gap:10px}.flow-branch strong{font-size:12px}.flow-branch small{font-size:9px}.flow-branch .chevron{display:none} .outcome{margin-top:0;padding:23px 20px}.outcome h3{font-size:29px}.outcome h3 br{display:initial}.outcome p{font-size:10px}.outcome .outcome-bottom{font-size:9px}.map-insight{margin-top:5px} } .flow-signal{stroke:#679740;stroke-width:2;stroke-dasharray:8 24;opacity:.75} .current-particle{fill:#deff99;stroke:#4e8436;stroke-width:.7;filter:drop-shadow(0 0 4px #9ccb59)} .current-tail{fill:none;stroke:#bcdf7a;stroke-width:4;stroke-linecap:round;opacity:.35} .magnetic-ring{fill:none;stroke:#80a85d;stroke-width:1;transform-box:fill-box;transform-origin:center;animation:magnetic 3.3s ease-out infinite} .magnetic-core{fill:#d5f394;stroke:#54783e;stroke-width:1.2;filter:drop-shadow(0 0 4px #d7f0a6)} .magnetic-field{fill:none;stroke:#7aa258;stroke-width:1;opacity:.3} .outcome{animation:receive-current 3.3s ease-in-out infinite;transition:transform .3s ease-out,box-shadow .3s ease-out} .paused .magnetic-ring,.paused .outcome{animation-play-state:paused}.paused .current-particle{opacity:0} @keyframes magnetic{0%,18%{opacity:.7;transform:scale(.7)}70%,100%{opacity:0;transform:scale(2.4)}} @keyframes receive-current{0%,40%,100%{box-shadow:0 0 0 0 #c6e89100,0 9px 22px #14352908}65%{box-shadow:0 0 0 4px #bfdc7626,0 0 26px #a8c37128}} @media(prefers-reduced-motion:reduce){.current-particle,.magnetic-ring,.magnetic-field{display:none}.outcome{transform:none!important}} @media(max-width:360px){.nav .concept-badge{display:none}.nav{gap:12px}} /* Revised first-screen composition: motion and destination visible together. */ header{height:72px}.hero{padding-top:31px}.hero-intro{display:grid;grid-template-columns:1.22fr .88fr;gap:68px;align-items:center;text-align:left;margin-bottom:24px}.hero .eyebrow{font-size:10px;letter-spacing:.14em}.hero h1{font-size:clamp(48px,4.6vw,66px);letter-spacing:-.06em;line-height:1.02;margin:17px 0 0;max-width:none}.hero h1 .serif{font-size:1.04em;letter-spacing:-.035em;line-height:1.14;white-space:nowrap}.hero-copy-block{padding-top:15px}.hero-description{font-size:14px;line-height:1.85;margin:0;max-width:440px}.hero-actions{justify-content:flex-start;gap:19px;margin-top:21px}.hero-actions .btn{padding:13px 19px;font-size:13px;gap:12px}.hero-actions .icon{width:19px;height:19px}.peek-caption{font-size:10px;line-height:1.7;color:var(--muted)}.growth-map{background:#112d24;background-image:radial-gradient(#a5cba41d .75px,transparent .75px),radial-gradient(ellipse at 38% 50%,#254f373b,transparent 65%);background-size:18px 18px,auto;border:1px solid #2c4b3d;border-radius:21px;padding:17px 25px 0;box-shadow:0 20px 42px -30px #09271b9c}.map-title{color:#f0f4e7;font-size:12px}.map-title small{color:#9db3a4;font-size:10px;margin-left:12px}.motion-toggle{color:#d7e5d7;background:#ffffff08;border-color:#ffffff20;font-size:9px}.flow-grid{min-height:270px;padding:16px 0;grid-template-columns:1fr .72fr 1.22fr 1.03fr;gap:53px}.flow-card{background:#203e32;border-color:#5a786448;box-shadow:none;color:#f8faef;padding:17px}.flow-card .node-step{color:#adbf9e;font-size:9px}.flow-card .node-icon{background:#d3e79b19;color:#d6eda4;width:32px;height:32px;margin-bottom:13px}.flow-card h3{font-size:15px}.flow-card p{color:#bccdbe;font-size:10px}.hub{position:relative;background:radial-gradient(ellipse at 50% 30%,#e1f99f,#b4d375);border-color:#ccec8e;box-shadow:0 0 0 7px #b5d7690c,0 0 45px #c0eb7510;padding:23px 11px;border-radius:25px}.hub strong{font-size:18px}.hub p{font-size:10px;color:#435d30}.hub .phii-star{width:39px;height:39px;filter:drop-shadow(0 0 8px #ffffff65)}.flow-branches{gap:10px}.flow-branch{min-height:68px;border-radius:10px;background:#1c3b2d;color:#f2f7e8;border:1px solid #52744955;padding:12px 13px;gap:10px}.flow-branch strong{font-size:13px}.flow-branch small{font-size:9px;color:#b1c5b6}.flow-branch.active{border-color:#c5eb83;background:#304b2d;box-shadow:0 0 0 1px #bfdf7420,0 0 22px #c6ed7310}.flow-branch:hover{background:#304b2d}.branch-icon{width:32px;height:32px}.find-icon{background:#c4e58120;color:#d5ed9b}.choose-icon{background:#f1c39d20;color:#f5c7a5}.do-icon{background:#d1c0f31c;color:#d9c9f4}.outcome{background:#eef3d8;color:var(--ink);padding:22px 20px;border:1px solid #eaf5bc;animation:receive-current-v2 4.8s ease-out infinite}.outcome .node-step{color:#586d3a;font-size:9px}.outcome h3{font-size:31px;color:#183b2a;line-height:1.04}.outcome p{color:#4e654f;font-size:10px}.outcome .outcome-bottom{border-color:#66724b29;color:#4a6839;font-size:9px;margin-top:14px;padding-top:11px}.map-insight{margin:0 -25px;border-top:1px solid #b1cea121;background:#18372b;color:#eef5e4;padding:12px 25px;min-height:69px;border-radius:0 0 20px 20px}.insight-count{color:#d5ed96;font-size:31px}.map-insight strong{font-size:12px}.map-insight p{color:#adbfad;font-size:10px}.map-insight a{color:#e2efc3;font-size:10px}.flow-foot{margin-top:11px}.flow-wire{stroke:#8fb86f45;stroke-width:1.5}.flow-wire.active{stroke:#bade8c;stroke-width:1.7;filter:drop-shadow(0 0 3px #bfeb7877)}.flow-signal{stroke:#dcf8a3;stroke-width:2.1;stroke-dasharray:12 35;opacity:.55;animation:flow 4.5s linear infinite}.current-particle{fill:#f4ffda;stroke:#c8f580;stroke-width:1;filter:drop-shadow(0 0 3px #d4f891) drop-shadow(0 0 7px #c5f281)}.current-trail{fill:#c8f387;opacity:.6;filter:drop-shadow(0 0 4px #d9ff8f)}.magnetic-core{fill:#f3ffd0;stroke:#daf791;stroke-width:1.5;filter:drop-shadow(0 0 8px #d5ff8f)}.magnetic-ring{stroke:#d8ff91;stroke-width:1.3;animation:magnetic-v2 4.8s ease-out infinite}.magnetic-field{stroke:#d1f48c;opacity:.5;stroke-width:1.2}.mobile-node-label,.mobile-focus,.mobile-flow-controls{display:none}.purpose{padding-top:81px}.benefits{padding-top:72px}.hand-note{display:none} @keyframes receive-current-v2{0%,65%,100%{box-shadow:0 0 0 0 #dbff9800,0 0 25px #d5ec8207}82%{box-shadow:0 0 0 4px #d1f38535,0 0 35px #d9f89232}} @keyframes magnetic-v2{0%,60%{opacity:0;transform:scale(.55)}78%{opacity:.8;transform:scale(.8)}100%{opacity:0;transform:scale(2.8)}} /* Doorway preview: no field appears before the visitor chooses to continue. */ #start-dialog{max-width:840px}.peek-step{display:grid;grid-template-columns:240px 1fr;min-height:476px}.peek-step[hidden],.website-step[hidden]{display:none}.peek-door-scene{position:relative;overflow:hidden;background:radial-gradient(ellipse at 50% 47%,#4c703b,#102d23 63%);min-height:440px;display:flex;align-items:center;flex-direction:column;padding:32px 20px;color:#d7e3c9}.door-scene-label{font-size:8px;letter-spacing:.18em;color:#afc79a;font-weight:800}.door-frame{width:103px;height:183px;border:3px solid #9ab77f;position:relative;margin-top:44px;perspective:650px;box-shadow:0 0 35px #dcff8445;background:#d8ec9c}.door-light{position:absolute;inset:0;display:grid;place-items:center;background:linear-gradient(135deg,#e3f6ae,#81ab68)}.door-light .icon{width:44px;height:44px;color:#304c2c;filter:drop-shadow(0 0 8px white)}.door-leaf{position:absolute;inset:-1px;transform-origin:left center;transform:rotateY(0);background:linear-gradient(125deg,#496147,#1e3d2b);border:1px solid #9fb784;box-shadow:5px 0 15px #152b2a66;z-index:2}.door-panel{position:absolute;inset:14px;border:1px solid #a5ba8940}.door-handle{position:absolute;right:9px;top:53%;width:4px;height:17px;border-radius:2px;background:#d6d4a2;box-shadow:0 0 5px #e6e7a87d}.door-light-floor{width:170px;height:71px;background:linear-gradient(#d9f68e5c,transparent);clip-path:polygon(26% 0,77% 0,100% 100%,0 100%);margin-top:-3px;filter:blur(2px)}.peek-door-scene p{font-family:var(--serif);font-size:27px;line-height:1.1;margin-top:10px;text-align:center;color:#e0e9cb}.peek-story{padding:29px 30px}.peek-story h2{font-size:31px;letter-spacing:-.035em;line-height:1.12;margin:16px 0 11px;font-weight:600}.peek-story h2 .serif{font-size:1.12em;color:var(--green)}.peek-business{font-size:11px;color:var(--muted);line-height:1.8}.peek-finding,.peek-next{margin-top:18px;border-top:1px solid var(--line);padding-top:14px}.peek-finding>span,.peek-next>span{font-size:8px;font-weight:800;text-transform:uppercase;letter-spacing:.12em;color:var(--green);display:block;margin-bottom:6px}.peek-finding strong,.peek-next strong{font-size:13px;line-height:1.6;display:block}.peek-next p{font-size:11px;color:var(--muted);line-height:1.8;margin-top:6px}.peek-story-actions{margin-top:22px;display:flex;flex-direction:column;align-items:flex-start;gap:2px}.peek-story-actions .btn{font-size:12px;padding:12px 17px;min-height:45px}.peek-story-actions .text-link{font-size:10px}.peek-example-note{font-size:9px;color:var(--muted);line-height:1.7;margin-top:9px}.website-step{max-width:650px;margin:0 auto}.entry-back{font-size:10px;padding-top:0;margin-bottom:13px}.door-button-icon{transition:transform .25s}.start-button:hover .door-button-icon{transform:perspective(100px) rotateY(-25deg)}#start-dialog[open] .door-leaf{animation:open-the-door 1.15s cubic-bezier(.22,.65,.23,1) .12s both} @keyframes open-the-door{from{transform:rotateY(0)}to{transform:rotateY(-68deg)}} @media(max-width:1100px){.hero-intro{gap:38px;grid-template-columns:1.15fr .85fr}.hero h1{font-size:clamp(43px,4.7vw,54px)}.hero-description{font-size:13px}.hero-actions{gap:13px}.hero-actions .btn{font-size:12px;padding:12px 15px}.peek-caption{font-size:9px}.flow-grid{gap:31px}.flow-branch strong{font-size:12px}.flow-branch small{font-size:9px}.outcome h3{font-size:27px}.flow-card h3{font-size:13px}} @media(max-width:800px) and (min-width:621px){.hero{padding-top:25px}.hero-intro{grid-template-columns:1fr;gap:17px;margin-bottom:23px}.hero h1{font-size:48px}.hero h1 .serif{display:inline;font-size:1.1em;white-space:normal}.hero-copy-block{padding-top:0;display:flex;gap:30px;align-items:center}.hero-description{max-width:390px;font-size:12px}.hero-actions{margin:0;flex-shrink:0}.peek-caption{display:none}.flow-grid{gap:22px}.flow-card{padding:13px}.hub{padding:22px 8px}.hub strong{font-size:15px}.flow-branch{padding:10px 8px;gap:6px;min-height:64px}.flow-branch strong{font-size:11px}.flow-branch small{font-size:8px}.flow-branch .branch-icon{width:25px;height:25px}.outcome{padding:17px 13px}.outcome h3{font-size:25px}.outcome .outcome-bottom{font-size:8px}.map-title small{margin-left:7px}} @media(max-width:620px){header{height:61px}.nav-links{top:60px}.nav .logo{font-size:24px}.nav .concept-badge{font-size:7px}.hero{padding-top:22px}.hero-intro{display:block;text-align:center;margin-bottom:19px}.hero .eyebrow{font-size:8px;letter-spacing:.12em}.hero h1{font-size:clamp(37px,10.5vw,51px);margin:12px 0 0;line-height:1.04}.hero h1 .serif{font-size:1em;white-space:normal;max-width:none;margin:4px auto 0;line-height:1.12}.hero-copy-block{padding-top:15px}.hero-description{font-size:12px;line-height:1.8;max-width:365px;margin:auto}.hero-actions{flex-direction:row;justify-content:center;gap:14px;margin-top:16px}.hero-actions .btn{width:auto;font-size:12px;padding:12px 18px;min-height:46px}.peek-caption{display:block;font-size:9px;text-align:left}.growth-map{padding:13px 13px 0;border-radius:14px}.map-top{gap:9px;align-items:center}.map-title{font-size:10px;max-width:220px}.map-title small{font-size:8px;display:block;margin:2px 0 0}.motion-toggle{font-size:0;padding:8px;min-width:31px;min-height:31px}.motion-toggle span{font-size:0}.motion-toggle .icon{width:12px;height:12px}.flow-viewport{margin:0;padding:0;overflow:visible;overscroll-behavior:auto}.flow-grid{width:100%;min-width:0;min-height:178px;grid-template-columns:1fr .9fr 1.15fr;gap:20px;padding:25px 0 22px}.flow-branches{display:none}.flow-card{padding:12px 8px;border-radius:10px;text-align:center}.flow-start .node-step,.flow-start h3,.flow-start p{display:none}.flow-card .node-icon{margin:0 auto 10px;width:29px;height:29px}.mobile-node-label{display:block;font-size:11px;font-weight:700;line-height:1.5}.hub{padding:13px 7px;border-radius:16px;align-self:center;box-shadow:0 0 19px #c6ee7218}.hub strong{font-size:13px;white-space:nowrap;margin-top:8px}.hub p{display:none}.hub .phii-star{width:25px;height:25px}.mobile-focus{display:block;font-size:9px;line-height:1.45;color:#45612e;margin-top:5px}.outcome{padding:15px 7px;margin:0;min-height:105px;display:flex;align-items:center;justify-content:center}.outcome .node-step,.outcome h3,.outcome p,.outcome .outcome-bottom{display:none}.outcome .mobile-node-label{font-family:var(--serif);font-size:23px;font-weight:400;line-height:1.05}.mobile-flow-controls{display:flex;gap:6px;padding:0 0 15px;justify-content:center}.mobile-flow-controls button{border:1px solid #aec29035;border-radius:5px;background:#ffffff04;color:#d6e4d0;font-size:10px;padding:7px 10px;min-height:34px}.mobile-flow-controls button.active{background:#c7e989;color:#213a24;border-color:#d7efaf}.map-insight{margin:0 -13px;padding:12px 13px;min-height:78px;gap:9px;border-radius:0 0 14px 14px;flex-wrap:nowrap;align-items:flex-start}.insight-count{font-size:24px;min-width:25px}.map-insight>div{min-width:0}.map-insight strong{font-size:10px;line-height:1.5;display:block}.map-insight p{font-size:9px;line-height:1.7;margin-top:3px}.map-insight a{display:none}.flow-foot{font-size:8px;line-height:1.7;justify-content:center;margin-top:9px}.flow-foot>span:last-child{display:none}.purpose{padding-top:60px}.peek-step{grid-template-columns:1fr;min-height:0}.peek-door-scene{min-height:0;height:147px;display:block;padding:0;background:radial-gradient(ellipse at 24% 75%,#4e753c,#17382a 60%)}.door-scene-label{position:absolute;left:41%;top:34px;font-size:7px}.door-frame{position:absolute;left:44px;bottom:12px;width:61px;height:105px;margin:0;border-width:2px}.door-light .icon{width:27px;height:27px}.door-panel{inset:9px}.door-handle{height:10px;width:3px;right:5px}.door-light-floor{position:absolute;left:19px;bottom:-30px;width:116px;height:43px}.peek-door-scene p{position:absolute;left:41%;top:49px;font-size:25px;text-align:left;margin:0}.peek-story{padding:22px}.peek-story h2{font-size:28px;margin:12px 0 9px}.peek-business{font-size:10px}.peek-finding,.peek-next{margin-top:13px;padding-top:11px}.peek-story-actions{margin-top:18px}.peek-story-actions .btn{width:100%;font-size:11px;min-height:43px}.peek-story-actions .text-link{font-size:10px;padding:10px 0}.peek-example-note{font-size:8px;margin-top:5px}.peek-finding strong,.peek-next strong{font-size:12px}.peek-next p{font-size:10px}.entry-back{font-size:10px}} @media(max-width:360px){.hero h1{font-size:36px}.hero-description{font-size:11px}.hero-actions{gap:9px}.hero-actions .btn{padding:11px 13px}.peek-caption{font-size:8px}.flow-grid{gap:15px}.mobile-node-label{font-size:10px}.hub strong{font-size:12px}.mobile-flow-controls button{padding:7px 8px;font-size:9px}.outcome .mobile-node-label{font-size:21px}} @media(prefers-reduced-motion:reduce){#start-dialog[open] .door-leaf{animation:none;transform:rotateY(-60deg)}.current-trail{display:none}.outcome{animation:none}} .flow-start{appearance:none;text-align:left;display:block;position:relative;transition:border-color .25s,box-shadow .25s,transform .25s;cursor:pointer;border:1px solid #97b67670}.flow-start:hover{border-color:#e3f2b3;box-shadow:0 0 0 3px #d4eea41a,0 0 30px #d3efa01a;transform:translateY(-3px)}.flow-start .node-step{display:block;font-size:8px;letter-spacing:.075em}.flow-start .node-title{display:block;font-size:15px;line-height:1.3;font-weight:800;letter-spacing:-.025em;margin-top:12px}.flow-start .node-copy{display:block;font-size:10px;color:#b9cdbb;line-height:1.7;margin-top:6px}.node-action{display:flex;align-items:center;justify-content:space-between;gap:8px;color:#e4f8b0;font-size:11px;font-weight:800;margin-top:14px;padding-top:10px;border-top:1px solid #a6c8902b}.node-action .icon{width:15px;height:15px}.mini-door{width:28px;height:39px;display:block;position:relative;perspective:100px;border:1.2px solid #c2db95;border-radius:2px 2px 0 0;background:#c7e991;box-shadow:0 0 13px #d1fa7920;margin-top:9px}.mini-door-glow{position:absolute;inset:0;background:linear-gradient(135deg,#e8f7b7,#9db965)}.mini-door-leaf{position:absolute;inset:0;background:#375c3f;border:1px solid #bed597;transform-origin:left center;transform:rotateY(-12deg);transition:transform .5s cubic-bezier(.2,.7,.25,1)}.mini-door-leaf i{position:absolute;width:2px;height:6px;background:#e1e9b6;right:4px;top:53%}.flow-start:hover .mini-door-leaf,.flow-start:focus-visible .mini-door-leaf{transform:rotateY(-63deg)}.flow-start.visited{border-color:#badc81}.flow-start.visited .node-step:after{content:' ✓';color:#e2f3b4}.flow-branch.visited:after{content:'✓';font-size:10px;position:absolute;right:-6px;top:-7px;width:18px;height:18px;border-radius:50%;display:grid;place-items:center;background:#d7ed9c;color:#294124;border:2px solid #153125}.flow-branch .chevron{margin-left:auto}.flow-foot{display:flex;align-items:center;justify-content:space-between;min-height:32px}.exploration-progress{display:flex;align-items:center;gap:9px;font-size:10px;color:#65735d;flex-wrap:wrap}.exploration-stars{display:flex;gap:4px}.exploration-stars i{width:8px;height:8px;border:1px solid #97ad76;border-radius:50%;background:transparent;transition:background .4s,box-shadow .4s}.exploration-stars i.earned{background:#6a953c;border-color:#6a953c;box-shadow:0 0 6px #95b96360}.exploration-count{font-size:9px;color:#677956;font-weight:800}.journey-next{font-size:10px;padding:0}.journey-next[hidden]{display:none}.outcome-action{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;padding:9px 0 0;margin-top:10px;border:0;border-top:1px solid #78915a35;color:#294728;font-size:10px;font-weight:800;background:transparent;text-align:left}.outcome-action:hover{text-decoration:underline;text-underline-offset:3px}.outcome .outcome-bottom{display:none}.arrival-sparks{display:none;position:absolute;right:18px;top:17px;font-size:19px;color:#45602f}.outcome.explored-all .arrival-sparks{display:block;animation:earned-spark 1s ease-out}.outcome.explored-all{border-color:#ffffd3;box-shadow:0 0 30px #c8ec7030}.peek-progress{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:20px}.peek-level{font-size:8px;letter-spacing:.03em;padding:5px 9px;border-radius:20px;border:1px solid #d8e0cd;color:#7b8772}.peek-level.active{background:#1e3e2f;color:#edf6df;border-color:#1e3e2f}.peek-level.complete{background:#e7efd8;color:#476332}.peek-story .pill{font-size:8px}.peek-story h2{margin-top:12px}.peek-story{padding-top:24px}.peek-story-actions{margin-top:18px}.website-step .peek-progress{margin-top:1px;margin-bottom:22px}.flow-start .mobile-node-label{display:none} @keyframes earned-spark{0%{transform:scale(.1) rotate(-70deg);opacity:0}55%{transform:scale(1.5) rotate(15deg);opacity:1}100%{transform:scale(1) rotate(0);opacity:1}} @media(max-width:800px) and (min-width:621px){.flow-start .node-title{font-size:12px}.flow-start .node-copy{font-size:9px}.node-action{font-size:10px}.flow-start .node-step{font-size:7px}} @media(max-width:620px){.flow-start{padding:11px 7px;text-align:center}.flow-start .node-step,.flow-start .node-title,.flow-start .node-copy{display:none}.flow-start .mobile-node-label{display:block;font-size:10px;margin-top:8px}.mini-door{margin:0 auto;width:24px;height:32px}.node-action{font-size:8px;justify-content:center;margin-top:5px;padding-top:0;border:0;gap:3px}.node-action .icon{width:10px;height:10px}.outcome-action{display:none}.outcome .arrival-sparks{font-size:12px;right:5px;top:4px}.flow-foot{display:block;padding:0 3px;margin-top:9px;min-height:32px}.exploration-progress{font-size:8px;gap:7px;justify-content:center}.exploration-count{font-size:8px}.exploration-stars i{width:6px;height:6px}.journey-next{font-size:10px;margin:5px auto 0;justify-content:center;width:100%}.mobile-flow-controls button.visited:after{content:' ✓';font-size:9px}.peek-progress{margin-bottom:13px}.peek-story{padding-top:18px}.peek-level{font-size:8px}.peek-door-scene{height:125px}.door-frame{height:90px;width:53px;left:43px;bottom:12px}.door-scene-label{top:26px}.peek-door-scene p{top:44px;font-size:24px}} /* Geophii landing direction: blue-grey foundations, green actions, violet Phii. */ :root{ --geo-bg:#F2F5F7;--geo-panel:#F2F5F7;--geo-surface:#FFFFFF;--geo-surface2:#EAF0F3; --geo-border:#DCE3E9;--geo-border2:#BCC8D2;--geo-violet:#7751A7;--geo-violet-deep:#6C459F; --geo-violet-soft:rgba(140,90,205,.09);--geo-second:var(--geo-violet);--geo-second-ink:#684491; --geo-second-deep:var(--geo-violet-deep);--geo-info:var(--geo-violet); --paper:var(--geo-bg);--white:var(--geo-surface);--ink:#172638;--muted:#5D6B7B;--line:var(--geo-border); --green:#087B6E;--lime:#2BBFA8;--soft:var(--geo-surface2);--lavender:var(--geo-violet-soft); --brand:#2BBFA8;--brand-ink:#102D2C;--brand-soft:#E1F2ED; color-scheme:light; } html[data-theme="dark"]:not([data-palette="classic"]){ --geo-bg:#0F1827;--geo-panel:#0F1827;--geo-surface:#121B28;--geo-surface2:#1A2432; --geo-border:#1D2736;--geo-border2:#3B424D; } html[data-theme="dark"]{ --geo-violet:#B38BE6;--geo-violet-deep:#6C459F;--geo-violet-soft:rgba(140,90,205,.14); --geo-second:var(--geo-violet);--geo-second-ink:#D6C2F2;--geo-second-deep:var(--geo-violet-deep);--geo-info:var(--geo-violet); --ink:#EFF3F8;--muted:#A0ADBF;--green:#63D3BC;--brand-soft:#16362F;color-scheme:dark; } body{background:var(--paper);color:var(--ink)}header{background:var(--paper);border-color:var(--line)} .brand-original{display:block;position:relative;overflow:hidden;flex-shrink:0;width:32px;height:32px} .brand-original img{position:absolute;width:100px;max-width:none;height:auto;top:-8px;left:0} .logo{letter-spacing:-1.6px}.nav-links{color:var(--muted)}.nav-links a:hover{color:var(--ink)} .theme-toggle{width:37px;height:37px;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center;color:var(--muted);background:transparent;flex-shrink:0} .theme-toggle:hover{color:var(--ink);background:var(--soft)}.theme-toggle svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round} .nav-end{gap:16px}.concept-badge{font-size:8px} .btn-primary,.btn-lime{background:var(--brand);color:var(--brand-ink);box-shadow:0 3px 0 #122e4010;border-color:transparent} .btn-primary:hover,.btn-lime:hover{background:#45CDB7;color:var(--brand-ink);box-shadow:0 7px 22px #2BBFA824} .hero .eyebrow{color:var(--green)}.hero .eyebrow .dot{background:var(--brand);box-shadow:0 0 0 4px #2BBFA817} .hero h1{color:var(--ink)}.hero h1 .serif{color:var(--geo-violet)} .hero-description{color:var(--muted)}.hero-description strong{color:var(--ink)} .peek-caption{color:var(--muted)}.hero-intro{margin-bottom:30px} /* The animated stage stays slate in both themes so the current is easy to follow. */ .growth-map{background-color:#0F1827;background-image:radial-gradient(#3B424D85 .65px,transparent .65px);border-color:#273243;box-shadow:0 18px 50px -30px #0F182738;color:#EFF3F8} .map-title{color:#EFF3F8}.map-title small{color:#9CABBE} .motion-toggle{background:#1A2432;border-color:#3B424D;color:#CAD5E4} .flow-card,.flow-start{background:#121B28;border-color:#3B424D;color:#EFF3F8;box-shadow:none} .flow-start:hover,.flow-start:focus-visible{border-color:var(--brand);box-shadow:0 0 0 3px #2BBFA814,0 0 30px #2BBFA81A} .flow-start.visited{border-color:#2BBFA8}.flow-start .node-step,.node-step{color:#AEBCCC} .flow-start .node-copy{color:#A9B8C9}.flow-start .node-action{color:#70E0C7;border-color:#2BBFA833} .flow-start.visited .node-step:after{color:#70E0C7} .mini-door{border-color:#A389C4;background:#B38BE6;box-shadow:0 0 18px #B38BE62B} .mini-door-glow{background:linear-gradient(140deg,#E9D7FF,#B38BE6)} .mini-door-leaf{background:#273247;border-color:#B8A0D4}.mini-door-leaf i{background:#D6C2F2} .hub{background:#6C459F;border-color:#B38BE6;box-shadow:0 0 0 7px #8C5ACD15,0 0 42px #8C5ACD26;color:#FFF;border-radius:24px} .hub strong{color:#FFF}.hub p,.hub .mobile-focus{color:#E0D2F4}.hub .phii-star{color:#D6C2F2} .flow-branch{background:#121B28;border-color:#293545;color:#EFF3F8} .flow-branch.active{background:#1A2432;border-color:#63D3BC;box-shadow:0 0 0 2px #2BBFA811} .flow-branch small{color:#A9B8C9}.flow-branch .chevron{color:#A9B8C9} .find-icon{background:#173D35;color:#70E0C7}.choose-icon{background:#332444;color:#D6C2F2}.do-icon{background:#243243;color:#C1D2E8} .flow-branch.visited:after{background:#2BBFA8;color:#102D2C;border-color:#0F1827} .outcome{background:#EAE2F4;color:#211A30;border:1px solid #C5ACE5;animation:receive-current-v4 4.8s ease-out infinite;box-shadow:none} .outcome .node-step{color:#6C459F}.outcome h3{color:#211A30}.outcome p{color:#655471} .outcome-action{color:#513772;border-color:#6C459F2D}.outcome .mobile-node-label{color:#30203F} .outcome.explored-all{border-color:#D6C2F2;box-shadow:0 0 35px #B38BE636} .arrival-sparks{color:#6C459F} .flow-wire{stroke:#3B424D;stroke-width:1.6}.flow-wire.active{stroke:#80DCC8;stroke-width:1.9;filter:drop-shadow(0 0 3px #2BBFA850)} .flow-signal{stroke:#9FF4DF;stroke-width:2.5;stroke-dasharray:12 35;opacity:.75} .current-particle{fill:#EEFFF9;stroke:#70E0C7;stroke-width:1;filter:drop-shadow(0 0 4px #63E3C3) drop-shadow(0 0 9px #2BBFA8)} .current-trail{fill:#63E3C3;opacity:.7;filter:drop-shadow(0 0 4px #2BBFA8)} .magnetic-core{fill:#F5FFFD;stroke:#70E0C7;filter:drop-shadow(0 0 8px #2BBFA8)} .magnetic-ring{stroke:#70E0C7}.magnetic-field{stroke:#63D3BC;opacity:.65} .map-insight{background:#121B28;border-color:#273243;color:#EFF3F8}.insight-count{color:#B38BE6} .map-insight p{color:#A9B8C9}.map-insight a{color:#D6C2F2} .flow-foot,.exploration-progress,.exploration-count{color:var(--muted)} .exploration-stars i{border-color:var(--geo-border2)}.exploration-stars i.earned{background:var(--brand);border-color:var(--brand);box-shadow:0 0 6px #2BBFA830} .journey-next{color:var(--green)} .mobile-flow-controls button{background:#1A2432;border-color:#3B424D;color:#CAD5E4} .mobile-flow-controls button.active{background:#2BBFA8;border-color:#2BBFA8;color:#102D2C} .section-title .serif,.purpose h2 .serif,.benefits .serif,.faq .serif,.final-cta h2 .serif{color:var(--geo-violet)} .product{background:var(--geo-surface2);border-color:var(--line)} .demo-options button{border-color:var(--geo-border2);color:var(--muted)} .demo-options button[aria-pressed=true]{background:var(--geo-violet-soft);border-color:var(--geo-violet);color:var(--geo-violet)} .demo-shell,.work-card{background:var(--geo-surface);border-color:var(--geo-border2);box-shadow:none} .demo-top,.plan-pane{background:var(--paper)} .chat-pane{background:var(--geo-surface)}.avatar{background:var(--geo-violet-soft)}.avatar .phii-star,.answer-label{color:var(--geo-violet)} .user-bubble,.plan-next .number{background:var(--geo-surface2)}.chat-input{background:var(--paper);border-color:var(--geo-border2)} .evidence-row span{border-color:var(--line);color:var(--muted)}.chat-input .icon{color:var(--geo-violet)} .benefit-num{color:var(--geo-violet)}.benefit-tags span{background:var(--soft)} .agency{background:#121B28;color:#EFF3F8;border:1px solid #3B424D} .agency .eyebrow{color:#B38BE6}.agency p{color:#A9B8C9} .final-cta{background:var(--geo-surface2);border-color:var(--line)} dialog{background:var(--geo-surface);border-color:var(--geo-border2);box-shadow:0 35px 120px #0F182760} dialog::backdrop{background:#0F182799;backdrop-filter:blur(7px)} .dialog-head{background:var(--geo-surface);border-color:var(--line)} .website-field{background:var(--paper);border-color:var(--geo-border2);color:var(--ink)} .goal-select button{background:var(--geo-surface);color:var(--ink)} .goal-select button[aria-pressed=true]{background:var(--geo-violet-soft);border-color:var(--geo-violet);color:var(--geo-second-ink)} .prototype-notice{background:var(--soft);border-color:var(--line)} .preview-before{background:var(--paper)}.preview-after{background:#121B28;color:#EFF3F8} .preview-after .eyebrow{color:#B38BE6}.preview-after p{color:#A9B8C9}.preview-after .example-button{background:var(--brand);color:var(--brand-ink)} .review-callout{background:var(--geo-violet-soft);border-color:var(--geo-violet)} .headline-options button{background:var(--geo-surface);color:var(--ink)} .headline-options button:hover,.headline-options button[aria-pressed=true]{border-color:var(--geo-violet);background:var(--geo-violet-soft)} .launch-table th{background:var(--soft)}.vision-grid>div{border-color:var(--geo-border2)} .peek-step{background:var(--geo-surface)} .peek-door-scene{background:radial-gradient(ellipse at 50% 47%,#49335F,#0F1827 70%);color:#D6C2F2} .door-scene-label{color:#BCA5D7}.door-frame{border-color:#AA90CA;background:#D6C2F2;box-shadow:0 0 38px #B38BE633} .door-light{background:linear-gradient(135deg,#F0E3FF,#B38BE6)} .door-light .icon{color:#6C459F;filter:drop-shadow(0 0 8px #FFF)} .door-leaf{background:linear-gradient(125deg,#34425A,#121B28);border-color:#9174B3;box-shadow:5px 0 15px #0F182788} .door-panel{border-color:#B38BE645}.door-handle{background:#D6C2F2;box-shadow:0 0 5px #D6C2F27D} .door-light-floor{background:linear-gradient(#B38BE655,transparent)}.peek-door-scene p{color:#E8DBF8} .peek-level{border-color:var(--line);color:var(--muted)}.peek-level.active{background:var(--geo-violet-deep);border-color:var(--geo-violet-deep);color:#FFF} .peek-level.complete{background:var(--brand-soft);color:var(--green)} .peek-story h2 .serif,.peek-finding>span,.peek-next>span{color:var(--geo-violet)} .error{color:#B83E38!important}html[data-theme="dark"] .error{color:#F7A4A0!important} .flow-delivery{font-size:9px;line-height:1.5;display:flex;align-items:center;gap:6px;color:#5D3E80;margin-bottom:11px;min-height:27px} .flow-delivery .icon{width:13px;height:13px}.outcome .node-step{margin-bottom:6px} @keyframes receive-current-v4{0%,65%,100%{box-shadow:0 0 0 0 #B38BE600,0 0 25px #B38BE600}82%{box-shadow:0 0 0 4px #B38BE635,0 0 35px #B38BE632}} @media(max-width:1100px){.nav-end{gap:11px}.nav{gap:15px}.flow-delivery{font-size:8px}} @media(max-width:800px) and (min-width:621px){.flow-delivery{display:none}.nav-links{gap:17px}} @media(max-width:620px){ .nav-end{gap:9px}.theme-toggle{width:33px;height:33px}.nav .concept-badge{display:none} .hero-intro{margin-bottom:21px}.hero h1{font-size:clamp(37px,10.5vw,51px)} .hero-description{font-size:13px;line-height:1.8} .growth-map{border-radius:16px} .flow-grid{padding-top:24px;padding-bottom:21px;min-height:180px} .mobile-flow-controls{gap:5px;padding-bottom:15px}.mobile-flow-controls button{font-size:11px;min-height:38px;padding:7px 9px} .mobile-focus{color:#E0D2F4}.mobile-node-label{font-size:11px} .map-insight{min-height:101px;padding:15px 14px;gap:10px} .map-insight strong{font-size:12px;line-height:1.55} .map-insight p{font-size:11px;line-height:1.7;margin-top:5px} .insight-count{font-size:25px} .outcome{padding:16px 7px;min-height:113px}.outcome .mobile-node-label{font-size:23px} .flow-delivery{display:none}.node-action{color:#70E0C7} .flow-foot{padding:1px 0}.exploration-progress,.exploration-count{font-size:9px} .peek-door-scene{background:radial-gradient(ellipse at 24% 75%,#49335F,#0F1827 70%)} .peek-story h2{font-size:28px}.peek-example-note{font-size:9px} } @media(prefers-reduced-motion:reduce){.outcome{animation:none!important}} /* Research-led type system: Cal Sans display, Inter text. All text is upright. */ :root{--sans:'Inter',Arial,sans-serif;--display:'Cal Sans','Inter',Arial,sans-serif;--serif:var(--display)} body{font-family:var(--sans);font-size:17px;line-height:1.65;font-weight:400} h1,h2,h3,.serif{font-family:var(--display);font-weight:400;font-style:normal} .serif{letter-spacing:inherit;color:inherit} .wrap{width:min(1248px,calc(100% - 80px))} header{height:78px} .nav{gap:28px}.nav-links{font-size:14px;font-weight:500;gap:26px} .logo{font-family:var(--display);font-size:30px;font-weight:400;letter-spacing:-1px;gap:10px} .nav-end .btn{font-size:14px;padding:12px 18px;min-height:44px}.concept-badge{display:none} .btn{font-weight:600;border-radius:8px;box-shadow:none;gap:14px;font-size:15px;min-height:49px;padding:13px 20px} .btn:hover{transform:translateY(-1px);box-shadow:none}.text-link{font-weight:500;font-size:14px} .eyebrow{font-size:12px;letter-spacing:.08em;font-weight:600} .hero{padding-top:43px;text-align:left} .hero-intro{display:grid;grid-template-columns:1.48fr 1fr;gap:55px;align-items:center;margin-bottom:34px} .hero h1{font-family:var(--display);font-size:clamp(48px,4.55vw,66px);line-height:1.07;letter-spacing:-.035em;font-weight:400;margin:17px 0 0;max-width:none} .hero h1 .serif{font-family:inherit;font-size:1em;font-weight:400;line-height:inherit;letter-spacing:inherit;font-style:normal;color:var(--ink);display:block;white-space:nowrap} .hero-copy-block{padding-top:20px} .hero-description{font-size:17px;line-height:1.65;max-width:470px;margin:0} .hero-description strong{font-weight:600} .hero-actions{margin-top:23px;gap:20px;justify-content:flex-start} .hero-actions .btn{font-size:15px;padding:13px 20px;min-height:49px} .peek-caption{font-size:12px;line-height:1.6} .growth-map{padding:22px 24px 0;border-radius:16px;box-shadow:none} .map-title{font-size:14px;font-weight:600;letter-spacing:0}.map-title small{font-size:12px;font-weight:400;margin-left:12px} .motion-toggle{font-size:11px;font-weight:500;padding:8px 10px;border-radius:6px} .flow-grid{grid-template-columns:1.07fr .8fr 1.27fr 1fr;gap:45px;padding:24px 0;min-height:309px} .flow-card{border-radius:10px;padding:19px 18px}.flow-start{border-radius:10px} .flow-start .node-step{font-size:10px;font-weight:500;letter-spacing:.04em} .flow-start .node-title{font-family:var(--display);font-size:19px;font-weight:400;line-height:1.15;letter-spacing:-.02em;margin-top:15px} .flow-start .node-copy{font-size:12px;line-height:1.65;margin-top:8px} .node-action{font-size:13px;font-weight:600;padding-top:12px;margin-top:16px} .mini-door{width:26px;height:35px;margin-top:13px} .hub{border-radius:16px;padding:27px 13px;box-shadow:none} .hub strong{font-family:var(--display);font-size:25px;font-weight:400;letter-spacing:-.015em;margin-top:13px} .hub p{font-size:12px;line-height:1.6;margin-top:7px}.hub .phii-star{width:38px;height:38px} .flow-branches{gap:11px}.flow-branch{border-radius:9px;min-height:76px;padding:13px 12px;gap:12px} .flow-branch strong{font-size:15px;font-weight:600;line-height:1.35} .flow-branch small{font-size:11px;line-height:1.5;margin-top:3px} .branch-icon{width:31px;height:34px;border-radius:7px}.branch-icon .icon{width:19px;height:19px} .flow-branch .chevron{width:13px;height:13px} .outcome{padding:20px 18px;border-radius:10px;animation:none} .outcome .node-step{font-size:10px;letter-spacing:.06em;font-weight:600;margin-bottom:10px} .outcome h3{font-family:var(--display);font-size:26px;line-height:1.08;font-weight:400;letter-spacing:-.02em} .outcome p{font-size:12px;line-height:1.6;margin-top:12px} .flow-delivery{font-size:11px;line-height:1.45;margin-bottom:12px;min-height:0} .outcome-action{font-size:11px;font-weight:600;line-height:1.5;margin-top:14px;padding-top:11px;gap:6px} .map-insight{padding:16px 24px;min-height:85px;border-radius:0 0 16px 16px;gap:18px} .insight-count{font-family:var(--sans);font-size:22px;font-weight:500;min-width:30px;letter-spacing:-.05em} .map-insight strong{font-size:14px;font-weight:600;line-height:1.4} .map-insight p{font-size:12px;line-height:1.6;margin-top:5px} .map-insight a{font-size:12px;font-weight:500} .exploration-progress,.exploration-count{font-size:11px;font-weight:400} .flow-foot{margin-top:12px;min-height:27px}.journey-next{font-size:12px} .purpose{padding:96px 0;gap:94px;grid-template-columns:1fr 1.02fr} .purpose h2,.section-title{font-size:48px;line-height:1.1;letter-spacing:-.035em;font-weight:400} .purpose h2 .serif,.section-title .serif,.benefits .serif,.faq .serif,.final-cta h2 .serif{font-size:1em;font-weight:400;font-style:normal;letter-spacing:inherit;color:var(--ink)} .purpose .eyebrow{margin-bottom:20px} .purpose-copy>p{font-size:18px;line-height:1.7;margin-bottom:24px} .question-row{font-size:15px;line-height:1.65;padding:17px 0;gap:14px} .question-row strong{font-weight:500}.question-row .icon{width:19px;height:19px;margin-top:3px} .product{padding:88px 0;background:var(--geo-surface)} .section-head{gap:60px;align-items:flex-end}.section-head>p{max-width:400px;font-size:16px;line-height:1.7} .section-head .eyebrow{margin-bottom:17px} .demo-options{gap:8px;margin:32px 0 17px}.demo-options button{font-size:13px;font-weight:500;min-height:43px;padding:10px 15px;border-radius:7px} .demo-shell{border-radius:12px;box-shadow:0 20px 60px -45px #152C4350} .demo-top{height:58px;font-size:13px;padding:0 26px}.demo-top .pill{font-size:11px;font-weight:500} .chat-pane,.plan-pane{padding:30px}.chat-person strong{font-size:15px;font-weight:600}.chat-person small{font-size:12px} .avatar{width:38px;height:38px;border-radius:9px}.user-bubble{font-size:14px;line-height:1.7;padding:15px 18px} .answer-label{font-size:11px;font-weight:600}.chat-answer{font-size:16px;line-height:1.75;max-width:none} .evidence-row{margin-top:18px;gap:8px}.evidence-row span{font-size:11px;padding:5px 8px} .chat-input{font-size:12px;padding:14px;margin-top:27px} .plan-heading strong{font-size:14px;font-weight:600}.plan-heading span{font-size:11px} .work-card{padding:23px;border-radius:9px}.work-card .eyebrow{font-size:11px;line-height:1.6;letter-spacing:.04em} .work-card h3{font-family:var(--display);font-size:25px;line-height:1.2;font-weight:400;letter-spacing:-.02em;margin-top:14px} .work-card p{font-size:14px;line-height:1.7;margin-top:13px} .work-card .btn{font-size:13px;margin-top:19px;padding:12px 15px;min-height:44px} .work-meta span{font-size:11px;padding:4px 7px} .plan-next{font-size:14px;line-height:1.6;margin-top:13px;padding:15px 0}.plan-next small{font-size:12px} .plan-note{font-size:12px;line-height:1.7;padding-top:21px}.plan-note .icon{width:15px;height:15px} .demo-disclaimer{font-size:11px;line-height:1.6} .control-strip{gap:35px;margin-top:29px}.control-strip>div{font-size:14px;font-weight:500}.control-strip small{font-size:12px;line-height:1.6;margin-top:5px} .benefits{padding:98px 0}.benefits-title p{font-size:17px;line-height:1.65;max-width:370px} .benefit-grid{gap:42px;margin-top:38px}.benefit{padding-top:23px} .benefit-num{font-family:var(--sans);font-size:16px;font-weight:500} .benefit h3{font-size:27px;line-height:1.2;letter-spacing:-.025em;font-weight:400;max-width:340px;margin:20px 0 16px} .benefit p{font-size:15px;line-height:1.8}.benefit-tags span{font-size:11px;padding:6px 9px} .agency{padding:40px;border-radius:12px;margin-bottom:92px} .agency .eyebrow{font-size:11px}.agency h2{font-size:35px;font-weight:400;line-height:1.15;letter-spacing:-.03em} .agency p{font-size:15px;line-height:1.7;max-width:650px}.agency .btn{font-size:14px} .faq{padding-bottom:95px;gap:90px}.faq .section-title{font-size:46px} .faq summary{font-size:16px;font-weight:500;padding:23px 0;line-height:1.6}.faq details p{font-size:15px;line-height:1.8;padding-bottom:25px} .final-cta{padding:80px 20px 87px}.final-cta h2{font-size:54px;line-height:1.08;letter-spacing:-.035em;font-weight:400} .final-cta p{font-size:16px;line-height:1.65;max-width:520px;margin:22px auto 26px} .final-cta .tiny{font-size:12px;margin-top:17px} .footer{padding:30px 0}.footer .logo{font-size:27px}.footer>p,.footer button{font-size:11px} dialog{border-radius:14px}.dialog-head{padding:18px 25px}.dialog-head strong{font-size:14px;font-weight:600} .dialog-content{padding:30px}.dialog-content h2{font-size:35px;line-height:1.12;font-weight:400;letter-spacing:-.03em} .dialog-content h3{font-size:24px;font-weight:400}.dialog-content p,.dialog-content li{font-size:15px;line-height:1.75} .dialog-content label{font-size:14px;font-weight:500}.website-field{font-size:16px;padding:14px} .goal-select button{font-size:13px;min-height:43px}.onboard-actions .btn{font-size:13px} .prototype-notice{font-size:12px!important}.preview-before small{font-size:11px}.preview-before p,.preview-after p{font-size:14px} .preview-after h3{font-size:30px;font-weight:400}.preview-after .example-button{font-size:13px} .preview-bottom .btn{font-size:14px}.preview-bottom p,.state-message{font-size:12px} .headline-options button{font-size:15px;font-weight:500;padding:15px}.headline-options small{font-size:12px} .launch-table{font-size:13px;line-height:1.65}.vision-grid>div{font-size:14px}.vision-grid small{font-size:12px} .peek-story{padding:28px 30px}.peek-story h2{font-size:36px;line-height:1.1;letter-spacing:-.025em;font-weight:400} .peek-story h2 .serif{font-size:1em;color:var(--ink)}.peek-business{font-size:13px;line-height:1.6} .peek-level{font-size:10px;padding:6px 10px}.peek-story .pill{font-size:10px;font-weight:500} .peek-finding>span,.peek-next>span{font-size:10px;letter-spacing:.06em;font-weight:600} .peek-finding strong,.peek-next strong{font-size:15px;font-weight:500;line-height:1.5} .peek-next p{font-size:13px;line-height:1.7} .peek-story-actions .btn{font-size:14px;padding:13px 17px;min-height:46px} .peek-story-actions .text-link{font-size:12px}.peek-example-note{font-size:11px} .peek-door-scene p{font-family:var(--display);font-size:27px;letter-spacing:-.02em;line-height:1.1} .door-scene-label{font-size:10px;letter-spacing:.1em}.entry-back{font-size:12px} /* Light mode: the journey is part of the page, with contrast carried by type and active paths. */ html[data-theme="light"] .growth-map{background:#FCFDFE;background-image:none;border-color:#DEE4EB;box-shadow:0 10px 35px #223A5110;color:var(--ink)} html[data-theme="light"] .map-title{color:var(--ink)} html[data-theme="light"] .map-title small{color:var(--muted)} html[data-theme="light"] .motion-toggle{background:#F2F5F8;border-color:#E0E5EC;color:#617084} html[data-theme="light"] .flow-card,html[data-theme="light"] .flow-start{background:#FFF;border-color:#D6DEE7;color:var(--ink)} html[data-theme="light"] .flow-start:hover{border-color:#2BBFA8;box-shadow:0 0 0 3px #2BBFA810} html[data-theme="light"] .flow-start .node-step,html[data-theme="light"] .flow-start .node-copy{color:var(--muted)} html[data-theme="light"] .flow-start .node-action{color:#087B6E;border-color:#DEE6EA} html[data-theme="light"] .flow-start.visited .node-step:after{color:#087B6E} html[data-theme="light"] .hub{background:#F0EAF8;border-color:#CEB9E7;box-shadow:0 0 0 7px #B38BE608;color:#54317D} html[data-theme="light"] .hub strong{color:#422163} html[data-theme="light"] .hub p,html[data-theme="light"] .hub .mobile-focus{color:#775C8C} html[data-theme="light"] .hub .phii-star{color:#7D50AF} html[data-theme="light"] .flow-branch{background:#FFF;border-color:#DFE5EC;color:var(--ink)} html[data-theme="light"] .flow-branch.active{background:#F4FBF8;border-color:#37A98F;box-shadow:0 0 0 2px #2BBFA80B} html[data-theme="light"] .flow-branch small,html[data-theme="light"] .flow-branch .chevron{color:var(--muted)} html[data-theme="light"] .find-icon{background:#E4F4EE;color:#16866F} html[data-theme="light"] .choose-icon{background:#F0EAF8;color:#8056AD} html[data-theme="light"] .do-icon{background:#EDF1F6;color:#62768A} html[data-theme="light"] .flow-branch.visited:after{border-color:#FCFDFE} html[data-theme="light"] .outcome{background:#EEF8F4;border-color:#C5E7DA} html[data-theme="light"] .outcome h3,html[data-theme="light"] .outcome .mobile-node-label{color:#1E4139} html[data-theme="light"] .outcome .node-step,html[data-theme="light"] .flow-delivery{color:#3E7767} html[data-theme="light"] .outcome p{color:#54776C} html[data-theme="light"] .outcome-action{border-color:#B7D6CA;color:#276E5B} html[data-theme="light"] .flow-wire{stroke:#D7DFE7} html[data-theme="light"] .flow-wire.active{stroke:#49A48D;filter:none;stroke-width:1.8} html[data-theme="light"] .flow-signal{stroke:#168E78;stroke-width:2.5;opacity:.75} html[data-theme="light"] .current-particle{fill:#137D66;stroke:#F1FFF9;filter:drop-shadow(0 0 4px #2BBFA890)} html[data-theme="light"] .current-trail{fill:#2BBFA8;filter:none;opacity:.55} html[data-theme="light"] .magnetic-core{fill:#2BBFA8;stroke:#FCFFFD;filter:drop-shadow(0 0 6px #2BBFA850)} html[data-theme="light"] .magnetic-ring,html[data-theme="light"] .magnetic-field{stroke:#37AA8D} html[data-theme="light"] .map-insight{background:#F4F6F9;border-color:#E0E6EE;color:var(--ink)} html[data-theme="light"] .map-insight p{color:var(--muted)}html[data-theme="light"] .map-insight a{color:#745095} html[data-theme="light"] .insight-count{color:#7E5AA7} html[data-theme="light"] .mobile-flow-controls button{background:#F1F4F7;border-color:#DAE2EA;color:#596B7C} html[data-theme="light"] .mobile-flow-controls button.active{background:#E3F3ED;border-color:#8AC8B7;color:#196B58} html[data-theme="light"] .node-action{color:#087B6E} @media(min-width:1500px){.hero{padding-top:48px}.hero h1{font-size:66px}.hero-intro{grid-template-columns:1.5fr 1fr}.hero-description{font-size:18px}.growth-map{margin-top:0}} @media(max-width:1100px){ .wrap{width:calc(100% - 48px)}.nav-links{font-size:13px;gap:18px}.nav{gap:15px} .hero{padding-top:34px}.hero-intro{gap:30px;grid-template-columns:1.35fr 1fr} .hero h1{font-size:48px}.hero-description{font-size:15px}.hero-actions{gap:14px}.hero-actions .btn{font-size:13px;padding:12px 15px}.peek-caption{font-size:11px} .flow-grid{gap:27px;grid-template-columns:1.05fr .82fr 1.25fr 1fr} .flow-card{padding:15px}.flow-start .node-title{font-size:17px}.flow-start .node-copy{font-size:11px} .flow-branch{padding:11px 9px;gap:8px}.flow-branch strong{font-size:14px}.flow-branch small{font-size:10px} .hub{padding:24px 10px}.hub strong{font-size:23px}.hub p{font-size:11px} .outcome h3{font-size:23px}.outcome p{font-size:11px}.outcome-action{font-size:10px} .map-insight strong{font-size:13px}.map-insight p{font-size:11px}.map-insight a{font-size:11px} .purpose,.faq{gap:48px}.purpose h2,.section-title{font-size:42px}.agency{gap:28px;padding:32px}.agency h2{font-size:30px}.agency p{font-size:14px}.agency .btn{font-size:12px} .chat-pane,.plan-pane{padding:23px}.work-card{padding:19px}.work-card .btn{font-size:12px}.benefit-grid{gap:27px} } @media(max-width:800px) and (min-width:621px){ .hero-intro{grid-template-columns:1fr;gap:20px;margin-bottom:25px}.hero h1{font-size:51px}.hero h1 .serif{display:block;font-size:1em} .hero-copy-block{padding:0;display:flex;align-items:center;gap:30px}.hero-description{font-size:15px;max-width:430px}.hero-actions{margin:0;flex-shrink:0}.peek-caption{display:none} .growth-map{padding:17px 17px 0}.flow-grid{gap:20px}.flow-card{padding:13px 10px} .flow-start .node-title{font-size:15px}.flow-start .node-copy{font-size:10px}.node-action{font-size:11px} .flow-branch strong{font-size:12px}.flow-branch small{font-size:9px}.hub strong{font-size:20px}.hub p{font-size:10px} .outcome h3{font-size:20px}.outcome p{font-size:10px}.outcome-action{font-size:9px}.flow-delivery{display:none} .map-insight{margin:0 -17px;padding:14px 17px}.map-title small{display:none} .purpose{padding:74px 0;gap:35px}.purpose-copy>p{font-size:16px}.question-row{font-size:14px} .section-head>p{font-size:15px;max-width:280px}.section-title{font-size:38px}.chat-answer{font-size:14px}.user-bubble{font-size:13px} .work-card h3{font-size:22px}.work-card p{font-size:13px}.plan-next{font-size:13px}.control-strip{gap:18px}.control-strip>div{font-size:12px} } @media(max-width:620px){ .wrap{width:calc(100% - 36px)}header{height:65px}.nav .logo{font-size:28px}.nav-links{top:64px;font-size:15px}.mobile-menu{padding:8px} .hero{padding-top:31px;text-align:center}.hero-intro{display:block;margin-bottom:25px} .hero .eyebrow{font-size:10px;letter-spacing:.06em} .hero h1{font-size:clamp(37px,9.1vw,50px);line-height:1.06;letter-spacing:-.035em;margin:15px auto 0;max-width:520px} .hero h1 .serif{font-size:1em;line-height:inherit;max-width:none;white-space:normal;margin:0;display:block} .hero-copy-block{padding-top:19px}.hero-description{font-size:15px;line-height:1.65;max-width:400px;margin:auto} .hero-actions{justify-content:center;gap:14px;margin-top:20px}.hero-actions .btn{font-size:14px;min-height:47px;padding:12px 17px} .peek-caption{font-size:11px;line-height:1.6;text-align:left} .growth-map{padding:15px 13px 0;border-radius:13px} .map-top{align-items:center}.map-title{font-size:12px;line-height:1.5;text-align:left}.map-title small{font-size:10px;display:block;margin:4px 0 0} .motion-toggle{font-size:0;padding:9px;min-height:32px} .flow-grid{width:100%;min-width:0;grid-template-columns:1fr .87fr 1.08fr;gap:19px;min-height:191px;padding:25px 0} .flow-start{padding:13px 7px;text-align:center}.flow-start .node-step,.flow-start .node-title,.flow-start .node-copy{display:none} .flow-start .mobile-node-label{font-family:var(--sans);font-size:12px;font-weight:600;line-height:1.35;margin-top:10px} .mini-door{width:25px;height:33px;margin:0 auto}.node-action{font-size:10px;gap:4px;margin-top:7px;padding-top:0;border:0} .node-action .icon{width:11px;height:11px} .hub{padding:19px 6px;border-radius:12px}.hub .phii-star{width:29px;height:29px} .hub strong{font-size:21px;letter-spacing:-.035em;margin-top:10px;white-space:nowrap} .hub p{display:none}.mobile-focus{font-size:10px;margin-top:8px;line-height:1.4} .outcome{padding:20px 7px;min-height:124px}.outcome .mobile-node-label{font-family:var(--display);font-size:24px;font-weight:400;line-height:1.05;letter-spacing:-.03em} .outcome .node-step,.outcome h3,.outcome p,.outcome-action,.flow-delivery{display:none} .mobile-flow-controls{gap:6px;padding-bottom:15px} .mobile-flow-controls button{font-size:12px;min-height:40px;padding:8px 9px;border-radius:6px} .map-insight{margin:0 -13px;padding:16px 14px;min-height:126px;gap:10px;align-items:flex-start;border-radius:0 0 13px 13px} .insight-count{font-size:20px;min-width:23px;line-height:1.4} .map-insight strong{font-size:13px;font-weight:600;line-height:1.5} .map-insight p{font-size:12px;line-height:1.7;margin-top:6px} .map-insight a{display:none}.flow-foot{margin-top:13px}.exploration-progress,.exploration-count{font-size:10px;line-height:1.6} .exploration-progress{gap:7px}.exploration-count{font-size:9px}.journey-next{font-size:12px;margin-top:6px} .purpose{padding:70px 0;display:block}.purpose .eyebrow{font-size:11px;margin-bottom:16px} .purpose h2{font-size:38px;max-width:380px;line-height:1.1}.purpose-copy{margin-top:27px;padding:0} .purpose-copy>p{font-size:17px;line-height:1.7}.question-row{font-size:15px;line-height:1.65;padding:17px 0} .product{padding:64px 0}.section-head{display:block}.section-head .eyebrow{font-size:11px} .section-title{font-size:38px;line-height:1.1}.section-head>p{font-size:16px;max-width:none;margin-top:22px} .demo-options{margin:25px 0 15px;gap:7px}.demo-options button{font-size:11px;padding:9px 10px;min-height:39px} .demo-top{height:57px;padding:0 15px;font-size:11px}.demo-top .pill{font-size:9px} .chat-pane,.plan-pane{padding:25px 20px}.chat-person strong{font-size:15px}.chat-person small{font-size:12px} .user-bubble{font-size:14px;line-height:1.7;margin-left:16px;padding:13px 15px}.chat-answer{font-size:15px;line-height:1.75} .chat-input{font-size:11px;line-height:1.6;padding:12px}.evidence-row span{font-size:10px} .work-card{padding:20px}.work-card h3{font-size:26px}.work-card p{font-size:14px} .work-card .btn{font-size:12px;padding:12px 13px;min-height:44px} .work-card .eyebrow{font-size:10px}.work-meta span{font-size:10px} .plan-next{font-size:14px}.plan-next small{font-size:12px}.plan-note{font-size:12px} .demo-disclaimer{font-size:10px;line-height:1.6}.control-strip{gap:19px;margin-top:26px}.control-strip>div{font-size:14px}.control-strip small{font-size:12px} .benefits{padding:70px 0}.benefits-title p{font-size:16px;line-height:1.65;margin-top:20px} .benefit-grid{gap:31px;margin-top:32px}.benefit h3{font-size:28px;max-width:330px;margin:15px 0}.benefit p{font-size:15px;line-height:1.8} .benefit-tags span{font-size:11px} .agency{padding:30px 24px;margin-bottom:69px;border-radius:12px;display:block} .agency h2{font-size:32px}.agency p{font-size:15px}.agency .btn{font-size:13px;margin-top:24px} .faq{display:block;padding-bottom:69px}.faq .section-title{font-size:38px;margin-bottom:27px} .faq summary{font-size:15px;line-height:1.5;padding:22px 0}.faq details p{font-size:14px;padding-right:12px} .final-cta{padding:66px 18px}.final-cta h2{font-size:41px}.final-cta .eyebrow{font-size:11px} .final-cta p{font-size:16px;line-height:1.65;max-width:360px}.final-cta .btn{font-size:14px}.final-cta .tiny{font-size:11px} .footer{padding:26px 0}.footer>p{font-size:10px}.footer button{font-size:11px} dialog{border-radius:13px}.dialog-head{padding:15px 18px}.dialog-head strong{font-size:13px} .dialog-content{padding:24px 20px}.dialog-content h2{font-size:29px}.dialog-content h3{font-size:23px} .dialog-content p,.dialog-content li{font-size:14px}.goal-select button{font-size:12px;min-height:41px} .onboard-actions .btn{font-size:13px}.prototype-notice{font-size:11px!important} .peek-door-scene{height:122px}.door-scene-label{font-size:8px;letter-spacing:.08em;top:25px} .peek-door-scene p{font-size:22px;top:43px;line-height:1.12} .peek-story{padding:22px}.peek-story h2{font-size:30px;line-height:1.08;margin-top:14px} .peek-business{font-size:12px}.peek-level{font-size:9px}.peek-story .pill{font-size:9px} .peek-finding strong,.peek-next strong{font-size:14px;line-height:1.5}.peek-next p{font-size:12px;line-height:1.7} .peek-finding>span,.peek-next>span{font-size:9px} .peek-story-actions .btn{font-size:13px}.peek-story-actions .text-link{font-size:12px} .peek-example-note{font-size:10px}.launch-table{font-size:11px}.headline-options button{font-size:14px}.headline-options small{font-size:11px} } @media(max-width:360px){ .hero h1{font-size:34px;letter-spacing:-.045em}.hero-description{font-size:14px}.hero-actions{gap:10px}.peek-caption{font-size:10px} .flow-grid{gap:14px}.hub strong{font-size:18px}.flow-start .mobile-node-label{font-size:11px}.outcome .mobile-node-label{font-size:22px} .mobile-flow-controls{gap:5px}.mobile-flow-controls button{font-size:11px;padding:8px} .map-insight{padding:14px 12px}.map-insight strong{font-size:12px}.map-insight p{font-size:11px} .hero-actions .btn{padding:12px 14px;font-size:13px} } /* Cal Sans already has close spacing. Preserve natural word separation. */ .hero h1,.hero h1 .serif{letter-spacing:0;word-spacing:.015em} .purpose h2,.section-title,.faq .section-title,.agency h2,.final-cta h2,.dialog-content h2,.peek-story h2{letter-spacing:-.012em;word-spacing:.02em} .flow-start .node-title,.hub strong,.outcome h3,.work-card h3,.benefit h3,.peek-door-scene p{font-family:var(--sans);font-weight:600;letter-spacing:-.025em;word-spacing:normal} .flow-start .node-title{font-size:18px}.hub strong{font-size:23px} .outcome h3{font-size:24px;line-height:1.15}.work-card h3{font-size:24px} .benefit h3{font-size:25px;line-height:1.25} .flow-branch{transition:transform .2s,box-shadow .2s}.flow-start{transition:transform .2s,box-shadow .2s} .peek-door-scene p{font-size:25px;line-height:1.2} @media(max-width:1100px){.hero h1{font-size:46px}.flow-start .node-title{font-size:16px}.hub strong{font-size:21px}.outcome h3{font-size:22px}} @media(max-width:800px) and (min-width:621px){.hero h1{font-size:50px}.hub strong{font-size:19px}.outcome h3{font-size:19px}} @media(max-width:620px){ .hero{padding-top:24px}.hero h1{font-size:clamp(33px,8.45vw,47px);letter-spacing:-.01em;margin-top:12px} .hero h1 .serif{letter-spacing:-.01em;word-spacing:.015em} .hero-copy-block{padding-top:14px}.hero-actions{margin-top:16px}.hero-intro{margin-bottom:18px} .flow-grid{min-height:164px;padding:17px 0}.hub{padding:16px 5px}.hub strong{font-family:var(--sans);font-size:18px;letter-spacing:-.035em} .flow-start .node-action{white-space:nowrap;font-size:10px}.node-action .icon{display:none} .outcome{min-height:118px;padding:17px 7px}.outcome .mobile-node-label{font-family:var(--sans);font-size:22px;font-weight:600;letter-spacing:-.035em;line-height:1.1} .peek-door-scene p{font-size:19px;line-height:1.2}.peek-story h2{letter-spacing:-.01em} .purpose h2,.section-title,.faq .section-title,.final-cta h2{letter-spacing:-.01em} } @media(max-width:360px){.hero h1{font-size:29px;letter-spacing:-.015em}.hub strong{font-size:16px}.outcome .mobile-node-label{font-size:20px}} /* Original Geophii SVG guide. Inline geophii-dog.svg inside .dog-actor. */ .dog-actor { --dog-speed:.56s; width:140px; pointer-events:none; } .dog-actor svg { width:100%; height:auto; display:block; overflow:visible; } .dog-actor :is(.dog-rig,.dog-tail,.dog-head,.dog-leg,.dog-eye,.dog-nose,.dog-shadow,.dog-tag) { transform-box:view-box; } .dog-rig { transform-origin:105px 131px; } .dog-head { transform-origin:137px 84px; } .dog-tail { transform-origin:66px 79px; animation:geophii-wag 2.7s ease-in-out infinite; } .dog-leg.back-near { transform-origin:74px 97px; } .dog-leg.back-far { transform-origin:85px 98px; } .dog-leg.front-near { transform-origin:130px 98px; } .dog-leg.front-far { transform-origin:140px 97px; } .dog-eye { transform-origin:157px 61px; animation:geophii-blink 5.6s ease-in-out infinite; } .dog-shadow { transform-origin:105px 137px; } .dog-tag { transform-origin:146px 98px; } .dog-actor[data-state="idle"] .dog-rig { animation:geophii-breathe 3.2s ease-in-out infinite; } .dog-actor[data-state="walk"] .dog-rig { animation:geophii-trot-bob calc(var(--dog-speed) / 2) ease-in-out infinite; } .dog-actor[data-state="walk"] :is(.dog-leg.front-near,.dog-leg.back-far) { animation:geophii-step var(--dog-speed) ease-in-out infinite; } .dog-actor[data-state="walk"] :is(.dog-leg.front-far,.dog-leg.back-near) { animation:geophii-step var(--dog-speed) ease-in-out infinite; animation-delay:calc(var(--dog-speed) / -2); } .dog-actor[data-state="walk"] .dog-tail { animation:geophii-wag .65s ease-in-out infinite; } .dog-actor[data-state="walk"] .dog-head { animation:geophii-head-bob var(--dog-speed) ease-in-out infinite; } .dog-actor[data-state="walk"] .dog-tag { animation:geophii-tag-swing var(--dog-speed) ease-in-out infinite; } .dog-actor[data-state="sniff"] .dog-head { animation:geophii-sniff 1.65s ease-in-out infinite; } .dog-actor[data-state="sniff"] .dog-tail { animation:geophii-wag 1.1s ease-in-out infinite; } .dog-actor[data-state="sniff"] .dog-nose { transform-origin:186px 70px; animation:geophii-nose .32s ease-in-out infinite; } .dog-actor[data-state="celebrate"] .dog-rig { animation:geophii-happy-hop .65s cubic-bezier(.33,0,.28,1) 3; } .dog-actor[data-state="celebrate"] .dog-tail { animation:geophii-wag .3s ease-in-out infinite; } .dog-actor[data-state="celebrate"] .dog-shadow { animation:geophii-hop-shadow .65s ease-in-out 3; } @keyframes geophii-step { 0%,100% { transform:rotate(-17deg); } 50% { transform:rotate(19deg); } } @keyframes geophii-trot-bob { 0%,100% { transform:translateY(0); } 50% { transform:translateY(-2.3px); } } @keyframes geophii-head-bob { 0%,100% { transform:rotate(2deg); } 50% { transform:rotate(-2deg); } } @keyframes geophii-tag-swing { 0%,100% { transform:rotate(-9deg); } 50% { transform:rotate(12deg); } } @keyframes geophii-wag { 0%,100% { transform:rotate(-4deg); } 50% { transform:rotate(9deg); } } @keyframes geophii-blink { 0%,43%,47%,100% { transform:scaleY(1); } 45% { transform:scaleY(.09); } } @keyframes geophii-breathe { 0%,100% { transform:translateY(0); } 50% { transform:translateY(-.9px); } } @keyframes geophii-sniff { 0%,100% { transform:translate(0,1px) rotate(7deg); } 30%,62% { transform:translate(2px,3px) rotate(17deg); } 42%,74% { transform:translate(2px,2px) rotate(14deg); } } @keyframes geophii-nose { 0%,100% { transform:scale(1); } 50% { transform:scale(1.035); } } @keyframes geophii-happy-hop { 0%,100% { transform:translateY(0) rotate(0); } 18% { transform:translateY(1px) scaleY(.97); } 51% { transform:translateY(-12px) rotate(-3deg); } 80% { transform:translateY(0) scaleY(.97); } } @keyframes geophii-hop-shadow { 0%,100% { transform:scaleX(1); opacity:1; } 51% { transform:scaleX(.8); opacity:.55; } } body.paused .dog-actor *,body.motion-paused .dog-actor * { animation-play-state:paused!important; } @media (max-width:600px) { .dog-actor { width:94px; } } @media (prefers-reduced-motion:reduce) { .dog-actor * { animation:none!important; transition:none!important; } } /* Geophii: luminous glass, considered type, and an SVG guide. */ :root{--glass:rgba(255,255,255,.6);--glass-strong:rgba(255,255,255,.8);--glass-edge:rgba(255,255,255,.95);--glass-shadow:0 18px 60px -27px rgba(66,85,111,.29),inset 0 1px 0 rgba(255,255,255,.98);--atmo-mint:#94e6d6;--atmo-purple:#c4b0ed;--ink:#182638;--muted:#586577} html[data-theme="dark"]{--glass:rgba(27,37,54,.63);--glass-strong:rgba(31,43,61,.82);--glass-edge:rgba(218,230,255,.18);--glass-shadow:0 22px 60px -24px #050c1790,inset 0 1px 0 #ffffff13;--atmo-mint:#147b70;--atmo-purple:#62488f;--ink:#eff3f8;--muted:#adb9ca} body{background:var(--geo-bg);isolation:isolate} body:before{content:'';position:absolute;z-index:-2;pointer-events:none;top:0;left:0;right:0;height:1150px;background:radial-gradient(ellipse at 9% 41%,#b5efe169,transparent 39%),radial-gradient(ellipse at 82% 36%,#cab9ec75,transparent 45%),radial-gradient(ellipse at 52% 61%,#daebf690,transparent 49%)} html[data-theme="dark"] body:before{background:radial-gradient(ellipse at 9% 41%,#14615b60,transparent 40%),radial-gradient(ellipse at 82% 36%,#69449a45,transparent 45%),radial-gradient(ellipse at 52% 61%,#14333f60,transparent 49%)} .wrap{width:min(1220px,calc(100% - 80px))} header{height:80px;border:0!important;background:transparent!important;position:relative;z-index:10} .nav{height:100%;border-bottom:1px solid #8195ac1c}.nav-links{font-size:13px;gap:28px}.logo{font-size:30px;gap:8px}.brand-original{width:31px;height:35px}.nav-end{gap:12px} .theme-toggle,.mobile-menu{background:var(--glass)!important;border:1px solid var(--glass-edge)!important;box-shadow:0 3px 14px #26385605;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)} .theme-toggle{width:40px;height:40px}.theme-toggle svg{width:19px;height:19px} .btn{border-radius:12px;letter-spacing:-.015em}.btn-primary,.btn-lime{background:linear-gradient(150deg,#4dd1b8,#26b8a1)!important;border:1px solid #25b29b!important;box-shadow:inset 0 1px 0 #d9fff1b8,0 7px 17px -9px #118c7490;color:#093b34!important}.btn-primary:hover,.btn-lime:hover{box-shadow:inset 0 1px 0 #fff9,0 10px 23px -10px #118c7490;transform:translateY(-2px)} .hero{padding-top:43px;position:relative;text-align:center} .hero-intro{display:block;text-align:center;max-width:900px;margin:0 auto 25px} .hero .eyebrow{font-size:11px;letter-spacing:.06em;font-weight:550;margin:0 auto;display:inline-flex;gap:8px;color:var(--green);text-transform:none} .hero .eyebrow .dot{width:6px;height:6px;box-shadow:0 0 0 4px #2bbfa810} .hero h1{font-family:var(--sans);font-weight:550;font-size:clamp(48px,5.1vw,72px);letter-spacing:-.054em;word-spacing:0;line-height:1.06;margin:18px auto 0;max-width:860px} .hero h1 .serif{font-family:inherit;font-weight:inherit;letter-spacing:inherit;word-spacing:inherit;font-size:1em;line-height:inherit;color:var(--ink);white-space:normal;max-width:none;display:block;margin:0} .hero h1 .serif{background:linear-gradient(100deg,#557f87 10%,#8065b0 90%);-webkit-background-clip:text;background-clip:text;color:transparent} html[data-theme="dark"] .hero h1 .serif{background:linear-gradient(100deg,#90d9c8,#b899e0);-webkit-background-clip:text;background-clip:text;color:transparent} .hero-copy-block{padding-top:19px;display:block}.hero-description{font-size:17px;line-height:1.6;max-width:520px;text-align:center;margin:auto;color:var(--muted)} .hero-description strong{font-weight:500;color:inherit}.hero-actions{display:none} /* Open stage: colour and light pass behind individually raised glass objects. */ html[data-theme] .growth-map{position:relative;padding:0 24px 0;border:0;border-radius:32px;background:none;box-shadow:none;isolation:isolate;color:var(--ink)} .growth-map:before{content:'';position:absolute;z-index:-1;left:7%;right:7%;top:54px;bottom:49px;border-radius:50%;background:linear-gradient(115deg,#63ddc12c,#b38be625);filter:blur(46px);pointer-events:none;animation:atmosphere-breathe 12s ease-in-out infinite alternate} html[data-theme="dark"] .growth-map:before{background:linear-gradient(115deg,#20ae9630,#a276e428)} .growth-map:after{content:'';position:absolute;left:0;right:0;top:85px;bottom:0;border-radius:30px;border:1px solid var(--glass-edge);background:linear-gradient(130deg,rgba(255,255,255,.42),rgba(255,255,255,.18));box-shadow:var(--glass-shadow);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);z-index:-1;pointer-events:none} html[data-theme="dark"] .growth-map:after{background:linear-gradient(130deg,#23304760,#121c2f38)} .map-top{position:absolute;right:22px;top:103px;z-index:6}.map-title{display:none} html[data-theme] .motion-toggle{width:32px;height:32px;min-height:32px;padding:8px;min-width:32px;font-size:0;border:1px solid var(--glass-edge);background:var(--glass);color:var(--muted);border-radius:50%;box-shadow:0 2px 9px #26385608}.motion-toggle span{font-size:0}.motion-toggle .icon{width:13px;height:13px} .guide-lane{height:111px;position:relative;z-index:7;pointer-events:none} .guide-cue{position:absolute;left:0;bottom:10px;font-size:12px;line-height:1.4;font-weight:500;white-space:nowrap;letter-spacing:-.01em;max-width:none;color:var(--ink);background:var(--glass-strong);border:1px solid var(--glass-edge);border-radius:12px 12px 12px 2px;padding:9px 12px;box-shadow:0 7px 24px #2738540b;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);transition:left 1.2s cubic-bezier(.4,0,.2,1)} .guide-cue:before{content:'';display:inline-block;background:var(--brand);width:5px;height:5px;border-radius:50%;margin-right:7px;vertical-align:2px} .dog-actor{position:absolute;left:0;bottom:0;width:134px;height:100px;pointer-events:none;will-change:left;transition:left 1.25s linear;z-index:8} .dog-actor svg{width:100%;height:100%;overflow:visible;display:block;filter:drop-shadow(0 8px 6px #44526312)} .dog-facing{height:100%;transform:scaleX(var(--dog-direction,1));transform-origin:center} .flow-viewport{overflow:visible;margin:0;padding:0}.flow-grid{min-height:244px;padding:24px 0 26px;width:100%;min-width:0;grid-template-columns:1.05fr .82fr 1.2fr 1.05fr;gap:50px;align-items:center} html[data-theme] .flow-card,html[data-theme] .flow-start,html[data-theme] .flow-branch{background:var(--glass-strong);color:var(--ink);border:1px solid var(--glass-edge);box-shadow:var(--glass-shadow);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border-radius:18px} html[data-theme] .flow-start{padding:19px 18px 15px;min-height:205px;transition:transform .25s,box-shadow .25s} html[data-theme] .flow-start:hover{background:var(--glass-strong);transform:translateY(-4px);border-color:#8bd9c6;box-shadow:0 20px 35px -21px #2779696b,inset 0 1px 0 #fff9} .flow-start .node-step{display:none}.mini-door{width:31px;height:44px;margin:0 auto 0 0;border-radius:5px 5px 0 0!important;border-color:#cab6e9!important;background:#ded2f1;box-shadow:0 0 24px #b38be653!important} .mini-door-leaf{background:linear-gradient(140deg,#a891c7,#70558f)!important;border-color:#d2c2e8!important;border-radius:3px 3px 0 0;transform:rotateY(-27deg)} .mini-door-leaf i{background:#efffef!important;box-shadow:0 0 7px #ffffff8a}.mini-door-glow{background:linear-gradient(140deg,#fff6ff,#c2efdd)!important} .flow-start .node-title{font-family:var(--sans);font-size:18px;line-height:1.3;font-weight:550;letter-spacing:-.025em;margin-top:14px} html[data-theme] .flow-start .node-copy{font-size:11px;line-height:1.65;color:var(--muted);margin-top:8px} html[data-theme] .flow-start .node-action{font-size:12px;color:var(--green);border-top:0;padding-top:0;margin-top:13px} html[data-theme] .hub{background:linear-gradient(145deg,#f4edffb3,#e9e0f39c);border:1px solid #ffffffeb;box-shadow:0 13px 35px -24px #7653a775,inset 0 1px 0 #fff;backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);border-radius:50%;width:142px;height:142px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:15px;justify-self:center;align-self:center;color:#513475} .hub-orbit{position:absolute;inset:-7px;border-radius:50%;border:1px solid #aa91cc33;pointer-events:none}.hub-orbit:after{content:'';width:6px;height:6px;position:absolute;top:17px;right:13px;border-radius:50%;background:#b098d4;box-shadow:0 0 9px #ae89e255;animation:orbit-glimmer 4s ease-in-out infinite} html[data-theme] .hub .phii-star{width:24px;height:24px;color:#9472bd;filter:drop-shadow(0 2px 4px #a886d928);margin:0} html[data-theme] .hub strong{color:#503875;font-family:var(--sans);font-size:22px;font-weight:550;letter-spacing:-.035em;margin-top:7px} html[data-theme] .hub p{font-size:10px;line-height:1.5;color:#7b6694;margin-top:4px} html[data-theme="dark"] .hub{background:linear-gradient(145deg,#7955a64d,#452e6f66);border-color:#c6ace23d;box-shadow:0 12px 35px -20px #ad82e32c,inset 0 1px 0 #ffffff18} html[data-theme="dark"] .hub strong{color:#e4d7f8}html[data-theme="dark"] .hub p,html[data-theme="dark"] .hub .mobile-focus{color:#b9a9d0} .flow-branches{gap:9px}.flow-branch{padding:12px 11px;min-height:63px;gap:11px;transition:transform .2s,box-shadow .2s} html[data-theme] .flow-branch.active{background:linear-gradient(120deg,#ffffffd4,#d7f2eab0);border-color:#95d4c3;box-shadow:0 8px 25px -19px #398e76aa,inset 0 1px 0 #fff} html[data-theme="dark"] .flow-branch.active{background:linear-gradient(120deg,#253b43c7,#1b514661);border-color:#5d9c8f;box-shadow:inset 0 1px 0 #fff1,0 10px 25px #07171313} .flow-branch strong{font-size:14px;font-weight:550;letter-spacing:-.02em}.flow-branch small{font-size:10px;line-height:1.45;margin-top:3px;color:var(--muted)!important}.branch-icon{width:28px;height:30px;border-radius:9px}.branch-icon .icon{width:17px;height:17px}.flow-branch .chevron{width:13px;height:13px;color:var(--muted)!important} html[data-theme] .outcome{background:linear-gradient(135deg,#e6faf0b8,#c8ece09e);border:1px solid #f6fffc;box-shadow:var(--glass-shadow);padding:22px 20px;min-height:197px;animation:none} html[data-theme] .outcome .node-step{font-size:9px;letter-spacing:.03em;color:#4d8c7f;margin-bottom:12px} html[data-theme] .outcome h3{font-family:var(--sans);font-size:23px;line-height:1.14;font-weight:550;letter-spacing:-.04em;color:#235b50} html[data-theme] .outcome p{font-size:11px;color:#547d72;line-height:1.6;margin-top:10px} html[data-theme] .flow-delivery{font-size:10px;color:#467f71;line-height:1.4;margin-bottom:10px;min-height:29px} html[data-theme] .outcome-action{color:#276b5b;border-color:#52857924;font-size:11px} html[data-theme="dark"] .outcome{background:linear-gradient(135deg,#254c498c,#1a35369c);border-color:#7eada038} html[data-theme="dark"] .outcome h3,html[data-theme="dark"] .outcome .mobile-node-label{color:#c1efde} html[data-theme="dark"] .outcome p,html[data-theme="dark"] .outcome .node-step,html[data-theme="dark"] .flow-delivery,html[data-theme="dark"] .outcome-action{color:#9dbeb5} html[data-theme] .flow-wire{stroke:#759e972e;stroke-width:1.5}html[data-theme] .flow-wire.active{stroke:#64b9a5;stroke-width:2;filter:drop-shadow(0 1px 2px #83d2bd45)} html[data-theme] .flow-signal{stroke:#1eac91;stroke-width:2.4;opacity:.85;stroke-dasharray:10 38} html[data-theme] .current-particle{fill:#fff;stroke:#39bba0;filter:drop-shadow(0 0 5px #42cba5) drop-shadow(0 0 9px #39c5a080)} html[data-theme] .current-trail{fill:#32bd9f;opacity:.65}.magnetic-core{fill:#ecfff7!important;stroke:#51b99e!important}.magnetic-ring,.magnetic-field{stroke:#55b99e!important} html[data-theme] .map-insight{background:transparent;border-top:1px solid #7994ab1c;border-radius:0;margin:0;padding:18px 0 22px;gap:14px;min-height:88px;color:var(--ink)} .map-insight .insight-count{font-family:var(--sans);font-size:12px;font-weight:500;border:1px solid #947dae30;border-radius:50%;width:28px;height:28px;min-width:28px;display:grid;place-items:center;color:var(--geo-violet)} .map-insight strong{font-size:13px;font-weight:500;line-height:1.5}.map-insight p{font-size:11px!important;color:var(--muted)!important;line-height:1.65;margin-top:4px;max-width:660px}.map-insight a{color:var(--green)!important;font-size:12px} .flow-foot{padding:5px 18px 0;margin-top:11px}.exploration-progress,.exploration-count{font-size:11px;color:var(--muted)}.exploration-stars{gap:6px}.exploration-stars i{width:7px;height:7px}.exploration-count{margin-left:6px} .guide-target{outline:2px solid #3dbb9d88!important;outline-offset:4px;animation:target-breathe 2.7s ease-in-out infinite!important} .guide-target .mini-door-leaf{transform:rotateY(-53deg)} /* Softer product surfaces continue the first-screen material language. */ .purpose{padding-top:95px;padding-bottom:90px}.purpose h2,.section-title,.benefits h2,.faq h2,.final-cta h2{font-family:var(--sans);font-weight:500;letter-spacing:-.045em;line-height:1.12} .purpose h2 .serif,.section-title .serif,.benefits .serif,.faq .serif,.final-cta h2 .serif{font-family:inherit;font-weight:inherit} html[data-theme] .product{position:relative;background:linear-gradient(130deg,#f2eff980,#e8f7f17a);border:1px solid #8298ab18} html[data-theme="dark"] .product{background:linear-gradient(130deg,#49375f1f,#153f3c24)} html[data-theme] .demo-shell{background:var(--glass);border:1px solid var(--glass-edge);box-shadow:var(--glass-shadow);border-radius:24px;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)} html[data-theme] .demo-top,html[data-theme] .chat-pane{background:transparent}.plan-pane{background:#b8d5db0c!important}.demo-top{border-color:#8298ab18}.chat-pane{border-color:#8298ab18} html[data-theme] .work-card{background:var(--glass-strong);border-color:var(--glass-edge);border-radius:17px;box-shadow:0 9px 30px -20px #243f6530} .user-bubble{border:1px solid #ffffff77;background:#dbeee980!important}.chat-input{border-radius:12px!important;background:var(--glass)!important}.work-card .btn{border-radius:9px} html[data-theme="dark"] .user-bubble{background:#2c4c4855!important;border-color:#708d871f} .demo-options button{border-radius:100px}.demo-options button[aria-pressed=true]{background:var(--glass-strong)!important;box-shadow:0 3px 10px #4c3d6907;color:var(--ink)!important;border-color:#ae95c666!important} .agency{border-radius:24px;box-shadow:0 17px 50px -30px #30314366;background:radial-gradient(ellipse at 80% 0,#58437545,transparent 65%),#172536} html[data-theme] .final-cta{background:radial-gradient(ellipse at 70% 50%,#c7b6ee38,transparent 60%),radial-gradient(ellipse at 25% 30%,#91dbc333,transparent 65%);border-top:1px solid #8298ab1c} html[data-theme] dialog{background:var(--glass-strong);border:1px solid var(--glass-edge);border-radius:24px;box-shadow:0 30px 100px #0c1c3745;backdrop-filter:blur(34px);-webkit-backdrop-filter:blur(34px)} dialog::backdrop{background:#17283840;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)} html[data-theme] .dialog-head{background:var(--glass);border-color:#8195ac22} html[data-theme] .peek-step{background:transparent}.peek-story-actions{position:relative;padding-top:8px} .peek-guide{display:flex;align-items:center;gap:8px;margin-top:12px;color:var(--green);font-size:11px;font-weight:500}.peek-guide svg{width:55px;height:42px;overflow:visible} .peek-guide .dog-actor{position:static;width:55px;height:42px;flex-shrink:0} @keyframes atmosphere-breathe{from{transform:translateX(-2%) scale(.96);opacity:.65}to{transform:translateX(2%) scale(1.04);opacity:1}} @keyframes orbit-glimmer{0%,100%{opacity:.4;transform:scale(.8)}50%{opacity:1;transform:scale(1.1)}} @keyframes target-breathe{0%,100%{outline-color:#3dbb9d30}50%{outline-color:#3dbb9db0}} .paused *, .paused *:before, .paused *:after{animation-play-state:paused!important}.paused .dog-actor{transition:none!important} @media(max-width:1100px){ .wrap{width:calc(100% - 56px)}.flow-grid{gap:26px;grid-template-columns:1fr .8fr 1.15fr 1fr}.hub{width:125px!important;height:125px!important} .nav-links{gap:20px}.nav-end .btn{font-size:12px}.flow-start .node-title{font-size:16px}.flow-branch strong{font-size:13px}.flow-branch small{font-size:9px}.outcome h3{font-size:21px!important}.flow-delivery{font-size:9px!important} } @media(max-width:800px){ .wrap{width:calc(100% - 40px)}header{height:66px}.hero{padding-top:30px}.hero h1{font-size:54px}.hero-copy-block{padding-top:17px}.hero-description{font-size:16px;max-width:500px} .nav-links{font-size:12px;gap:17px}.nav-end .btn{display:none}.flow-grid{gap:20px;padding-top:22px}.growth-map{padding:0 18px!important} .flow-start{padding:16px 13px!important;min-height:184px!important}.flow-start .node-title{font-size:14px}.flow-start .node-copy{font-size:10px!important}.node-action{font-size:11px!important} .hub{width:108px!important;height:108px!important}.hub strong{font-size:20px!important}.hub p{font-size:9px!important}.hub .phii-star{width:21px!important;height:21px!important} .flow-branch{padding:10px 9px!important;gap:7px;min-height:58px}.flow-branch strong{font-size:11px}.flow-branch small{font-size:8px}.branch-icon{width:23px;height:25px}.branch-icon .icon{width:15px;height:15px} .outcome{padding:16px 12px!important;min-height:181px!important}.outcome h3{font-size:20px!important}.outcome p{font-size:10px!important}.outcome-action{font-size:9px!important}.flow-delivery{display:none!important} .map-insight strong{font-size:12px}.map-insight a{font-size:10px}.dog-actor{width:118px;height:89px}.guide-lane{height:100px}.growth-map:after{top:76px}.map-top{top:93px;right:16px} } @media(max-width:620px){ .wrap{width:calc(100% - 34px)}header{height:64px}.nav{border-bottom:0;gap:12px}.nav .logo{font-size:27px}.brand-original{width:29px;height:33px}.nav-end{gap:8px} .theme-toggle,.mobile-menu{width:36px!important;height:36px!important;min-width:36px;padding:8px;border-radius:50%!important}.mobile-menu .icon{width:18px;height:18px}.theme-toggle svg{width:18px;height:18px} .nav-links{top:63px;border:1px solid var(--glass-edge);background:var(--glass-strong)!important;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);padding:12px 20px;border-radius:0 0 22px 22px}.nav-links a{font-size:14px} body:before{height:970px;background:radial-gradient(ellipse at 0 48%,#8cddc960,transparent 49%),radial-gradient(ellipse at 100% 45%,#cbb5ee66,transparent 49%)} .hero{padding-top:25px}.hero-intro{margin-bottom:3px}.hero .eyebrow{font-size:10px;letter-spacing:.035em;line-height:1.5} .hero h1{font-size:clamp(33px,9.9vw,43px);font-weight:550;line-height:1.08;letter-spacing:-.048em;margin:16px auto 0;max-width:390px} .hero h1 .serif{font-size:1em;line-height:1.08;letter-spacing:inherit;margin:1px auto 0;max-width:360px} .hero-copy-block{padding-top:16px}.hero-description{font-size:14px;line-height:1.65;max-width:315px;margin:0 auto} html[data-theme] .growth-map{padding:0 11px!important;margin:0 -4px;border-radius:23px} .growth-map:before{top:45px;bottom:80px;left:-10px;right:-10px;filter:blur(29px)}.growth-map:after{top:81px;border-radius:23px} .guide-lane{height:102px}.dog-actor{width:97px;height:73px}.guide-cue{font-size:10px;padding:7px 10px;bottom:26px;border-radius:11px 11px 11px 2px;max-width:180px;white-space:normal} .map-top{top:94px;right:11px}.motion-toggle{width:27px!important;height:27px!important;min-width:27px!important;min-height:27px!important;padding:7px!important}.motion-toggle .icon{width:11px!important;height:11px!important} .flow-grid{grid-template-columns:1fr .86fr 1.08fr;gap:21px;min-height:156px;padding:23px 0 19px} html[data-theme] .flow-start{min-height:133px!important;padding:13px 8px 11px!important;border-radius:15px;display:flex;flex-direction:column;align-items:center;justify-content:center;align-self:center} .flow-start .mini-door{width:24px;height:35px;margin:0 auto}.flow-start .node-title,.flow-start .node-copy{display:none!important} .flow-start .mobile-node-label{display:block;font-family:var(--sans);font-size:11px;font-weight:550;letter-spacing:-.01em;line-height:1.35;margin-top:10px} html[data-theme] .flow-start .node-action{font-size:10px!important;line-height:1.4;margin-top:7px;white-space:nowrap}.node-action .icon{display:none} html[data-theme] .hub{width:86px!important;height:86px!important;padding:8px;border-radius:50%;align-self:center;box-shadow:0 8px 22px -15px #7653a755,inset 0 1px 0 #fff8} .hub-orbit{inset:-5px}.hub-orbit:after{width:4px;height:4px;top:11px;right:10px} html[data-theme] .hub .phii-star{width:18px!important;height:18px!important}.hub strong{font-size:19px!important;margin-top:5px!important}.hub p{display:none} html[data-theme] .hub .mobile-focus{display:block;font-family:var(--sans);font-size:8px;line-height:1.4;color:#8a74a4;margin-top:2px;white-space:nowrap} .flow-branches{display:none} html[data-theme] .outcome{min-height:123px!important;padding:17px 8px!important;border-radius:16px;display:flex;flex-direction:column;align-items:center;justify-content:center} .outcome .node-step,.outcome h3,.outcome p,.outcome-action{display:none!important} html[data-theme] .outcome .mobile-node-label{font-family:var(--sans);font-size:18px;font-weight:550;line-height:1.18;letter-spacing:-.035em;color:#2d6658;display:block} .outcome .mobile-node-label small{display:block;font-size:11px;font-weight:400;letter-spacing:-.01em;margin-top:8px;line-height:1.35} .mobile-flow-controls{display:flex;gap:5px;justify-content:center;padding:5px 0 16px} html[data-theme] .mobile-flow-controls button{border:1px solid #aab9c32b;background:var(--glass);border-radius:100px;min-height:38px;padding:8px 11px;font-size:10px;font-weight:500;color:var(--muted);box-shadow:inset 0 1px 0 #ffffff55} html[data-theme] .mobile-flow-controls button.active{background:var(--glass-strong);border-color:#6bb79f66;color:var(--green);box-shadow:0 4px 9px #195e4a09,inset 0 1px 0 #fff8} html[data-theme] .map-insight{padding:14px 3px 17px;gap:9px;min-height:82px;align-items:flex-start} .map-insight .insight-count{width:24px;height:24px;min-width:24px;font-size:10px;margin-top:1px}.map-insight strong{font-size:11px;line-height:1.45}.map-insight p{font-size:10px!important;line-height:1.55;margin-top:4px}.map-insight>div{min-width:0}.map-insight a{display:none} .flow-foot{padding:5px 0 0;margin-top:8px;min-height:27px;display:flex;justify-content:center;flex-direction:column;gap:5px}.exploration-progress{font-size:9px;gap:6px}.exploration-count{font-size:9px;margin-left:2px}.exploration-stars{gap:4px}.exploration-stars i{width:6px;height:6px}.journey-next{margin:0;font-size:11px} .purpose{padding:59px 0;gap:25px}.purpose h2,.section-title,.faq .section-title{font-size:34px;line-height:1.12;letter-spacing:-.045em}.purpose-copy>p{font-size:15px;line-height:1.7}.question-row{font-size:13px;line-height:1.65} .product{padding:55px 0}.section-head>p{font-size:14px}.demo-shell{border-radius:18px!important}.chat-pane,.plan-pane{padding:23px 20px}.demo-top{font-size:10px}.chat-answer{font-size:14px}.user-bubble{font-size:12px}.work-card{padding:18px}.work-card h3{font-size:22px}.work-card p{font-size:13px} .benefits{padding:63px 0}.benefits-title p{font-size:14px}.agency{padding:29px 23px;border-radius:22px}.agency h2{font-size:30px}.final-cta h2{font-size:36px} dialog{border-radius:20px!important}.peek-guide{margin-top:8px;font-size:10px}.peek-guide svg,.peek-guide .dog-actor{width:49px;height:37px} } @media(max-width:360px){ .wrap{width:calc(100% - 28px)}.hero{padding-top:19px}.hero h1{font-size:33px}.hero-description{font-size:13px;max-width:286px}.hero-copy-block{padding-top:13px} .flow-grid{gap:15px;grid-template-columns:1fr .88fr 1.08fr}.hub{width:75px!important;height:75px!important}.hub strong{font-size:17px!important}.flow-start .mobile-node-label{font-size:10px} .outcome .mobile-node-label{font-size:16px!important}.outcome .mobile-node-label small{font-size:10px}.mobile-flow-controls{gap:4px}.mobile-flow-controls button{padding:8px!important;font-size:9px!important} .guide-cue{font-size:9px;max-width:150px}.dog-actor{width:88px;height:66px}.guide-lane{height:94px} .map-insight p{font-size:9px!important}.exploration-progress,.exploration-count{font-size:8px} } @media(prefers-reduced-motion:reduce){.dog-actor,.guide-cue{transition:none!important}.growth-map:before,.hub-orbit:after,.guide-target{animation:none!important}} /* The dog makes one straight walk to the primary action. */ .guide-lane{height:122px;overflow:hidden;pointer-events:auto} .guided-entry{position:absolute;left:calc(50% - 132px);bottom:15px;z-index:9;text-align:center} .guided-peek{min-width:172px;min-height:48px;justify-content:center;font-size:15px;gap:13px;box-shadow:inset 0 1px 0 #d9fff1b8,0 9px 24px -11px #118c7470} .guided-entry .entry-caption{font-size:10px;color:var(--muted);line-height:1.4;margin-top:8px;letter-spacing:.005em} .guide-lane .dog-actor{bottom:29px;left:80%;transition:none;--dog-direction:-1;--dog-paper:#f0f7f6;--dog-ink:#318e80} html[data-theme="dark"] .guide-lane .dog-actor{--dog-paper:#172735;--dog-ink:#8ad5c2} .guide-lane .dog-actor svg{filter:none} .growth-map:after{top:103px}.map-top{top:122px}.growth-map:before{top:65px} .hero h1 .serif{background:linear-gradient(100deg,#568580 10%,#8065b0 90%);-webkit-background-clip:text;background-clip:text} html[data-theme] .hero h1 .serif{color:transparent} @media(max-width:800px){.growth-map:after{top:97px}.map-top{top:116px}.guide-lane{height:116px}.guide-lane .dog-actor{bottom:29px}} @media(max-width:620px){ .guide-lane{height:113px}.guided-entry{left:calc(50% - 132px);bottom:10px}.guided-peek{min-width:163px;min-height:45px;font-size:13px;padding:11px 14px;gap:11px}.guided-entry .entry-caption{font-size:9px;margin-top:6px} .guide-lane .dog-actor{bottom:24px}.growth-map:after{top:94px}.map-top{top:109px} .hero h1{font-size:clamp(32px,9.5vw,40px)} } @media(max-width:360px){.guided-entry{left:calc(50% - 124px)}.guided-peek{min-width:154px;font-size:12px}.guide-lane .dog-actor{bottom:24px}.guide-lane{height:108px}.growth-map:after{top:91px}.map-top{top:107px}} .dog-held *{animation-play-state:paused!important} .guided-peek.dog-arrived{box-shadow:inset 0 1px 0 #d9fff1b8,0 0 0 4px #2bbfa80b,0 9px 24px -11px #118c7470} /* Mobile legibility and comparison controls. */ html[data-theme="dark"] .outcome .mobile-node-label{color:#c1efde} html[data-theme="dark"] .outcome .mobile-node-label small{color:#a9cebf} html[data-theme="dark"] .guide-lane .dog-actor{--dog-ink:#9be8d2;--dog-paper:#17302e} .dog-choice{position:absolute;inset:0}.dog-choice[hidden]{display:none} .guide-options{display:flex;justify-content:center;align-items:center;gap:10px;margin:15px auto 0;color:var(--muted);font-size:11px} .guide-options>span{font-size:10px}.guide-style-switch{display:flex;align-items:center;padding:3px;border:1px solid var(--glass-edge);border-radius:100px;background:var(--glass);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)} .guide-style-switch button{border:0;background:transparent;color:var(--muted);font-size:11px;border-radius:100px;padding:7px 12px;min-height:33px;min-width:55px} .guide-style-switch button[aria-pressed=true]{background:var(--glass-strong);color:var(--green);box-shadow:0 2px 7px #1e564412} .guide-options .replay-guide{border:0;background:transparent;border-radius:50%;color:var(--muted);height:38px;width:38px;padding:9px;display:grid;place-items:center}.replay-guide .icon{width:17px;height:17px} @media(max-width:620px){ html[data-theme] .mobile-flow-controls button{font-size:11px;min-height:44px;padding:10px 12px} .flow-start .mobile-node-label{font-size:12px}.flow-start .node-action{font-size:11px!important} .map-insight strong{font-size:12px}.map-insight p{font-size:11px!important;line-height:1.6} .map-insight{min-height:90px!important} .motion-toggle{position:relative;width:32px!important;height:32px!important}.motion-toggle:after{content:'';position:absolute;inset:-6px;border-radius:50%} .guide-style-switch button{font-size:11px;min-height:38px;padding:8px 13px}.guide-options{margin-top:10px}.guide-options .replay-guide{width:44px;height:44px} .guide-lane .dog-actor svg{stroke-width:2.6} } @media(max-width:360px){html[data-theme] .mobile-flow-controls button{font-size:10px!important;padding:9px!important}.map-insight p{font-size:10px!important}} .guided-entry{bottom:37px} @media(max-width:620px){.guided-entry{bottom:29px}.hero-description{max-width:320px}} @media(max-width:360px){.hero-description{max-width:290px}} /* Keep the moving light field within the phone canvas. */ @media(max-width:620px){.growth-map:before{left:5%;right:5%}} /* A neutral canvas, clear colour roles and a mobile journey with room to read. */ :root{ --geo-bg:#F7F8FA;--geo-panel:#F7F8FA;--geo-surface:#FFFFFF;--geo-surface2:#F0F2F5; --ink:#192638;--muted:#546174;--green:#087968;--brand:#2BBFA8;--brand-ink:#092D2A; --geo-violet:#6C459F;--geo-violet-soft:rgba(108,69,159,.07);--geo-second-ink:#6C459F; --line:#E1E5EB;--glass:rgba(255,255,255,.68);--glass-strong:rgba(255,255,255,.91); --glass-edge:rgba(255,255,255,.96);--v7-card:#FFFFFF;--v7-card-border:#E6E9EE; --v7-field:#F5F6F8;--v7-purple-field:#F7F3FC;--v7-active-edge:#B9A5D3; --v7-shadow:0 16px 42px -28px rgba(23,38,60,.25),0 2px 5px rgba(23,38,60,.025); } html[data-theme="dark"]{ --ink:#F2F5FA;--muted:#B7C2D0;--green:#7ED9C8;--geo-violet:#B38BE6;--geo-second-ink:#D6C2F2; --glass:rgba(26,36,50,.76);--glass-strong:rgba(26,36,50,.94);--glass-edge:rgba(198,212,234,.15); --v7-card:#182230;--v7-card-border:#2D3747;--v7-field:#1D293A;--v7-purple-field:#272238;--v7-active-edge:#79649B; --line:#2D3747;--v7-shadow:0 18px 42px -28px #050a1480,0 2px 5px #04090f0a; } body{background:var(--geo-bg)}body:before,html[data-theme="dark"] body:before{display:none} .hero:before{content:'';position:absolute;z-index:-1;pointer-events:none;left:20%;right:20%;top:260px;height:370px;background:radial-gradient(ellipse,#2BBFA813,transparent 68%);filter:blur(36px)} html[data-theme] .hero h1,html[data-theme] .hero h1 .serif{color:var(--ink);background:none;-webkit-text-fill-color:currentColor;-webkit-background-clip:initial;background-clip:initial;font-weight:550;letter-spacing:-.046em} .hero h1 .serif{color:var(--ink)}.hero .eyebrow{color:var(--green);font-size:12px;letter-spacing:.005em;text-transform:none;font-weight:500}.hero .eyebrow .dot{box-shadow:none} .hero-description{font-size:18px;line-height:1.55;color:var(--muted)} .btn-primary,.btn-lime,.btn-primary:hover,.btn-lime:hover{background:#2BBFA8!important;color:#092D2A!important;border:1px solid #23AA94!important;box-shadow:inset 0 1px 0 #bff4eaa6,0 4px 8px -5px #0a736755} .btn-primary:hover,.btn-lime:hover{background:#3BC8B1!important}.guided-peek{font-size:15px;min-height:48px;border-radius:14px} .guided-peek.dog-arrived{box-shadow:inset 0 1px 0 #bff4eaa6,0 4px 8px -5px #0a736755} html[data-theme] .growth-map:before{background:radial-gradient(ellipse at 40% 40%,#b38be611,transparent 65%);filter:blur(32px);animation:none;left:15%;right:15%;top:100px;bottom:30px} html[data-theme] .growth-map:after{background:var(--glass);border:1px solid var(--glass-edge);box-shadow:var(--v7-shadow);backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px)} html[data-theme] .flow-card,html[data-theme] .flow-start,html[data-theme] .flow-branch{background:var(--v7-card);border:1px solid var(--v7-card-border);color:var(--ink);box-shadow:0 6px 20px -15px #1a2d433b;backdrop-filter:none;-webkit-backdrop-filter:none} html[data-theme] .flow-start:hover{background:var(--v7-card);border-color:#8CBFAF;box-shadow:var(--v7-shadow)} html[data-theme] .flow-start .node-action{color:var(--green)} html[data-theme] .hub{background:var(--v7-purple-field);border-color:var(--v7-active-edge);box-shadow:0 7px 21px -12px #7653a729,inset 0 1px 0 #ffffff70;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)} html[data-theme] .hub strong,html[data-theme] .hub p,html[data-theme] .hub .mobile-focus,html[data-theme] .hub .phii-star{color:var(--geo-violet)} html[data-theme] .flow-branch.active{background:var(--v7-purple-field);border-color:var(--v7-active-edge);box-shadow:0 0 0 1px #7a55a307} html[data-theme] .find-icon,html[data-theme] .choose-icon,html[data-theme] .do-icon{background:var(--v7-purple-field);color:var(--geo-violet)} html[data-theme] .outcome{background:var(--v7-card);border-color:var(--v7-card-border);box-shadow:0 6px 20px -15px #1a2d433b} html[data-theme] .outcome h3,html[data-theme] .outcome p,html[data-theme] .outcome .mobile-node-label,html[data-theme] .outcome .node-step{color:var(--ink)} html[data-theme] .outcome p,html[data-theme] .outcome .node-step{color:var(--muted)} html[data-theme] .outcome-action,html[data-theme] .flow-delivery{color:var(--green)} html[data-theme] .map-insight{border-color:var(--line)}.map-insight .insight-count{color:var(--geo-violet)} html[data-theme] .flow-wire.active{stroke:#349E88;filter:none}html[data-theme] .flow-signal{stroke:#30B89E;filter:none}html[data-theme="dark"] .flow-wire.active{stroke:#5AC8B0} .guide-lane .dog-actor{--dog-ink:#267D6D;--dog-paper:#F7F8FA;--dog-collar:#7C5BA3} html[data-theme="dark"] .guide-lane .dog-actor{--dog-ink:#8CDBCB;--dog-paper:#0F1827;--dog-collar:#B38BE6} .guide-options{opacity:1}.guide-options>span,.guide-style-switch button{font-size:12px}.guide-style-switch{background:var(--glass);border-color:var(--v7-card-border)} html[data-theme] .product{background:var(--geo-surface2);border:0}html[data-theme] .demo-shell{background:var(--v7-card);border-color:var(--v7-card-border);box-shadow:var(--v7-shadow)} html[data-theme] .work-card{background:var(--geo-surface);border-color:var(--v7-card-border)} html[data-theme] .user-bubble{background:var(--v7-field)!important;border-color:var(--line)} html[data-theme] .demo-options button[aria-pressed=true]{background:var(--v7-card)!important;border-color:var(--v7-active-edge)!important;color:var(--geo-violet)!important} html[data-theme] .final-cta{background:var(--geo-surface2);border-color:var(--line)} .agency{background:#172536;border-color:#2D3747;box-shadow:none} .phone-journey{display:none} html[data-theme] .guide-style-switch button[aria-pressed=true]{background:var(--v7-card);color:var(--green);box-shadow:0 2px 7px #152f3908} html[data-theme] .motion-toggle{background:var(--glass);border-color:var(--glass-edge)} /* Mobile carries the same horizontal journey, with details at reading size. */ @media(max-width:620px){ .hero{padding-top:19px}.hero-intro{margin-bottom:0}.hero:before{left:10%;right:10%;top:230px;height:210px;background:radial-gradient(ellipse,#2BBFA80C,transparent 70%);filter:blur(25px)} .hero .eyebrow{font-size:11px;line-height:1.5}.hero h1{margin-top:15px;font-size:clamp(33px,9.5vw,40px);line-height:1.08}.hero h1 .serif{line-height:1.08} .hero-copy-block{padding-top:17px}.hero-description{font-size:15px;line-height:1.6;max-width:340px} .guide-lane{height:108px;overflow:hidden}.guided-entry{bottom:24px;left:calc(50% - 137px)}.guided-peek{min-width:170px;font-size:14px;min-height:48px;border-radius:14px} .guide-lane .dog-actor{width:104px;height:78px;bottom:22px}.guide-lane .dog-actor svg{stroke-width:2.45} html[data-theme] .growth-map{margin:0;padding:0!important;background:none;border-radius:0;box-shadow:none} html[data-theme] .growth-map:before,html[data-theme] .growth-map:after{display:none} .growth-map>.map-top,.growth-map>.flow-viewport,.growth-map>.mobile-flow-controls,.growth-map>.map-insight{display:none!important} .phone-journey{display:block;position:relative;margin-top:7px;text-align:left} .phone-journey-heading{display:flex;align-items:center;justify-content:space-between;padding:0 4px 11px;color:var(--muted);font-size:13px;font-weight:500;letter-spacing:-.01em} #phone-motion-toggle{display:grid;place-items:center;width:40px;height:40px;border:1px solid var(--glass-edge);border-radius:50%;background:var(--glass);color:var(--muted);box-shadow:0 2px 7px #18263807;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);position:relative} #phone-motion-toggle:after{content:'';position:absolute;inset:-3px;border-radius:50%}#phone-motion-toggle .icon{width:15px;height:15px} .phone-route{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;margin:0 0 19px} .phone-current{position:absolute;left:0;right:0;top:0;width:100%;height:58px;pointer-events:none;overflow:visible;z-index:0} .phone-wire{fill:none;stroke:var(--line);stroke-width:2}.phone-energy{fill:none;stroke:#2BBFA8;stroke-width:2;stroke-dasharray:16 55;animation:phone-flow 3.7s linear infinite;opacity:.6} .phone-current-light{fill:#fff;stroke:#159780;stroke-width:2;filter:drop-shadow(0 0 3px #2BBFA866)} .phone-stage{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:10px;min-width:0;min-height:88px;padding:0 3px 0;border:0;background:none;color:var(--muted);font-size:14px;font-weight:500;letter-spacing:-.012em;line-height:1.4} .phone-stage-icon{display:grid;place-items:center;width:56px;height:56px;border-radius:20px;background:var(--glass-strong);border:1px solid var(--v7-card-border);box-shadow:inset 0 1px 0 var(--glass-edge),0 5px 12px -7px #253c512e;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);transition:background .2s,border-color .2s,box-shadow .2s} .phone-stage-icon .icon{width:23px;height:23px;color:var(--muted)} .phone-stage.selected{color:var(--ink)}.phone-stage.selected .phone-stage-icon{background:var(--v7-card);border-color:#6FAF9F;box-shadow:0 0 0 3px #2BBFA80D,inset 0 1px 0 var(--glass-edge)} .phone-stage.selected .phone-stage-icon .icon{color:var(--green)} #phone-stage-phii.selected{color:var(--geo-violet)}#phone-stage-phii.selected .phone-stage-icon{background:var(--v7-purple-field);border-color:var(--v7-active-edge);box-shadow:0 0 0 4px #8c5acd08,inset 0 1px 0 var(--glass-edge)} #phone-stage-phii.selected .phone-stage-icon .icon{color:var(--geo-violet)} .phone-detail{border:1px solid var(--v7-card-border);background:var(--v7-card);border-radius:24px;box-shadow:var(--v7-shadow);padding:24px 22px;min-width:0;position:relative} .phone-detail:before{content:'';position:absolute;left:calc(50% - 8px);top:-9px;width:16px;height:16px;background:var(--v7-card);border-left:1px solid var(--v7-card-border);border-top:1px solid var(--v7-card-border);transform:rotate(45deg);transition:left .2s} .phone-detail[data-active-stage="site"]:before{left:calc(16.67% - 8px)}.phone-detail[data-active-stage="growth"]:before{left:calc(83.33% - 8px)} .phone-panel[hidden]{display:none}.phone-kicker{font-size:12px;color:var(--geo-violet);line-height:1.5;letter-spacing:.005em;font-weight:500;margin-bottom:11px} .phone-panel h2{font-family:var(--sans);font-size:25px;font-weight:550;letter-spacing:-.037em;line-height:1.16;color:var(--ink);margin:0} .phone-description{font-size:16px;line-height:1.65;color:var(--muted);margin-top:15px}.phone-description.secondary{margin-top:12px} .phone-facts{display:flex;flex-direction:column;gap:12px;margin-top:20px}.phone-facts span{display:flex;align-items:center;gap:10px;font-size:14px;line-height:1.5;color:var(--ink)}.phone-facts .icon{width:18px;height:18px;color:var(--geo-violet);flex-shrink:0} .phone-main-action{width:100%;margin-top:23px;min-height:48px;justify-content:center;font-size:15px} .phone-caption{font-size:12px;line-height:1.5;margin:11px 0 0;color:var(--muted)} .phone-path-list{display:flex;flex-direction:column;margin:19px -8px 0;gap:3px} .phone-path{display:flex;align-items:center;width:100%;min-height:70px;gap:12px;padding:12px 9px;border:1px solid transparent;border-radius:13px;background:transparent;text-align:left;color:var(--ink)} .phone-path.active{background:var(--v7-purple-field);border-color:#a68cc32b} .phone-path-icon{display:grid;place-items:center;width:32px;height:36px;flex-shrink:0;background:none;color:var(--geo-violet);border-radius:10px} .phone-path-icon .icon{width:21px;height:21px} .phone-path strong{display:block;font-size:16px;line-height:1.4;font-weight:550;letter-spacing:-.016em} .phone-path small{display:block;font-size:13px;line-height:1.5;margin-top:2px;color:var(--muted)} .phone-path-mark{margin-left:auto;width:16px;height:16px;min-width:16px;border:1px solid #8794a2;border-radius:50%;position:relative} .phone-path.active .phone-path-mark{border-color:var(--geo-violet);background:var(--geo-violet)}.phone-path.active .phone-path-mark:after{content:'';position:absolute;inset:5px;background:var(--v7-card);border-radius:50%} .phone-path.visited:not(.active) .phone-path-mark{border-color:var(--green)}.phone-path.visited:not(.active) .phone-path-mark:after{content:'✓';position:absolute;inset:-2px 0 0;text-align:center;line-height:18px;font-size:11px;color:var(--green)} .phone-path-detail{margin-top:18px;padding-top:18px;border-top:1px solid var(--line)} .phone-path-detail p{font-size:15px;line-height:1.65;color:var(--muted)} .phone-path-detail a{display:inline-flex;align-items:center;gap:8px;min-height:44px;font-size:14px;font-weight:500;color:var(--green);margin-top:6px}.phone-path-detail .icon{width:16px;height:16px} .flow-foot{padding:0;margin-top:16px;min-height:0}.exploration-progress{font-size:11px;line-height:1.6;gap:6px;justify-content:center}.exploration-count{font-size:11px}.exploration-stars i{width:6px;height:6px} .journey-next{font-size:14px;min-height:44px;margin-top:4px} .guide-options{margin-top:16px;gap:9px}.guide-options>span{font-size:12px}.guide-style-switch button{font-size:12px;min-height:38px;min-width:56px} .purpose{padding-top:62px}.purpose-copy>p{font-size:16px}.question-row{font-size:14px}.product .section-head>p{font-size:16px}.chat-answer{font-size:16px}.user-bubble{font-size:14px}.work-card p{font-size:15px} .demo-options button{font-size:12px;min-height:42px}.chat-person small,.plan-note,.control-strip small,.demo-disclaimer{font-size:12px}.plan-next{font-size:15px}.work-meta span,.evidence-row span{font-size:12px} .benefit p,.agency p,.faq details p{font-size:14px}.faq summary{font-size:15px}.benefits-title p,.final-cta p{font-size:16px} } @media(max-width:360px){ .hero h1{font-size:33px}.hero-description{font-size:14px;max-width:290px}.guided-entry{left:calc(50% - 128px)}.guided-peek{min-width:162px;font-size:13px}.guide-lane .dog-actor{width:94px;height:71px;bottom:23px} .phone-detail{padding:23px 18px}.phone-panel h2{font-size:24px}.phone-stage{font-size:13px}.phone-stage-icon{width:52px;height:52px;border-radius:18px}.phone-current{height:54px}.phone-path{gap:8px}.phone-path strong{font-size:16px}.phone-path small{font-size:12px} .phone-description{font-size:16px}.phone-facts span{font-size:13px}.phone-path-detail p{font-size:15px}.exploration-progress,.exploration-count{font-size:10px} } @keyframes phone-flow{to{stroke-dashoffset:-142}} @media(prefers-reduced-motion:reduce){.phone-energy{animation:none}.phone-current-traveller{display:none}.phone-detail:before{transition:none}} /* Geophii dog motion refinement. Load after dog.css. Artwork stays unchanged. Three unhurried four-beat steps during the existing 2.4-second approach. Feet spend 64% of each cycle planted; only the recovery phase lifts. CSS path morphing adds a little ankle flex in supporting browsers. */ .dog-actor { --dog-speed:.8s; } .dog-actor[data-state="walk"] .dog-rig { animation:none; transform:none; } .dog-actor[data-state="walk"] .dog-body { transform-box:view-box;transform-origin:105px 95px;animation:gd-v7-body var(--dog-speed) linear infinite; } .dog-actor[data-state="walk"] .dog-leg { animation:gd-v7-step var(--dog-speed) linear infinite; } .dog-actor[data-state="walk"] .dog-leg.back-near { animation-delay:0s; } .dog-actor[data-state="walk"] .dog-leg.front-near { animation-delay:calc(var(--dog-speed) * -.25); } .dog-actor[data-state="walk"] .dog-leg.back-far { animation-delay:calc(var(--dog-speed) * -.5); } .dog-actor[data-state="walk"] .dog-leg.front-far { animation-delay:calc(var(--dog-speed) * -.75); } .dog-actor[data-state="walk"] .dog-head { animation:gd-v7-head var(--dog-speed) ease-in-out infinite; } .dog-actor[data-state="walk"] .dog-tail { animation:gd-v7-wag 1.15s ease-in-out infinite; } .dog-actor[data-state="walk"] .dog-tag { animation:gd-v7-tag var(--dog-speed) ease-in-out infinite; } .dog-actor[data-state="walk"] .dog-shadow { animation:gd-v7-shadow var(--dog-speed) ease-in-out infinite; } .dog-actor[data-state="idle"] .dog-rig { animation:gd-v7-breathe 4.2s ease-in-out infinite; } .dog-actor[data-state="idle"] .dog-tail { animation:gd-v7-wag 3.6s ease-in-out infinite; } .dog-actor[data-state="sniff"] .dog-head { animation:gd-v7-sniff 3s ease-in-out 1 both; } .dog-actor[data-state="sniff"] .dog-nose { animation:gd-v7-nose 3s ease-in-out 1 both; } .dog-actor[data-state="sniff"] .dog-tail { animation:gd-v7-wag 1.5s ease-in-out infinite; } .dog-actor[data-state="sniff"] .dog-leg.front-near { animation:gd-v7-brace 3s ease-in-out 1 both; } @keyframes gd-v7-step { 0%,100% { transform:translate(0,1.6px) rotate(-11deg); } 16% { transform:translate(0,.8px) rotate(-5.5deg); } 32% { transform:translate(0,0) rotate(0); } 48% { transform:translate(0,-.35px) rotate(5.5deg); } 64% { transform:translate(0,-.25px) rotate(11deg); } 73% { transform:translate(0,-3.4px) rotate(9deg); } 82% { transform:translate(0,-5.2px) rotate(-1deg); } 92% { transform:translate(0,-2.5px) rotate(-9deg); } } @keyframes gd-v7-body { 0%,50%,100% { transform:translateY(0) rotate(.2deg); } 25%,75% { transform:translateY(-.7px) rotate(-.2deg); } } @keyframes gd-v7-head { 0%,100% { transform:translateY(.25px) rotate(.75deg); } 25% { transform:translateY(-.6px) rotate(-.45deg); } 50% { transform:translateY(0) rotate(.25deg); } 75% { transform:translateY(-.5px) rotate(-.7deg); } } @keyframes gd-v7-wag { 0%,100% { transform:rotate(-2deg); } 50% { transform:rotate(5deg); } } @keyframes gd-v7-tag { 0%,100% { transform:rotate(-4deg); } 50% { transform:rotate(5deg); } } @keyframes gd-v7-shadow { 0%,50%,100% { transform:scaleX(1); } 25%,75% { transform:scaleX(.975); } } @keyframes gd-v7-breathe { 0%,100% { transform:translateY(0); } 50% { transform:translateY(-.45px); } } @keyframes gd-v7-sniff { 0%,100% { transform:translate(0,0) rotate(0); } 18% { transform:translate(1px,1px) rotate(7deg); } 31% { transform:translate(1.8px,1.8px) rotate(12deg); } 37% { transform:translate(2.6px,1.8px) rotate(10.5deg); } 44% { transform:translate(1.8px,2px) rotate(12.5deg); } 51% { transform:translate(2.7px,2px) rotate(11deg); } 59% { transform:translate(1.5px,1.7px) rotate(12deg); } 77% { transform:translate(.5px,.8px) rotate(5deg); } } @keyframes gd-v7-nose { 0%,29%,40%,44%,54%,100% { transform:scale(1); } 35%,49% { transform:scale(1.065,1.025); } } @keyframes gd-v7-brace { 0%,100% { transform:none; } 24%,65% { transform:translateX(.6px) rotate(-1.8deg); } } @supports (d:path("M0 0L1 1")) { .dog-actor[data-state="walk"] .dog-leg.front-near>path:first-child { animation:gd-v7-front-flex var(--dog-speed) linear infinite; animation-delay:calc(var(--dog-speed) * -.25); } .dog-actor[data-state="walk"] .dog-leg.back-near>path:first-child { animation:gd-v7-back-flex var(--dog-speed) linear infinite; } .dog-actor[data-state="walk"] .dog-leg.front-near>path:last-child { transform-box:view-box;transform-origin:143px 132px;animation:gd-v7-toe var(--dog-speed) linear infinite;animation-delay:calc(var(--dog-speed) * -.25); } .dog-actor[data-state="walk"] .dog-leg.back-near>path:last-child { transform-box:view-box;transform-origin:79px 132px;animation:gd-v7-toe var(--dog-speed) linear infinite; } @keyframes gd-v7-front-flex { 0%,64%,100% { d:path("M124 96 L123 128 C123 132 125 134 128 134 L148 134 C152 134 153 132 152 129 C150 125 144 124 138 124 L139 100"); } 81% { d:path("M124 96 L120 123 C120 127 122 130 125 130 L145 132 C149 133 151 131 150 128 C149 124 143 122 137 122 L139 100"); } } @keyframes gd-v7-back-flex { 0%,64%,100% { d:path("M71 85 C62 86 56 95 59 104 L66 113 L60 128 C59 131 60 134 64 134 L84 134 C88 134 90 132 89 129 C88 125 83 124 77 124 L84 106 C86 100 84 94 80 91"); } 81% { d:path("M71 85 C62 86 56 95 59 104 L67 112 L61 124 C60 127 61 130 65 130 L84 132 C88 133 90 131 89 128 C88 124 83 122 77 121 L84 106 C86 100 84 94 80 91"); } } @keyframes gd-v7-toe { 0%,64%,100% { transform:none; } 81% { transform:translate(-1px,-2.2px) rotate(7deg); } } } body.paused .dog-actor *,body.motion-paused .dog-actor *,.dog-actor.dog-held * { animation-play-state:paused!important; } @media (prefers-reduced-motion:reduce) { .dog-actor * { animation:none!important;transition:none!important; } } #start-dialog{width:min(760px,calc(100% - 32px));max-width:760px;max-height:calc(100svh - 32px);border-radius:26px;border:1px solid var(--v8-edge);box-shadow:0 30px 90px #060c2433;background:var(--geo-bg)} #start-dialog .dialog-head{min-height:58px;padding:15px 22px;background:transparent;border-bottom:1px solid var(--line);gap:12px}#start-dialog .dialog-head strong{font-size:12px;font-weight:500;color:var(--muted);flex:1}#start-dialog .close{width:32px;height:32px;border-radius:50%;background:var(--v8-glass);border:1px solid var(--v8-edge);font-size:24px;color:var(--ink);display:grid;place-items:center;line-height:1}#peek-motion{width:32px;height:32px;border:1px solid var(--v8-edge);background:var(--v8-glass);border-radius:50%;color:var(--muted);display:grid;place-items:center;position:relative}#peek-motion:after{content:'';position:absolute;inset:-6px}#peek-motion .icon{width:13px;height:13px} .peek-v8{display:block;min-height:0;background:none!important;padding:25px 32px 20px}.peek-v8[hidden]{display:none}.peek-v8-title{text-align:center}.peek-v8-title h2{font-family:var(--sans);font-size:35px;letter-spacing:-.045em;line-height:1.13;font-weight:550;color:var(--ink);margin:0} .peek-flow-scene{position:relative;margin:24px auto 22px;max-width:630px;height:292px;--peek-door:0;--peek-joy:0;--peek-wag:0;--peek-delivery:0}.peek-flow-scene:before{content:'';position:absolute;left:20%;right:20%;top:20%;bottom:12%;background:radial-gradient(ellipse,#B398D91F,transparent 68%);z-index:0}.peek-inputs{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;position:relative;z-index:2}.peek-input{display:flex;align-items:center;justify-content:center;gap:7px;min-height:40px;padding:8px;border:1px solid var(--v8-edge);background:var(--v8-glass);border-radius:12px;font-size:12px;font-weight:450;line-height:1.4;color:var(--muted);box-shadow:0 4px 8px -5px #40305620}.peek-input .icon{width:15px;height:15px;flex-shrink:0;color:var(--green)} .peek-portal{position:absolute;top:81px;left:calc(50% - 34px);width:68px;height:115px;z-index:3}.peek-portal .door-frame{width:68px;height:99px;left:auto;bottom:auto;top:auto;position:relative;margin:0;perspective:430px;border:2px solid #BAA2D5;border-radius:12px 12px 2px 2px;background:#D6C2F2;box-shadow:0 0 25px #B38BE627,0 9px 14px -7px #765B9359}.peek-portal .door-light{border-radius:9px 9px 0 0;background:radial-gradient(ellipse at 25% 15%,#FFF,#D7C5ED 55%,#B399D2)}.peek-portal .door-light .icon{width:33px;height:33px;color:#8C65AF;filter:drop-shadow(0 0 6px #fff);transform:scale(calc(.95 + var(--peek-delivery) * .1))}.peek-portal .door-leaf{animation:none!important;inset:-1px;border:1px solid #A184BF;border-radius:11px 11px 1px 1px;background:linear-gradient(135deg,#B39CCB,#796094);transform:rotateY(calc(-9deg - var(--peek-door) * 67deg));box-shadow:3px 0 8px #77578C44}.peek-portal .door-panel{inset:9px;border:1px solid #DED1EF66;border-radius:5px}.peek-portal .door-handle{width:3px;height:13px;right:8px;top:51%;background:#FAF7FF;box-shadow:0 0 4px #fff9}.peek-phii-label{position:absolute;top:104px;left:0;right:0;text-align:center;font-size:12px;color:var(--geo-violet);font-weight:500} .peek-dog.dog-actor{position:absolute;left:61px!important;bottom:0!important;width:112px;height:84px;pointer-events:none;opacity:1;--dog-ink:#478D7E;--dog-paper:var(--geo-bg);--dog-collar:#A98BC9;transform:translateY(calc(var(--peek-joy) * -7px)) rotate(calc(var(--peek-joy) * -3deg));filter:none!important}.peek-dog .dog-rig{animation:none!important;transform:none}.peek-dog .dog-tail{animation:none!important;transform:rotate(calc(var(--peek-wag) * 12deg));transform-box:view-box;transform-origin:67px 79px}.peek-dog .dog-head{animation:none!important;transform:rotate(calc(var(--peek-joy) * -6deg))}.peek-dog .dog-leg{animation:none!important}.peek-dog .dog-shadow{opacity:calc(.06 - var(--peek-joy) * .03)} .peek-outputs{position:absolute;bottom:0;left:0;right:0;display:grid;grid-template-columns:repeat(3,1fr);gap:12px;z-index:2}.peek-output{display:flex;align-items:center;justify-content:center;gap:8px;min-height:49px;border-radius:14px;padding:10px 8px;background:var(--v8-glass);border:1px solid var(--v8-edge);box-shadow:0 4px 10px -7px #40305633;transform:translateY(calc(var(--peek-delivery) * -2px))}.peek-output strong{font-size:12px;font-weight:500;color:var(--ink);line-height:1.4}.peek-output .icon{width:16px;height:16px;min-width:16px;color:var(--geo-violet)} #peek-knowledge-lines{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none;z-index:1}.peek-wire{stroke:var(--v8-wire);stroke-width:1;fill:none}.peek-in-dot{fill:#6FB7A5;stroke:var(--geo-bg);stroke-width:1}.peek-out-dot{fill:#B395CF;stroke:var(--geo-bg);stroke-width:1}.peek-v8-actions{display:flex;flex-direction:column;align-items:center;gap:9px}.peek-v8-actions .btn{min-height:49px;font-size:15px;padding:12px 25px;gap:18px}.peek-v8-actions .text-link{font-size:12px;color:var(--muted);min-height:37px;font-weight:450}.peek-v8-note{font-size:10px;line-height:1.5;text-align:center;color:var(--muted);margin:11px 0 0} #preview-website{margin-top:14px;min-height:48px;font-size:14px;gap:12px}.preview-bottom .btn:first-child{background:var(--v8-plane)!important;color:var(--geo-violet)!important;border:1px solid var(--v8-edge)!important;box-shadow:none!important}.preview-bottom .btn:first-child:disabled{opacity:.8}.website-step .peek-progress{display:none}.website-step .eyebrow{display:none}.website-step h2{font-family:var(--sans);font-size:29px;letter-spacing:-.035em}.website-step .website-field{min-height:50px;font-size:16px;border-radius:13px}.website-step .goal-select button{font-size:13px;min-height:46px;border-radius:12px}.website-step .prototype-notice{font-size:11px;line-height:1.5} html[data-theme="dark"] .peek-portal .door-light{background:radial-gradient(ellipse at 25% 15%,#F0DBFF,#C1A1E0 55%,#8D6BAA)}html[data-theme="dark"] .peek-portal .door-leaf{background:linear-gradient(135deg,#746187,#3A314B);border-color:#AA90C7}html[data-theme="dark"] .peek-dog.dog-actor{--dog-ink:#A1DCCD;--dog-collar:#B38BE6} @media(max-width:620px){#start-dialog{width:calc(100% - 24px);max-height:calc(100svh - 24px);border-radius:22px}#start-dialog .dialog-head{min-height:47px;padding:10px 15px;gap:10px}.peek-v8{padding:19px 16px 15px}.peek-v8-title h2{font-size:28px;line-height:1.12}.peek-flow-scene{margin:19px 0 18px;height:285px}.peek-inputs{grid-template-columns:1fr 1fr;gap:7px}.peek-input{font-size:11px;min-height:32px;padding:6px;gap:6px;border-radius:10px}.peek-input .icon{width:13px;height:13px}.peek-portal{top:108px;left:calc(50% - 28px);width:56px;height:95px}.peek-portal .door-frame{width:56px;height:82px;border-radius:9px 9px 1px 1px}.peek-portal .door-leaf{border-radius:8px 8px 0 0}.peek-portal .door-light{border-radius:7px 7px 0 0}.peek-portal .door-light .icon{width:28px;height:28px}.peek-phii-label{top:86px;font-size:11px}.peek-dog.dog-actor{left:49px!important;bottom:-1px!important;width:87px;height:65px}.peek-outputs{gap:7px}.peek-output{min-height:52px;padding:8px 5px;gap:3px;flex-direction:column;border-radius:11px;text-align:center}.peek-output .icon{width:14px;height:14px}.peek-output strong{font-size:10px;line-height:1.4;font-weight:500}.peek-v8-actions{gap:5px}.peek-v8-actions .btn{width:100%;min-height:48px;font-size:14px;padding-inline:13px;justify-content:center}.peek-v8-actions .text-link{font-size:12px;min-height:33px}.peek-v8-note{font-size:9px;margin-top:7px}#preview-website{width:100%;justify-content:center}.website-step h2{font-size:26px}.website-step .onboard-actions .btn{font-size:13px}.website-step .dialog-content{padding:20px}} @media(prefers-reduced-motion:reduce){.peek-dog.dog-actor{transform:none!important}.peek-dog .dog-tail,.peek-dog .dog-head{transform:none!important}.peek-in-dot,.peek-out-dot{display:none}.peek-portal .door-leaf{transform:rotateY(-65deg)!important}} .peek-dog .dog-facing{transform:scaleX(-1)} @media(max-width:620px){.peek-input{font-size:12px}.peek-output strong{font-size:12px}.peek-v8-note{font-size:10px}.peek-v8-actions .text-link{font-size:13px}} /* The hero is one composed product illustration. Text and motion have separate space. */ :root{--geo-bg:#FAFAFC;--geo-panel:#FAFAFC;--ink:#141A24;--muted:#576172;--paper:#FAFAFC;--v8-white:#fff;--v8-glass:rgba(255,255,255,.77);--v8-edge:rgba(159,163,186,.25);--v8-shadow:0 18px 36px -20px #43475D40,0 2px 6px #26335306;--v8-wire:#DBDEE6;--v8-plane:#F5F2FA;--v8-core-ink:#674092} html[data-theme="dark"]{--geo-bg:#0F1827;--geo-panel:#0F1827;--geo-surface:#121B28;--geo-surface2:#1A2432;--geo-border:#1D2736;--geo-border2:#3B424D;--ink:#F2F5FA;--muted:#B7C2D0;--paper:#0F1827;--v8-white:#182433;--v8-glass:rgba(30,42,58,.83);--v8-edge:rgba(171,192,217,.2);--v8-shadow:0 24px 36px -24px #0009,0 2px 6px #050a1426;--v8-wire:#354256;--v8-plane:#1E2537;--v8-core-ink:#F4ECFF} body{background:var(--geo-bg)}.wrap{width:min(1220px,calc(100% - 64px))}header{height:76px;border:0!important;background:transparent!important;backdrop-filter:none}.nav{border-bottom:1px solid var(--line)}.nav-links{gap:30px}.nav-links a{font-size:13px;font-weight:500}.nav .logo{font-size:30px}.nav-end .btn{font-size:13px;border-radius:999px;min-height:42px;padding:10px 18px}.theme-toggle,.mobile-menu{border:1px solid var(--v8-edge)!important;background:var(--v8-glass)!important;box-shadow:none!important} html[data-theme] .hero{padding-top:34px;position:relative;max-width:1220px}.hero:before{display:none}.hero-intro{display:block;text-align:center;margin:0}.hero .eyebrow{color:var(--green);font-size:12px;font-weight:500;line-height:1.5;letter-spacing:.01em}.hero-heading-block{position:relative}.hero h1{font-family:var(--sans);font-size:clamp(50px,5.25vw,72px)!important;max-width:1100px;margin:15px auto 0!important;line-height:1.045!important;letter-spacing:-.065em!important;font-weight:600!important}.hero h1 .serif{font-family:inherit;font-size:1em!important;line-height:inherit!important;letter-spacing:inherit!important;font-weight:inherit!important;white-space:normal!important}.hero-copy-block{display:block;padding-top:19px}.hero-description{max-width:580px;font-size:18px;line-height:1.6;margin:0 auto}.hero-actions{display:none!important} .btn-primary,.btn-lime,.btn-primary:hover,.btn-lime:hover{border:0!important;background:#162D2B!important;color:#fff!important;box-shadow:inset 0 1px 1px #ffffff26,0 5px 10px -7px #132b2966!important;border-radius:999px}.btn-primary:hover,.btn-lime:hover{background:#23453F!important;transform:translateY(-1px)}.guided-peek{min-width:170px;min-height:48px;font-size:15px;font-weight:550;gap:17px}.guided-peek .icon{width:20px;height:20px}.guided-entry{left:calc(50% - 128px)!important;bottom:12px!important}.guide-lane{position:relative;margin:0 auto;height:82px;max-width:480px;overflow:hidden;z-index:3}.guide-lane .dog-actor{width:102px;height:76px;bottom:8px;--dog-paper:#FAFAFC;--dog-ink:#3C887C;--dog-collar:#997BB5}.guide-lane .dog-actor svg{stroke-width:2.3}.guide-lane:before,.guide-lane:after{display:none!important}html[data-theme="dark"] .guide-lane .dog-actor{--dog-paper:#0F1827;--dog-ink:#8CD0C2;--dog-collar:#B38BE6}html[data-theme="dark"] .btn-primary,html[data-theme="dark"] .btn-lime{background:#65D4BC!important;color:#102F2B!important} .v8-legacy[hidden]{display:none!important}.v8-experience{position:relative;max-width:940px;margin:2px auto 0;isolation:isolate}.v8-scene{position:relative;display:grid;grid-template-columns:1fr 1fr 1.2fr;gap:70px;align-items:center;height:254px;padding:14px 55px 22px;--core-power:0;--site-scan:0;--plan-power:0;--phase-in:0;--phase-out:0;--bloom:0} .v8-stage-light{position:absolute;z-index:-2;left:-10%;right:-10%;top:3%;bottom:-2%;border-radius:50%;background:radial-gradient(ellipse at 50% 52%,#E7DEF478 0%,#F4EFFA70 27%,#EBF7F250 57%,transparent 73%);pointer-events:none} .v8-stage-light:after{content:'';position:absolute;inset:34% 3% 15%;background:linear-gradient(175deg,transparent 0%,#FFF9 32%,#e9e9f530 65%,transparent);border-radius:50%;transform:perspective(500px) rotateX(56deg);border-top:1px solid #fff} .v8-object{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:19px}.v8-object-label{font-size:14px;line-height:1.5;letter-spacing:-.014em;color:var(--muted);font-weight:500;white-space:nowrap}.v8-object-label strong{font-weight:550;color:var(--v8-core-ink)} .v8-site{position:relative;width:184px;height:140px;border:1px solid var(--v8-edge);border-top-color:#fff;border-radius:17px;background:var(--v8-glass);box-shadow:var(--v8-shadow),inset 0 1px 0 #fff;transform:perspective(650px) rotateY(9deg) rotateZ(-5deg);transition:transform .45s cubic-bezier(.22,.68,0,1.2),box-shadow .4s;overflow:hidden;padding:0;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.v8-site:hover{transform:perspective(650px) rotateY(0) rotateZ(-2deg) translateY(-4px);box-shadow:0 22px 34px -20px #39315166} .v8-browser-bar{display:flex;gap:4px;align-items:center;height:26px;padding:0 11px;border-bottom:1px solid var(--v8-edge)}.v8-browser-bar i{width:4px;height:4px;border-radius:50%;background:#C8CBD3}.v8-browser-bar b{margin-left:11px;width:63%;height:7px;background:var(--v8-plane);border-radius:9px} .v8-mini-site{display:flex;align-items:center;gap:12px;padding:19px 14px}.v8-mini-photo{display:grid;place-items:center;width:65px;height:75px;background:linear-gradient(135deg,#A7D5C1,#BFCFCE);border-radius:8px;color:#578F7B;overflow:hidden}.v8-mini-photo svg{width:74px;height:65px;transform:rotate(-9deg) translate(-1px,10px)}.v8-mini-lines{display:flex;flex-direction:column;align-items:flex-start;gap:7px;flex:1}.v8-mini-lines i{width:100%;height:5px;background:#B3BCC9;border-radius:3px}.v8-mini-lines i:nth-child(2){width:75%;height:4px;opacity:.5}.v8-mini-lines b{margin-top:6px;width:74%;height:14px;border-radius:10px;background:#548D7C} .v8-scan{position:absolute;inset:-30% -40%;background:linear-gradient(110deg,transparent 32%,#ffffffa8 48%,transparent 63%);transform:translateX(calc(-90% + var(--site-scan) * 180%));opacity:var(--site-scan-opacity,0);pointer-events:none} .v8-core{width:162px;height:162px;position:relative;display:grid;place-items:center;border:0;background:none;padding:0;isolation:isolate;transform:scale(calc(1 + var(--core-power) * .025));outline-offset:8px;border-radius:50%}.v8-core:before{content:'';position:absolute;inset:-22px;border-radius:50%;background:radial-gradient(circle,#AD8CDD28,transparent 69%);opacity:calc(.45 + var(--core-power) * .55);z-index:-2} .v8-core-rim{position:absolute;inset:-10px;border-radius:50%;border:1px solid #AD99CD44;box-shadow:inset 0 0 0 6px #FFFFFF32;transform:rotate(calc(var(--time-turn,0) * 1deg));background:conic-gradient(from 30deg,transparent 10%,#fff9 15%,transparent 22%,transparent 53%,#A391C72B 67%,transparent 80%)} .v8-core-body{display:grid;place-items:center;position:absolute;inset:0;border-radius:50%;overflow:hidden;background:radial-gradient(ellipse at 30% 18%,#fff 0%,#F5F0FC 17%,#DFD1F0 41%,#C4B0DF 70%,#A692C2 100%);border:1px solid #fff;box-shadow:inset 0 4px 10px #fff, inset -5px -8px 16px #7D629A28,0 21px 29px -16px #8671966e,0 0 25px #b998d51a} .v8-core-body:after{content:'';position:absolute;inset:4px;border:1px solid #fff8;border-radius:50%;box-shadow:inset 0 0 13px #ffffff54}.v8-core-body svg{width:64px;height:64px;stroke:#7B54A5;stroke-width:1.8;fill:#FAF5FF;filter:drop-shadow(0 3px 3px #6E459F28);position:relative;z-index:2;transform:rotate(calc(var(--core-power) * 5deg)) scale(calc(1 + var(--core-power) * .05))} .v8-core-glint{position:absolute;left:12%;top:5%;width:61%;height:34%;background:linear-gradient(#fff9,#fff0);border-radius:50%;filter:blur(2px);transform:rotate(-25deg)}.v8-core-satellite{position:absolute;width:8px;height:8px;background:#AF91CE;border:1px solid #FBF6FF;border-radius:50%;top:-4px;left:76%;box-shadow:0 2px 5px #83679822;transform:translateY(calc(var(--core-power) * -2px))} .v8-plan{position:relative;display:flex;flex-direction:column;gap:8px;width:216px;padding:15px 17px 17px;border-radius:18px;border:1px solid var(--v8-edge);border-top-color:#fff;background:var(--v8-glass);box-shadow:var(--v8-shadow),inset 0 1px 0 #fff;transform:perspective(650px) rotateY(-8deg) rotateZ(4deg) translateY(calc(var(--plan-power) * -3px));backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);text-align:left;transition:box-shadow .3s} .v8-plan:before{content:'';position:absolute;inset:3px;border:1px solid #fff5;border-radius:15px;pointer-events:none}.v8-plan:after{content:'';position:absolute;inset:-7px;border:1px solid #AD8BD4;border-radius:24px;opacity:calc(var(--plan-ring,0) * .45);transform:scale(calc(1 + (1 - var(--plan-ring,0)) * .06));pointer-events:none}.v8-plan:hover{box-shadow:0 21px 36px -18px #53427355} .v8-plan-heading{display:flex;align-items:center;gap:7px;font-size:11px;font-weight:500;color:var(--muted);padding-bottom:7px;border-bottom:1px solid var(--v8-edge);white-space:nowrap}.v8-plan-spark{font-size:15px;color:var(--geo-violet)}.v8-plan-arrow{margin-left:auto;font-size:15px}.v8-plan-row{display:flex;align-items:center;gap:9px;font-size:14px;line-height:1.4;font-weight:500;color:var(--ink);border-radius:8px;padding:4px 0}.v8-plan-row .icon{width:17px;height:17px;stroke-width:1.5;color:var(--geo-violet)}.v8-plan-row i{width:5px;height:5px;background:#B59ACF;border-radius:50%;margin-left:auto;opacity:calc(.18 + var(--plan-power) * .82)} .v8-current{position:absolute;inset:0;width:100%;height:100%;overflow:visible;z-index:1;pointer-events:none}.v8-wire{fill:none;stroke:var(--v8-wire);stroke-width:1.5;stroke-linecap:round}.v8-trail{fill:none;stroke-width:3;stroke-linecap:round;filter:drop-shadow(0 0 4px #39BA944D)}.v8-trail-green{stroke:#3EAD91}.v8-trail-purple{stroke:#AB86CE;filter:drop-shadow(0 0 5px #AB86CE5D)}.v8-signal{fill:#FFF;stroke:#33A78C;stroke-width:1.7;filter:drop-shadow(0 0 4px #44BCA5AA)}.v8-signal-purple{stroke:#A277C5;filter:drop-shadow(0 0 4px #AC86CF88)} .v8-scene-foot{display:flex;align-items:center;justify-content:center;gap:12px;margin:0 auto 0;height:37px}.v8-scene-foot p{font-size:14px;color:var(--muted);line-height:1.5;letter-spacing:-.01em}.v8-scene-foot button{width:34px;height:34px;border-radius:50%;border:1px solid var(--v8-edge);background:var(--v8-glass);display:grid;place-items:center;color:var(--muted);position:relative}.v8-scene-foot button:after{content:'';position:absolute;inset:-5px}.v8-scene-foot button .icon{width:13px;height:13px} .v8-explore{max-width:870px;margin:34px auto 0;padding:24px 26px 19px;border-top:1px solid var(--line);text-align:left}.v8-explore-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:17px}.v8-explore-head>p{font-size:12px;color:var(--muted);font-weight:500}.v8-explore-head>span{font-size:11px;color:var(--muted)}.v8-paths{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.v8-paths button{display:flex;align-items:center;justify-content:center;gap:10px;min-height:50px;border:1px solid var(--v8-edge);background:var(--v8-glass);color:var(--muted);border-radius:16px;font-size:15px;letter-spacing:-.02em;font-weight:500;transition:background .2s,box-shadow .2s}.v8-paths button .icon{width:18px;height:18px}.v8-paths button.active{color:var(--v8-core-ink);background:var(--v8-plane);border-color:#BAA6D259;box-shadow:inset 0 1px 0 #fff5}.v8-paths button.visited:after{content:'✓';color:var(--green);font-size:11px} html[data-theme] .v8-explore .map-insight{border:0!important;box-shadow:none;background:none!important;display:grid!important;grid-template-columns:1fr auto;gap:18px;align-items:center;padding:20px 3px 4px;margin:0;min-height:106px}.v8-explore .map-insight>.insight-count{display:none}.v8-explore .map-insight strong{font-size:18px;font-weight:550;line-height:1.4;color:var(--ink)}.v8-explore .map-insight p{font-size:14px;line-height:1.65;color:var(--muted);margin-top:7px}.v8-explore .map-insight a{font-size:13px;white-space:nowrap;color:var(--green);min-height:44px;display:flex;align-items:center}.v8-explore .flow-foot{margin:14px 3px 0;padding-top:13px;border-top:1px solid var(--line)}.v8-explore .exploration-progress{font-size:11px;color:var(--muted);justify-content:flex-start}.v8-explore .exploration-count{font-size:11px}.v8-explore .guide-options{margin:18px 0 0;justify-content:flex-end}.guide-options>span,.guide-style-switch button{font-size:11px}.guide-style-switch button{min-height:32px;min-width:49px}.replay-guide{width:34px;height:34px} .purpose{padding:80px 0;gap:85px}.purpose h2{font-family:var(--sans);font-size:46px;font-weight:550;letter-spacing:-.055em;line-height:1.1}.purpose h2 .serif{font-family:inherit;color:var(--geo-violet);font-weight:inherit}.purpose-copy>p{font-size:18px;line-height:1.7}.question-row{border:0;padding:17px 0}.product{padding:75px 0}.section-title,.benefits-title h2,.final-cta h2{font-family:var(--sans);font-weight:550;letter-spacing:-.055em}.section-title .serif,.benefits-title h2 .serif,.final-cta h2 .serif{font-family:inherit}.demo-shell{border-radius:25px!important;box-shadow:var(--v8-shadow)!important;overflow:hidden}.demo-options button{border-radius:999px!important}.work-card{border-radius:18px!important}.benefit{border-radius:24px!important;box-shadow:none!important}.agency{border-radius:28px}.faq{padding:70px 0}.faq summary{padding-top:21px;padding-bottom:21px}.final-cta{padding:65px 0;background:var(--geo-bg)!important;border-top:1px solid var(--line)!important} html[data-theme="dark"] .v8-stage-light{background:radial-gradient(ellipse at 50% 48%,#9E6EC720 0%,#42486510 44%,transparent 70%)}html[data-theme="dark"] .v8-stage-light:after{border-top-color:#BDC9DA0D;background:linear-gradient(175deg,transparent,#C4D8EE08,transparent)}html[data-theme="dark"] .v8-site,html[data-theme="dark"] .v8-plan{border-top-color:#697586;box-shadow:var(--v8-shadow),inset 0 1px 0 #9FAEC41A}html[data-theme="dark"] .v8-core-body{background:radial-gradient(ellipse at 30% 16%,#C6AADF 0%,#9E7DBE 20%,#6C4E8C 48%,#47385E 74%,#332A4D 100%);border-color:#C4ADDD;box-shadow:inset 0 3px 8px #C5AAD8B0,inset -5px -8px 16px #25163B55,0 16px 27px -18px #080B1355,0 0 24px #9F77CE17}html[data-theme="dark"] .v8-core-rim{border-color:#9C7BBF55;box-shadow:inset 0 0 0 6px #AF8BDF09;background:conic-gradient(from 30deg,transparent 10%,#E6D7FF16 15%,transparent 22%,transparent 53%,#A391C72B 67%,transparent 80%)}html[data-theme="dark"] .v8-core-body svg{stroke:#ECDFFA;fill:#D8C4F366}html[data-theme="dark"] .v8-core-body:after{border-color:#D6B8F13A;box-shadow:inset 0 0 13px #E3CEFB0D}html[data-theme="dark"] .v8-core-glint{opacity:.38}html[data-theme="dark"] .v8-mini-lines i{background:#8397B1}html[data-theme="dark"] .v8-plan:before{border-color:#BBD8FF0A} @media(max-width:900px){.wrap{width:calc(100% - 44px)}.nav-links{gap:20px}.nav .logo{font-size:27px}.v8-scene{gap:38px;padding-left:30px;padding-right:30px}.v8-site{width:157px;height:130px}.v8-mini-site{padding:16px 12px}.v8-core{width:135px;height:135px}.v8-plan{width:182px;padding:13px}.hero h1{font-size:54px!important}.v8-explore{margin-top:27px}.purpose{gap:40px}.purpose h2{font-size:37px}} @media(max-width:620px){ .wrap{width:calc(100% - 36px)}header{height:58px}.nav{border:0;height:58px}.nav .logo{font-size:26px;gap:7px}.nav .brand-mark{width:26px;height:28px}.nav-end{gap:9px}.theme-toggle,.mobile-menu{width:36px!important;height:36px!important;border-radius:50%!important}.mobile-menu .icon{width:19px;height:19px}.nav-links{top:58px;background:var(--v8-white)!important;border:1px solid var(--line);border-radius:18px;left:0;right:0;box-shadow:var(--v8-shadow);z-index:20}.concept-badge{display:none!important} html[data-theme] .hero{padding-top:24px}.hero .eyebrow{display:none}.hero h1{font-size:clamp(32px,10.3vw,42px)!important;line-height:1.045!important;letter-spacing:-.059em!important;margin-top:0!important;font-weight:600!important}.hero-copy-block{padding-top:16px}.hero-description{font-size:15px!important;line-height:1.6;max-width:350px}.hero h1 .serif{display:block}.guide-lane{height:73px;width:100%;max-width:340px}.guided-entry{left:calc(50% - 115px)!important;bottom:7px!important}.guided-peek{min-width:160px;min-height:46px;font-size:14px!important;gap:18px}.guide-lane .dog-actor{width:91px!important;height:68px!important;bottom:4px!important} .v8-experience{margin-top:6px;width:100%;max-width:440px}.v8-scene{height:188px;grid-template-columns:1fr 1fr 1.2fr;gap:20px;padding:17px 4px 18px}.v8-object{gap:18px}.v8-stage-light{left:-4%;right:-4%;top:0;bottom:4%}.v8-stage-light:after{inset:24% 0 22%}.v8-site{width:82px;height:90px;border-radius:11px}.v8-browser-bar{height:17px;padding:0 7px;gap:2px}.v8-browser-bar i{width:2px;height:2px}.v8-browser-bar b{height:4px;margin-left:4px}.v8-mini-site{padding:8px;display:block}.v8-mini-photo{width:100%;height:36px;border-radius:5px}.v8-mini-photo svg{width:51px;height:48px;transform:rotate(-9deg) translate(3px,2px)}.v8-mini-lines{margin-top:6px;flex-direction:row;gap:4px}.v8-mini-lines i{height:3px!important}.v8-mini-lines i:nth-child(2){display:none}.v8-mini-lines b{height:5px;width:21px;min-width:21px;margin:0}.v8-core{width:83px;height:83px}.v8-core-rim{inset:-6px;box-shadow:inset 0 0 0 4px #FFFFFF42}.v8-core-body{box-shadow:inset 0 3px 5px #fff,inset -3px -4px 9px #7D629A28,0 16px 22px -16px #86719699}.v8-core-body svg{width:39px;height:39px;stroke-width:1.6}.v8-core-body:after{inset:3px}.v8-core-satellite{width:6px;height:6px;top:-3px}.v8-core:before{inset:-12px}.v8-plan{width:110px;padding:10px 8px 11px;border-radius:12px;gap:6px}.v8-plan:before{border-radius:10px;inset:2px}.v8-plan:after{border-radius:17px;inset:-5px}.v8-plan-heading{font-size:8px;gap:4px;padding-bottom:5px}.v8-plan-spark{font-size:11px}.v8-plan-arrow{font-size:11px}.v8-plan-row{font-size:11px;gap:5px;padding:2px 0;white-space:nowrap}.v8-plan-row .icon{width:13px;height:13px;min-width:13px}.v8-plan-row i{width:3px;height:3px}.v8-object-label{font-size:11px;line-height:1.4;letter-spacing:-.015em}.v8-scene-foot{height:37px;margin-top:-7px;gap:11px}.v8-scene-foot p{font-size:12px}.v8-scene-foot button{width:32px;height:32px}.v8-scene-foot button:after{inset:-6px} .v8-explore{margin:23px 0 0;padding:19px 0 0}.v8-explore-head{margin-bottom:12px}.v8-explore-head>p{font-size:12px}.v8-explore-head>span{font-size:10px}.v8-paths{gap:7px}.v8-paths button{min-height:45px;border-radius:13px;font-size:13px;gap:5px}.v8-paths button .icon{display:none}.v8-paths button.visited:after{font-size:10px}.v8-explore .map-insight{grid-template-columns:1fr!important;gap:8px!important;padding:19px 2px 0!important;min-height:0!important}.v8-explore .map-insight strong{font-size:19px}.v8-explore .map-insight p{font-size:14px}.v8-explore .map-insight a{font-size:14px;min-height:43px;justify-content:flex-start}.v8-explore .flow-foot{margin:11px 2px 0}.v8-explore .exploration-progress{font-size:10px}.v8-explore .exploration-count{font-size:10px}.v8-explore .guide-options{margin-top:18px}.purpose{padding:65px 0;gap:26px}.purpose h2{font-size:35px}.purpose-copy>p{font-size:16px}.product{padding:55px 0}.section-title,.benefits-title h2{font-size:35px}.demo-shell{border-radius:20px!important}.agency{border-radius:24px}.final-cta h2{font-size:40px} } @media(max-width:370px){html[data-theme] .hero{padding-top:16px}.hero h1{font-size:36px!important}.hero-copy-block{padding-top:12px}.hero-description{font-size:14px!important}.v8-scene{gap:15px;padding-left:0;padding-right:0;height:176px}.v8-site{width:75px;height:85px}.v8-core{width:75px;height:75px}.v8-plan{width:103px;padding-left:7px;padding-right:7px}.v8-plan-row{font-size:10.5px}.v8-object-label{font-size:10px}.v8-experience{margin-top:0}.v8-explore{margin-top:22px}} @media(max-width:335px){.hero h1{font-size:32px!important}.hero-description{font-size:13.5px!important}.v8-scene{gap:11px;height:169px}.v8-site{width:68px}.v8-core{width:65px;height:65px}.v8-plan{width:94px}.v8-plan-row{font-size:10px;gap:4px}.v8-plan-row .icon{width:11px;height:11px;min-width:11px}.v8-plan-heading{font-size:7.5px}.v8-object-label{font-size:9px}.v8-core-body svg{width:34px;height:34px}.v8-paths button{font-size:12px}.v8-explore-head>span{display:none}} @media(max-width:620px) and (max-height:700px){html[data-theme] .hero{padding-top:15px}.hero h1{font-size:clamp(32px,9.9vw,40px)!important}.hero-copy-block{padding-top:12px}.guide-lane{height:67px}.v8-experience{margin-top:0}.v8-scene{height:174px}.v8-explore{margin-top:21px}} @media(prefers-reduced-motion:reduce){.v8-site,.v8-plan,.v8-core{transition:none!important}.v8-scan,.v8-signal,.v8-trail{display:none!important}.v8-core-body svg{transform:none!important}} /* Optical alignment and readable labels at the narrowest supported size. */ .hero-intro{width:100%;max-width:none;margin:0 auto}.v8-plan-row.chosen{color:var(--v8-core-ink)} .v8-object{height:210px;padding-bottom:35px;gap:0}.v8-object-label{position:absolute;bottom:0;left:50%;transform:translateX(-50%)} .v8-stage-light{left:0;right:0;overflow:hidden} html[data-theme="dark"] .guide-lane .dog-actor{--dog-ink:#AAECDD;opacity:1} @media(max-width:620px){.v8-scene{grid-template-columns:82px 83px 116px;justify-content:space-between;gap:0;padding-left:4px;padding-right:4px}.v8-plan{width:116px;padding:13px 9px}.v8-plan-heading{display:none}.v8-plan-row{font-size:12px;gap:5px}.v8-plan-row i{display:none}.v8-object-label{font-size:11px}.v8-scene-foot{margin-top:0}} @media(max-width:370px){.v8-scene{grid-template-columns:75px 75px 108px;padding-left:0;padding-right:0}.v8-plan{width:108px;padding:12px 7px}.v8-plan-row{font-size:11.5px}.v8-object-label{font-size:11px}} @media(max-width:335px){.v8-scene{grid-template-columns:68px 65px 101px}.v8-plan{width:101px;padding:12px 6px}.v8-plan-row{font-size:11.5px;gap:4px}.v8-plan-row .icon{width:12px;height:12px;min-width:12px}.v8-object-label{font-size:10.5px}} @media(max-width:620px){.v8-object{height:140px;padding-bottom:30px}.v8-object-label{font-size:11px}} @media(min-width:621px) and (max-height:800px){html[data-theme] .hero{padding-top:24px}.hero h1{font-size:60px!important}.v8-scene{height:225px;padding-top:4px;padding-bottom:11px}} /* Restore the complete story: starting point, useful work, human outcome. */ :root{--geo-bg:#F8F9FB;--paper:#F8F9FB}html[data-theme="dark"]{--geo-bg:#0F1827;--paper:#0F1827}.hero-description{font-size:17px;max-width:600px}.hero-copy-block{padding-top:14px}.guide-lane{height:76px}.hero h1{font-size:clamp(48px,4.6vw,66px)!important}.v9-experience{margin:9px auto 0;max-width:1140px}.v9-board{position:relative;isolation:isolate;border:1px solid #56668235;border-radius:26px;background:radial-gradient(ellipse at 48% 60%,#705C8F25,transparent 48%),radial-gradient(ellipse at 85% 15%,#2BBFA810,transparent 48%),#122336;box-shadow:0 20px 40px -30px #1B294E8A;color:#EAF0FA;overflow:hidden}.v9-board:before{content:'';position:absolute;inset:0;background-image:radial-gradient(#D7E8FB2B .6px,transparent .6px);background-size:23px 23px;opacity:.2;pointer-events:none;z-index:-1}.v9-board-top{display:flex;justify-content:space-between;align-items:center;padding:15px 24px 0;min-height:43px}.v9-board-top>span{font-size:11px;letter-spacing:.02em;color:#C4D4E4}.v9-board-top button{width:32px;height:32px;position:relative;border:1px solid #8A9BB448;border-radius:50%;display:grid;place-items:center;color:#D7E3F0;background:#D4DFFF08}.v9-board-top button:after{content:'';position:absolute;inset:-6px}.v9-board-top button .icon{width:13px;height:13px} .v9-flow{position:relative;display:grid;grid-template-columns:1.05fr .8fr 1.5fr 1.25fr;gap:44px;align-items:center;padding:20px 28px 28px;min-height:244px;--hub-power:0;--end-power:0}.v9-lines{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:0;overflow:visible}.v9-wire{fill:none;stroke:#64788C44;stroke-width:1.4}.v9-wire.active{stroke:#8DC5B969;stroke-width:1.6}.v9-trail{fill:none;stroke:#A9E7D6;stroke-width:3;stroke-linecap:round;filter:drop-shadow(0 0 4px #A9E7D688)}.v9-flow-dot{fill:#E9FFF8;stroke:#69C4AF;stroke-width:1;filter:drop-shadow(0 0 4px #8FE5CEAA)}.v9-start,.v9-phii,.v9-branches,.v9-destination{position:relative;z-index:1;min-width:0}.v9-start{display:flex;flex-direction:column;align-items:flex-start;text-align:left;border:1px solid #92B5BF45;border-radius:18px;background:linear-gradient(140deg,#CEE8EB12,#ADC1DE08);color:#EDF4F9;padding:17px 17px 13px;box-shadow:inset 0 1px 0 #D7E9F914;transition:border-color .2s,background .2s}.v9-start:hover{background:#CCE7E919;border-color:#7BD2BE}.v9-start>.mini-door{margin:0 0 13px;width:23px;height:32px;background:#D5BFEC;border-color:#DCCDF0;box-shadow:0 0 18px #C7A5EB1A}.v9-start .mini-door-leaf{background:#645275;border-color:#B69BCD}.v9-start strong{font-size:17px;line-height:1.3;font-weight:550;letter-spacing:-.025em}.v9-start-copy{font-size:11px;line-height:1.6;color:#BCCBDB;margin:10px 0 13px}.v9-start-action{display:flex;align-items:center;justify-content:space-between;width:100%;padding-top:10px;border-top:1px solid #B0C4D421;color:#B7EFD9;font-size:11px;font-weight:500}.v9-phii{display:flex;flex-direction:column;align-items:center;color:#EFE9FA}.v9-phii .v8-core{width:100px;height:100px;transform:scale(calc(1 + var(--hub-power) * .025))}.v9-phii .v8-core-body{background:radial-gradient(ellipse at 30% 18%,#fff,#E5D9F3 28%,#B79ECE 70%,#8D6DAC);box-shadow:inset 0 4px 7px #FFF9,0 11px 25px -14px #0008;border-color:#E4D6F4}.v9-phii .v8-core-body svg{width:43px;height:43px;stroke:#805DA4;fill:#F1E4FF}.v9-phii .v8-core-body:after{border-color:#ffffff66}.v9-phii .v8-core-rim{border-color:#BFA5E449;box-shadow:none;background:conic-gradient(transparent,#E6D4FD16,transparent)}.v9-phii>strong{font-size:18px;font-weight:500;margin-top:14px;letter-spacing:-.02em}.v9-phii>p{font-size:10px;line-height:1.5;color:#C4B9D8;margin-top:5px;text-align:center}.v9-branches{display:flex;flex-direction:column;gap:10px}.v9-branches button{display:flex;align-items:center;text-align:left;gap:10px;min-height:58px;padding:10px 12px;border-radius:13px;background:#C2D7EF09;border:1px solid #A7BDD520;color:#E7EEF8;position:relative;transition:background .2s,border-color .2s,transform .2s}.v9-branches button:hover{background:#C2D7EF15;transform:translateY(-1px)}.v9-branches button.active{background:#B6A0D121;border-color:#B6A0D194;box-shadow:inset 0 1px 0 #E6D6FF14}.v9-branch-icon{display:grid;place-items:center;width:27px;height:32px;border-radius:9px;color:#C4ABE7;flex-shrink:0}.v9-branch-icon .icon{width:20px;height:20px}.v9-branches strong{display:block;font-size:14px;font-weight:550;line-height:1.3}.v9-branches small{display:block;font-size:10px;line-height:1.5;color:#B9C7D7;margin-top:3px}.v9-branch-arrow{margin-left:auto;color:#C1CADD;font-size:13px}.v9-branches .visited:after{display:none!important}.v9-destination{align-self:stretch;display:flex;flex-direction:column;justify-content:center;padding:19px 20px;border:1px solid #E2F5EBAA;border-radius:18px;background:linear-gradient(135deg,#ECF7EE,#D4EDE5);color:#183C35;box-shadow:0 5px 24px #0000000F}.v9-destination-kicker{font-size:10px;font-weight:550;letter-spacing:.035em;color:#436F62}.v9-destination h2{font-family:var(--sans);font-size:28px;line-height:1.16;font-weight:550;letter-spacing:-.055em;margin:11px 0 0;color:#193E34}.v9-destination h2>span{color:#437567}.v9-destination p{font-size:11px;line-height:1.65;margin-top:12px;color:#45685D}.v9-destination>.icon{width:23px;height:23px;margin-top:15px;color:#45846D;transform:rotate(calc(var(--end-power) * 12deg))} html[data-theme] .v9-experience>.map-insight{text-align:left;display:grid!important;grid-template-columns:1fr auto!important;gap:20px;align-items:center;padding:17px 7px 0!important;margin:0!important;background:none!important;border:0!important;min-height:0;box-shadow:none!important}.v9-experience .insight-count{display:none!important}.v9-experience .map-insight strong{font-size:16px;line-height:1.5;font-weight:550;color:var(--ink)}.v9-experience .map-insight p{font-size:13px;line-height:1.6;color:var(--muted);margin-top:4px;max-width:720px}.v9-experience .map-insight a{font-size:13px;white-space:nowrap;color:var(--green);min-height:44px;display:flex;align-items:center}.v9-experience .map-insight a:focus-visible{outline-offset:5px}.hero>.v9-quiet-state{display:none!important}.purpose{padding-top:65px}.v9-notes-guide{padding-top:18px;margin-top:20px;border-top:1px solid var(--line)}.v9-notes-guide .guide-options{display:flex;justify-content:flex-start} @media(max-width:1000px){.v9-flow{gap:23px;padding-inline:21px;grid-template-columns:1.05fr .72fr 1.45fr 1.18fr}.v9-phii .v8-core{width:85px;height:85px}.v9-destination{padding:17px 14px}.v9-destination h2{font-size:24px}.v9-start strong{font-size:15px}.v9-branches small{font-size:9px}.v9-branches button{padding:9px}.v9-branch-icon{width:20px}.v9-start-copy{font-size:10px}} @media(max-width:620px){ .hero h1{font-size:clamp(32px,9.9vw,40px)!important}.hero-copy-block{padding-top:12px}.hero-description{font-size:14px!important}.guide-lane{height:65px}.v9-experience{margin-top:5px}.v9-board{border-radius:20px;overflow:hidden}.v9-board-top{padding:8px 13px 0;min-height:31px}.v9-board-top>span{font-size:10px}.v9-board-top button{width:26px;height:26px}.v9-board-top button:after{inset:-9px}.v9-board-top .icon{width:10px!important;height:10px!important}.v9-flow{grid-template-columns:76px 61px minmax(0,1fr);grid-template-rows:110px 36px;column-gap:18px;row-gap:15px;min-height:0;padding:11px 13px 15px;align-items:center}.v9-start{height:110px;padding:10px 8px 8px;border-radius:12px;justify-content:center;align-items:center;text-align:center}.v9-start>.mini-door{width:20px;height:29px;margin:0 0 9px}.v9-start strong{font-size:12px;line-height:1.3;font-weight:500}.v9-start-copy,.v9-start-action{display:none}.v9-phii .v8-core{width:53px;height:53px}.v9-phii .v8-core-body svg{width:28px;height:28px}.v9-phii .v8-core-rim{inset:-5px}.v9-phii .v8-core-satellite{width:5px;height:5px}.v9-phii>strong{font-size:13px;margin-top:10px}.v9-phii>p{display:none}.v9-branches{grid-column:1/-1;grid-row:2;display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.v9-branches button{justify-content:center;padding:8px 3px;min-height:36px;border-radius:10px;gap:0}.v9-branches strong{font-size:11px;font-weight:500;white-space:nowrap}.v9-branch-icon,.v9-branches small,.v9-branch-arrow{display:none}.v9-destination{grid-column:3;grid-row:1;padding:11px 10px;border-radius:12px;min-height:110px}.v9-destination-kicker{font-size:9px}.v9-destination h2{font-size:17px;line-height:1.17;letter-spacing:-.045em;margin-top:7px}.v9-destination p,.v9-destination>.icon{display:none}html[data-theme] .v9-experience>.map-insight{padding:15px 2px 0!important;grid-template-columns:1fr!important;gap:1px!important}.v9-experience .map-insight strong{font-size:16px;line-height:1.45}.v9-experience .map-insight p{font-size:13px;margin-top:6px}.v9-experience .map-insight a{font-size:13px;min-height:42px;justify-content:flex-start}.purpose{padding-top:50px}.v9-board:before{background-size:17px 17px} } @media(max-width:370px){.v9-flow{grid-template-columns:66px 52px minmax(0,1fr);column-gap:15px;padding-inline:10px}.v9-start{padding:9px 5px}.v9-start strong{font-size:11px}.v9-phii .v8-core{width:48px;height:48px}.v9-destination{padding:10px 8px}.v9-destination h2{font-size:16px}.v9-branches strong{font-size:10.5px}} @media(max-width:335px){.v9-board-top>span{font-size:9px}.v9-flow{grid-template-columns:62px 43px minmax(0,1fr);column-gap:11px;padding-inline:10px;row-gap:11px}.v9-phii .v8-core{width:40px;height:40px}.v9-phii .v8-core-body svg{width:24px;height:24px}.v9-destination h2{font-size:15px}.v9-destination{padding-inline:7px}.v9-branches strong{font-size:10px}} @media(min-width:621px) and (max-height:800px){html[data-theme] .hero{padding-top:17px}.hero h1{font-size:54px!important}.guide-lane{height:66px}.v9-flow{padding-top:14px;padding-bottom:20px;min-height:221px}.v9-start-copy{margin:8px 0}.v9-destination h2{font-size:25px}.v9-phii .v8-core{width:87px;height:87px}} @media(prefers-reduced-motion:reduce){.v9-flow-dot,.v9-trail{display:none!important}.v9-phii .v8-core,.v9-destination>.icon{transform:none!important}} @media(max-width:620px){.v9-flow{grid-template-rows:110px 44px}.v9-branches button{min-height:44px}} html[data-theme="dark"] #guided-peek{background:#65D1BD!important;color:#12392F!important;transition:transform .2s,box-shadow .2s}html[data-theme="dark"] #guided-peek:hover{background:#83DECC!important;color:#12392F!important} /* Homepage guide only. Add after the existing dog/v7 styles. */ #geophii-guide { --dog-speed:.8s; } #geophii-guide[data-state="bow"] :is(.dog-rig,.dog-body,.dog-head,.dog-leg,.dog-leg>path,.dog-nose,.dog-shadow,.dog-tag) { animation:none!important; } #geophii-guide[data-state="bow"] .dog-rig { transform:none; } #geophii-guide[data-state="bow"] :is(.dog-body,.dog-head) { transform-box:view-box;transform-origin:75px 85px; } #geophii-guide[data-state="bow"] .dog-leg { transform:none; } #geophii-guide[data-state="bow"] .dog-tail { animation:gd-v10-bow-wag 1.15s ease-in-out infinite; } #geophii-guide[data-state="bow"] .dog-leg.front-near>path:last-child { transform-box:view-box;transform-origin:143px 132px; } #geophii-guide[data-state="curious"] .dog-rig { animation:gd-v10-breathe 4.8s ease-in-out infinite; } #geophii-guide[data-state="curious"] .dog-body { transform:none;animation:none; } #geophii-guide[data-state="curious"] .dog-head { transform-box:view-box;transform-origin:137px 84px;animation:gd-v10-curious 12s ease-in-out infinite; } #geophii-guide[data-state="curious"] .dog-tail { animation:gd-v10-attentive-tail 9s ease-in-out infinite; } #geophii-guide[data-state="curious"] .dog-leg { animation:none;transform:none; } #geophii-guide[data-state="curious"] .dog-leg>path { animation:none; } #geophii-guide[data-state="curious"] .dog-nose { animation:none; } #geophii-guide[data-state="curious"] .dog-eye { animation:geophii-blink 5.6s ease-in-out infinite; } #geophii-guide[data-state="still"] * { animation:none!important; } #geophii-guide.dog-held * { animation-play-state:paused!important; } @keyframes gd-v10-bow-wag { 0%,100%{transform:rotate(-5deg)} 50%{transform:rotate(10deg)} } @keyframes gd-v10-breathe { 0%,100%{transform:translateY(0)} 50%{transform:translateY(-.7px)} } @keyframes gd-v10-curious { 0%,12%,100%{transform:rotate(0deg)} 22%,31%{transform:rotate(-6deg)} 42%,61%{transform:rotate(0deg)} 70%,78%{transform:translate(.8px,.4px) rotate(4deg)} 84%{transform:translate(1.3px,.4px) rotate(3deg)} 89%{transform:rotate(0deg)} } @keyframes gd-v10-attentive-tail { 0%,8%,49%,72%,100%{transform:rotate(0deg)} 14%,26%,38%{transform:rotate(7deg)} 20%,32%,44%{transform:rotate(-4deg)} 79%,91%{transform:rotate(5deg)} 85%{transform:rotate(-3deg)} } @media(prefers-reduced-motion:reduce){#geophii-guide *{animation:none!important;transition:none!important}} /* The guide's SVG is taller than its compact lane at short viewports. Keep its tail visible without changing the lane height or the hero fold. The guide script already constrains the whole SVG horizontally to the lane. */ #guide-lane { overflow:visible; } /* On a short desktop the lane contracts by 10px. Lower the dog into the lane's unused space so the revealed tail also stays clear of the copy. */ @media (min-width:621px) and (max-height:800px) { #guide-lane #geophii-guide { bottom:-4px!important; } } #start-dialog{max-width:800px;width:min(800px,calc(100% - 32px));border-radius:26px}#start-dialog .dialog-head{min-height:54px;padding:11px 20px;background:var(--geo-bg)}#start-dialog .dialog-head strong{font-size:12px}.peek-v13{display:block;min-height:0;background:var(--geo-bg);padding:19px 23px 14px}.peek-v13[hidden]{display:none} .benefit-scene{position:relative;isolation:isolate;display:grid;grid-template-columns:126px minmax(0,1fr);align-items:center;gap:38px;min-height:310px;padding:23px 24px;border-radius:22px;background:radial-gradient(ellipse at 15% 45%,#A78ACC20,transparent 48%),#122336;border:1px solid #5E768E42;overflow:hidden;--peek-door:0;--peek-joy:0;--peek-wag:0;--benefit-finish:0}.benefit-scene:before{content:'';position:absolute;inset:0;background:radial-gradient(#B7CCE932 .6px,transparent .6px);background-size:21px 21px;opacity:.17;z-index:-1}.benefit-source{position:relative;height:153px;z-index:2;display:flex;align-items:center;flex-direction:column;justify-content:flex-start;perspective:500px}.benefit-source .door-frame{width:56px;height:94px;border:1px solid #C7ACDF;border-radius:2px;position:relative;margin:0;left:auto;top:auto;bottom:auto;perspective:400px;box-shadow:0 0 35px #C7A4EC28;background:#D1B6EA}.benefit-source .door-light{background:radial-gradient(ellipse at 20% 10%,#F4E5FE,#C2A0DE);border-radius:0}.benefit-source .door-light .icon{width:32px;height:32px;stroke:#80549F;filter:drop-shadow(0 0 6px #FCF2FFAA)}.benefit-source .door-leaf{inset:-1px;border:1px solid #A68DBD;border-radius:0;background:linear-gradient(125deg,#7D6A8B,#343D52);animation:none!important;transform:rotateY(calc(var(--peek-door) * -77deg));transform-origin:left center}.benefit-source .door-panel{inset:8px;border:1px solid #D5C5E94A;border-radius:0}.benefit-source .door-handle{width:2px;height:12px;right:7px;top:52%;background:#E8D6FC}.benefit-source>strong{font-size:13px;font-weight:500;color:#D7C6EF;letter-spacing:-.01em;line-height:1.4;margin-top:9px}.benefit-floor{position:absolute;top:94px;left:12%;width:76%;height:60px;clip-path:polygon(21% 0,80% 0,100% 100%,0 100%);background:linear-gradient(#C4A7E83D,transparent);opacity:var(--peek-door);z-index:-1}.benefit-source .peek-dog.dog-actor{left:53px!important;bottom:-36px!important;width:82px;height:61px;transition:none;--dog-ink:#A4DDCC;--dog-paper:#182A3D;--dog-collar:#C3A1E0;transform:translateY(calc(var(--peek-joy) * -5px)) rotate(calc(var(--peek-joy) * -3deg))}.benefit-source .dog-facing{transform:scaleX(-1)} .benefit-list{position:relative;display:flex;flex-direction:column;gap:12px;z-index:2}.benefit-row{position:relative;display:flex;align-items:center;gap:12px;min-height:77px;padding:13px 15px;border:1px solid #93B1C12C;border-radius:14px;background:linear-gradient(120deg,#DCE9F111,#DCE9F105);box-shadow:inset 0 1px 0 #EFFAFF08,0 0 calc(var(--arrival,0) * 22px) #9DCDB80F}.benefit-row:after{content:'';position:absolute;inset:-1px;border-radius:inherit;border:1px solid #B3DBCD90;opacity:var(--arrival,0);pointer-events:none}.benefit-icon{position:relative;display:grid;place-items:center;flex-shrink:0;width:30px;height:30px;background:#BFDCCA0B;border:1px solid #B0D5C925;border-radius:50%;color:#A1D5C2}.benefit-icon .icon{width:15px;height:15px}.benefit-row h2{font-family:var(--sans);font-size:20px;font-weight:550;line-height:1.2;letter-spacing:-.035em;color:#F0F5F7;margin:0}.benefit-row p{font-size:12px;line-height:1.5;color:#C1CFDB;margin:6px 0 0;max-width:365px}.benefit-row:nth-child(2) .benefit-icon{color:#D2B5EB;background:#C2A1E111;border-color:#C2A1E130}.benefit-row:nth-child(3) .benefit-icon{color:#AFD8DE;background:#ACD7DA0D} #peek-benefit-lines{position:absolute;inset:0;width:100%;height:100%;z-index:1;pointer-events:none}.benefit-wire{fill:none;stroke:#94B7BF64;stroke-width:1.2}.benefit-current{fill:none;stroke:#B1E1CF;stroke-width:2.6;stroke-linecap:round;filter:drop-shadow(0 0 3px #ADDECD)}.benefit-dot{fill:#E1FFF0;stroke:#9CCFBD;stroke-width:1;filter:drop-shadow(0 0 3px #ADDECD)} .benefit-payoff{text-align:center;padding:19px 0 17px}.benefit-payoff p{font-size:24px;line-height:1.18;font-weight:550;letter-spacing:-.04em;color:var(--ink);margin:0}.benefit-payoff p span{color:var(--green)}.peek-v13 .peek-v8-actions{gap:2px}.peek-v13 .peek-v8-actions .btn{min-height:48px;font-size:14px;padding:12px 25px}.peek-v13 .peek-v8-actions .text-link{font-size:11px;min-height:33px;padding:6px 0}.peek-v13 .peek-v8-note{font-size:9px;margin-top:6px} @media(max-width:620px){#start-dialog{width:calc(100% - 24px);border-radius:22px}.peek-v13{padding:12px 12px 11px}.benefit-scene{grid-template-columns:45px minmax(0,1fr);gap:17px;min-height:0;padding:16px 11px;border-radius:17px}.benefit-source{height:135px}.benefit-source .door-frame{width:34px;height:64px}.benefit-source .door-light .icon{width:22px;height:22px}.benefit-source .door-panel{inset:5px}.benefit-source .door-handle{right:4px;height:9px;width:2px}.benefit-source>strong{font-size:11px;margin-top:7px}.benefit-floor{top:64px;left:-4%;width:108%;height:40px}.benefit-source .peek-dog.dog-actor{width:53px;height:40px;left:-2px!important;bottom:0!important}.benefit-list{gap:9px}.benefit-row{padding:11px 10px;min-height:89px;border-radius:11px;gap:0}.benefit-icon{position:absolute;left:-22px;top:calc(50% - 6px);width:12px;height:12px;background:#82BAA4;border:2px solid #D0EBDD;border-radius:50%;box-shadow:0 0 7px #A6D8C543}.benefit-icon .icon{display:none}.benefit-row:nth-child(2) .benefit-icon{background:#B698D1;border-color:#E5D7F5}.benefit-row:nth-child(3) .benefit-icon{background:#8FBBC5;border-color:#D7EBF0}.benefit-row h2{font-size:17px;line-height:1.17;letter-spacing:-.035em}.benefit-row p{font-size:11px;line-height:1.45;margin-top:6px}.benefit-payoff{padding:15px 0 14px}.benefit-payoff p{font-size:22px}.peek-v13 .peek-v8-actions .btn{font-size:14px;min-height:48px;padding:12px}.peek-v13 .peek-v8-actions .text-link{font-size:11px}.peek-v13 .peek-v8-note{font-size:9px;margin-top:3px}} @media(max-width:350px){.peek-v13{padding:10px 10px 9px}.benefit-scene{grid-template-columns:35px minmax(0,1fr);gap:16px;padding:12px 9px}.benefit-source .door-frame{width:29px;height:58px}.benefit-source .door-light .icon{width:19px;height:19px}.benefit-floor{top:58px}.benefit-source .peek-dog.dog-actor{width:45px;height:34px;left:-3px!important}.benefit-row{padding:10px 9px;min-height:86px}.benefit-row h2{font-size:16px}.benefit-row p{font-size:10.5px}.benefit-payoff{padding:8px 0}.benefit-payoff p{font-size:20px}} @media(min-width:621px) and (max-height:720px){.peek-v13{padding-top:15px}.benefit-scene{min-height:288px;padding-block:17px}.benefit-list{gap:9px}.benefit-row{min-height:73px;padding-block:11px}.benefit-payoff{padding:14px 0}.benefit-payoff p{font-size:22px}} @media(prefers-reduced-motion:reduce){.benefit-source .door-leaf{transform:rotateY(-77deg)!important}.benefit-current,.benefit-dot{display:none!important}.benefit-source .peek-dog.dog-actor{transform:none!important}} /* Short intake, four visible outcomes, no hidden explanations or extra choices. */ #start-dialog{max-width:760px;width:min(760px,calc(100% - 32px))}#start-dialog .dialog-head{min-height:48px;padding:8px 18px}.peek-v13{padding:12px 20px 11px}.benefit-scene{grid-template-columns:88px minmax(0,1fr);gap:10px 29px;min-height:0;padding:15px 22px;border-radius:19px}.benefit-intake{position:relative;grid-column:1/-1;z-index:2;padding-bottom:11px;border-bottom:1px solid #C3D6E326}.benefit-intake strong{font-size:12px;font-weight:500;line-height:1.4;letter-spacing:0;color:#DCE8ED}.benefit-intake strong>span{font-weight:400;color:#A9C4CD;padding:0 9px}.benefit-list{gap:0}.benefit-row{min-height:0;align-items:flex-start;gap:11px;padding:13px 0;background:none;border:0;border-bottom:1px solid #BCD5E224;border-radius:0;box-shadow:none}.benefit-row:last-child{border-bottom:0}.benefit-row:after{inset:auto 0 0;height:1px;border:0;background:linear-gradient(90deg,#B4DECD88,transparent)}.benefit-icon{margin-top:1px;width:25px;height:25px;background:transparent;border-color:#BDDBD12D}.benefit-icon .icon{width:13px;height:13px}.benefit-copy{min-width:0}.benefit-row h2{font-family:var(--sans);font-size:18px;line-height:1.18;letter-spacing:-.035em;font-weight:550;color:#ECF5F7;margin:0}.benefit-row p{font-size:12px;line-height:1.5;color:#C0CFD9;margin:5px 0 0;max-width:410px}.benefit-source{height:135px}.benefit-source .door-frame{width:44px;height:75px}.benefit-source .door-light .icon{width:26px;height:26px}.benefit-source>strong{font-size:12px;margin-top:7px}.benefit-floor{top:75px;height:47px}.benefit-source .peek-dog.dog-actor{left:34px!important;bottom:-25px!important;width:69px;height:52px}.benefit-source .peek-dog .dog-facing{transform:none!important}.benefit-payoff{padding:13px 0 11px}.benefit-payoff p{font-size:20px;line-height:1.25}.peek-v13 .peek-v8-actions .btn{min-height:48px;font-size:14px;padding:12px 25px}.peek-v13 .peek-v8-actions .text-link{min-height:27px;padding:4px 0;font-size:11px}.peek-v13 .peek-v8-note{font-size:9px;margin-top:4px}.benefit-intake-wire{fill:none;stroke:#BACBDA45;stroke-width:1.1}.benefit-intake-dot{fill:#E6D7F7;stroke:#B395D1;stroke-width:1;filter:drop-shadow(0 0 3px #C4A5DE)} #business-brief{display:block;width:100%;min-height:78px;padding:11px 13px;resize:vertical;font:inherit;font-size:14px;line-height:1.5;border:1px solid var(--line);border-radius:12px;background:var(--v8-glass);color:var(--ink)}#business-brief::placeholder{color:var(--muted);opacity:.85}.brief-label-note{font-size:11px;color:var(--muted);font-weight:400}.website-step #start-title{font-size:27px;margin-top:8px!important}.website-step>p{line-height:1.55}.website-step label{margin-top:12px}.website-step #brief-summary{font-size:12px;color:var(--muted);line-height:1.5;border-left:2px solid var(--green);padding-left:10px;margin-top:14px}.website-step .error:empty{display:none}.website-step.dialog-content{padding:18px 22px 22px}.website-step .entry-back{min-height:30px;padding:4px 0}.website-step .onboard-actions{margin-top:17px}#start-dialog:has(#website-step:not([hidden])) #peek-motion{display:none} @media(max-width:620px){#start-dialog{width:calc(100% - 24px)}.peek-v13{padding:10px 12px}.benefit-scene{grid-template-columns:37px minmax(0,1fr);gap:8px 19px;padding:12px 11px;border-radius:16px}.benefit-intake{padding-bottom:9px}.benefit-intake strong{font-size:11px}.benefit-intake strong>span{padding:0 7px}.benefit-row{padding:11px 0;gap:0;min-height:0}.benefit-row h2{font-size:16.5px;line-height:1.14}.benefit-row p{font-size:11px;line-height:1.4;margin-top:5px}.benefit-row .benefit-icon{width:9px;height:9px;border-width:1.5px;left:-16px;top:17px;margin:0}.benefit-source{height:126px}.benefit-source .door-frame{width:30px;height:57px}.benefit-source .door-light .icon{width:21px;height:21px}.benefit-source>strong{font-size:10px;margin-top:6px}.benefit-floor{top:57px;height:40px}.benefit-source .peek-dog.dog-actor{left:-3px!important;bottom:0!important;width:48px;height:36px}.benefit-payoff{padding:11px 0}.benefit-payoff p{font-size:17px;line-height:1.3}.peek-v13 .peek-v8-actions .btn{font-size:14px}.peek-v13 .peek-v8-actions .text-link{min-height:26px}.peek-v13 .peek-v8-note{font-size:8.5px;margin-top:3px}#business-brief{font-size:16px;min-height:88px}.website-step #start-title{font-size:24px}} @media(max-width:350px){.peek-v13{padding:8px 10px}.benefit-scene{grid-template-columns:29px minmax(0,1fr);gap:7px 17px;padding:10px 9px}.benefit-intake strong{font-size:10px}.benefit-intake{padding-bottom:7px}.benefit-row{padding:10px 0}.benefit-row h2{font-size:15.5px;line-height:1.12}.benefit-row p{font-size:10.5px;line-height:1.35}.benefit-source .door-frame{width:26px;height:52px}.benefit-source .door-light .icon{width:18px;height:18px}.benefit-source .peek-dog.dog-actor{width:42px;height:32px;left:-5px!important}.benefit-payoff{padding:9px 0}.benefit-payoff p{font-size:16px;max-width:240px;margin:auto}.benefit-payoff p span{display:block}} @media(min-width:621px) and (max-height:720px){.peek-v13{padding-top:10px}.benefit-scene{padding-block:13px}.benefit-row{padding-block:11px}.benefit-payoff{padding:11px 0}.benefit-payoff p{font-size:19px}} @media(prefers-reduced-motion:reduce){.benefit-intake-dot{display:none!important}} /* Put the controls beside the intake; avoid a second header taking up space. */ #start-dialog:has(#peek-step:not([hidden])) .dialog-head{position:absolute;top:24px;right:30px;left:auto;min-height:32px;padding:0;gap:8px;border:0;background:none;z-index:5} #start-dialog:has(#peek-step:not([hidden])) .dialog-head strong{display:none} .benefit-intake{min-height:40px;padding-right:85px;display:flex;align-items:center;padding-bottom:11px} @media(max-width:620px){#start-dialog:has(#peek-step:not([hidden])) .dialog-head{top:20px;right:23px}.benefit-intake{min-height:37px;padding-right:75px;padding-bottom:9px}} @media(max-width:350px){#start-dialog:has(#peek-step:not([hidden])) .dialog-head{top:16px;right:19px}.benefit-intake{min-height:35px;padding-right:70px;padding-bottom:7px}.benefit-intake strong>span{padding-inline:3px}} #start-dialog:has(#peek-step:not([hidden])) .dialog-head button{background:#DCEAF00D;border-color:#B2CCD633;color:#D7E4EB} #start-dialog:has(#peek-step:not([hidden])) .dialog-head button:hover{background:#DCEAF022} /* A readable phone-sized story. One input board; one clear action row. */ .peek-v14{padding:12px 18px 8px} .peek-v14 .benefit-scene{grid-template-columns:94px minmax(0,1fr);gap:0 28px;padding:16px 22px 12px;background:radial-gradient(ellipse at 10% 45%,#B18DDC1E,transparent 49%),#122336} .peek-v14 .benefit-intake{min-height:90px;padding:0 92px 12px 0;align-items:flex-start} .intake-board{width:225px;max-width:100%;position:relative} .intake-kicker{display:flex;justify-content:space-between;align-items:center;color:#B8CCD7;font-size:10px;line-height:1.4;letter-spacing:.025em;margin-bottom:5px} #intake-count{font-size:9px;font-variant-numeric:tabular-nums;color:#91ADBC;letter-spacing:.08em} .split-flap{height:35px;position:relative;border:1px solid #ADC5DC38;border-radius:5px;background:linear-gradient(#233548 49.7%,#0A1724 50%,#1B2E40 51%);perspective:250px;box-shadow:inset 0 1px #DFEDF712,0 3px 8px #0002;isolation:isolate} .flap-copy,.flap-half span{height:33px;display:flex;align-items:center;padding:0 12px;color:#EFF6F8;font-size:19px;font-weight:550;line-height:1;letter-spacing:-.035em;white-space:nowrap} .flap-half{position:absolute;left:0;right:0;height:50%;overflow:hidden;background:#233548;backface-visibility:hidden;z-index:2} .flap-top{top:0;transform-origin:center bottom;border-radius:4px 4px 0 0;transform:rotateX(calc(var(--flap-top,0) * 1deg))} .flap-bottom{bottom:0;transform-origin:center top;border-radius:0 0 4px 4px;background:#1B2E40;transform:rotateX(calc(var(--flap-bottom,90) * 1deg))} .flap-bottom span{transform:translateY(-50%)} .split-flap:after{content:'';position:absolute;left:0;right:0;top:50%;height:1px;background:#06132199;z-index:3;box-shadow:0 1px #D5E3EE0D;pointer-events:none} .split-flap i,.split-flap b{position:absolute;top:calc(50% - 3px);width:3px;height:6px;border-radius:2px;background:#8296A5;z-index:4} .split-flap i{left:-2px}.split-flap b{right:-2px} .intake-detail{display:block;margin-top:5px;font-size:11px;color:#B4C8D5;line-height:1.35} .intake-static{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)} .intake-static small{display:block;font-size:11px;line-height:1.5;color:#B4C8D5;margin-top:6px} .benefit-narration{grid-column:1/-1;margin:12px 0 4px;font-size:13px;color:#D7C4EB;font-weight:450;line-height:1.4} .peek-v14 .benefit-source{height:160px;align-items:center} .peek-v14 .benefit-source .door-frame{width:40px;height:78px;margin:10px 0 0 30px} .peek-v14 .benefit-floor{top:88px;left:30px;width:65px;height:40px} .peek-v14 .benefit-source .peek-dog.dog-actor{width:96px;height:72px;left:-15px!important;bottom:33px!important;transform:translateX(calc(var(--peek-sniff,0) * 2px)) translateY(calc(var(--peek-joy,0) * -2px))} .peek-v14 .benefit-source .dog-name{position:absolute;bottom:6px;left:0;width:70px;text-align:center;font-size:12px;color:#A8DBCA;margin:0} .peek-v14 .peek-dog .dog-head{transform-box:view-box;transform-origin:137px 84px;transform:rotate(calc(var(--peek-sniff,0) * 4deg + var(--peek-look,0) * -7deg))!important} .peek-v14 .peek-dog .dog-body,.peek-v14 .peek-dog .dog-rig{animation:none!important;transform:none!important} .peek-v14 .benefit-row{padding:12px 0} .peek-v14 .benefit-row h2{font-size:19px;line-height:1.16} .peek-v14 .benefit-row p{font-size:12px;line-height:1.45;margin-top:5px} .peek-footer{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:13px 1px 3px} .peek-v14 .benefit-payoff{padding:0;text-align:left;flex:1;min-width:0} .peek-v14 .benefit-payoff p{font-size:20px;line-height:1.3;margin:0;font-weight:550;letter-spacing:-.035em;max-width:none} .peek-v14 .benefit-payoff p span{display:block} .peek-footer .btn{min-height:48px;padding:11px 20px;gap:16px;font-size:15px;flex-shrink:0;white-space:nowrap} .peek-footer .btn .icon{width:20px;height:20px} .peek-footnote{display:flex;justify-content:space-between;align-items:center;gap:12px} .peek-v14 .peek-footnote .text-link{font-size:11px;padding:9px 1px;min-height:34px} .peek-v14 .peek-footnote .peek-v8-note{font-size:9px;margin:0;text-align:right;line-height:1.4} #start-dialog:has(.peek-v14:not([hidden])) .dialog-head{top:28px;right:35px;gap:7px} #start-dialog:has(.peek-v14:not([hidden])) .dialog-head button{width:38px;height:38px;min-width:38px} @media(max-width:620px){ .peek-v14{padding:10px 10px 4px} .peek-v14 .benefit-scene{grid-template-columns:59px minmax(0,1fr);gap:0 19px;padding:12px 12px 7px} .peek-v14 .benefit-intake{min-height:86px;padding:0 74px 11px 0} .intake-board{width:180px} .intake-kicker{font-size:9px}.intake-detail{font-size:10.5px} .split-flap{height:33px}.flap-copy,.flap-half span{height:31px;font-size:17px;padding:0 9px} .benefit-narration{font-size:12px;margin:10px 0 4px} .peek-v14 .benefit-source{height:145px} .peek-v14 .benefit-source .door-frame{width:31px;height:62px;margin:19px 0 0 21px} .peek-v14 .benefit-floor{top:81px;left:19px;width:46px;height:35px} .peek-v14 .benefit-source .peek-dog.dog-actor{width:72px;height:54px;left:-15px!important;bottom:29px!important} .peek-v14 .benefit-source .dog-name{left:-5px;width:62px;bottom:8px;font-size:11px} .peek-v14 .benefit-row{padding:10px 0} .peek-v14 .benefit-row h2{font-size:16px;line-height:1.14} .peek-v14 .benefit-row p{font-size:11px;line-height:1.4;margin-top:4px} .peek-v14 .benefit-row .benefit-icon{left:-8px;top:15px;width:8px;height:8px} .peek-footer{gap:8px;padding:10px 1px 0} .peek-v14 .benefit-payoff p{font-size:14px;line-height:1.35} .peek-footer .btn{font-size:12.5px;min-height:46px;gap:10px;padding:10px 12px} .peek-footer .btn .icon{width:17px;height:17px} .peek-v14 .peek-footnote .text-link{font-size:10px;min-height:30px;padding-block:7px} .peek-v14 .peek-footnote .peek-v8-note{font-size:8px} #start-dialog:has(.peek-v14:not([hidden])) .dialog-head{top:24px;right:22px;gap:4px} #start-dialog:has(.peek-v14:not([hidden])) .dialog-head button{width:34px;height:34px;min-width:34px} } @media(max-width:350px){ .peek-v14{padding:8px 8px 3px} .peek-v14 .benefit-scene{grid-template-columns:45px minmax(0,1fr);gap:0 16px;padding:10px 10px 6px} .peek-v14 .benefit-intake{padding-right:70px;min-height:81px} .intake-kicker{font-size:8px}#intake-count{font-size:8px}.intake-detail{font-size:10px} .flap-copy,.flap-half span{font-size:16px;padding-inline:7px} .benefit-narration{font-size:11.5px;margin-top:8px} .peek-v14 .benefit-source .door-frame{margin-left:13px;width:28px;height:58px} .peek-v14 .benefit-source .peek-dog.dog-actor{width:58px;height:43.5px;left:-14px!important;bottom:31px!important} .peek-v14 .benefit-source .dog-name{left:-10px;width:56px} .peek-v14 .benefit-row{padding:8px 0} .peek-v14 .benefit-row h2{font-size:15px}.peek-v14 .benefit-row p{font-size:10.5px;line-height:1.35} .peek-v14 .benefit-payoff p{font-size:12.5px} .peek-footer .btn{font-size:11.5px;padding-inline:10px;gap:7px} #start-dialog:has(.peek-v14:not([hidden])) .dialog-head{top:20px;right:18px} } @media(prefers-reduced-motion:reduce){ .intake-board{display:none}.intake-static{position:static;clip-path:none;width:auto;height:auto;font-size:13px;line-height:1.6;color:#ECF4F7;font-weight:500}.intake-static>span{color:#9ABAB0;padding-inline:3px} .peek-v14 .benefit-intake{padding-right:54px} #start-dialog:has(.peek-v14:not([hidden])) #peek-motion{display:none} .peek-v14 .peek-dog .dog-head{transform:none!important} } /* Keep readable text above the hinge; reserve real touch targets and breathing room. */ .flap-copy{position:relative;z-index:1} .flap-static-top{position:absolute;inset:0 0 auto;height:50%;overflow:hidden;background:#233548;z-index:1;display:none} .flap-static-top span{height:33px;display:flex;align-items:center;padding:0 12px;font-size:19px;color:#EFF6F8;font-weight:550;line-height:1;letter-spacing:-.035em;white-space:nowrap} .flap-half{visibility:hidden} .is-flipping .flap-half{visibility:visible} .is-flipping .flap-static-top{display:block} .split-flap:after{background:#06132144;box-shadow:none;height:.5px;z-index:0} .peek-v14 .benefit-intake{padding-right:0} .intake-board{max-width:calc(100% - 106px)} .benefit-narration{margin-left:122px} #start-dialog:has(.peek-v14:not([hidden])) .dialog-head{gap:2px} #start-dialog:has(.peek-v14:not([hidden])) .dialog-head button{width:44px;height:44px;min-width:44px} @media(max-width:620px){ .flap-static-top span{height:31px;font-size:17px;padding-inline:9px} .benefit-narration{margin-left:78px} .intake-board{max-width:calc(100% - 108px)} } @media(max-width:350px){ .flap-static-top span{font-size:16px;padding-inline:7px} .benefit-narration{margin-left:61px} } @media(prefers-reduced-motion:reduce){.peek-v14 .benefit-intake{padding-right:54px}} /* Use the width for the story, not an empty full-width input band. */ .peek-v15{padding:10px 14px 6px} .peek-v15 .benefit-scene{grid-template-columns:154px 82px minmax(0,1fr);grid-template-rows:34px auto;gap:8px 20px;padding:12px 16px 11px;border-radius:17px} .peek-v15 .benefit-narration{grid-column:1/-1;grid-row:1;align-self:center;margin:0;padding-right:96px;font-size:13px;line-height:1.4} .peek-v15 .benefit-intake{grid-column:1;grid-row:2;min-height:0;padding:0;border:0;display:block;align-self:center} .peek-v15 .intake-board{width:154px;max-width:100%} .peek-v15 .intake-kicker{position:absolute;right:0;bottom:0;font-size:0;margin:0;height:14px} .peek-v15 #intake-count{font-size:8px;letter-spacing:.025em;line-height:14px} .peek-v15 .intake-detail{padding-right:34px;margin-top:5px;min-height:14px;font-size:10px;line-height:1.4} .peek-v15 .split-flap{height:29px;border-radius:4px;box-shadow:inset 0 1px #DFEDF710,0 2px 5px #0002} .peek-v15 .flap-copy,.peek-v15 .flap-half span,.peek-v15 .flap-static-top span{height:27px;font-size:16px;padding-inline:8px} .peek-v15 .benefit-source{grid-column:2;grid-row:2;height:156px} .peek-v15 .benefit-source .peek-dog.dog-actor{left:-14px!important;width:88px;height:66px;bottom:32px!important} .peek-v15 .benefit-source .door-frame{width:37px;height:72px;margin-left:25px} .peek-v15 .benefit-floor{top:82px;left:25px;width:57px} .peek-v15 .benefit-list{grid-column:3;grid-row:2;gap:0} .peek-v15 .benefit-row{padding:7px 0;gap:9px;border:0;background:none;box-shadow:none} .peek-v15 .benefit-row:after{content:none;display:none} .peek-v15 .benefit-icon{width:20px;height:20px;margin-top:1px;border:0;background:none} .peek-v15 .benefit-row h2{font-size:17px;line-height:1.16;letter-spacing:-.025em} .peek-v15 .benefit-row p{font-size:11.5px;line-height:1.4;margin-top:3px} .peek-v15 .peek-footer{padding-top:10px} .peek-v15 .benefit-payoff p{font-size:18px} #start-dialog:has(.peek-v15:not([hidden])) .dialog-head{top:15px;right:24px;gap:2px} #start-dialog:has(.peek-v15:not([hidden])) .dialog-head button{position:relative;border:0;background:none} #start-dialog:has(.peek-v15:not([hidden])) .dialog-head button:before{content:'';position:absolute;inset:6px;border:1px solid #B2CCD633;border-radius:50%;background:#DCEAF008;pointer-events:none} #start-dialog:has(.peek-v15:not([hidden])) .dialog-head button:hover:before{background:#DCEAF018} @media(max-width:620px){ .peek-v15{padding:8px 10px 3px} .peek-v15 .benefit-scene{grid-template-columns:59px minmax(0,1fr);grid-template-rows:auto auto auto;gap:0 19px;padding:10px 12px 7px} .peek-v15 .benefit-intake{grid-column:1/-1;grid-row:1;padding:0 0 8px;min-height:0} .peek-v15 .intake-board{width:175px;max-width:calc(100% - 108px)} .peek-v15 .split-flap{height:29px} .peek-v15 .flap-copy,.peek-v15 .flap-half span,.peek-v15 .flap-static-top span{font-size:16px;height:27px} .peek-v15 .benefit-narration{grid-column:1/-1;grid-row:2;margin:3px 0 3px 78px;padding:0;font-size:12px} .peek-v15 .benefit-source{grid-column:1;grid-row:3;height:137px} .peek-v15 .benefit-source .door-frame{width:31px;height:62px;margin:15px 0 0 21px} .peek-v15 .benefit-source .peek-dog.dog-actor{width:72px;height:54px;left:-15px!important;bottom:25px!important} .peek-v15 .benefit-floor{top:77px;left:19px;width:46px} .peek-v15 .benefit-source .dog-name{bottom:3px} .peek-v15 .benefit-list{grid-column:2;grid-row:3} .peek-v15 .benefit-row{padding:6px 0;gap:0} .peek-v15 .benefit-row h2{font-size:16px;line-height:1.14;letter-spacing:-.035em} .peek-v15 .benefit-row p{font-size:11px;line-height:1.4;margin-top:2px} .peek-v15 .benefit-row .benefit-icon{left:-8px;top:11px;width:8px;height:8px;border:1.5px solid #D0EBDD;background:#82BAA4;margin:0} .peek-v15 .benefit-row:nth-child(2) .benefit-icon{background:#B698D1;border-color:#E5D7F5} .peek-v15 .benefit-row:nth-child(3) .benefit-icon{background:#8FBBC5;border-color:#D7EBF0} .peek-v15 .benefit-row:after{display:none} .peek-v15 .benefit-payoff p{font-size:14px} #start-dialog:has(.peek-v15:not([hidden])) .dialog-head{top:12px;right:22px} } @media(max-width:350px){ .peek-v15{padding:8px 8px 3px} .peek-v15 .benefit-scene{grid-template-columns:45px minmax(0,1fr);gap:0 16px;padding:9px 10px 6px} .peek-v15 .intake-detail{font-size:9.5px;padding-right:29px} .peek-v15 #intake-count{font-size:7.5px} .peek-v15 .benefit-narration{font-size:11.5px;margin-left:61px} .peek-v15 .benefit-source .door-frame{margin-left:13px;width:28px;height:58px} .peek-v15 .benefit-source .peek-dog.dog-actor{width:58px;height:43.5px;left:-14px!important;bottom:27px!important} .peek-v15 .benefit-source .dog-name{left:-10px;width:56px} .peek-v15 .benefit-row h2{font-size:15px} .peek-v15 .benefit-row p{font-size:10.5px;line-height:1.35} .peek-v15 .benefit-payoff p{font-size:12.5px} #start-dialog:has(.peek-v15:not([hidden])) .dialog-head{top:11px;right:18px} } @media(prefers-reduced-motion:reduce){ .peek-v15 .benefit-intake{height:auto;padding-right:0} .peek-v15 .intake-static{font-size:12px;line-height:1.6} .peek-v15 .intake-static>span{display:block;font-size:0;height:0} .peek-v15 .intake-static small{font-size:10.5px} } @media(max-width:620px) and (prefers-reduced-motion:reduce){ .peek-v15 .benefit-intake{padding-right:54px;padding-bottom:8px} .peek-v15 .intake-static>span{display:inline;font-size:12px;height:auto} } /* Align the input current with the doorway, above the dog's sniffing space. */ @media(min-width:621px){.peek-v15 .benefit-intake{transform:translateY(-24px)}} /* Calmer type and a properly spaced action area. */ .peek-v16 .benefit-row h2{font-size:16px;line-height:1.25;font-weight:500;letter-spacing:-.01em} .peek-v16 .benefit-row p{line-height:1.45} .peek-v16 .benefit-narration{font-size:12px;letter-spacing:0} .peek-v16 .flap-copy,.peek-v16 .flap-half span,.peek-v16 .flap-static-top span{font-size:15px;font-weight:500;letter-spacing:-.01em} .peek-v16 .peek-footer{padding:18px 12px 9px;gap:24px} .peek-v16 .benefit-payoff p{font-size:16px;line-height:1.45;font-weight:500;letter-spacing:0} .peek-v16 .peek-footer .btn{font-size:13.5px;line-height:20px;font-weight:500;letter-spacing:0;min-height:50px;padding:14px 24px;gap:16px;border-radius:14px;box-shadow:none} .peek-v16 .peek-footer .btn .icon{width:18px;height:18px;flex-shrink:0} .peek-v16 .peek-footnote{padding:0 12px 4px;gap:16px} .peek-v16 .peek-footnote .text-link{font-weight:450;letter-spacing:0} @media(min-width:621px){ .peek-v16 .benefit-payoff p span{display:inline;margin-left:4px} } @media(max-width:620px){ .peek-v16 .benefit-row h2{font-size:15.5px;line-height:1.2} .peek-v16 .benefit-narration{font-size:11.5px} .peek-v16 .peek-footer{padding:16px 2px 8px;gap:14px} .peek-v16 .benefit-payoff p{font-size:13px;line-height:1.5} .peek-v16 .peek-footer .btn{font-size:12.5px;min-height:48px;line-height:20px;padding:13px 16px;gap:12px;border-radius:12px} .peek-v16 .peek-footer .btn .icon{width:17px;height:17px} .peek-v16 .peek-footnote{padding:0 2px 5px;gap:12px} } @media(max-width:350px){ .peek-v16 .benefit-row h2{font-size:15px} .peek-v16 .peek-footer{flex-direction:column;gap:10px;padding-top:15px;align-items:stretch} .peek-v16 .benefit-payoff{text-align:center;flex:none} .peek-v16 .benefit-payoff p{font-size:12.5px;line-height:1.5;white-space:normal} .peek-v16 .benefit-payoff p span{display:inline;margin-left:3px} .peek-v16 .peek-footer .btn{width:100%;justify-content:center;font-size:13px;padding:13px 20px} } /* Dark form fields must remain visibly editable before they receive focus. */ html[data-theme="dark"] #start-form :is(#website,#business-brief){ background:#213246; color:#F0F5F9; border:1px solid #6C8096; border-radius:13px; caret-color:#65D1BD; box-shadow:inset 0 1px 2px #0000001A; } html[data-theme="dark"] #start-form :is(#website,#business-brief)::placeholder{ color:#AFC0D0; opacity:1; } html[data-theme="dark"] #start-form :is(#website,#business-brief):hover{border-color:#8CA2B8} html[data-theme="dark"] #start-form :is(#website,#business-brief):focus{ background:#24384D; border-color:#65D1BD; outline:3px solid #65D1BD; outline-offset:2px; } html[data-theme="dark"] #start-form #website[aria-invalid="true"]{ border-color:#FF9B9B; } html[data-theme="dark"] #start-form #website[aria-invalid="true"]:focus{outline-color:#FF9B9B} html[data-theme="dark"] #website-error{color:#FFB4B4!important} html[data-theme="dark"] #start-form :is(#website,#business-brief):-webkit-autofill{ -webkit-text-fill-color:#F0F5F9; -webkit-box-shadow:0 0 0 1000px #213246 inset; } .peek-v15 .benefit-icon{filter:drop-shadow(0 0 calc(var(--arrival,0) * 4px) #B2DDCB)}.hero .hero-heading-block h1{margin-top:0} /* The product's thinking timeline, streamed answer and cards, in a self-contained demo. */ #meet-phii .demo-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));max-width:690px;gap:8px} #meet-phii .demo-options button{background:#F0F3F7!important;border:1px solid #BAC6D3!important;color:#34465A!important;border-radius:11px!important;padding:11px 14px;font-size:13px;line-height:1.4;min-height:46px;font-weight:500;box-shadow:none!important;letter-spacing:0} #meet-phii .demo-options button[aria-pressed="true"]{background:#EEE5F8!important;border-color:#936CC2!important;color:#4D2B76!important;box-shadow:inset 0 -3px #936CC2!important} .chat-demo-v20{--chat-surface:#FFF;--chat-panel:#F2F5F9;--chat-line:#C6D1DE;--chat-field:#F0F4F8;--chat-step:#117B69;border:1px solid var(--chat-line)!important;border-radius:20px!important;background:var(--chat-surface)!important} .chat-demo-v20 .demo-top{background:var(--chat-panel)!important;border-color:var(--chat-line);height:48px;padding:0 22px;font-size:12px} .chat-demo-v20 .demo-top .pill{font-size:10px;background:var(--chat-surface);border:1px solid var(--chat-line);color:var(--muted);padding:4px 8px;white-space:nowrap} .demo-playbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 16px 8px 22px;border-bottom:1px solid var(--chat-line);font-size:11px;color:var(--muted)} .demo-play-controls{display:flex;gap:4px;align-items:center;flex-shrink:0} .demo-play-controls button{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:8px 11px;background:var(--chat-field);border:1px solid var(--chat-line);color:var(--ink);border-radius:8px;font-size:11px;font-weight:450} .demo-play-controls button:first-child{width:40px;padding:0}.demo-play-controls .icon{width:14px;height:14px} .demo-play-controls button:disabled{opacity:.45;cursor:default} .chat-demo-v20 .demo-main{grid-template-columns:1.05fr 1fr} .chat-demo-v20 .chat-pane{padding:24px;background:var(--chat-surface)!important;border-color:var(--chat-line)} .chat-demo-v20 .chat-person{margin-bottom:20px;gap:10px}.chat-demo-v20 .chat-person small{font-size:11px}.chat-demo-v20 .chat-person strong{font-size:15px} #demo-try-site{margin-left:auto;flex-shrink:0;min-height:40px;padding:8px 10px;border:1px solid var(--chat-line);border-radius:9px;background:var(--chat-field);font-size:11px;color:var(--green)} .chat-demo-v20 .user-bubble{font-size:13px;line-height:1.6;margin:0 0 20px 28px;padding:12px 15px;background:#EAF3EF!important;border:1px solid #BFD4CB;color:var(--ink);border-radius:14px 14px 3px 14px;visibility:hidden} .chat-demo-v20[data-demo-phase="thinking"] .user-bubble,.chat-demo-v20[data-demo-phase="writing"] .user-bubble,.chat-demo-v20[data-demo-phase="ready"] .user-bubble{visibility:visible} .demo-response-stage{position:relative;min-height:220px} .demo-processing{position:absolute;inset:0;visibility:hidden;pointer-events:none} .chat-demo-v20[data-demo-phase="thinking"] .demo-processing{visibility:visible} .demo-response-content{visibility:hidden}.chat-demo-v20[data-demo-phase="writing"] .demo-response-content,.chat-demo-v20[data-demo-phase="ready"] .demo-response-content{visibility:visible} .gfd-run-steps,.gfd-steps ol{list-style:none;padding:0;margin:0} .gfd-run-step{display:flex;align-items:center;gap:10px;padding:8px 0;font-size:12px;line-height:1.5;color:var(--muted)} .gfd-run-ico{width:25px;height:25px;display:grid;place-items:center;flex-shrink:0;border-radius:7px;background:var(--chat-field);border:1px solid var(--chat-line)} .gfd-run-ico .icon{width:14px;height:14px} .gfd-run-step.is-running{color:var(--chat-step)} .gfd-run-step.is-running .gfd-run-ico{border-color:var(--chat-step);animation:phii-step-glow 1.4s ease-in-out infinite} .gfd-run-step.is-done .gfd-run-ico{color:var(--chat-step)} .gfd-working{display:flex;align-items:center;gap:8px;margin-top:13px;color:var(--muted);font-size:12px;line-height:1.5} .gfd-working-dots{display:inline-flex;align-items:center;gap:3px;height:16px} .gfd-working-dots i{width:4px;height:4px;border-radius:50%;background:var(--chat-step);animation:gfd-demo-dot 1.2s infinite} .gfd-working-dots i:nth-child(2){animation-delay:.15s}.gfd-working-dots i:nth-child(3){animation-delay:.3s} .gfd-shimmer{background:linear-gradient(100deg,var(--muted) 20%,var(--chat-step) 45%,var(--muted) 70%);background-size:220% 100%;background-clip:text;-webkit-background-clip:text;color:transparent;animation:phii-demo-shimmer 2s linear infinite} .gfd-run-secs{font-variant-numeric:tabular-nums;font-size:11px;color:var(--muted)} .gfd-steps{margin-bottom:12px;font-size:11px;color:var(--muted)}.gfd-steps summary{padding:5px 0;cursor:pointer;min-height:28px}.gfd-steps ol{padding:3px 0 6px 12px;border-left:1px solid var(--chat-line);margin:5px 0 8px 4px}.gfd-steps li{font-size:11px;padding:3px 0} .chat-demo-v20 .answer-label{font-size:10px;letter-spacing:.08em;font-weight:600;margin-bottom:8px;gap:6px} #demo-writing{margin-left:auto;display:flex;align-items:center;gap:7px;font-size:10px;font-weight:400;letter-spacing:0;color:var(--muted)} .chat-demo-v20[data-demo-phase="ready"] #demo-writing{visibility:hidden} .demo-answer-shell{position:relative} .chat-demo-v20 .chat-answer{font-size:14px;line-height:1.7;min-height:0;max-width:none;letter-spacing:0} .chat-demo-v20 .demo-answer-measure{visibility:hidden;margin:0!important} #demo-answer{position:absolute;inset:0;margin:0} .chat-demo-v20 .evidence-row{margin-top:14px;gap:6px}.chat-demo-v20 .evidence-row span{font-size:10px;background:var(--chat-field);border-color:var(--chat-line);padding:4px 7px} .chat-demo-v20 .evidence-row .icon{width:12px;height:12px} .chat-demo-v20 .demo-composer{padding:11px 12px!important;border:1px solid #AFBFD0;border-radius:12px!important;background:var(--chat-field)!important;margin-top:20px;gap:12px;align-items:center;min-height:85px} .chat-demo-v20[data-demo-phase="composing"] .demo-conversation{display:none} .chat-demo-v20[data-demo-phase="composing"] .demo-composer{margin-top:0} .chat-demo-v20:not([data-demo-phase="composing"]) .demo-composer{display:none} #demo-view-plan{display:none} .chat-demo-v20[data-demo-phase="thinking"] .evidence-row,.chat-demo-v20[data-demo-phase="writing"] .evidence-row{visibility:hidden} .demo-composer>div{flex:1;min-width:0}.demo-composer small{display:block;font-size:9px;letter-spacing:.025em;color:var(--muted);margin-bottom:4px} #demo-composer-text{font-size:12px;line-height:1.5;color:var(--ink);display:block;min-height:36px} .chat-demo-v20[data-demo-phase="composing"] #demo-composer-text:after{content:'';display:inline-block;width:1px;height:13px;vertical-align:-2px;margin-left:2px;background:var(--green);animation:phii-demo-caret 1s step-end infinite} #demo-send{display:grid;place-items:center;min-width:36px;height:36px;border-radius:9px;border:1px solid var(--chat-line);background:var(--chat-surface);color:var(--green);padding:0} #demo-send .icon{width:16px;height:16px}#demo-send:disabled{opacity:.4;cursor:default} .chat-demo-v20 .plan-pane{position:relative;padding:24px;background:var(--chat-panel)!important} .chat-demo-v20 .plan-heading{margin-bottom:16px}.chat-demo-v20 .plan-heading strong{font-size:13px}.chat-demo-v20 .plan-heading span{font-size:10px;color:var(--muted)} .demo-plan-body{visibility:hidden}.demo-plan-waiting{position:absolute;inset:90px 26px auto;display:flex;flex-direction:column;align-items:center;text-align:center;gap:12px;color:var(--muted);padding:25px 0} .demo-plan-waiting strong{font-size:16px;font-weight:500;color:var(--ink)}.demo-plan-waiting p{font-size:12px;max-width:220px;line-height:1.6} .demo-plan-orb{width:54px;height:54px;border:1px solid var(--chat-line);background:var(--chat-surface);border-radius:18px;display:grid;place-items:center;color:var(--geo-violet)} .demo-plan-orb .icon{width:27px;height:27px} .demo-skeleton{width:74%;height:7px;border-radius:5px;background:var(--chat-line);opacity:.4;margin-top:12px}.demo-skeleton.short{width:48%;margin:0} html[data-theme] .chat-demo-v20 .work-card{border:1px solid var(--chat-line);background:var(--chat-surface)!important;box-shadow:none;padding:20px;border-radius:14px!important} .chat-demo-v20 .work-card .eyebrow{font-size:10px;font-weight:550;letter-spacing:.04em;line-height:1.5} .chat-demo-v20 .work-card h3{font-family:var(--sans);font-size:22px;line-height:1.2;letter-spacing:-.025em;font-weight:500;margin-top:10px} .chat-demo-v20 .work-card p{font-size:13px;line-height:1.6;margin-top:12px} .chat-demo-v20 .work-meta{gap:6px}.chat-demo-v20 .work-meta span{font-size:10px;border-color:var(--chat-line)} .chat-demo-v20 .work-card .btn{font-size:12px;min-height:46px;line-height:1.4;width:100%;padding:11px 12px;gap:10px;border-radius:10px} .chat-demo-v20 .plan-next{font-size:13px;line-height:1.5;padding:13px 0;margin-top:0;border-color:var(--chat-line)}.chat-demo-v20 .plan-next small{font-size:11px;margin-top:4px;line-height:1.5}.chat-demo-v20 .plan-next .number{background:var(--chat-surface);border:1px solid var(--chat-line);font-size:11px} .chat-demo-v20 .plan-note{font-size:11px;line-height:1.6;padding-top:12px;margin-top:0} .chat-demo-v20[data-demo-phase="ready"] .demo-plan-body{visibility:visible}.chat-demo-v20[data-demo-phase="ready"] .demo-plan-waiting{display:none} .chat-demo-v20[data-demo-phase="ready"] .demo-plan-body>.work-card{animation:phii-card-in .38s ease-out both}.chat-demo-v20[data-demo-phase="ready"] .demo-plan-body>.plan-next{animation:phii-card-in .38s ease-out .12s both} .chat-demo-v20.demo-instant .demo-plan-body>*{animation:none!important} .chat-demo-v20.demo-held *{animation-play-state:paused!important} .demo-sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap} @keyframes gfd-demo-dot{0%,80%,100%{opacity:.25}40%{opacity:1}} @keyframes phii-demo-shimmer{from{background-position:180% 0}to{background-position:-40% 0}} @keyframes phii-step-glow{0%,100%{box-shadow:0 0 0 0 #65D1BD00}50%{box-shadow:0 0 0 4px #65D1BD18}} @keyframes phii-demo-caret{0%,48%{opacity:1}49%,100%{opacity:0}} @keyframes phii-card-in{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}} html[data-theme="dark"] #meet-phii .demo-options button{background:#25364B!important;border-color:#657A94!important;color:#D9E4F0!important} html[data-theme="dark"] #meet-phii .demo-options button[aria-pressed="true"]{background:#443358!important;border-color:#C6A4ED!important;color:#F4EAFF!important;box-shadow:inset 0 -3px #C6A4ED!important} html[data-theme="dark"] .chat-demo-v20{--chat-surface:#19283B;--chat-panel:#121E2E;--chat-line:#4A6079;--chat-field:#25384E;--chat-step:#80D9C5} html[data-theme="dark"] .chat-demo-v20 .user-bubble{background:#244341!important;border-color:#547D75;color:#E5F5F0} html[data-theme="dark"] .chat-demo-v20 .demo-composer{border-color:#7289A2} html[data-theme="dark"] .chat-demo-v20 .work-card{border-color:#6A8099} html[data-theme="dark"] #demo-try-site{color:#96E3D3;border-color:#6B8797} @media(max-width:760px){ .chat-demo-v20[data-demo-phase="ready"] #demo-view-plan{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:44px;padding:10px 12px;border:1px solid var(--chat-line);border-radius:9px;background:var(--chat-field);color:var(--ink);font-size:12px;margin-top:18px} .chat-demo-v20 .demo-main{grid-template-columns:1fr} .chat-demo-v20 .chat-pane{border-right:0;border-bottom:1px solid var(--chat-line)} .chat-demo-v20 .plan-pane{padding:20px} .demo-plan-body{display:none}.chat-demo-v20[data-demo-phase="ready"] .demo-plan-body{display:block} .demo-plan-waiting{position:static;padding:6px 0 12px;gap:5px;align-items:flex-start;text-align:left}.demo-plan-waiting strong{font-size:13px}.demo-plan-waiting p{font-size:11px;max-width:none}.demo-plan-orb,.demo-skeleton{display:none} } @media(max-width:620px){ #meet-phii .demo-options{gap:6px;margin-top:24px} #meet-phii .demo-options button{font-size:11px;min-height:47px;padding:8px 6px;line-height:1.4;border-radius:9px} .chat-demo-v20 .demo-top{padding-inline:14px;font-size:10px;height:43px}.chat-demo-v20 .demo-top .pill{font-size:9px;padding:3px 6px} .demo-playbar{padding:7px 9px 7px 14px;font-size:10px;gap:8px}.demo-play-controls{gap:3px}.demo-play-controls button{min-height:40px;font-size:10px;padding-inline:8px}.demo-play-controls button:first-child{width:34px} .chat-demo-v20 .chat-pane{padding:19px 16px}.chat-demo-v20 .chat-person small{font-size:9px}.chat-demo-v20 .chat-person strong{font-size:14px}.chat-demo-v20 .avatar{width:30px;height:30px} #demo-try-site{font-size:10px;min-height:40px;padding-inline:8px} .chat-demo-v20 .user-bubble{font-size:12px;line-height:1.6;margin-left:18px;padding:11px 12px} .chat-demo-v20 .chat-answer{font-size:13px;line-height:1.65} .demo-response-stage{min-height:216px} .gfd-run-step{font-size:11px;padding:8px 0;gap:8px}.gfd-working{font-size:11px} .chat-demo-v20 .evidence-row span{font-size:9px}.gfd-steps{font-size:10px} .chat-demo-v20 .work-card h3{font-size:20px}.chat-demo-v20 .work-card p{font-size:12px} .chat-demo-v20 .demo-composer{margin-top:16px;min-height:88px} #demo-composer-text{font-size:11px;line-height:1.5} } @media(prefers-reduced-motion:reduce){.chat-demo-v20 *{animation:none!important;transition:none!important}.demo-answer-measure{display:none}#demo-answer{position:static}} /* V20 colours and surfaces are unchanged. Reflections exist only on the rims. */ :root{ --rim-glass:linear-gradient(125deg,#FFFFFFDB 0%,#FFFFFF70 18%,#FFFFFF06 43%,#A9B6D20A 68%,#FFFFFF66 100%); --rim-side:#A6B7CA3B;--rim-top:#FFFFFFA6; } html[data-theme="dark"]{ --rim-glass:linear-gradient(125deg,#E7F6FF66 0%,#D7ECFF26 18%,#D7ECFF03 43%,#D6C8F209 68%,#E3EBFF2B 100%); --rim-side:#DAE9FF26;--rim-top:#E0F1FF45; } html[data-theme] .chat-demo-v20,html[data-theme] .chat-demo-v20 .work-card{position:relative} html[data-theme] .v9-board, html[data-theme] .chat-demo-v20, html[data-theme] .chat-demo-v20 .work-card, html[data-theme] dialog{ border-color:var(--rim-side)!important;border-top-color:var(--rim-top)!important; } /* Cut out the centre of the reflection so it cannot tint the panel or text. */ @supports ((mask-composite:exclude) or (-webkit-mask-composite:xor)){ html[data-theme] .v9-board:after, html[data-theme] .chat-demo-v20:before, html[data-theme] .chat-demo-v20 .work-card:before, html[data-theme] dialog:after{ content:'';position:absolute;inset:0;padding:1px;border-radius:inherit; background:var(--rim-glass);pointer-events:none;z-index:2; -webkit-mask:linear-gradient(#FFF 0 0) content-box,linear-gradient(#FFF 0 0); mask:linear-gradient(#FFF 0 0) content-box,linear-gradient(#FFF 0 0); -webkit-mask-composite:xor;mask-composite:exclude; } } /* Short top glints on controls; existing fills and selection markers stay intact. */ html[data-theme] #meet-phii .demo-options button{border-top-color:#FFFFFFB3!important} html[data-theme="dark"] #meet-phii .demo-options button{border-top-color:#E3F2FF59!important} html[data-theme="dark"] #meet-phii .demo-options button[aria-pressed="true"]{border-top-color:#EDD7FF99!important} html[data-theme] .demo-play-controls button, html[data-theme] #demo-try-site, html[data-theme] #demo-view-plan{border-top-color:#FFFFFFA6} html[data-theme="dark"] .demo-play-controls button, html[data-theme="dark"] #demo-try-site, html[data-theme="dark"] #demo-view-plan{border-top-color:#D9EEFF59} .v9-start,.v9-branches button{border-top-color:#DBEDFF40} .v9-branches button.active{border-top-color:#E8D6FF73} html[data-theme] .peek-v15 .benefit-scene{border-color:#CADFF526;border-top-color:#E1F1FF4D} .v9-destination .destination-payoff{display:block;font-size:16px;line-height:1.4;font-weight:450;margin-top:9px;color:#437567} @media(max-width:620px){.v9-destination .destination-payoff{font-size:11px;line-height:1.35;margin-top:7px}}