@font-face{font-family:Outfit;src:url('/homepage/assets/outfit.woff2') format('woff2');font-weight:100 900;font-display:swap}
:root{--black:#000;--white:#fff;--line:rgba(0,0,0,.18);--muted:rgba(0,0,0,.65);--ease-out:cubic-bezier(.16,1,.3,1)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;color:var(--black);background:var(--white);font-family:Outfit,Arial,sans-serif;font-size:17px;line-height:1.5}button,input,textarea,select{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}button{color:inherit}button:disabled{cursor:default}img{max-width:100%;display:block}h1,h2,h3,h4,p{margin:0}h1,h2,h3,h4{font-weight:600;line-height:1.06;letter-spacing:-.04em;text-wrap:balance}p{max-width:65ch}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid var(--black);outline-offset:5px}.wrap{width:min(1280px,calc(100% - 96px));margin-inline:auto}.section{padding-block:110px}.dark{background:var(--black);color:var(--white)}.skip{position:fixed;top:12px;left:12px;transform:translateY(-150%);background:var(--black);color:var(--white);padding:12px;z-index:10}.skip:focus{transform:none}.header{display:flex;align-items:center;justify-content:space-between;min-height:104px;gap:32px}.brand{display:block;flex-shrink:0}.brand img{width:180px;height:48px;object-fit:contain}.header nav{display:flex;align-items:center;gap:32px;font-size:15px}.header nav>a:hover,.footer>a:hover{text-decoration:underline;text-underline-offset:5px}.button{display:inline-flex;align-items:center;justify-content:center;gap:24px;min-height:58px;padding:16px 25px;border:1px solid var(--black);border-radius:100px;background:var(--black);color:var(--white);font-weight:500;text-align:center;transition:transform 180ms var(--ease-out),background 180ms,color 180ms}.button:hover{background:var(--white);color:var(--black);transform:translateY(-2px)}.button span{font-size:23px;line-height:1}.button.small{min-height:44px;padding:10px 18px;gap:16px;font-size:14px}.button.inverse{background:var(--white);color:var(--black);border-color:var(--white)}.button.inverse:hover{background:var(--black);color:var(--white)}.text-link{display:inline-flex;align-items:center;gap:18px;background:none;border:0;padding:0;font-weight:500;min-height:44px;text-decoration:underline;text-underline-offset:5px}.text-link span{font-size:22px}.menu-toggle{display:none}
.hero{display:grid;grid-template-columns:1fr 1.04fr;align-items:center;gap:55px;padding-top:40px;padding-bottom:70px}.intro{display:flex;align-items:center;gap:12px;font-size:15px;margin-bottom:29px}.small-mark{display:grid;place-items:center;border-radius:7px;background:var(--black);color:var(--white);width:28px;height:28px;font-size:23px;font-weight:700;line-height:1}.hero h1{font-size:clamp(56px,6.8vw,94px);line-height:.99;letter-spacing:-.04em;margin-bottom:30px}.lead{font-size:20px;line-height:1.5;max-width:380px}.hero-actions{display:flex;flex-wrap:wrap;align-items:center;gap:14px 23px;margin-top:32px}.hero-actions .text-link{font-size:15px}.hero-note{font-size:13px;color:var(--muted);margin-top:23px}.hero-stage{position:relative;min-height:610px;background:var(--black);color:var(--white);border-radius:180px 180px 24px 24px;overflow:hidden;isolation:isolate}.stage-caption{position:absolute;top:46px;left:50%;transform:translateX(-50%);width:70%;text-align:center;font-size:16px;line-height:1.3;z-index:1}.stage-orbit{position:absolute;width:510px;height:510px;border:1px solid rgba(255,255,255,.22);border-radius:50%;right:-235px;top:-125px;box-shadow:0 0 0 70px rgba(255,255,255,.025),0 0 0 140px rgba(255,255,255,.025)}.browser{background:var(--white);color:var(--black);border:1px solid rgba(0,0,0,.22);border-radius:12px;overflow:hidden}.browser-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 14px;border-bottom:1px solid var(--line);font-size:10px;background:var(--white);color:var(--black)}.dots{display:flex;align-items:center;gap:4px;flex-shrink:0}.dots i{width:5px;height:5px;background:var(--black);opacity:.35;border-radius:50%}.browser-bar>span:nth-child(2){flex:1;min-width:0;max-width:65%;padding:3px 10px;text-align:center;border-radius:4px;background:rgba(0,0,0,.04);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hero-browser{position:absolute;left:28px;top:147px;width:calc(100% - 70px);min-height:285px;transform:rotate(-7deg);box-shadow:0 20px 40px rgba(0,0,0,.3),0 4px 9px rgba(0,0,0,.15);animation:device-enter 750ms var(--ease-out) .1s backwards}.sample-site{position:relative;min-height:265px;overflow:hidden;background:var(--white);padding:22px}.sample-nav{display:flex;justify-content:space-between;font-size:8px;position:relative;z-index:2}.sample-nav strong{font-size:18px}.sample-site-copy{position:relative;z-index:2;width:56%;padding-top:45px}.sample-site-copy small{font-size:8px}.sample-site-copy h3{font-size:28px;margin:10px 0 22px}.sample-cta{display:inline-block;font-size:9px;padding:9px 12px;background:var(--black);color:var(--white);border-radius:3px}.architecture-art{position:absolute;right:0;bottom:0;width:42%;height:225px;background:rgba(0,0,0,.06);overflow:hidden}.arch-sun{width:60px;height:60px;border-radius:50%;background:var(--white);position:absolute;right:16px;top:20px}.arch-wall{position:absolute;bottom:0;left:0;width:80%;height:170px;background:rgba(0,0,0,.2);transform:skewY(-12deg)}.arch-door{position:absolute;bottom:0;left:22px;width:64px;height:132px;border-radius:60px 60px 0 0;background:var(--black)}.arch-lines{position:absolute;bottom:0;right:-10px;transform:skewY(10deg);width:60px;height:160px;background:repeating-linear-gradient(90deg,var(--black) 0 2px,var(--white) 2px 10px)}.arch-pot{position:absolute;right:22px;bottom:10px;width:26px;height:45px;background:var(--white);border-radius:40% 40% 20% 20%}.phone{width:184px;background:var(--black);padding:7px;border:1px solid rgba(255,255,255,.6);border-radius:27px;position:relative;box-shadow:0 20px 42px rgba(0,0,0,.22),0 5px 12px rgba(0,0,0,.18)}.phone-speaker{position:absolute;top:11px;left:50%;transform:translateX(-50%);width:48px;height:8px;border-radius:9px;background:var(--black);z-index:3}.phone-screen{min-height:323px;background:var(--white);color:var(--black);border-radius:20px;text-align:center;padding:35px 12px 18px;display:flex;flex-direction:column;align-items:center;gap:9px}.sample-avatar{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:var(--black);color:var(--white);font-size:21px;font-weight:600}.phone-screen>strong{font-size:13px}.phone-screen p{font-size:9px;line-height:1.4;max-width:150px}.phone-screen>span{width:100%;font-size:9px;padding:11px 5px;border:1px solid var(--black);border-radius:6px}.phone-social{display:flex;align-items:center;gap:15px;margin-top:6px}.phone-social .line-icon{width:14px;height:14px}.phone-screen>small{font-size:7px;margin-top:auto;opacity:.6}.hero-phone{position:absolute;bottom:51px;right:26px;transform:rotate(8deg);animation:phone-enter 800ms var(--ease-out) .2s backwards}.example-label{position:absolute;left:28px;bottom:25px;font-size:10px;opacity:.6}.benefit-strip{border-block:1px solid var(--line)}.benefit-strip>.wrap{display:flex;justify-content:space-between;gap:22px;padding-block:24px;font-size:14px}.benefit-strip span{display:flex;align-items:center;gap:10px}.benefit-strip span:before{content:'＋';font-size:21px}
.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:40px;margin-bottom:52px}.section h2,.statement h2{font-size:clamp(38px,4.2vw,59px)}.section-heading>p{font-size:18px;color:var(--muted);padding-bottom:5px}.solution-tabs{display:grid;grid-template-columns:1fr 1fr;gap:0;border-bottom:1px solid var(--line);margin-bottom:48px}.solution-tabs button{display:flex;align-items:center;justify-content:space-between;background:none;border:0;border-bottom:3px solid transparent;padding:19px 22px;font-size:23px;text-align:left;color:var(--muted);transition:color 180ms,background 180ms,border-color 180ms}.solution-tabs button[aria-selected=true]{border-bottom-color:var(--black);color:var(--black)}.solution-tabs button:hover{color:var(--black);background:rgba(0,0,0,.025)}.solution-tabs span{font-size:13px;font-variant-numeric:tabular-nums}.solution-panel{display:grid;grid-template-columns:.8fr 1.2fr;gap:75px;align-items:center}.solution-kicker{font-size:14px;margin-bottom:18px}.solution-description h3{font-size:43px;margin-bottom:22px}.solution-description>p:not(.solution-kicker){color:var(--muted);font-size:17px;max-width:360px}.solution-description ul{list-style:none;padding:0;margin:26px 0}.solution-description li{border-bottom:1px solid var(--line);padding:11px 0;font-size:14px}.solution-description li:before{content:'✓';margin-right:12px}.segment-control{display:flex;align-items:center;justify-content:space-between;gap:14px;font-size:13px;padding-bottom:17px}.segment-control select{max-width:55%;border:1px solid var(--line);border-radius:100px;padding:9px 25px 9px 12px;background:var(--white);color:var(--black);font-size:13px}.showcase-stage{background:rgba(0,0,0,.045);border:1px solid rgba(0,0,0,.06);border-radius:22px;min-height:410px;display:grid;place-items:center;padding:36px;overflow:hidden}.demo-browser{width:100%;box-shadow:0 20px 30px rgba(0,0,0,.1),0 3px 7px rgba(0,0,0,.06)}.demo-site-content{position:relative;min-height:295px;background:var(--white);padding:24px;overflow:hidden}.demo-nav{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:7px;position:relative;z-index:2}.demo-nav strong{font-size:14px}.demo-copy{position:relative;z-index:2;width:62%;padding-top:46px}.demo-copy small{font-size:8px}.demo-copy h4{font-size:29px;margin:12px 0}.demo-copy p{font-size:9px;max-width:210px;margin-bottom:18px}.demo-art{position:absolute;right:0;top:45px;width:36%;height:100%;background:rgba(0,0,0,.07);overflow:hidden}.art-window{position:absolute;top:25px;left:20px;height:145px;width:105px;background:var(--white);border:7px solid var(--black);border-radius:80px 80px 0 0}.art-window:after{content:'';height:100%;width:3px;background:var(--black);position:absolute;left:50%}.art-seat{position:absolute;bottom:60px;left:0;background:var(--black);height:45px;width:95px;border-radius:18px 18px 0 0}.art-vase{position:absolute;bottom:60px;right:8px;width:24px;height:55px;background:var(--white);border:1px solid var(--black);border-radius:50% 50% 20% 20%}.showcase-stage[data-segment=beauty] .art-window{border-radius:100%;height:110px;left:12px;top:25px}.showcase-stage[data-segment=beauty] .art-window:after{display:none}.showcase-stage[data-segment=beauty] .art-seat{height:65px;width:70px;left:25px;border-radius:20px 20px 8px 8px}.showcase-stage[data-segment=service] .art-window{border-radius:0;height:100px;width:105px;top:25px;border-width:3px}.showcase-stage[data-segment=service] .art-seat{height:65px;bottom:60px;width:120px;border-radius:0;transform:skew(-10deg)}.demo-phone{width:206px}.demo-phone .phone-screen{min-height:345px;padding-top:35px}.demo-phone .phone-screen>span{font-size:10px}.demo-phone .phone-screen>strong{font-size:16px}.demo-phone .phone-screen p{font-size:11px}.demo-disclaimer{font-size:11px;color:var(--muted);margin-top:13px;text-align:center}.statement{padding-block:95px}.statement>.wrap>p{font-size:16px;margin-bottom:27px;opacity:.65}.statement h2{max-width:930px;line-height:1.13}.statement h2 span{opacity:.55}.statement-bottom{display:flex;justify-content:space-between;align-items:center;gap:55px;margin-top:55px}.statement-bottom>p{max-width:355px;color:rgba(255,255,255,.65);font-size:16px}.path-graphic{display:flex;align-items:center;font-size:15px;white-space:nowrap;flex:1;max-width:640px}.path-graphic span{border:1px solid rgba(255,255,255,.4);border-radius:100px;padding:13px 20px}.path-graphic i{flex:1;min-width:25px;border-top:1px solid rgba(255,255,255,.35)}.process-steps{list-style:none;display:grid;grid-template-columns:repeat(3,1fr);gap:55px;margin:0;padding:0}.process-steps li{border-top:1px solid var(--black);padding-top:18px}.step-number{display:block;font-size:14px;margin-bottom:45px}.process-steps h3{font-size:29px;margin-bottom:22px}.process-steps p{color:var(--muted);font-size:16px}.essentials{display:grid;grid-template-columns:1fr 1fr;gap:100px;padding-top:15px}.essentials-title>p{color:var(--muted);margin-top:25px;max-width:325px}.essential-list article{display:flex;align-items:flex-start;gap:22px;padding:25px 0;border-bottom:1px solid var(--line)}.essential-list article:first-child{padding-top:0}.essential-list article>span{display:grid;place-items:center;width:30px;height:30px;flex-shrink:0}.line-icon{display:block;width:26px;height:26px}.essential-list h3{font-size:23px;letter-spacing:-.025em;margin-bottom:12px}.essential-list p{font-size:15px;color:var(--muted)}.faq{display:grid;grid-template-columns:.8fr 1.2fr;gap:90px;border-top:1px solid var(--line)}.faq>div>p{margin-top:24px;color:var(--muted)}.faq details{border-bottom:1px solid var(--line)}.faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:24px;padding:22px 0;font-size:18px;line-height:1.35}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:'＋';font-size:23px;flex-shrink:0}.faq details[open] summary:after{content:'−'}.faq details p{padding:0 30px 24px 0;color:var(--muted);font-size:16px}.closing{text-align:center;padding:85px 0 95px}.closing-logo{width:180px;height:48px;object-fit:contain;filter:invert(1);margin:0 auto 30px}.closing h2{font-size:clamp(36px,4.5vw,64px)}.closing p{font-size:18px;color:rgba(255,255,255,.65);margin:25px auto 33px}.footer{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-block:38px;font-size:13px}.footer .brand img{width:145px;height:39px}.footer>p,.footer>span{color:var(--muted)}
dialog{width:min(700px,calc(100% - 32px));max-height:calc(100dvh - 40px);padding:45px;border:1px solid var(--black);border-radius:20px;background:var(--white);color:var(--black);overflow:auto}dialog::backdrop{background:rgba(0,0,0,.65);backdrop-filter:blur(5px)}.dialog-close{position:absolute;right:16px;top:12px;font-size:31px;line-height:1;background:none;border:0;padding:7px 12px}.dialog-intro>p:first-child{font-size:14px;margin-bottom:15px}.dialog-intro h2{font-size:44px;margin-bottom:20px}.dialog-intro>p:last-child{font-size:14px;color:var(--muted);margin-bottom:28px}#brief-form{display:grid;gap:19px}#brief-form label,#brief-result>label{font-size:14px;display:grid;gap:8px}input,textarea,select{min-width:0;width:100%;padding:12px 14px;border:1px solid rgba(0,0,0,.35);border-radius:8px;background:var(--white);color:var(--black)}textarea{resize:vertical}input::placeholder,textarea::placeholder{color:var(--muted)}#brief-form .button{margin-top:7px}#brief-output{margin-top:12px;font-size:15px}.result-actions{display:flex;align-items:center;gap:20px;flex-wrap:wrap;margin-top:22px}#copy-status{font-size:14px;margin-top:15px}.no-scroll{overflow:hidden}[hidden]{display:none!important}@keyframes device-enter{from{opacity:0;transform:translateY(25px) rotate(-3deg)}to{opacity:1;transform:translateY(0) rotate(-7deg)}}@keyframes phone-enter{from{opacity:0;transform:translateY(35px) rotate(3deg)}to{opacity:1;transform:translateY(0) rotate(8deg)}}
@media(min-width:1500px){.hero{gap:90px}.hero-stage{min-height:645px}.hero-browser{top:155px}.sample-site{min-height:285px}}
@media(max-width:1100px){.wrap{width:calc(100% - 64px)}.header nav{gap:20px}.hero{gap:30px}.hero-stage{min-height:555px}.hero h1{font-size:76px}.hero-browser{left:22px;width:calc(100% - 44px)}.sample-site-copy h3{font-size:24px}.hero-phone{width:165px;right:20px;bottom:44px}.hero-phone .phone-screen{min-height:305px}.benefit-strip>.wrap{gap:14px;font-size:12px}.solution-panel{gap:40px}.showcase-stage{padding:22px}.demo-copy h4{font-size:24px}.statement-bottom{gap:35px}.path-graphic{font-size:12px}.path-graphic span{padding:12px}.essentials{gap:65px}.faq{gap:60px}.footer{flex-wrap:wrap}}
@media(max-width:800px){.wrap{width:calc(100% - 40px)}.header{min-height:85px;position:relative}.header .brand img{width:150px;height:40px}.menu-toggle{display:flex;align-items:center;gap:12px;background:none;border:1px solid var(--line);border-radius:30px;min-height:44px;padding:8px 15px;font-size:14px}.header nav{display:none;position:absolute;top:75px;left:0;right:0;z-index:5;background:var(--white);border:1px solid var(--black);padding:25px;border-radius:15px;box-shadow:0 20px 35px rgba(0,0,0,.15);align-items:flex-start;gap:25px}.header nav.open{display:flex;flex-direction:column}.hero{grid-template-columns:1fr;gap:35px;padding-top:20px;padding-bottom:40px}.hero h1{font-size:clamp(60px,12vw,85px)}.hero-copy{max-width:550px}.hero .lead{max-width:460px}.hero-stage{min-height:550px;width:100%;max-width:620px;justify-self:center;border-radius:100px 100px 22px 22px}.hero-browser{width:74%;top:133px;left:38px}.hero-phone{width:185px;right:36px;bottom:38px}.sample-site{min-height:265px}.hero-phone .phone-screen{min-height:323px}.stage-caption{top:30px}.benefit-strip>.wrap{display:grid;grid-template-columns:1fr 1fr;gap:14px 18px;font-size:13px}.section{padding-block:70px}.section-heading{display:block;margin-bottom:35px}.section-heading>p{margin-top:23px;font-size:16px}.solution-tabs button{font-size:20px;padding:15px 10px}.solution-panel{grid-template-columns:1fr;gap:35px}.solution-description h3{font-size:39px}.solution-description>p:not(.solution-kicker){max-width:560px}.solution-description ul{max-width:560px}.showcase{max-width:650px;width:100%;justify-self:center}.showcase-stage{min-height:400px;padding:30px}.demo-site-content{min-height:300px}.demo-copy h4{font-size:30px}.statement{padding-block:65px}.statement-bottom{flex-direction:column;align-items:flex-start;gap:30px;margin-top:35px}.path-graphic{width:100%;font-size:14px}.path-graphic span{padding:13px 16px}.statement-bottom>p{max-width:550px}.process-steps{grid-template-columns:1fr;gap:28px}.process-steps li{display:grid;grid-template-columns:36px 1fr;gap:12px 20px}.process-steps .step-number{grid-row:1/3;margin:5px 0 0}.process-steps h3{margin:0}.process-steps p{grid-column:2;max-width:55ch}.step-number{margin-bottom:30px}.process-steps h3{font-size:24px}.process-steps p{font-size:14px}.essentials{grid-template-columns:1fr;gap:40px;padding-top:5px}.essentials-title>p{max-width:500px}.faq{grid-template-columns:1fr;gap:30px}.faq summary{font-size:17px}.closing{padding-block:65px}.closing p{font-size:16px}.footer{display:grid;grid-template-columns:1fr 1fr;gap:20px;font-size:12px}.footer>span{text-align:right}.footer>.brand img{width:135px;height:36px}.footer>p{text-align:right}dialog{padding:35px 25px}}
@media(max-width:480px){.wrap{width:calc(100% - 32px)}.hero h1{font-size:clamp(48px,13.5vw,64px);letter-spacing:-.04em}.hero h1 br:nth-child(2){display:initial}.hero .lead{font-size:18px}.intro{font-size:13px}.hero-actions{gap:12px;margin-top:25px}.hero-stage{min-height:430px;border-radius:85px 85px 18px 18px}.hero-browser{width:88%;left:15px;top:122px}.sample-site{min-height:210px;padding:15px}.sample-site-copy{padding-top:28px}.sample-site-copy h3{font-size:22px;margin:7px 0 16px}.sample-nav span{font-size:6px}.sample-nav strong{font-size:14px}.architecture-art{height:190px}.hero-phone{width:139px;right:15px;bottom:30px;border-radius:23px;padding:5px}.hero-phone .phone-screen{min-height:255px;padding:27px 9px 12px;gap:7px;border-radius:17px}.hero-phone .sample-avatar{width:30px;height:30px;font-size:15px}.hero-phone .phone-screen>strong{font-size:11px}.hero-phone .phone-screen p{font-size:7px}.hero-phone .phone-screen>span{font-size:7px;padding:8px 3px}.hero-phone .phone-screen>small{font-size:6px}.hero-phone .phone-social{gap:11px}.hero-phone .phone-social .line-icon{width:11px;height:11px}.stage-caption{top:28px;font-size:13px}.example-label{font-size:8px;bottom:13px;left:15px}.benefit-strip>.wrap{font-size:14px;gap:12px}.benefit-strip span{gap:6px}.benefit-strip span:before{font-size:16px}.section{padding-block:55px}.section h2,.statement h2{font-size:36px}.solution-tabs{margin-bottom:30px}.solution-tabs button{font-size:17px;gap:8px}.solution-tabs span{font-size:11px}.solution-description h3{font-size:36px}.solution-description>p:not(.solution-kicker){font-size:16px}.solution-description li{font-size:13px}.segment-control{font-size:11px;gap:8px}.segment-control select{font-size:12px;max-width:57%;min-height:44px;padding:9px 8px}.showcase-stage{min-height:325px;padding:14px;border-radius:15px}.demo-site-content{min-height:240px;padding:17px}.demo-nav strong{font-size:11px}.demo-nav>span{font-size:6px}.demo-copy{padding-top:32px;width:63%}.demo-copy h4{font-size:21px}.demo-copy p{font-size:8px}.demo-copy small{font-size:7px}.demo-art{width:34%;top:38px}.art-window{left:10px;width:75px;height:110px;border-width:5px}.art-seat{width:60px;bottom:42px}.art-vase{right:5px;bottom:42px;width:18px;height:40px}.demo-phone{width:170px}.demo-phone .phone-screen{min-height:295px;padding-top:28px;gap:8px}.demo-phone .phone-screen>strong{font-size:13px}.demo-phone .phone-screen p{font-size:9px}.demo-phone .phone-screen>span{font-size:9px;padding:10px 4px}.demo-disclaimer{font-size:10px}.statement{padding-block:55px}.statement h2 br{display:none}.path-graphic{font-size:10px}.path-graphic span{padding:10px 11px}.path-graphic i{min-width:10px}.process-steps{grid-template-columns:1fr;gap:30px}.process-steps li{display:grid;grid-template-columns:35px 1fr;gap:14px 18px}.step-number{margin:5px 0 0;grid-row:1/3}.process-steps h3{font-size:27px;margin:0}.process-steps p{grid-column:2;font-size:15px}.essentials{padding-top:0;gap:30px}.essential-list h3{font-size:21px}.essential-list article{gap:14px}.essential-list p{font-size:14px}.faq summary{font-size:16px}.faq details p{font-size:14px}.closing h2{font-size:36px}.closing h2 br{display:none}.footer{font-size:11px}.footer>p{max-width:130px;justify-self:end}.dialog-intro h2{font-size:37px}.result-actions{align-items:stretch;flex-direction:column}.result-actions .text-link{justify-content:center}}

