
:root{--bg:#080909;--bg2:#101213;--surface:#161819;--soft:#1c1f1e;--border:#31302a;--text:#f6f2e9;--muted:#aaa9a1;--gold:#dbb878;--goldlight:#ffdf9a;--teal:#8bc9ba;--max:1120px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.65 'Segoe UI',Inter,Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid var(--goldlight);outline-offset:4px}a:hover{color:var(--goldlight)}p{margin:0 0 18px}h1,h2,h3,h4{line-height:1.15;letter-spacing:-.035em;margin:0 0 18px}h1{font-size:clamp(2.9rem,6vw,5.7rem);font-weight:700}h2{font-size:clamp(2.1rem,4vw,3.35rem)}h3{font-size:1.35rem}small{font-size:.82rem}.container{width:min(var(--max),calc(100% - 42px));margin:0 auto}.skip{position:absolute;left:-9999px;top:10px}.skip:focus{left:12px;z-index:99;background:var(--gold);color:#111;padding:8px 16px}.topnote{font-size:12px;letter-spacing:.045em;text-align:center;background:#181b1c;border-bottom:1px solid #34302a;color:#c4c2b7;padding:7px 18px}.topnote strong{color:var(--goldlight)}.site-header{position:sticky;top:0;z-index:50;background:rgba(8,9,9,.92);border-bottom:1px solid #292b27;backdrop-filter:blur(18px)}.header-inner{min-height:79px;display:flex;align-items:center;gap:30px;justify-content:space-between}.logo img{width:205px;max-width:100%;height:auto;display:block}.desktopnav{display:flex;align-items:center;gap:24px}.desktopnav a{font-size:.88rem;color:#d7d2c8}.desktopnav a[aria-current=page]{color:var(--goldlight)}.desktopnav a:hover{color:white}.navcta,.button{display:inline-flex;gap:9px;align-items:center;justify-content:center;padding:12px 20px;border:1px solid var(--gold);background:linear-gradient(135deg,#e1bf7f,#a98547);color:#120f0b!important;font-weight:700;border-radius:6px;font-size:.9rem;cursor:pointer;min-height:44px;box-shadow:0 5px 23px rgba(219,184,120,.08)}.navcta:hover,.button:hover{filter:brightness(1.13);color:#0a0804}.button.secondary{background:transparent;color:var(--text)!important;border:1px solid #5b503e;box-shadow:none}.button.secondary:hover{background:#29251d}.mobile-toggle{display:none;background:none;color:white;border:1px solid #6a5b43;padding:10px 13px;border-radius:7px;cursor:pointer}.mobile-nav{display:none;padding:10px 20px 25px;border-top:1px solid #332f28}.mobile-nav a{display:block;padding:12px 10px;border-bottom:1px solid #262626}.mobile-nav.open{display:block}.eyebrow{display:inline-flex;gap:10px;align-items:center;color:var(--goldlight);font-size:.74rem;font-weight:700;text-transform:uppercase;letter-spacing:.16em;margin-bottom:22px}.eyebrow::before{content:"";width:23px;height:1px;background:var(--gold)}.hero{position:relative;overflow:hidden;background:radial-gradient(ellipse at 82% 15%,#4b3b2255 0,transparent 41%),radial-gradient(ellipse at 10% 95%,#20302c33 0,transparent 42%),#0b0c0c;border-bottom:1px solid var(--border)}.hero::after{content:"";width:440px;height:440px;border:1px solid #9476471f;border-radius:50%;position:absolute;right:-150px;bottom:-300px;box-shadow:0 0 0 80px #9476470d,0 0 0 165px #94764708;pointer-events:none}.hero-grid{display:grid;grid-template-columns:1.14fr .86fr;align-items:center;gap:54px;padding:100px 0 105px}.hero h1 em{font-style:normal;background:linear-gradient(115deg,#fce4ab,#c59852);color:transparent;background-clip:text}.lead{color:#c2bfb6;font-size:1.12rem;max-width:630px;line-height:1.8}.heroactions,.actions{display:flex;gap:14px;flex-wrap:wrap;margin:27px 0}.proofline{border-top:1px solid #312e27;padding-top:18px;color:#a3a7a1;font-size:.84rem}.hero-visual{position:relative;display:grid;place-items:center;padding:20px 0}.phone{width:min(318px,100%);background:#151717;border:10px solid #292c2d;border-radius:34px;box-shadow:0 30px 80px #000b,0 0 70px #9f783423;overflow:hidden}.phone-head{padding:12px 16px;border-bottom:1px solid #32322e;display:flex;gap:12px;align-items:center}.avatar{width:35px;height:35px;border-radius:50%;background:#9e783b;color:#100c08;display:grid;place-items:center;font-weight:900}.phone-title{font-size:.83rem;font-weight:800}.phone-sub{display:block;font-size:.68rem;color:#969891}.chat-area{min-height:300px;display:flex;flex-direction:column;gap:12px;padding:21px 13px;background:linear-gradient(#151716,#101313)}.bubble{max-width:86%;padding:11px 12px;border-radius:14px;font-size:.77rem;line-height:1.52}.bubble.customer{margin-left:auto;background:#363b3d;color:#fff;border-bottom-right-radius:3px}.bubble.zenlue{background:#353021;color:#f6e1b7;border:1px solid #746343;border-bottom-left-radius:3px}.phone-compose{display:flex;align-items:center;border-top:1px solid #2e302c;color:#989b95;padding:13px;font-size:.73rem;gap:9px}.phone-compose span{flex:1;border:1px solid #464846;border-radius:22px;padding:4px 10px}.floating{position:absolute;top:4%;left:0;background:#18231f;border:1px solid #6484754d;padding:13px 17px;border-radius:8px;color:var(--teal);font-size:.77rem;box-shadow:0 9px 30px #0005}.floating.second{top:auto;bottom:7%;left:auto;right:-15px;background:#28231a;color:var(--goldlight);border-color:#6c5637}.section{padding:92px 0}.section.compact{padding:60px 0}.section.alt{background:#101212;border-top:1px solid #282925;border-bottom:1px solid #282925}.sectionhead{max-width:700px;margin-bottom:42px}.sectionhead p{color:var(--muted);font-size:1.06rem}.kicker{color:var(--gold);text-transform:uppercase;letter-spacing:.18em;font-size:.75rem;font-weight:700;margin-bottom:14px}.muted{color:var(--muted)}.gold{color:var(--goldlight)}.grid3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:19px}.grid2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:21px}.panel{border:1px solid var(--border);background:linear-gradient(145deg,#181a19,#111313);padding:31px;border-radius:12px}.panel p:last-child{margin-bottom:0}.num{font-size:2rem;font-weight:800;color:var(--gold);display:block;margin-bottom:19px;letter-spacing:-.05em}.tile-icon{width:44px;height:44px;display:grid;place-items:center;border-radius:9px;background:#47392265;border:1px solid #a7855066;color:var(--goldlight);font-size:1.25rem;margin-bottom:22px}.feature{display:flex;gap:16px;align-items:start;padding:22px 0;border-top:1px solid #35342e}.feature h3{font-size:1.05rem;margin-bottom:7px}.feature p{font-size:.88rem;color:var(--muted)}.feature .tile-icon{flex:none;margin:2px 0 0;width:39px;height:39px;font-size:1rem}.accent-box{border:1px solid #706044;background:linear-gradient(135deg,#302719,#1a1b18);padding:36px;border-radius:11px}.bullets{padding-left:20px}.bullets li{margin:10px 0;color:#c6c2b8}.mini{font-size:.82rem;color:#a4a9a2}.pill{display:inline-block;color:#e1c88f;border:1px solid #6a5b3e;font-size:.72rem;letter-spacing:.075em;text-transform:uppercase;border-radius:99px;padding:4px 11px;margin-bottom:18px}.price{font-size:3.25rem;letter-spacing:-.05em;line-height:1.1;font-weight:800;color:var(--goldlight);margin-bottom:6px}.pricing{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.pricecard{position:relative}.pricecard h3{font-size:1.05rem}.pricecard .muted{font-size:.92rem}.pricecard ul{margin-top:25px}.note{font-size:.85rem;color:#aeaba3;line-height:1.65}.cta-band{background:linear-gradient(120deg,#322819,#151816);border:1px solid #746047;padding:48px;border-radius:14px;display:flex;justify-content:space-between;gap:30px;align-items:center}.cta-band h2{max-width:580px;margin-bottom:10px}.cta-band p{margin:0;color:#c9c0ae}.site-footer{border-top:1px solid #35332d;background:#0b0d0d;padding:58px 0 30px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:35px}.footer-grid .logo img{width:200px}.footer-link{display:block;font-size:.85rem;color:#c0c1b8;margin:10px 0}.footer-title{font-size:.8rem;letter-spacing:.15em;color:var(--gold);text-transform:uppercase;font-weight:800}.footer-bottom{border-top:1px solid #292d29;margin-top:37px;padding-top:22px;display:flex;justify-content:space-between;gap:20px;font-size:.76rem;color:#a2a49e}.page-hero{padding:80px 0 62px;background:radial-gradient(circle at 95% 0%,#4838203d,transparent 42%),#101212;border-bottom:1px solid #34322d}.page-hero p{max-width:760px;color:#bebbb3;font-size:1.05rem}.page-hero h1{font-size:clamp(2.65rem,5vw,4.55rem)}.longform{max-width:830px}.longform h2{font-size:1.5rem;margin-top:34px;margin-bottom:12px}.longform h3{font-size:1.09rem;margin-top:22px}.longform p,.longform li{color:#c5c4bb;line-height:1.85}.longform ul{padding-left:25px}.longform a,.intext{color:var(--goldlight);text-decoration:underline;text-underline-offset:4px}.longform .warning{border:1px solid #665337;background:#251f16;padding:15px 20px;color:#ded2b9;border-radius:8px}.demo-layout{display:grid;grid-template-columns:1fr 1fr;align-items:start;gap:45px}.demo-btns{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:20px}.demo-btn{cursor:pointer;border:1px solid #64543b;border-radius:6px;background:#201d17;color:#f5e0b9;padding:11px 15px;font:inherit;font-size:.85rem}.demo-btn:hover,.demo-btn.active{background:#4c3820;border-color:var(--goldlight)}.demo-log{display:flex;flex-direction:column;gap:12px;min-height:260px}.demo-log .bubble{font-size:.92rem}.faq details{border:1px solid #343730;border-radius:8px;padding:19px 22px;margin-bottom:11px;background:#141616}.faq summary{cursor:pointer;font-weight:750;list-style:none}.faq summary::after{content:'+';float:right;color:var(--gold);font-size:1.2rem}.faq details[open] summary::after{content:'−'}.faq details p{margin:17px 0 0;color:var(--muted)}.about-badge{display:flex;align-items:center;gap:12px;background:#151b17;border:1px solid #495744;border-radius:8px;padding:14px 18px;margin:22px 0}.contact-cards{display:grid;grid-template-columns:1.2fr .8fr;gap:25px}.rule{height:1px;background:#34332c;margin:28px 0}
@media(max-width:950px){.desktopnav{gap:13px}.desktopnav a{font-size:.79rem}.hero-grid{gap:16px}.floating{left:-17px}.floating.second{right:-18px}}
@media(max-width:760px){.desktopnav,.header-inner>.navcta{display:none}.mobile-toggle{display:block}.header-inner{min-height:72px}.logo img{width:181px}.hero-grid{grid-template-columns:1fr;padding:65px 0 68px}.hero-visual{margin:30px 0 0}.floating{left:0}.floating.second{right:0}.grid3,.grid2,.pricing,.demo-layout,.contact-cards{grid-template-columns:1fr}.section{padding:66px 0}.section.compact{padding:47px 0}.panel{padding:25px}.cta-band{flex-direction:column;align-items:flex-start;padding:30px}.footer-grid{grid-template-columns:1fr 1fr}.footer-grid>div:first-child{grid-column:span 2}.footer-bottom{flex-direction:column}.page-hero{padding:62px 0 45px}}
@media(max-width:440px){.container{width:calc(100% - 30px)}.topnote{font-size:10px}.button{width:100%}.actions .button{width:100%}.phone{width:92%}.floating{position:static;margin:10px auto}.hero-visual{display:flex;flex-direction:column}.floating.second{margin-top:12px}.footer-grid{gap:22px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation:none!important;transition:none!important}}

/* Call-first story additions — 2026-10-20 */
.hero-statement{font-size:.98rem;color:#e6d4af;border-left:3px solid var(--gold);padding:7px 0 7px 17px;margin:20px 0 8px;max-width:610px}
.call-event{display:flex;gap:12px;align-items:center;border:1px solid #735c3c;border-radius:10px;background:#33291e;padding:11px 12px;color:#f8e5bc;font-size:.75rem}
.call-event strong,.call-event small{display:block}.call-event small{font-size:.67rem;color:#c7c0b1;margin-top:2px}
.call-event-icon{display:grid;place-items:center;border-radius:50%;background:#574326;width:31px;height:31px;flex:none;color:#f0cd87}
.owner-event{font-size:.7rem;color:#b3e2d3;border:1px solid #517464;background:#1c3029;border-radius:8px;padding:9px 11px;text-align:center}
.bubble.status{color:#d6e7dd;background:#22322c;border:1px dashed #587c68;max-width:100%;align-self:center;font-size:.77rem}
.call-disclaimer{margin-top:26px;border:1px solid #655639;background:#211b13;border-radius:10px;color:#d7cab1;padding:16px 21px;line-height:1.72;font-size:.88rem}
.call-disclaimer strong{color:#ffdfa4}
@media(min-width:761px){.hero-grid{grid-template-columns:1.16fr .84fr}.hero h1{font-size:clamp(2.6rem,5.4vw,5.0rem)}.hero-visual .phone{width:min(340px,100%)}}
@media(max-width:760px){.hero-statement{font-size:.92rem}.hero h1{font-size:clamp(2.8rem,11vw,4.25rem)}}
