@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;650;700;750;800&display=swap');
:root{--ink:#252323;--muted:#5e5557;--line:rgba(45,32,38,.19);--accent:#8b4b59;--background:#c3b5b8;--glass:rgba(245,241,241,.35);font-family:Manrope,Arial,sans-serif;color:var(--ink);font-synthesis:none;font-size:16px}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 35% 0%,#ddd6d5 0%,#c6b9bb 50%,#b5a3a8 100%);min-height:100vh;-webkit-font-smoothing:antialiased}body:has(.experience){overflow:hidden}button,input,select{font:inherit}a{color:inherit;text-decoration:none}button{color:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}button{border:0}button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible{outline:2px solid #563944;outline-offset:6px}button:disabled{cursor:default}h1,h2,h3,p{margin:0}::selection{background:#7e455d;color:white}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.skip-link{position:fixed;top:-100px;left:20px;background:white;padding:14px;z-index:200}.skip-link:focus{top:15px}.frame{position:relative;border:1px solid rgba(255,255,255,.26);border-radius:12px;padding:9px}.frame:before,.frame:after{content:'';position:absolute;width:26px;height:22px;border:3px solid rgba(255,255,255,.9);pointer-events:none}.frame:before{top:-2px;left:-2px;border-right:0;border-bottom:0;border-radius:12px 0 0 0}.frame:after{bottom:-2px;right:-2px;border-left:0;border-top:0;border-radius:0 0 12px 0}.header{position:fixed;top:28px;left:32px;right:32px;z-index:50;display:flex;align-items:center;justify-content:space-between;gap:30px;pointer-events:none}.header>*{pointer-events:auto}.brand{display:inline-flex;align-items:center;gap:11px;font-size:19px;font-weight:800;letter-spacing:.075em}.brand img{object-fit:contain}.brand-dot{color:var(--accent)}.desktop-nav{display:flex;background:rgba(244,239,240,.13);backdrop-filter:blur(16px)}.desktop-nav a{font-size:14px;padding:16px 22px;transition:background .2s}.desktop-nav a:hover,.desktop-nav a.active{background:rgba(255,255,255,.16)}.desktop-nav .nav-cta{min-width:128px;text-align:center;color:#fff;background:#252323;margin-left:6px}.desktop-nav .nav-cta:hover{background:#704452}.menu-trigger{display:none;gap:18px;align-items:center;background:var(--glass)}.experience{position:relative;height:100svh;min-height:620px;overflow:hidden}.scene-wrap{position:absolute;inset:0;transition:opacity .5s}.hero-copy{position:absolute;top:26%;left:10%;right:10%;text-align:center;pointer-events:none;z-index:2}.hero-copy h1{font-size:clamp(42px,4.4vw,72px);font-weight:750;letter-spacing:-.05em;line-height:1.12}.hero-copy p{margin:46px auto 0;font-size:clamp(19px,1.8vw,26px);line-height:1.45;letter-spacing:-.025em}.hero-enter{display:inline-block;margin-top:40px;font-size:14px;pointer-events:auto}.hero-enter>span{display:block;background:rgba(248,243,243,.28);padding:16px 29px;transition:background .2s}.hero-enter:hover>span{background:rgba(255,255,255,.58)}.caret{color:var(--ink)}.scroll-hint{position:absolute;left:34px;bottom:38px;display:flex;align-items:center;gap:18px;font-size:13px;line-height:1.4;color:#fff;z-index:2}.mouse{width:17px;height:29px;border:1px solid #fff;border-radius:12px;position:relative;flex:none}.mouse:after{content:'';position:absolute;top:6px;left:6px;width:3px;height:7px;border-radius:3px;background:white;animation:mouse 2s infinite}.hero-next{position:absolute;bottom:38px;left:50%;transform:translateX(-50%);font-size:13px;display:flex;gap:16px;z-index:2}.office-intro{position:absolute;top:20%;left:5%;z-index:2;pointer-events:none}.eyebrow{font-size:12px;letter-spacing:.16em;font-weight:600;text-transform:uppercase;line-height:1.6}.office-intro h1{font-size:clamp(36px,3.4vw,54px);font-weight:500;letter-spacing:-.055em;line-height:1.12;margin-top:17px}.office-intro>p:last-child{margin-top:22px;line-height:1.7;font-size:15px;color:var(--muted)}.office-selection{position:absolute;bottom:44px;left:5%;width:300px;z-index:3}.office-selection>p{margin-bottom:10px}.office-selection>a{display:flex;gap:17px;padding:12px 0;border-bottom:1px solid var(--line);font-size:15px;align-items:center}.office-selection>a>span:last-child{margin-left:auto}.office-selection small{opacity:.6;font-size:12px}.office-selection>a:hover{color:var(--accent)}.explorer-nav{position:absolute;right:110px;bottom:30px;display:flex;z-index:10;background:rgba(232,223,224,.2);backdrop-filter:blur(12px)}.explorer-nav a{min-width:45px;text-align:center;padding:7px 12px;font-size:23px;background:rgba(255,255,255,.15)}.explorer-nav a+a{margin-left:2px}.explorer-nav a:hover{background:rgba(255,255,255,.4)}.breadcrumbs{position:absolute;left:34px;top:124px;display:flex;gap:12px;font-size:13px;z-index:4;color:var(--muted);max-width:80%;flex-wrap:wrap}.breadcrumbs a:hover{text-decoration:underline}.room-panel{position:absolute;left:34px;bottom:40px;width:360px;z-index:5;padding:10px;background:rgba(240,234,235,.18);backdrop-filter:blur(22px)}.room-panel>.eyebrow{padding:24px 20px 0;color:var(--muted)}.room-panel h1{font-size:36px;letter-spacing:-.045em;font-weight:500;line-height:1.1;margin:12px 20px 36px}.room-description{padding:0 20px;line-height:1.55;font-size:15px}.assist-label{padding:17px 20px 12px;font-size:12px;color:var(--muted)}.room-features>a{display:flex;gap:14px;align-items:center;min-height:49px;border-top:1px solid var(--line);padding:11px 20px;font-size:14px;transition:background .2s}.room-features>a:hover{background:rgba(255,255,255,.3)}.room-features>a>span:last-child{margin-left:auto;font-size:20px;font-weight:400}.feature-number{font-size:11px;opacity:.6}.panel-cta{display:flex;align-items:center;justify-content:space-between;background:#91616e;color:white;padding:18px 20px;font-size:14px}.panel-cta:hover{background:#704553}.feature-panel{position:absolute;right:0;top:0;bottom:0;width:49%;z-index:3;overflow-y:auto;padding:156px 6% 90px 4%;background:linear-gradient(90deg,rgba(216,205,206,.5),rgba(226,218,217,.97) 9%);scrollbar-width:thin}.feature-panel h1{font-size:clamp(30px,3vw,49px);font-weight:500;letter-spacing:-.045em;line-height:1.12;margin:18px 0 24px}.feature-lead{font-size:16px;line-height:1.7;color:var(--muted)}.feature-panel~.explorer-nav{left:32px;right:auto}.transcript{margin:35px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:19px 0}.transcript-top{display:flex;justify-content:space-between;gap:10px;font-size:10px;letter-spacing:.12em;margin-bottom:18px;color:var(--muted)}.status-dot:before{content:'';display:inline-block;width:5px;height:5px;border-radius:50%;background:#62836f;margin-right:6px}.dialog-line{display:grid;grid-template-columns:68px 1fr;gap:12px;margin:15px 0;font-size:14px;line-height:1.6}.dialog-line>span{color:var(--muted);font-size:12px;padding-top:2px}.feature-result>p:last-child{font-size:15px;line-height:1.65;margin-top:12px}.feature-panel details{margin:25px 0}.feature-panel summary{font-size:14px}.feature-panel details>p{margin-top:15px;font-size:14px;line-height:1.6}.related-features{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px;font-size:13px}.related-features a{padding:8px 0;border-bottom:1px solid var(--line)}.assistant-launch{position:fixed;right:28px;bottom:28px;z-index:60;width:56px;height:58px;display:grid;place-items:center;background:rgba(255,255,255,.16);color:var(--ink);font-size:19px;font-weight:600;backdrop-filter:blur(8px)}.assistant-launch>span{background:#faf7f5;width:34px;height:36px;display:grid;place-items:center;border-radius:6px}.assistant-launch>i{position:absolute;right:8px;top:7px;width:5px;height:5px;border-radius:50%;background:#6a8d79}.assistant-dialog{position:fixed;inset:auto 28px 100px auto;margin:0;width:min(360px,calc(100vw - 40px));padding:24px;border:1px solid rgba(255,255,255,.5);border-radius:14px;background:#ede6e5;box-shadow:0 15px 55px #44303830;color:var(--ink);z-index:90}.assistant-heading{display:flex;justify-content:space-between;align-items:center;font-size:21px}.icon-button{background:transparent;font-size:27px;width:40px;height:40px}.assistant-dialog>p{margin:20px 0;font-size:15px;line-height:1.6}.assistant-dialog nav a{display:block;padding:14px 0;border-top:1px solid var(--line);font-size:14px}.site-menu{position:fixed;inset:0;margin:0;width:100vw;max-width:none;height:100svh;max-height:none;border:0;padding:26px 30px;background:#d5c9cb;color:var(--ink);z-index:100}.site-menu::backdrop{background:#44303855}.menu-top{display:flex;align-items:center;justify-content:space-between}.site-menu nav{margin:50px auto;max-width:700px}.site-menu nav a{display:flex;gap:20px;padding:17px 0;border-bottom:1px solid var(--line);font-size:28px;letter-spacing:-.04em}.site-menu nav small{font-size:12px;align-self:center;opacity:.6}.site-menu nav a>span{margin-left:auto}.page-shell{max-width:1040px;margin:0 auto;padding:195px 34px 40px}.page-shell>h1{font-size:clamp(36px,4.4vw,68px);font-weight:500;letter-spacing:-.055em;line-height:1.12;max-width:880px;margin:23px 0 30px}.page-lead{font-size:21px;max-width:720px;line-height:1.55;color:var(--muted)}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:32px;padding:18px 24px;background:rgba(255,255,255,.26);border:1px solid var(--line);font-size:14px;transition:background .2s}.button:hover{background:rgba(255,255,255,.6)}.button.dark{background:var(--ink);color:white;border-color:var(--ink)}.button.dark:hover{background:#734752}.footer{max-width:1040px;margin:100px auto 0;padding:48px 34px 28px;display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:30px;border-top:1px solid var(--line);font-size:13px}.footer-lead>p{margin-top:18px;line-height:1.7;opacity:.7}.footer-label{font-size:12px;letter-spacing:.07em;color:var(--muted);margin-bottom:18px}.footer>div>a:not(.brand){display:block;margin-bottom:12px}.footer-bottom{grid-column:1/-1;border-top:1px solid var(--line);margin-top:30px;padding-top:23px;display:flex;justify-content:space-between;color:var(--muted);font-size:12px}summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:16px}summary::-webkit-details-marker{display:none}.scene-failed .hero-copy{top:27%}.scene-failed .office-intro{top:25%}.scene-failed .room-panel{background:#e2d6d8}.scene-failed .office-selection{left:auto;right:10%;top:30%;bottom:auto;width:35%}@keyframes mouse{0%,100%{transform:translateY(0);opacity:.3}50%{transform:translateY(6px);opacity:1}}@keyframes enter{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.hero-copy,.office-intro,.room-panel,.page-shell{animation:enter .7s ease both}main:focus{outline:none}
@media(min-width:1600px){.room-panel{left:5%;bottom:9%;width:400px}.room-panel h1{font-size:42px;margin-bottom:50px}.room-description{font-size:16px}.room-features>a{min-height:60px}.office-selection{bottom:8%}}
@media(max-width:1000px){.header{left:24px;right:24px}.desktop-nav a{padding:14px 13px}.desktop-nav .nav-cta{min-width:90px}.room-panel{width:325px}.office-intro{left:30px;top:19%}.office-selection{left:30px;width:270px}.office-intro h1{font-size:38px}.feature-panel{width:55%;padding-left:5%;padding-right:5%}}
@media(max-width:700px){.header{top:20px;left:20px;right:20px}.brand{font-size:17px}.brand img{width:18px;height:27px}.desktop-nav{display:none}.menu-trigger{display:flex;padding:12px 16px;font-size:13px}.experience{min-height:580px}.hero-copy{top:22%;left:20px;right:20px}.hero-copy h1{font-size:39px;line-height:1.12;max-width:330px;margin:auto}.hero-copy p{font-size:19px;margin-top:30px}.hero-enter{margin-top:26px}.hero-enter>span{padding:13px 26px}.scroll-hint{left:22px;bottom:27px;font-size:11px;gap:12px;max-width:240px}.hero-next{display:none}.assistant-launch{right:18px;bottom:20px;width:48px;height:50px}.assistant-launch>span{width:30px;height:32px}.office-intro{top:115px;left:24px}.office-intro h1{font-size:35px;margin-top:10px}.office-intro>p:last-child{font-size:14px;margin-top:15px}.office-selection{bottom:92px;left:24px;width:240px}.office-selection>a{background:rgba(241,234,235,.12);font-size:14px;padding:10px 0}.office-selection>p{font-size:10px}.explorer-nav{bottom:20px;right:86px}.explorer-nav a{min-width:39px;padding:4px 9px}.breadcrumbs{left:22px;top:101px;font-size:11px;max-width:90%;gap:8px}.room-panel{left:18px;right:18px;width:auto;bottom:86px;max-height:49svh;overflow-y:auto;padding:8px;backdrop-filter:blur(22px);background:rgba(238,229,232,.65)}.room-panel>.eyebrow{padding:14px 14px 0;font-size:10px}.room-panel h1{font-size:29px;margin:7px 14px 15px}.room-description{font-size:13px;line-height:1.45;padding:0 14px}.assist-label{font-size:10px;padding:12px 14px 8px}.room-features>a{font-size:13px;min-height:38px;padding:8px 14px}.panel-cta{font-size:13px;padding:12px 14px}.feature-panel{top:35svh;width:100%;padding:30px 24px 100px;background:rgba(234,225,225,.95);border-radius:20px 20px 0 0;backdrop-filter:blur(18px)}.feature-panel h1{font-size:32px;margin-top:13px}.feature-panel~.explorer-nav{left:auto;right:84px}.feature-panel .eyebrow{font-size:10px}.feature-lead{font-size:15px}.page-shell{padding:148px 24px 24px}.page-shell>h1{font-size:40px;margin-top:16px}.page-lead{font-size:18px}.footer{margin-top:60px;padding:35px 24px 26px;grid-template-columns:1fr 1fr;gap:32px}.footer-lead{grid-column:1/-1}.footer-bottom{font-size:11px;gap:15px;line-height:1.6;flex-direction:column}.site-menu{padding:23px}.site-menu nav{margin-top:26px}.site-menu nav a{font-size:24px;padding:14px 0}.scene-failed .office-selection{left:24px;right:24px;top:auto;bottom:110px;width:auto}.scene-failed .office-intro{top:125px}.scene-failed .room-panel{top:150px;bottom:100px;max-height:none}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

.setup-list{margin-top:110px}.setup-step{margin-bottom:75px}.step-heading{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:20px}.step-heading h2{font-size:36px;font-weight:500;letter-spacing:-.035em}.step-heading>span{font-size:64px;color:rgba(66,47,55,.24);font-weight:400;letter-spacing:-.07em}.step-body{display:grid;grid-template-columns:1fr 2.2fr;gap:20px}.step-body>*{border-top:1px solid var(--line);padding-top:22px}.step-body h3{font-size:21px;font-weight:500;line-height:1.4;letter-spacing:-.025em;max-width:245px}.step-body p{font-size:19px;line-height:1.6;color:var(--muted)}.step-body small{display:block;margin-top:18px;font-size:13px;color:var(--muted);line-height:1.6}.end-cta{margin:110px 0 0;padding:65px 0 10px;border-top:1px solid var(--line)}.end-cta h2{font-weight:500;font-size:clamp(40px,5vw,68px);letter-spacing:-.055em;line-height:1.12;margin:22px 0 35px}.end-cta>div{display:flex;align-items:center;gap:28px;flex-wrap:wrap}.text-link{font-size:14px;display:inline-block;line-height:1.6;border-bottom:1px solid var(--line);padding:6px 0}.text-link:hover{color:var(--accent)}.split-section{display:grid;grid-template-columns:1fr 1.7fr;gap:75px;margin-top:110px;align-items:start}.split-section>h2{font-size:38px;line-height:1.14;font-weight:500;letter-spacing:-.045em}.large-prose>p{font-size:19px;line-height:1.65;color:var(--muted);margin-bottom:24px}.prose-block{padding:0 0 27px;margin-bottom:28px;border-bottom:1px solid var(--line)}.prose-block h3{font-size:22px;font-weight:500;letter-spacing:-.025em}.prose-block p{margin-top:12px;line-height:1.7;color:var(--muted);font-size:16px}.process-list{display:grid;grid-template-columns:repeat(5,1fr);gap:20px;margin:90px 0}.process-list section{border-top:1px solid var(--line);padding-top:20px}.process-list section>span{font-size:13px;color:var(--muted)}.process-list h2{font-size:24px;font-weight:500;margin:30px 0 15px;letter-spacing:-.035em}.process-list p{font-size:14px;color:var(--muted);line-height:1.6}.crm-example{padding:28px;background:rgba(255,255,255,.25);border:1px solid rgba(255,255,255,.25)}.crm-example>.eyebrow{margin-bottom:23px}.crm-example>div{display:grid;grid-template-columns:1fr 1.3fr;gap:20px;border-top:1px solid var(--line);padding:15px 0;font-size:14px}.crm-example>div>span{color:var(--muted)}.crm-example strong{font-weight:500}.plans{display:grid;grid-template-columns:repeat(3,1fr);margin-top:85px;gap:1px;border:1px solid var(--line);background:var(--line)}.plan{padding:30px 24px;background:#cfc1c5}.plan-main{background:#e5dadc}.plan .eyebrow{font-size:10px;letter-spacing:.09em}.plan h2{font-size:37px;font-weight:500;letter-spacing:-.055em;margin:28px 0 18px}.plan-who{font-size:14px;line-height:1.65;color:var(--muted);min-height:70px}.plan-price{margin:32px 0;font-size:29px;letter-spacing:-.03em;line-height:1.2}.plan-price>span{display:block;font-size:12px;margin-top:10px;letter-spacing:0;color:var(--muted)}.plan .button{padding:17px 15px;font-size:12px;gap:12px;width:100%}.plan ul{padding:0;list-style:none;font-size:14px;margin:28px 0 0}.plan li{border-top:1px solid var(--line);padding:14px 0}.plan li:before{content:'+';margin-right:14px;color:var(--accent)}.fine-print{font-size:12px;line-height:1.7;color:var(--muted);margin-top:20px;max-width:760px}.faq-layout{display:grid;grid-template-columns:210px 1fr;gap:70px;margin-top:90px}.faq-categories{position:sticky;top:140px;align-self:start;display:grid;gap:18px;font-size:13px;color:var(--muted)}.faq-categories a:hover{color:var(--ink)}.faq-group{scroll-margin-top:125px;margin-bottom:62px}.faq-group>h2{font-size:24px;font-weight:500;letter-spacing:-.025em;margin-bottom:20px}.faq-item{border-top:1px solid var(--line)}.faq-item:last-child{border-bottom:1px solid var(--line)}.faq-item summary{font-size:16px;line-height:1.5;padding:21px 0;align-items:center}.faq-item summary:hover{color:var(--accent)}.faq-item>p{font-size:15px;line-height:1.75;color:var(--muted);padding:0 24px 24px 0}.plus{font-size:23px;font-weight:400;transition:transform .25s}.faq-item[open] .plus{transform:rotate(45deg)}.security-rows{margin-top:90px}.security-rows>section{display:grid;grid-template-columns:40px 1fr 1.5fr;gap:30px;padding:30px 0;border-top:1px solid var(--line);align-items:baseline}.security-rows small{font-size:12px;color:var(--muted)}.security-rows h2{font-size:23px;font-weight:500;letter-spacing:-.035em}.security-rows p{font-size:16px;color:var(--muted);line-height:1.7}.document-links{margin-top:70px;display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.document-links a{display:flex;justify-content:space-between;gap:14px;border-top:1px solid var(--line);padding:20px 0;font-size:14px}.demo-grid{display:grid;grid-template-columns:1fr 1.45fr;gap:60px;align-items:start;margin-top:80px}.demo-scenarios{margin:20px 0 28px}.demo-scenarios button{width:100%;display:flex;align-items:center;text-align:left;gap:15px;font-size:14px;background:transparent;border-top:1px solid var(--line);padding:20px 12px}.demo-scenarios button:last-child{border-bottom:1px solid var(--line)}.demo-scenarios button[aria-pressed=true]{background:rgba(255,255,255,.3)}.demo-scenarios button>span:first-child{font-size:11px;opacity:.7}.demo-scenarios button>span:last-child{margin-left:auto}.demo-explainer{font-size:15px;line-height:1.7;color:var(--muted)}.demo-controls .text-link{margin-top:24px}.demo-player{background:rgba(249,245,244,.43);border:1px solid rgba(255,255,255,.4);padding:25px}.demo-player-top{display:flex;align-items:center;justify-content:space-between;gap:14px;border-bottom:1px solid var(--line);padding-bottom:21px;font-size:11px;color:var(--muted)}.demo-lines{height:325px;overflow-y:auto;display:flex;flex-direction:column;align-items:flex-start;gap:16px;padding:24px 0;scrollbar-width:thin}.demo-bubble{width:90%;padding:18px;background:rgba(255,255,255,.4);border-radius:1px 14px 14px 14px;animation:enter .3s ease}.demo-bubble>span{font-size:10px;letter-spacing:.07em;text-transform:uppercase;color:var(--muted)}.demo-bubble>p{font-size:14px;line-height:1.65;margin-top:8px}.demo-bubble.customer{align-self:flex-end;background:rgba(150,111,130,.16);border-radius:14px 1px 14px 14px}.demo-player-actions{display:flex;align-items:center;gap:14px;border-top:1px solid var(--line);padding-top:20px}.demo-player-actions .button{font-size:12px;gap:16px;padding:15px 18px}.reset-demo{background:transparent;font-size:12px;padding:12px;color:var(--muted)}.demo-result{padding:20px;margin-bottom:20px;background:rgba(127,154,130,.16);font-size:14px;line-height:1.6}.demo-result strong{display:block;margin:12px 0 8px;font-weight:500}.demo-result .eyebrow{font-size:10px}.legal-notice{margin-top:70px;max-width:680px;border-top:1px solid var(--line);padding-top:30px}.legal-notice p{font-size:18px;line-height:1.7;color:var(--muted);margin-bottom:25px}.legal-notice .button{margin-top:20px}
@media(max-width:1000px){.split-section{gap:40px}.faq-layout{gap:40px}.demo-grid{gap:32px}.plan{padding:25px 18px}.plan .button{font-size:11px;padding:15px 10px}.process-list{gap:15px}.process-list h2{font-size:20px}}
@media(max-width:700px){.setup-list{margin-top:60px}.setup-step{margin-bottom:48px}.step-heading h2{font-size:27px}.step-heading>span{font-size:49px}.step-body{grid-template-columns:1fr;gap:16px}.step-body>*{padding-top:15px}.step-body h3{font-size:19px;max-width:none}.step-body>div{border-top:0;padding-top:0}.step-body p{font-size:16px}.split-section{margin-top:65px;grid-template-columns:1fr;gap:28px}.split-section>h2{font-size:32px}.large-prose>p{font-size:17px}.end-cta{margin-top:65px;padding-top:38px}.end-cta h2{font-size:44px}.end-cta>div{gap:17px}.plans{grid-template-columns:1fr;gap:1px;margin-top:48px}.plan{padding:28px}.plan h2{margin-top:20px}.plan-who{min-height:0}.plan-price{margin:26px 0}.plan .button{font-size:14px;padding:17px}.process-list{grid-template-columns:1fr;margin:48px 0;gap:0}.process-list section{display:grid;grid-template-columns:35px 1fr;gap:18px;padding:19px 0}.process-list h2{font-size:23px;margin:0 0 8px}.process-list p{font-size:15px}.crm-example{padding:22px}.crm-example>div{grid-template-columns:1fr;gap:5px}.faq-layout{grid-template-columns:1fr;margin-top:45px;gap:35px}.faq-categories{position:static;display:flex;overflow-x:auto;gap:17px;padding-bottom:15px;white-space:nowrap;border-bottom:1px solid var(--line)}.faq-group{margin-bottom:40px}.faq-group>h2{font-size:24px}.faq-item summary{font-size:15px;padding:18px 0}.security-rows{margin-top:48px}.security-rows>section{grid-template-columns:25px 1fr;gap:14px;padding:24px 0}.security-rows p{grid-column:2}.document-links{grid-template-columns:1fr;gap:0;margin-top:40px}.demo-grid{grid-template-columns:1fr;margin-top:48px;gap:35px}.demo-player{padding:18px}.demo-player-top{font-size:10px}.demo-lines{height:340px}.demo-player-actions{gap:8px}.demo-player-actions .button{font-size:11px;padding:14px 12px;gap:12px}.demo-controls>.fine-print{font-size:12px}.demo-scenarios{margin-bottom:22px}.demo-scenarios button{font-size:14px}.legal-notice{margin-top:45px}.legal-notice p{font-size:16px}}

/* Final layout adjustments shared by local, hosted and single-file builds. */
:root { --background: #e7c6b8; }
body {
  background:
    radial-gradient(ellipse at 18% 8%, rgba(246,238,232,.96) 0%, rgba(246,238,232,0) 47%),
    radial-gradient(ellipse at 84% 62%, rgba(185,203,200,.08) 0%, rgba(185,203,200,0) 43%),
    linear-gradient(135deg, #f6eee8 0%, #e7c6b8 49%, #d7aa9b 100%);
  background-size: 145% 145%, 165% 165%, 145% 145%;
  background-attachment: fixed;
  animation: peach-lustre 28s ease-in-out infinite alternate;
}
.document-page::before {
  content: '';
  position: fixed;
  inset: 0 0 auto;
  height: 116px;
  z-index: 40;
  pointer-events: none;
  background: linear-gradient(#f0ddd5 5%, rgba(240,221,213,.94) 65%, transparent);
}
.site-menu { background: #ead2c8; }
.assistant-dialog { background: #f2e5df; }
.builder-dialog { background: #ecd7ce; }
.brand img { filter: grayscale(1) brightness(.35); }
.hero-copy { top: 31%; }
.scene-wrap canvas { outline: none; }
.feature-panel { overscroll-behavior: contain; }
.room-panel { scrollbar-width: thin; overflow-x: hidden; }
.room-panel::before { left: 0; top: 0; }
.room-panel::after { right: 0; bottom: 0; }
.site-menu nav a:focus-visible { outline-offset: 3px; }
body:has(dialog[open]) { overflow: hidden; }
button, input, select, textarea { font: inherit; }
textarea:focus-visible { outline: 2px solid #563944; outline-offset: 4px; }
.demo-bubble.system { align-self: center; width: 100%; background: rgba(127,154,130,.14); border-radius: 8px; }
.builder-invite { display: grid; grid-template-columns: 1fr 1.15fr; gap: 75px; margin-top: 110px; padding: 65px 0 10px; border-top: 1px solid var(--line); align-items: start; }
.builder-invite h2 { margin-top: 20px; font-size: 38px; line-height: 1.14; font-weight: 500; letter-spacing: -.045em; }
.builder-invite > div:last-child > p { margin-bottom: 28px; font-size: 18px; line-height: 1.7; color: var(--muted); }
.builder-dialog { width: min(980px, calc(100vw - 48px)); max-width: none; max-height: 92svh; margin: auto; padding: 0; border: 1px solid rgba(255,255,255,.55); border-radius: 16px; color: var(--ink); background: #ecd7ce; box-shadow: 0 28px 90px rgba(56,38,46,.3); }
.builder-dialog::backdrop { background: rgba(43,31,36,.45); backdrop-filter: blur(6px); }
.builder-shell { display: flex; flex-direction: column; max-height: 92svh; }
.builder-head { display: flex; justify-content: space-between; gap: 24px; align-items: flex-start; padding: 28px 32px 22px; }
.builder-head h2 { margin-top: 7px; font-size: 32px; font-weight: 500; letter-spacing: -.04em; }
.builder-progress { display: grid; grid-template-columns: repeat(5,1fr); list-style: none; margin: 0; padding: 0 32px; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.builder-progress button { width: 100%; padding: 17px 9px; background: transparent; color: var(--muted); font-size: 12px; text-align: left; border-right: 1px solid var(--line); }
.builder-progress li:first-child button { border-left: 1px solid var(--line); }
.builder-progress button span { display: block; margin-bottom: 6px; font-size: 10px; opacity: .65; }
.builder-progress button[aria-current="step"] { color: var(--ink); background: rgba(255,255,255,.35); }
.builder-panels { min-height: 370px; padding: 38px 32px; overflow-y: auto; }
.builder-panels section h3 { max-width: 690px; margin: 14px 0 30px; font-size: 30px; line-height: 1.22; font-weight: 500; letter-spacing: -.035em; }
.builder-fields { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; }
.builder-fields-three { grid-template-columns: 1.3fr 1fr 1fr; }
.builder-fields label { display: grid; gap: 9px; color: var(--muted); font-size: 12px; }
.builder-fields input, .builder-fields textarea { width: 100%; border: 1px solid var(--line); border-radius: 8px; padding: 15px; color: var(--ink); background: rgba(255,255,255,.38); resize: vertical; }
.builder-fields input { min-height: 52px; }
.builder-options { display: grid; grid-template-columns: repeat(2,1fr); gap: 10px; }
.builder-options label { display: flex; align-items: center; gap: 12px; min-height: 58px; padding: 14px 16px; border: 1px solid var(--line); border-radius: 8px; background: rgba(255,255,255,.2); cursor: pointer; font-size: 14px; }
.builder-options label:has(input:checked) { background: rgba(255,255,255,.55); border-color: rgba(86,57,68,.48); }
.builder-options input { width: 17px; height: 17px; accent-color: var(--accent); }
.builder-summary { border-top: 1px solid var(--line); }
.builder-summary > div { display: grid; grid-template-columns: 150px 1fr; gap: 22px; padding: 13px 0; border-bottom: 1px solid var(--line); font-size: 14px; line-height: 1.5; }
.builder-summary span { color: var(--muted); }
.builder-summary strong { font-weight: 500; }
.builder-actions { display: grid; grid-template-columns: 130px 1fr auto; align-items: center; gap: 18px; padding: 18px 32px; border-top: 1px solid var(--line); background: rgba(255,255,255,.12); }
.builder-actions > span { color: var(--muted); font-size: 12px; text-align: center; }
.builder-actions .button { min-width: 190px; }
.builder-actions button:disabled { opacity: .35; }

/* Compact, high-contrast close to every document page. */
.footer {
  width: 100%;
  max-width: none;
  margin: 72px 0 0;
  padding: 34px max(34px, calc((100vw - 972px) / 2)) 18px;
  grid-template-columns: 1.25fr 1fr 1fr 1fr;
  gap: 24px;
  color: #f6eee8;
  background: #111;
  border-top: 0;
}
.footer .brand { color: #fff; }
.footer .brand img { filter: grayscale(1) brightness(0) invert(1); }
.footer .brand-dot { color: #d7aa9b; }
.footer-lead > p { margin-top: 12px; line-height: 1.55; color: rgba(246,238,232,.62); }
.footer-label { margin-bottom: 12px; color: rgba(246,238,232,.48); }
.footer > div > a:not(.brand) { margin-bottom: 8px; color: rgba(255,255,255,.88); }
.footer > div > a:not(.brand):hover { color: #fff; }
.footer-bottom {
  margin-top: 16px;
  padding-top: 14px;
  color: rgba(246,238,232,.5);
  border-top-color: rgba(246,238,232,.16);
}

/* Fast one-shot heading reveal when a content block enters the viewport. */
.document-page .page-shell > h1,
.document-page .setup-step h2,
.document-page .setup-step h3,
.document-page .process-list h2,
.document-page .split-section > h2,
.document-page .plan h2,
.document-page .faq-group > h2,
.document-page .security-rows h2,
.document-page .builder-invite h2,
.document-page .end-cta h2 { color: #171616; }
.typewriter-active::after {
  content: '';
  display: inline-block;
  width: 2px;
  height: .82em;
  margin-left: .05em;
  vertical-align: -.03em;
  background: currentColor;
  animation: type-cursor .55s steps(1,end) infinite;
}
@keyframes type-cursor { 50% { opacity: 0; } }

@keyframes peach-lustre {
  0% { background-position: 0% 0%, 100% 45%, 0% 50%; }
  100% { background-position: 8% 5%, 92% 55%, 7% 50%; }
}

@media (prefers-reduced-motion: reduce) {
  body { animation: none; background-position: 0 0; }
  .typewriter-active::after { display: none; }
}

@media (max-width: 700px) {
  body { animation: none; background-size: cover; }
  .hero-copy { top: 23%; }
  .document-page::before { height: 97px; }
  .demo-explainer { display: none; }
  .demo-controls .fine-print { margin-top: 14px; }
  .demo-controls .text-link { margin-top: 12px; }
  .demo-grid { gap: 25px; }
  .builder-invite { grid-template-columns: 1fr; gap: 25px; margin-top: 65px; padding-top: 38px; }
  .builder-invite h2 { font-size: 32px; }
  .builder-invite > div:last-child > p { font-size: 16px; }
  .builder-dialog { width: calc(100vw - 20px); max-height: 96svh; border-radius: 14px; }
  .builder-shell { max-height: 96svh; }
  .builder-head { padding: 20px 20px 16px; }
  .builder-head h2 { font-size: 25px; }
  .builder-progress { display: flex; padding: 0 20px; overflow-x: auto; }
  .builder-progress li { min-width: 96px; }
  .builder-progress button { padding: 13px 8px; }
  .builder-panels { min-height: 420px; padding: 26px 20px; }
  .builder-panels section h3 { margin: 12px 0 24px; font-size: 25px; }
  .builder-fields, .builder-fields-three, .builder-options { grid-template-columns: 1fr; }
  .builder-options { gap: 8px; }
  .builder-options label { min-height: 50px; }
  .builder-summary > div { grid-template-columns: 1fr; gap: 4px; }
  .builder-actions { grid-template-columns: 74px 1fr auto; gap: 8px; padding: 14px 16px; }
  .builder-actions .button { min-width: 0; padding: 14px 12px; gap: 10px; font-size: 11px; }
  .footer { margin-top: 48px; padding: 28px 24px 18px; gap: 22px 28px; }
  .footer-bottom { margin-top: 4px; padding-top: 12px; }
}

@media (max-height: 690px) and (min-width: 701px) {
  .room-panel { bottom: 24px; max-height: calc(100svh - 180px); overflow-y: auto; }
  .room-panel h1 { margin-bottom: 22px; }
  .hero-copy { top: 28%; }
  .hero-copy p { margin-top: 28px; }
  .hero-enter { margin-top: 25px; }
}

@media (max-width: 700px) and (max-height: 700px) {
  .office-intro { top: 100px; }
  .office-intro h1 { font-size: 30px; }
  .office-intro > p:last-child { display: none; }
  .office-selection { bottom: 82px; }
  .room-panel { max-height: calc(100svh - 245px); }
}