/* Refinement: shared optical details, without additional sections. */
::selection{background:var(--black);color:var(--white)}
.dark ::selection{background:var(--white);color:var(--black)}
.dark :is(button,a):focus-visible{outline-color:var(--white)}
input,textarea{caret-color:var(--black)}
dialog{scrollbar-color:rgba(0,0,0,.4) var(--white)}
:is(.hero-copy,.solution-description,.showcase,.faq-list,.essentials-title){min-width:0}
.hero-copy{padding-block:8px}
.lead,.section-heading>p,.solution-description>p,.essentials-title>p{letter-spacing:-.01em;text-wrap:pretty}
.button:active{transform:translateY(0)}
.button:disabled{opacity:.5;transform:none}
.menu-toggle span{transition:transform 180ms var(--ease-out)}
.menu-toggle[aria-expanded=true] span{transform:rotate(45deg)}
.faq summary:after{width:28px;height:28px;display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;font-size:20px}
.faq summary:hover{color:rgba(0,0,0,.7)}
.faq details[open] summary{font-weight:500}
.faq details p{max-width:58ch;line-height:1.65}
input,textarea,select{transition:border-color 180ms,box-shadow 180ms}
:is(input,textarea,select):focus{border-color:var(--black)}
@media(max-width:360px){
 .hero-actions>.button{width:100%;padding-inline:18px;gap:16px}
 .benefit-strip>.wrap{gap:12px 10px}.benefit-strip span{align-items:flex-start;line-height:1.4}
 .solution-tabs button{font-size:16px;padding-inline:5px}.solution-tabs span{font-size:10px}
 .segment-control{flex-wrap:wrap;gap:8px}.segment-control select{max-width:100%;width:100%}
 .demo-nav>span{display:none}.demo-copy{width:65%}.demo-copy h4{font-size:19px}
 .sample-site-copy h3{font-size:20px}.sample-nav span{display:none}
 .path-graphic{font-size:10px}.path-graphic span{padding:10px 8px}
 .footer{column-gap:12px}.footer .brand img{width:120px}
}

@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}

/* Connected presence: a visual world made from links, places and conversations. */
.reading-progress{position:fixed;left:0;top:0;width:100%;height:3px;z-index:20;pointer-events:none;background:transparent}.reading-progress i{display:block;width:100%;height:100%;background:var(--black);transform:scaleX(var(--reading,0));transform-origin:left}
.stage-grid{position:absolute;inset:0;opacity:.08;background-image:linear-gradient(rgba(255,255,255,.6) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.6) 1px,transparent 1px);background-size:48px 48px;mask-image:linear-gradient(transparent,#000)}
.connection-map{position:absolute;inset:0;width:100%;height:100%;stroke:var(--white);stroke-width:1.5;pointer-events:none}.connection-base{opacity:.22}.connection-trace{stroke-width:3;stroke-dasharray:50 950;animation:circuit-travel 8s linear infinite;animation-play-state:paused}.connection-map circle{fill:var(--white);stroke:none}
.stage-signal{position:absolute;display:flex;align-items:center;gap:9px;background:var(--white);color:var(--black);padding:10px 14px;border-radius:12px;font-size:10px;line-height:1.3;box-shadow:0 9px 24px rgba(0,0,0,.23);z-index:4;animation:signal-drift 6s ease-in-out infinite;animation-play-state:paused;pointer-events:none}.stage-signal svg{width:24px;height:24px;flex-shrink:0}.signal-address{left:24px;top:100px;transform:rotate(-8deg)}.signal-contact{right:30px;bottom:25px;transform:rotate(5deg);animation-delay:-3s}
.hero-stage{--pointer-x:0px;--pointer-y:0px}.hero-browser{translate:var(--pointer-x) var(--pointer-y);transition:translate 450ms var(--ease-out)}.hero-phone{translate:calc(var(--pointer-x) * -.5) calc(var(--pointer-y) * -.5);transition:translate 450ms var(--ease-out)}
.hero-stage .example-label{bottom:18px;max-width:45%;line-height:1.3}.hero-stage .hero-phone{bottom:82px}
.moving-band{overflow:hidden;padding:28px 0 36px;border-bottom:1px solid var(--line)}.band-controls{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:26px;font-size:14px}.band-controls>p{color:var(--muted)}#motion-toggle{border:1px solid var(--line);background:var(--white);border-radius:30px;min-height:44px;padding:8px 14px;display:flex;align-items:center;gap:9px;font-size:12px;white-space:nowrap}#motion-toggle svg{width:16px;height:16px}#motion-toggle:hover{border-color:var(--black)}#motion-toggle:disabled{opacity:1;color:var(--muted)}.band-window{overflow:hidden}.band-track{display:flex;width:max-content;animation:link-band 32s linear infinite;animation-play-state:paused}.band-track>div{display:flex;align-items:center;gap:35px;font-size:clamp(44px,6vw,82px);font-weight:500;line-height:1.13;letter-spacing:-.04em;padding-right:35px;white-space:nowrap}.band-track svg{width:60px;height:60px;flex-shrink:0}
body[data-motion=running] [data-motion-surface][data-visible=true] :is(.connection-trace,.stage-signal,.band-track){animation-play-state:running}
.scene-art{width:40%;top:46px;height:calc(100% - 46px);background:none}.scene-art svg{width:100%;height:100%;object-fit:cover;display:none}.scene-art .scene-studio{display:block}.showcase-stage[data-segment=beauty] .scene-art .scene-studio,.showcase-stage[data-segment=service] .scene-art .scene-studio{display:none}.showcase-stage[data-segment=beauty] .scene-art .scene-beauty,.showcase-stage[data-segment=service] .scene-art .scene-service{display:block}
.showcase-stage[data-segment=beauty] .demo-site-content{background:var(--black);color:var(--white)}.showcase-stage[data-segment=beauty] .demo-copy .sample-cta{background:var(--white);color:var(--black)}.showcase-stage[data-segment=beauty] .demo-nav{border-bottom:1px solid rgba(255,255,255,.25);padding-bottom:11px}.showcase-stage[data-segment=beauty] .demo-copy h4{font-weight:400;letter-spacing:-.025em}.showcase-stage[data-segment=service] .demo-copy h4{font-weight:750;line-height:.98}.showcase-stage[data-segment=service] .demo-nav{border-bottom:3px solid var(--black);padding-bottom:10px}.showcase-stage[data-segment=service] .demo-copy small{border:1px solid currentColor;padding:4px 6px;display:inline-block;font-weight:500}
.demo-copy{width:59%}.demo-copy .sample-cta{border:1px solid var(--black);min-height:36px;font-family:inherit;text-align:left}.demo-copy .sample-cta:hover{background:var(--white);color:var(--black)}.demo-phone .phone-screen>button{width:100%;font-size:10px;padding:11px 5px;border:1px solid var(--black);border-radius:6px;background:var(--black);color:var(--white);min-height:40px}.demo-phone .phone-screen>button:hover{background:var(--white);color:var(--black)}.showcase-stage[data-segment=beauty] .demo-phone .phone-screen{background:var(--black);color:var(--white)}.showcase-stage[data-segment=beauty] .demo-phone .phone-screen>span{border-color:var(--white)}.showcase-stage[data-segment=beauty] .demo-phone .sample-avatar,.showcase-stage[data-segment=beauty] .demo-phone .phone-screen>button{background:var(--white);color:var(--black)}.showcase-stage[data-segment=service] .demo-phone .phone-screen>span,.showcase-stage[data-segment=service] .demo-phone .phone-screen>button{border-radius:0}.showcase-stage[data-segment=service] .demo-phone .sample-avatar{border-radius:8px;font-weight:700}
.demo-response{display:grid;grid-template-columns:1fr auto;gap:14px;padding:20px;background:var(--black);color:var(--white);border-radius:12px;margin-top:14px}.demo-response strong{font-size:18px;font-weight:500}.demo-response p{font-size:13px;margin-top:7px;line-height:1.5}.demo-response>span{grid-column:1/-1;font-size:11px;color:rgba(255,255,255,.7)}.demo-response button{align-self:start;background:none;border:1px solid rgba(255,255,255,.5);width:44px;height:44px;line-height:1;border-radius:50%;font-size:24px;color:var(--white)}.demo-response button:focus-visible{outline-color:var(--white)}
.transformation{border-top:1px solid var(--line)}.transformation-layout{display:grid;grid-template-columns:1.35fr .65fr;gap:65px;align-items:center}.compare-scene{position:relative;min-height:405px;border:1px solid var(--line);border-radius:22px;overflow:hidden;background:var(--white);isolation:isolate}.presence-scattered,.presence-connected{position:absolute;inset:0;padding:30px}.presence-scattered{background:rgba(0,0,0,.035)}.scattered-name{font-size:25px;font-weight:600;margin-left:10px}.loose-note{position:absolute;padding:17px;background:var(--white);border:1px solid var(--line);border-radius:8px;box-shadow:0 12px 25px rgba(0,0,0,.07);font-size:12px;display:grid;gap:10px;z-index:1}.loose-note i{height:5px;background:rgba(0,0,0,.12);width:80%}.loose-note i:last-child{width:55%}.note-social{left:35px;top:105px;transform:rotate(-10deg);width:185px}.note-social svg{width:28px;height:28px}.note-contact{right:40px;top:175px;transform:rotate(8deg);width:170px}.note-contact strong{font-size:16px;font-weight:500}.note-services{left:100px;bottom:70px;transform:rotate(-3deg);width:160px}.scattered-paths{position:absolute;inset:0;width:100%;height:100%}.compare-caption{position:absolute;left:30px;bottom:22px;font-size:12px;max-width:85%;color:var(--muted)}.presence-connected{background:var(--black);color:var(--white);clip-path:inset(0 calc(100% - var(--presence)) 0 0);padding:35px}.presence-connected .compare-caption{color:rgba(255,255,255,.75)}.presence-mini-site{background:var(--white);color:var(--black);border-radius:8px;overflow:hidden;box-shadow:0 12px 24px rgba(0,0,0,.2)}.presence-mini-nav{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:17px 20px;border-bottom:1px solid var(--line);font-size:10px}.presence-mini-nav strong{font-size:16px}.presence-mini-body{display:grid;grid-template-columns:1fr .65fr;gap:20px;padding:25px 20px;align-items:center}.presence-mini-body h3{font-size:32px;margin-bottom:14px}.presence-mini-body p{font-size:12px;line-height:1.5;margin-bottom:18px}.presence-mini-body>div>span{display:inline-flex;align-items:center;gap:10px;background:var(--black);color:var(--white);padding:9px 12px;font-size:10px;border-radius:4px}.presence-mini-body>div>span svg{width:17px;height:17px}.presence-symbol{position:relative;display:grid;place-items:center;align-self:stretch;min-height:170px}.presence-symbol svg{width:100%;height:100%;position:absolute;opacity:.25}.presence-symbol b{font-size:68px;line-height:1;background:var(--black);color:var(--white);padding:0 13px 5px;border-radius:15px;font-weight:600}.compare-divider{position:absolute;top:0;bottom:0;left:var(--presence);border-left:1px solid var(--white);width:1px;z-index:2;pointer-events:none}.compare-divider>span{position:absolute;left:0;top:50%;transform:translate(-50%,-50%);background:var(--white);color:var(--black);border:1px solid var(--black);border-radius:50%;width:44px;height:44px;display:grid;place-items:center;box-shadow:0 3px 12px rgba(0,0,0,.18)}.compare-divider svg{width:27px;height:27px}.compare-explanation h3{font-size:35px;margin-bottom:20px}.compare-explanation>p{color:var(--muted);font-size:16px}.compare-explanation>label{display:block;font-size:13px;margin:28px 0 10px}.compare-explanation input[type=range]{padding:0;margin:0;width:100%;min-height:44px;accent-color:var(--black);border:0;background:none;cursor:ew-resize}.compare-buttons{display:flex;justify-content:space-between;gap:16px;margin-top:7px}.compare-buttons button{background:none;border:0;border-bottom:1px solid var(--line);font-size:13px;padding:7px 0;min-height:44px}.compare-buttons button:hover{border-color:var(--black)}.compare-explanation #presence-status{font-size:12px;margin-top:19px;color:var(--muted)}.compare-explanation small{display:block;font-size:11px;color:var(--muted);line-height:1.5;margin-top:14px}
.path-graphic{position:relative}.path-graphic i{position:relative;overflow:visible}.path-graphic i:after{content:'';position:absolute;top:-3px;left:0;width:5px;height:5px;border-radius:50%;background:var(--white);transform:translateX(0);opacity:0}.statement[data-revealed=true] .path-graphic i:after{animation:path-send 2.8s var(--ease-out) 1}.statement[data-revealed=true] .path-graphic i:last-of-type:after{animation-delay:1.1s}.process-steps{position:relative}.process-steps li{position:relative}.process-steps li:after{content:'';position:absolute;top:-1px;left:0;right:0;height:2px;background:var(--black);transform:scaleX(0);transform-origin:left}.process[data-revealed=true] .process-steps li:after{animation:step-connect 600ms var(--ease-out) forwards}.process[data-revealed=true] .process-steps li:nth-child(2):after{animation-delay:180ms}.process[data-revealed=true] .process-steps li:nth-child(3):after{animation-delay:360ms}
body[data-motion=paused] *,body[data-motion=paused] *:before,body[data-motion=paused] *:after{animation-play-state:paused!important}.closing{position:relative;overflow:hidden}.closing .wrap{position:relative;z-index:1}.closing:before,.closing:after{content:'';position:absolute;border:1px solid rgba(255,255,255,.15);border-radius:50%;width:500px;height:500px;top:50%;transform:translateY(-50%);pointer-events:none}.closing:before{left:-320px}.closing:after{right:-320px}
@keyframes circuit-travel{to{stroke-dashoffset:-1000}}@keyframes signal-drift{50%{translate:0 -12px}}@keyframes link-band{to{transform:translateX(-50%)}}@keyframes path-send{0%{opacity:0;left:0}15%{opacity:1}85%{opacity:1}100%{opacity:0;left:100%}}@keyframes step-connect{to{transform:scaleX(1)}}
@media(max-width:1100px){.transformation-layout{gap:35px}.presence-connected{padding:28px}.presence-mini-body h3{font-size:27px}.signal-address{left:17px;top:100px}.signal-contact{right:20px}.compare-scene{min-height:380px}.presence-mini-body{gap:10px}.presence-mini-nav{padding-inline:15px}.note-contact{right:20px;width:150px}.note-services{left:45px}.compare-explanation h3{font-size:31px}}
@media(max-width:800px){.transformation-layout{grid-template-columns:1fr;gap:30px}.compare-scene{min-height:390px}.compare-explanation{max-width:560px}.compare-explanation h3 br{display:none}.compare-explanation>label{margin-top:20px}.presence-mini-body{padding:25px;gap:30px}.presence-mini-body h3{font-size:35px}.presence-connected{padding:35px}.signal-contact{right:28px;bottom:23px}.signal-address{left:30px;top:90px}.band-controls{font-size:12px}.band-track>div{gap:25px;padding-right:25px}.band-track svg{width:44px;height:44px}.moving-band{padding-block:24px}.band-controls{margin-bottom:20px}.hero-stage .hero-phone{bottom:80px}}
@media(max-width:480px){.signal-address{left:12px;top:78px;font-size:8px;padding:8px 10px;gap:7px}.stage-signal svg{width:19px;height:19px}.signal-contact{right:13px;bottom:20px;font-size:8px;padding:8px 10px;gap:7px}.hero-stage .hero-phone{bottom:65px}.hero-stage .example-label{left:15px;bottom:21px}.stage-caption{width:80%}.band-controls{align-items:flex-start;gap:15px}.band-controls>p{max-width:155px;font-size:12px}.band-track>div{font-size:42px;gap:22px;padding-right:22px}.band-track svg{width:36px;height:36px}#motion-toggle{font-size:10px;padding:8px 10px;gap:6px}.scene-art{width:38%;top:40px;height:calc(100% - 40px)}.demo-copy{width:62%}.demo-copy .sample-cta{font-size:8px;padding:7px 8px;max-width:100%}.demo-response{padding:17px;gap:10px}.demo-response strong{font-size:16px}.demo-response p{font-size:12px}.demo-phone .phone-screen>button{font-size:9px;padding:9px 4px}.compare-scene{min-height:330px;border-radius:15px}.presence-scattered{padding:22px}.scattered-name{font-size:22px;margin:0}.note-social{left:18px;top:82px;width:150px;padding:12px}.note-contact{right:20px;top:168px;width:130px;padding:12px}.note-contact strong{font-size:13px}.note-services{left:30px;bottom:52px;width:120px;padding:12px}.presence-connected{padding:20px 16px}.presence-mini-nav{padding:13px 12px;font-size:8px}.presence-mini-nav strong{font-size:12px}.presence-mini-body{padding:22px 12px;gap:6px;grid-template-columns:1fr .65fr}.presence-mini-body h3{font-size:25px}.presence-mini-body p{font-size:10px}.presence-symbol{min-height:140px}.presence-symbol b{font-size:44px;border-radius:10px;padding:0 9px 4px}.presence-mini-body>div>span{font-size:8px;padding:8px;gap:6px}.presence-mini-body>div>span svg{width:14px;height:14px}.compare-caption{left:18px;bottom:17px;font-size:10px}.compare-explanation h3{font-size:30px}.compare-explanation>p{font-size:15px}.compare-divider>span{width:38px;height:38px}.closing:before,.closing:after{width:340px;height:340px}.closing:before{left:-280px}.closing:after{right:-280px}}
@media(prefers-reduced-motion:reduce){.hero-browser,.hero-phone{translate:none!important}.band-track{transform:none!important}.process-steps li:after{transform:scaleX(1)}.reading-progress{display:none}}

.showcase-stage[data-segment=beauty] :is(.demo-copy .sample-cta,.demo-phone .phone-screen>button):focus-visible{outline-color:var(--white)}

/* The comparison owns two isolated scenes. Children never cross the split. */
.compare-scene{user-select:none;-webkit-user-select:none;min-width:0}
.presence-scattered{z-index:0;isolation:isolate;clip-path:inset(0 0 0 var(--presence))}
.presence-connected{z-index:1;isolation:isolate}
.compare-divider{inset:0;left:0;width:auto;border:0;z-index:2}
.compare-divider::before{content:'';position:absolute;top:0;bottom:0;left:var(--presence);width:1px;background:var(--white);box-shadow:1px 0 rgba(0,0,0,.15)}
.compare-divider>span{left:clamp(24px,var(--presence),calc(100% - 24px));width:44px;height:44px}
.hero h1{font-size:clamp(48px,5.3vw,76px);line-height:1.04;letter-spacing:-.045em;max-width:12ch;text-wrap:balance}
.hero .lead{max-width:42ch;font-size:19px}
.section-heading>h2{max-width:24ch}.section-heading>p{max-width:31ch}
.reasons-layout{display:grid;grid-template-columns:1fr 1fr;gap:85px;align-items:center}
.reasons-address{min-height:360px;border:1px solid var(--line);border-radius:22px;position:relative;display:flex;flex-direction:column;justify-content:center;gap:28px;padding:45px;overflow:hidden;background:var(--white);isolation:isolate}
.address-orbit{position:absolute;right:-105px;top:-60px;width:310px;height:310px;border:1px solid var(--line);border-radius:50%;box-shadow:0 0 0 45px rgba(0,0,0,.025),0 0 0 90px rgba(0,0,0,.02);z-index:-1}
.address-word{font-size:clamp(35px,3.3vw,48px);line-height:1.08;letter-spacing:-.035em;font-weight:500}
.address-search{display:flex;align-items:center;gap:15px;border:1px solid var(--black);border-radius:100px;padding:17px 20px;background:var(--white);font-size:17px;box-shadow:0 8px 0 rgba(0,0,0,.04)}
.address-search svg{width:23px;height:23px;flex-shrink:0}.address-search span{flex:1;min-width:0;overflow-wrap:anywhere}
.reason-list article{padding:25px 0;border-bottom:1px solid var(--line)}.reason-list article:first-child{padding-top:0}.reason-list h3{font-size:25px;line-height:1.15;max-width:26ch}.reason-list p{margin-top:12px;font-size:16px;color:var(--muted);line-height:1.65}
.product-choice{border-top:1px solid var(--line)}
.comparison-table-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:15px}
.comparison-table-wrap:focus-visible{outline:3px solid var(--black);outline-offset:5px}
.product-comparison{width:100%;border-collapse:collapse;font-size:15px;line-height:1.6;text-align:left;table-layout:fixed;min-width:610px}
.product-comparison caption{text-align:left;padding:19px 24px;font-size:14px;color:var(--muted);border-bottom:1px solid var(--line)}
.product-comparison th,.product-comparison td{padding:20px 24px;border-bottom:1px solid var(--line);vertical-align:top;overflow-wrap:anywhere}
.product-comparison thead th{font-size:19px;font-weight:500;background:var(--black);color:var(--white)}.product-comparison thead th:first-child{font-size:15px;font-weight:400;width:27%}
.product-comparison tbody th{font-weight:500}.product-comparison tbody td{color:var(--muted)}.product-comparison tbody tr:last-child>*{border-bottom:0}
.choice-links{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px 28px;margin-top:25px;font-size:15px}
.journey-layout{display:grid;grid-template-columns:.85fr 1.15fr;gap:90px;align-items:center}
.journey-copy>p:first-child{font-size:14px;margin-bottom:24px;color:rgba(255,255,255,.65)}
.statement .journey-copy h2{font-size:clamp(37px,3.7vw,53px);max-width:17ch;line-height:1.13}
.journey-copy>p:not(:first-child){font-size:17px;color:rgba(255,255,255,.75);line-height:1.65;margin-top:25px;max-width:40ch}.journey-copy>.text-link{margin-top:25px;font-size:15px}
.journey-stages{display:grid;gap:14px;min-width:0;position:relative}
.journey-stage{display:grid;grid-template-columns:1fr .9fr;gap:12px 23px;padding:24px;border:1px solid rgba(255,255,255,.25);border-radius:16px;min-width:0;background:var(--black);position:relative}
.journey-stage-heading{display:flex;align-items:flex-start;gap:13px}.journey-number{font-size:12px;color:rgba(255,255,255,.6);line-height:1.7;padding-top:3px;font-variant-numeric:tabular-nums}
.journey-stage h3{font-size:23px;line-height:1.15;letter-spacing:-.025em}.journey-stage>p{grid-column:1;font-size:13px;color:rgba(255,255,255,.65);line-height:1.6;padding-left:29px}
.journey-stage>div:last-child{grid-column:2;grid-row:1/3;align-self:center;min-width:0}
.journey-stage:not(:last-child)::after{content:'';position:absolute;left:35px;bottom:-16px;width:1px;height:15px;background:rgba(255,255,255,.45)}
.journey-mini-browser{background:var(--white);color:var(--black);border-radius:7px;overflow:hidden;transform:rotate(-2deg)}
.journey-mini-bar{padding:7px 9px;display:flex;align-items:center;gap:3px;border-bottom:1px solid var(--line)}.journey-mini-bar i{width:3px;height:3px;background:var(--black);opacity:.4;border-radius:50%}.journey-mini-bar>span{font-size:6px;margin-inline:auto}
.journey-mini-content{padding:13px 11px}.journey-brand{display:block;font-size:7px;font-weight:600;margin-bottom:10px}.journey-mini-content>strong{display:block;font-size:16px;line-height:1.05;letter-spacing:-.025em}.journey-service-tags{display:flex;flex-wrap:wrap;gap:4px;margin-top:12px}.journey-service-tags span{font-size:6px;border:1px solid var(--line);border-radius:3px;padding:3px}
.journey-mini-place{position:relative;border:1px solid rgba(255,255,255,.25);border-radius:8px;min-height:115px;overflow:hidden}.journey-mini-place>svg{width:100%;height:78px;display:block}.journey-mini-place>div{padding:5px 12px 11px;position:relative;background:var(--black)}.journey-mini-place strong{display:block;font-size:12px;font-weight:500}.journey-mini-place span{font-size:8px;color:rgba(255,255,255,.65)}
.journey-mini-contact>span{display:block;background:var(--white);color:var(--black);padding:12px;font-size:10px;line-height:1.4;border-radius:9px 9px 9px 0;margin-bottom:12px;max-width:95%}.journey-mini-contact>div{display:flex;align-items:center;gap:8px;padding:10px;border:1px solid rgba(255,255,255,.5);border-radius:100px}.journey-mini-contact svg{width:16px;height:16px;flex-shrink:0}.journey-mini-contact svg:last-child{margin-left:auto}.journey-mini-contact strong{font-size:9px;font-weight:500}
.statement[data-revealed=true] .journey-stage::before{content:'';position:absolute;inset:-1px;border:1px solid rgba(255,255,255,.7);border-radius:16px;pointer-events:none;animation:journey-step 1s var(--ease-out) both}
.statement[data-revealed=true] .journey-stage:nth-child(2)::before{animation-delay:.4s}.statement[data-revealed=true] .journey-stage:nth-child(3)::before{animation-delay:.8s}
@keyframes journey-step{from{opacity:0}35%{opacity:1}to{opacity:0}}
@media(max-width:1100px){.reasons-layout{gap:40px}.reasons-address{padding:30px}.journey-layout{gap:45px;grid-template-columns:.85fr 1.15fr}.journey-stage{gap:12px 15px;padding:20px}.journey-stage h3{font-size:21px}.journey-mini-contact>div{gap:5px;padding:9px 7px}.journey-mini-contact strong{font-size:8px}.journey-mini-contact svg{width:13px}}
@media(max-width:800px){.hero h1{font-size:clamp(47px,8vw,68px);max-width:14ch}.hero .lead{font-size:18px}.reasons-layout{grid-template-columns:1fr;gap:30px}.reasons-address{min-height:300px;max-width:620px;width:100%;justify-self:center}.reason-list h3{max-width:none}.journey-layout{grid-template-columns:1fr;gap:35px}.statement .journey-copy h2{max-width:24ch;font-size:42px}.journey-copy>p:not(:first-child){max-width:56ch}.journey-stages{max-width:650px;width:100%}.journey-stage{grid-template-columns:1fr .7fr;padding:23px}.product-comparison th,.product-comparison td{padding:17px 19px}.choice-links{justify-content:flex-start}}
@media(max-width:480px){.hero h1{font-size:clamp(41px,10.5vw,51px);max-width:14ch}.hero .lead{font-size:17px}.reasons-address{padding:26px;min-height:280px}.address-word{font-size:37px}.address-search{padding:14px;font-size:14px;gap:10px}.address-search svg{width:20px}.reason-list h3{font-size:22px}.reason-list p{font-size:15px}.statement .journey-copy h2{font-size:35px;max-width:19ch}.journey-copy>p:not(:first-child){font-size:16px}.journey-stage{padding:20px;grid-template-columns:1fr 1fr;gap:12px 16px}.journey-stage-heading{grid-column:1/-1}.journey-stage h3{font-size:22px}.journey-stage>p{grid-column:1;grid-row:2;padding-left:0}.journey-stage>div:last-child{grid-column:2;grid-row:2}.journey-mini-contact>div{border-radius:10px;flex-wrap:wrap;gap:6px}.journey-mini-contact strong{font-size:9px}.journey-mini-contact>div>svg:last-child{display:none}.journey-mini-content>strong{font-size:15px}.journey-mini-place>svg{height:65px}.choice-links{display:grid;font-size:14px}}
@media(max-width:360px){.journey-stage{gap:12px;padding:16px;grid-template-columns:1fr .9fr}.journey-stage h3{font-size:20px}.journey-stage>p{font-size:12px}.journey-mini-content{padding:10px 8px}.journey-mini-content>strong{font-size:13px}.journey-mini-contact>span{padding:9px;font-size:9px}.journey-mini-contact strong{font-size:8px}.journey-mini-place>div{padding:4px 8px 8px}.journey-mini-place strong{font-size:11px}.reasons-address{padding:22px}.address-word{font-size:34px}.address-search{font-size:12px}}

.search-foundations{border-top:1px solid var(--line)}.search-foundations-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:55px}.search-foundations-grid article{border-top:1px solid var(--black);padding-top:25px}.foundation-icon{width:44px;height:44px;display:block;margin-bottom:28px}.search-foundations-grid h3{font-size:27px;margin-bottom:17px;line-height:1.15}.search-foundations-grid p{font-size:16px;color:var(--muted);line-height:1.65}.seo-boundary{display:flex;align-items:center;justify-content:space-between;gap:30px;padding-top:28px;margin-top:35px;border-top:1px solid var(--line)}.seo-boundary p{font-size:13px;color:var(--muted);max-width:80ch}.seo-boundary a{font-size:14px;flex-shrink:0}.project-scope{display:grid;grid-template-columns:.8fr 1.2fr;gap:90px;border-top:1px solid var(--line);padding-block:70px}.project-scope h2{font-size:44px}.project-scope>div>p{font-size:16px;color:var(--muted);line-height:1.65}.project-scope>div:first-child>p{margin-top:20px;max-width:34ch}.scope-details ul{list-style:none;margin:23px 0;padding:0}.scope-details li{font-size:14px;line-height:1.7;border-top:1px solid var(--line);padding:13px 0}.scope-details strong{font-weight:500}.scope-details .text-link{font-size:14px}.faq details a{text-decoration:underline;text-underline-offset:4px}.footer nav{display:grid;gap:8px}.footer nav a:hover{text-decoration:underline;text-underline-offset:4px}
@media(max-width:1100px){.search-foundations-grid{gap:30px}.project-scope{gap:55px}.footer{align-items:start}}
@media(max-width:800px){.search-foundations-grid{grid-template-columns:1fr;gap:25px}.search-foundations-grid article{display:grid;grid-template-columns:50px 1fr;gap:12px 18px;padding-top:22px}.foundation-icon{grid-row:1/3;margin:0}.search-foundations-grid h3{margin:0;font-size:25px}.search-foundations-grid p{grid-column:2}.seo-boundary{flex-direction:column;align-items:flex-start;gap:12px}.project-scope{grid-template-columns:1fr;gap:25px;padding-block:55px}.project-scope h2{font-size:39px}.project-scope>div:first-child>p{max-width:55ch}.footer nav{gap:10px}.footer>span{align-self:end}}
@media(max-width:480px){.search-foundations-grid article{grid-template-columns:35px 1fr;gap:12px 15px}.foundation-icon{width:34px;height:34px}.search-foundations-grid h3{font-size:23px}.search-foundations-grid p{font-size:15px}.project-scope h2{font-size:36px}.project-scope>div>p{font-size:15px}.seo-boundary p{font-size:12px}.scope-details .text-link{text-align:left;line-height:1.5}.footer>p{text-align:left}.footer>span{text-align:left;font-size:11px}.footer{align-items:start}}

/* Feedback follows the visitor's actions; the first viewport never waits for it. */
.hero-browser,.hero-phone{animation:none}
.hero h1{letter-spacing:-.04em}
::selection{background:var(--black);color:var(--white)}
.dark ::selection{background:var(--white);color:var(--black)}
:is(input,textarea){caret-color:var(--black)}
.dark :is(a,button):focus-visible{outline-color:var(--white)}
.button{transition:transform 180ms var(--ease-out),background-color 220ms var(--ease-out),color 220ms var(--ease-out),border-color 220ms var(--ease-out)}
:is(.button,.text-link)>span[aria-hidden]{display:inline-block;transition:transform 240ms var(--ease-out)}
:is(.button,.text-link):is(:hover,:focus-visible)>span[aria-hidden]{transform:translate(3px,-3px)}
.button:active>span[aria-hidden]{transform:translate(1px,-1px)}
.text-link{transition:text-decoration-color 180ms var(--ease-out),color 180ms var(--ease-out)}
.text-link:hover{text-decoration-color:transparent}
.menu-toggle{transition:border-color 180ms var(--ease-out),background-color 180ms var(--ease-out)}
.menu-toggle:is(:hover,[aria-expanded=true]){border-color:var(--black);background:rgba(0,0,0,.035)}
.header nav>a:not(.button),.footer nav a{position:relative;text-decoration:none}
.header nav>a:not(.button)::after,.footer nav a::after{content:'';position:absolute;left:0;right:0;bottom:-3px;height:1px;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform 240ms var(--ease-out)}
.header nav>a:not(.button):is(:hover,:focus-visible)::after,.footer nav a:is(:hover,:focus-visible)::after{transform:scaleX(1)}
.faq-content{display:flow-root}
:is(.faq,.service-faq) details{transition:border-color 200ms var(--ease-out)}
:is(.faq,.service-faq) summary{position:relative;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:68px;transition:color 180ms var(--ease-out)}
:is(.faq,.service-faq) summary::-webkit-details-marker{display:none}
:is(.faq,.service-faq) summary::marker{content:''}
:is(.faq,.service-faq) summary::after{content:'';flex:0 0 32px;width:32px;height:32px;display:block;border:1px solid var(--line);border-radius:50%;background:linear-gradient(currentColor,currentColor) center/12px 1px no-repeat,linear-gradient(currentColor,currentColor) center/1px 12px no-repeat;transition:transform 240ms var(--ease-out),background-size 240ms var(--ease-out),border-color 200ms var(--ease-out),background-color 200ms var(--ease-out)}
:is(.faq,.service-faq) details:is([data-expanded=true],[open]:not([data-expanded=false])) summary::after{content:'';transform:rotate(180deg);background-size:12px 1px,1px 0;border-color:var(--black);background-color:rgba(0,0,0,.035)}
:is(.faq,.service-faq) summary:is(:hover,:focus-visible)::after{border-color:var(--black);background-color:rgba(0,0,0,.04)}
:is(.faq,.service-faq) details:is([data-expanded=true],[open]:not([data-expanded=false])){border-color:rgba(0,0,0,.5)}
.faq details[open] summary{font-weight:400}
.faq details p{padding-right:52px}
.faq details a{transition:text-decoration-color 180ms var(--ease-out)}
.faq details a:hover{text-decoration-color:transparent}
.journey-stage{transition:border-color 260ms var(--ease-out),background-color 260ms var(--ease-out)}
.journey-stage:hover{border-color:rgba(255,255,255,.65);background:rgba(255,255,255,.035)}
.journey-mini-browser{transition:transform 360ms var(--ease-out)}
.journey-discover:hover .journey-mini-browser{transform:rotate(0)}
.journey-mini-place>svg{transition:transform 360ms var(--ease-out);transform-origin:center 45%}
.journey-decide:hover .journey-mini-place>svg{transform:scale(1.04)}
.journey-mini-contact svg:last-child{transition:transform 240ms var(--ease-out)}
.journey-connect:hover .journey-mini-contact svg:last-child{transform:translate(2px,-2px)}
.statement[data-revealed=true] .journey-mini-contact>span{animation:conversation-arrive 500ms var(--ease-out) .8s both}
@keyframes conversation-arrive{from{transform:translateX(-8px)}to{transform:translateX(0)}}
.compare-buttons button{transition:background-color 200ms var(--ease-out),color 200ms var(--ease-out),border-color 200ms var(--ease-out)}
#presence-level{cursor:ew-resize}
:is(.demo-copy .sample-cta,.demo-phone .phone-screen>button){transition:background-color 200ms var(--ease-out),color 200ms var(--ease-out),border-color 200ms var(--ease-out)}
body:is([data-motion=paused],[data-motion=reduced]) :is(.button,.text-link,.menu-toggle,.faq summary,.service-faq summary,.journey-stage,.journey-mini-browser,.journey-mini-place>svg,.journey-mini-contact svg:last-child),body:is([data-motion=paused],[data-motion=reduced]) :is(.button,.text-link)>span,body:is([data-motion=paused],[data-motion=reduced]) :is(.faq,.service-faq) summary::after{transition:none}
body:is([data-motion=paused],[data-motion=reduced]) :is(.button,.text-link):is(:hover,:focus-visible)>span[aria-hidden],body:is([data-motion=paused],[data-motion=reduced]) .journey-decide:hover .journey-mini-place>svg,body:is([data-motion=paused],[data-motion=reduced]) .journey-connect:hover .journey-mini-contact svg:last-child{transform:none}
body:is([data-motion=paused],[data-motion=reduced]) .journey-discover:hover .journey-mini-browser{transform:rotate(-2deg)}
@media(hover:none){.journey-stage:hover{border-color:rgba(255,255,255,.25);background:var(--black)}.journey-discover:hover .journey-mini-browser{transform:rotate(-2deg)}.journey-decide:hover .journey-mini-place>svg,.journey-connect:hover .journey-mini-contact svg:last-child{transform:none}}
@media(prefers-reduced-motion:reduce){:is(.button,.text-link):is(:hover,:focus-visible)>span[aria-hidden],.journey-decide:hover .journey-mini-place>svg,.journey-connect:hover .journey-mini-contact svg:last-child{transform:none}.journey-discover:hover .journey-mini-browser{transform:rotate(-2deg)}}
