@font-face{font-family:"DM Sans";src:url("assets/fonts/dm-sans-400.woff2") format("woff2");font-style:normal;font-weight:400;font-display:swap}@font-face{font-family:"DM Sans";src:url("assets/fonts/dm-sans-500.woff2") format("woff2");font-style:normal;font-weight:500;font-display:swap}@font-face{font-family:"DM Sans";src:url("assets/fonts/dm-sans-700.woff2") format("woff2");font-style:normal;font-weight:700;font-display:swap}@font-face{font-family:"Manrope";src:url("assets/fonts/manrope-500.woff2") format("woff2");font-style:normal;font-weight:500;font-display:swap}@font-face{font-family:"Manrope";src:url("assets/fonts/manrope-700.woff2") format("woff2");font-style:normal;font-weight:700;font-display:swap}@font-face{font-family:"Manrope";src:url("assets/fonts/manrope-800.woff2") format("woff2");font-style:normal;font-weight:800;font-display:swap}
:root{--ink:#171817;--muted:#696b66;--paper:#f5f2eb;--cream:#ebe5d9;--white:#fff;--accent:#ed6a32;--accent-dark:#cc4d1b;--olive:#29322a;--line:rgba(23,24,23,.12);--serif:"Manrope",sans-serif;--sans:"DM Sans",sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.6}img{display:block;max-width:100%}a{color:inherit;text-decoration:none}.container{width:min(1180px,calc(100% - 40px));margin:auto}.narrow{max-width:810px}.center{text-align:center}.section{padding:112px 0}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.topbar{background:var(--olive);color:#eef0e9;text-align:center;padding:7px;font-size:12px;letter-spacing:.08em;text-transform:uppercase}.nav-shell{position:sticky;top:0;z-index:20;background:rgba(245,242,235,.88);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}.nav{height:74px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:10px;font-family:var(--serif);font-weight:800;letter-spacing:-.04em}.brand-mark{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:var(--accent);color:white;font-size:12px;letter-spacing:0}.brand-muted{font-weight:500;color:#82827d}.nav-links{display:flex;gap:32px;font-size:14px}.nav-links a:hover{color:var(--accent)}.button{display:inline-flex;align-items:center;justify-content:center;gap:18px;border:0;border-radius:10px;padding:15px 22px;font:700 15px var(--sans);cursor:pointer;transition:.2s transform,.2s background}.button:hover{transform:translateY(-2px)}.button-small{padding:11px 18px}.button-dark{background:var(--ink);color:white}.button-primary{background:var(--accent);color:white}.button-primary:hover{background:var(--accent-dark)}.button-wide{width:100%}.hero{padding:72px 0 32px;overflow:hidden}.hero-grid{display:grid;grid-template-columns:1.03fr .97fr;gap:50px;align-items:center}.eyebrow,.section-label{display:inline-flex;align-items:center;gap:9px;text-transform:uppercase;font-size:12px;letter-spacing:.14em;font-weight:700;color:var(--accent)}.pulse{width:8px;height:8px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 6px rgba(237,106,50,.14)}h1,h2{font-family:var(--serif);letter-spacing:-.055em;line-height:1.03;margin:22px 0}h1{font-size:clamp(52px,6vw,82px)}h2{font-size:clamp(42px,5vw,66px)}h1 em,h2 em{font-style:normal;color:var(--accent)}.hero-lead{max-width:650px;font-size:19px;color:#555750;line-height:1.65}.quick-form{margin-top:30px}.url-field{display:flex;align-items:center;background:white;border:1px solid rgba(23,24,23,.18);box-shadow:0 16px 40px rgba(36,31,22,.08);border-radius:14px;padding:7px 7px 7px 18px}.url-field>span{color:var(--accent);font-size:20px}.url-field input{flex:1;min-width:0;border:0;outline:0;padding:13px;font:500 15px var(--sans);background:transparent}.micro-trust{display:flex;gap:22px;margin-top:13px;color:#72746f;font-size:12px}.hero-visual{position:relative;height:610px;border-radius:28px;overflow:hidden;background:#33291f}.hero-visual>img{width:100%;height:100%;object-fit:cover;object-position:58% center}.hero-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(23,18,13,.25),transparent 45%);pointer-events:none}.time-card,.status-card{position:absolute;z-index:2;background:rgba(255,255,255,.92);backdrop-filter:blur(12px);box-shadow:0 18px 50px rgba(0,0,0,.16)}.time-card{left:-28px;bottom:94px;border-radius:16px;padding:15px 20px;display:flex;align-items:center;gap:12px}.time-card strong,.time-card small{display:block}.time-card strong{font-size:20px}.time-card small{font-size:11px;color:var(--muted)}.time-icon{display:grid;place-items:center;width:38px;height:38px;background:#fff1e9;border-radius:50%;color:var(--accent);font-size:22px}.status-card{right:18px;bottom:22px;border-radius:12px;padding:12px 16px;font-size:12px;font-weight:600}.status-card span{color:var(--accent);margin-right:6px}.hero-bottom{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);margin-top:45px;padding-top:24px;color:var(--muted);font-size:13px}.hero-bottom p{margin:0}.hero-bottom a{color:var(--ink);font-weight:700}.friction{background:#ebe7de}.section-intro{font-size:19px;color:var(--muted);max-width:720px;margin:0 auto}.comparison-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:55px;max-width:980px}.compare-card{border-radius:22px;padding:36px 42px}.compare-card h3{font:700 25px var(--serif);letter-spacing:-.03em;margin:9px 0 28px}.card-kicker{text-transform:uppercase;font-size:11px;letter-spacing:.14em;font-weight:700}.compare-card ul,.price-card ul{list-style:none;margin:0;padding:0}.compare-card li{padding:11px 0;border-bottom:1px solid var(--line);font-size:15px}.compare-card li span{display:inline-block;width:25px;font-weight:800}.old-way{background:rgba(255,255,255,.45);color:#6c6c68}.old-way li span{color:#9b9c96}.new-way{background:var(--olive);color:white;box-shadow:0 30px 70px rgba(31,40,32,.16);transform:translateY(-14px)}.new-way .card-kicker,.new-way li span{color:#ffb18e}.new-way li{border-color:rgba(255,255,255,.12)}.compare-time{font:700 26px var(--serif);margin-top:28px}.compare-time small{display:block;font:400 12px var(--sans)}.compare-time.accent{color:#ff9d72}.process-grid{display:grid;grid-template-columns:1fr .86fr;gap:90px;align-items:center}.steps{margin-top:42px}.step{display:grid;grid-template-columns:56px 1fr;gap:20px;padding:21px 0;border-top:1px solid var(--line)}.step-number{font-size:12px;color:#999}.step h3{margin:0 0 5px;font:700 18px var(--serif)}.step p{margin:0;color:var(--muted);font-size:14px}.step.active .step-number,.step.active h3{color:var(--accent)}.process-visual{position:relative}.process-visual>img{height:650px;width:100%;object-fit:cover;border-radius:24px}.email-card{position:absolute;left:-58px;bottom:38px;width:310px;background:white;border-radius:16px;box-shadow:0 25px 70px rgba(0,0,0,.18);padding:22px}.mail-top{display:flex;justify-content:space-between;font-size:10px;color:#989994;margin-bottom:25px}.email-card strong{font:700 18px var(--serif)}.email-card p{font-size:12px;color:var(--muted)}.fake-button{display:block;background:var(--ink);color:white;border-radius:7px;padding:10px 12px;text-align:center;font-size:12px;font-weight:700;margin-top:15px}.generator{background:var(--olive);color:white}.generator-shell{display:grid;grid-template-columns:.85fr 1.15fr;gap:80px;align-items:start}.generator-heading{position:sticky;top:120px}.generator-heading p{color:#b8c0b8;max-width:430px}.section-label.light{color:#ff9d72}.generator-form{background:#f9f7f1;color:var(--ink);border-radius:22px;padding:38px;min-height:500px}.form-progress{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-bottom:32px}.form-progress span{height:3px;background:#dedbd2;border-radius:10px}.form-progress span.on{background:var(--accent)}.form-step-head span{text-transform:uppercase;letter-spacing:.1em;color:var(--accent);font-size:10px;font-weight:700}.form-step-head h3{font:700 26px var(--serif);letter-spacing:-.04em;line-height:1.25;margin:9px 0 28px}.generator-form label{display:block;font-size:12px;font-weight:700;margin:16px 0 7px}.generator-form input[type=url],.generator-form input[type=text],.generator-form input[type=email]{width:100%;padding:16px;border:1px solid #d8d4cb;border-radius:9px;background:white;font:500 15px var(--sans);outline:0}.generator-form input:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgba(237,106,50,.12)}.generator-form .button{margin-top:22px}.hidden{display:none!important}.style-options{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.style-option{border:1px solid #d8d4cb;border-radius:11px;padding:8px!important;margin:0!important;cursor:pointer}.style-option.selected{border-color:var(--accent);box-shadow:0 0 0 2px rgba(237,106,50,.15)}.style-option input{position:absolute;opacity:0}.style-swatch{display:block;height:105px;border-radius:7px;margin-bottom:12px}.swatch-warm{background:linear-gradient(140deg,#d4a274,#6b3625)}.swatch-elegant{background:linear-gradient(140deg,#202622,#b69762)}.swatch-bold{background:linear-gradient(140deg,#e54d2e,#342c59)}.style-option strong,.style-option small{display:block;padding:0 6px}.style-option strong{font-size:12px}.style-option small{font-size:10px;color:var(--muted);font-weight:400;margin:3px 0 7px}.two-cols{display:grid;grid-template-columns:1fr 1fr;gap:12px}.consent{display:flex!important;align-items:flex-start;gap:9px;font-weight:400!important;color:var(--muted)}.consent input{margin-top:4px}.form-note{text-align:center;color:var(--muted);font-size:11px}.form-success{text-align:center;padding:80px 20px}.success-check{display:grid;place-items:center;width:58px;height:58px;margin:0 auto 18px;border-radius:50%;background:#e4f1e6;color:#28743b;font-size:26px}.form-success h3{font:700 26px var(--serif)}.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:50px}.feature-grid article{background:white;border:1px solid var(--line);border-radius:16px;padding:28px}.feature-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:10px;background:#fff0e8;color:var(--accent);font-size:19px}.feature-grid h3{font:700 17px var(--serif);margin:25px 0 8px}.feature-grid p{color:var(--muted);font-size:13px;margin:0}.pricing{background:#e9e5dc}.pricing-grid{display:grid;grid-template-columns:.85fr 1fr;gap:100px;align-items:center;max-width:1000px}.pricing-copy>p{color:var(--muted);font-size:18px}.pricing-note{display:flex;gap:14px;border-top:1px solid var(--line);padding-top:25px;margin-top:35px}.pricing-note>span{display:grid;place-items:center;flex:0 0 28px;height:28px;border-radius:50%;background:white;color:var(--accent);font-weight:700}.pricing-note p{margin:0;font-size:13px;color:var(--muted)}.price-card{background:#fff;border-radius:22px;padding:36px;box-shadow:0 25px 60px rgba(31,29,23,.1)}.price-head{display:flex;justify-content:space-between;font-size:12px;font-weight:700}.popular{color:var(--accent);background:#fff0e8;padding:3px 9px;border-radius:20px}.price{display:flex;align-items:baseline;gap:11px;margin-top:20px}.price strong{font:800 62px var(--serif);letter-spacing:-.06em}.price span{color:var(--muted);font-size:12px}.monthly{background:#f1eee7;padding:11px 14px;border-radius:8px;font-weight:700}.monthly span{float:right;color:var(--muted);font-size:11px;font-weight:400}.price-card ul{margin:24px 0}.price-card li{padding:7px 0;font-size:13px}.price-card li::first-letter{color:var(--accent)}.upsell{border:1px dashed #d4cfc3;border-radius:10px;padding:12px 14px;margin-bottom:2px}.upsell span,.upsell strong,.upsell small{display:block}.upsell span{color:var(--accent);text-transform:uppercase;font-size:9px;letter-spacing:.1em}.upsell strong{font-size:13px}.upsell small{color:var(--muted);font-size:10px}.aftercare{background:var(--olive);color:white}.aftercare-shell>div:first-child{display:flex;align-items:end;justify-content:space-between}.contact-ways{display:grid;grid-template-columns:repeat(3,1fr);margin-top:35px;border-top:1px solid rgba(255,255,255,.16)}.contact-ways article{padding:36px 35px;border-right:1px solid rgba(255,255,255,.16)}.contact-ways article:last-child{border:0}.contact-ways span{color:#ff9d72;font-size:11px}.contact-ways h3{font:700 18px var(--serif);margin:20px 0 6px}.contact-ways p{margin:0;color:#b8c0b8;font-size:13px}.faq-grid{display:grid;grid-template-columns:.65fr 1fr;gap:100px}.accordion details{border-top:1px solid var(--line);padding:22px 0}.accordion summary{font:700 16px var(--serif);cursor:pointer;list-style:none;display:flex;justify-content:space-between}.accordion summary:after{content:"+";color:var(--accent);font-size:20px}.accordion details[open] summary:after{content:"−"}.accordion p{color:var(--muted);font-size:14px;padding-right:45px}.final-cta{background:#171817;color:white;padding:110px 0}.final-cta p{color:#a9aba6;margin-bottom:30px}.light-trust{justify-content:center;color:#a9aba6}footer{background:#101110;color:white;padding:35px 0}.footer-grid{display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center}.footer-grid p{font-size:12px;color:#858782;text-align:center}.footer-grid>div{text-align:right}.footer-grid>div a{font-size:12px;color:#aaa;margin-left:20px}
@media(max-width:900px){.nav-links{display:none}.hero-grid,.process-grid,.generator-shell,.pricing-grid,.faq-grid{grid-template-columns:1fr;gap:50px}.hero-visual{height:540px}.time-card{left:18px}.comparison-grid{grid-template-columns:1fr}.new-way{transform:none}.process-visual{max-width:620px;margin:auto}.generator-heading{position:static}.feature-grid{grid-template-columns:1fr 1fr}.style-options{grid-template-columns:1fr}.style-swatch{height:70px}.contact-ways{grid-template-columns:1fr}.contact-ways article{border-right:0;border-bottom:1px solid rgba(255,255,255,.16)}.footer-grid{grid-template-columns:1fr;text-align:center;gap:12px}.footer-grid .brand{justify-content:center}.footer-grid>div{text-align:center}}
@media(max-width:600px){.container{width:min(100% - 28px,1180px)}.section{padding:78px 0}.nav .button{display:none}.hero{padding-top:45px}h1{font-size:48px}.hero-lead{font-size:16px}.url-field{display:grid;grid-template-columns:25px 1fr}.url-field .button{grid-column:1/-1;width:100%}.micro-trust{flex-wrap:wrap;gap:5px 14px}.hero-visual{height:470px}.hero-bottom{align-items:flex-start;gap:20px}.compare-card{padding:28px 24px}.process-visual>img{height:480px}.email-card{left:14px;bottom:14px;width:calc(100% - 28px)}.generator-form{padding:25px 18px}.two-cols,.feature-grid{grid-template-columns:1fr}.price-card{padding:25px 20px}.price strong{font-size:52px}.monthly span{float:none;display:block}.aftercare-shell>div:first-child{display:block}.footer-grid{display:flex;flex-direction:column}.final-cta{padding:80px 0}}
.chat-feature{display:grid;grid-template-columns:.9fr 1.1fr;align-items:center;gap:65px;margin-top:22px;padding:48px;border-radius:20px;background:var(--olive);color:white;overflow:hidden}.chat-demo{display:flex;flex-direction:column;gap:12px;padding:25px;border-radius:16px;background:rgba(255,255,255,.06)}.chat-bubble{max-width:88%;padding:14px 16px;border-radius:14px;font-size:13px;line-height:1.5}.chat-bubble.owner{align-self:flex-end;background:var(--accent);color:white;border-bottom-right-radius:4px}.chat-bubble.assistant{align-self:flex-start;background:white;color:var(--ink);border-bottom-left-radius:4px}.chat-bubble.assistant span{color:#2d8645;font-weight:800;margin-right:5px}.chat-copy h3{font:700 clamp(28px,3vw,42px) var(--serif);letter-spacing:-.045em;margin:12px 0}.chat-copy p{max-width:520px;margin:0;color:#c2c9c2;font-size:15px}
.motion-ready .chat-demo .chat-bubble{opacity:0;will-change:transform,opacity;transform-origin:bottom center}
.motion-ready .chat-demo.is-visible .chat-bubble.owner{animation:chatBubbleFromRight .72s cubic-bezier(.16,1,.3,1) .2s both}
.motion-ready .chat-demo.is-visible .chat-bubble.assistant{animation:chatBubbleFromLeft .72s cubic-bezier(.16,1,.3,1) .72s both}
@keyframes chatBubbleFromRight{0%{opacity:0;transform:translate3d(82px,12px,0) rotate(1.5deg) scale(.94)}70%{opacity:1;transform:translate3d(-4px,0,0) rotate(-.2deg) scale(1.01)}100%{opacity:1;transform:none}}
@keyframes chatBubbleFromLeft{0%{opacity:0;transform:translate3d(-82px,12px,0) rotate(-1.5deg) scale(.94)}70%{opacity:1;transform:translate3d(4px,0,0) rotate(.2deg) scale(1.01)}100%{opacity:1;transform:none}}
@media(max-width:900px){.chat-feature{grid-template-columns:1fr;gap:32px}}
@media(max-width:600px){.chat-feature{padding:24px 18px;gap:28px}.chat-demo{padding:15px}.chat-bubble{max-width:95%;font-size:12px}}
.brand-logo{display:block;width:180px;height:62px;object-fit:contain;object-position:left center}.nav .brand{min-width:180px}.footer-grid .brand-logo{width:180px;height:62px}.footer-brand{width:max-content}@media(max-width:600px){.brand-logo{width:154px;height:54px}.nav .brand{min-width:154px}.footer-grid .brand-logo{width:170px;height:58px}}
.text-path-link{display:block;margin:15px 0 0;padding:0;border:0;background:none;color:var(--ink);font:700 12px var(--sans);text-decoration:underline;text-underline-offset:4px;cursor:pointer}.problem{background:#171817;color:white}.problem-heading{display:grid;grid-template-columns:1.1fr .9fr;gap:90px;align-items:end}.problem-heading p{color:#aeb0ab;font-size:18px;margin:0 0 24px}.pain-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;margin-top:55px;background:rgba(255,255,255,.13);border:1px solid rgba(255,255,255,.13)}.pain-grid article{background:#1d1f1d;padding:30px 25px;min-height:275px}.pain-grid article>span{color:#ff9d72;font-size:11px}.pain-grid h3{font:700 18px/1.3 var(--serif);margin:42px 0 12px}.pain-grid p{color:#969a94;font-size:13px;margin:0}.opportunity-band{display:grid;grid-template-columns:1fr 1.15fr;gap:70px;margin-top:26px;padding:46px;border-radius:20px;background:var(--olive)}.opportunity-copy>span{color:#ff9d72;text-transform:uppercase;letter-spacing:.13em;font-size:10px;font-weight:700}.opportunity-copy h3{font:700 27px/1.25 var(--serif);letter-spacing:-.035em;margin:13px 0}.opportunity-copy p{color:#b8c0b8;font-size:14px;margin:0}.research-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;align-content:center}.research-stats div{border-left:1px solid rgba(255,255,255,.17);padding-left:18px}.research-stats strong,.research-stats span{display:block}.research-stats strong{font:800 35px var(--serif);color:#ff9d72}.research-stats span{font-size:11px;color:#d2d7d1;line-height:1.45}.research-stats small{grid-column:1/-1;color:#7f8980;font-size:9px}.paths{background:#f5f2eb}.path-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;max-width:980px;margin-top:50px}.solution-path{border:1px solid var(--line);border-radius:22px;padding:38px;background:white}.solution-path.new-path{background:#eee9df}.path-top{display:flex;align-items:center;justify-content:space-between}.path-icon{display:grid;place-items:center;width:45px;height:45px;border-radius:12px;background:#fff0e8;color:var(--accent);font-size:20px}.path-tag{text-transform:uppercase;letter-spacing:.12em;font-size:9px;font-weight:700;color:var(--muted)}.solution-path h3{font:700 27px var(--serif);letter-spacing:-.04em;margin:28px 0 10px}.solution-path>p{color:var(--muted);font-size:14px;min-height:70px}.solution-path ul{list-style:none;padding:20px 0;margin:22px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.solution-path li{padding:6px 0;font-size:13px}.solution-path li:before{content:"✓";color:var(--accent);font-weight:800;margin-right:9px}.form-progress{grid-template-columns:repeat(4,1fr)}.form-path-options{display:grid;grid-template-columns:1fr 1fr;gap:12px}.form-path-option{display:flex!important;flex-direction:column;align-items:flex-start;border:1px solid #d8d4cb;border-radius:12px;padding:18px!important;margin:0!important;cursor:pointer}.form-path-option.selected{border-color:var(--accent);box-shadow:0 0 0 2px rgba(237,106,50,.14);background:#fffaf7}.form-path-option input{position:absolute;opacity:0}.form-path-option .mini-icon{display:grid;place-items:center;width:32px;height:32px;border-radius:8px;background:#fff0e8;color:var(--accent);margin-bottom:16px}.form-path-option strong,.form-path-option small{display:block}.form-path-option strong{font-size:13px}.form-path-option small{font-weight:400;color:var(--muted);font-size:11px;margin-top:4px}.generator-form input[type=tel],.generator-form select,.generator-form textarea{width:100%;padding:16px;border:1px solid #d8d4cb;border-radius:9px;background:white;font:500 15px var(--sans);outline:0}.generator-form textarea{resize:vertical}.generator-form select:focus,.generator-form textarea:focus,.generator-form input[type=tel]:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgba(237,106,50,.12)}.source-hint{display:flex;gap:10px;margin-top:16px;padding:14px;border-radius:9px;background:#eaf2eb}.source-hint span{color:#2d8645;font-weight:800}.source-hint p{margin:0;color:#526056;font-size:11px}.asset-upload{display:flex!important;flex-direction:column;align-items:center;border:1px dashed #c9c3b7;border-radius:11px;padding:20px!important;text-align:center;cursor:pointer;background:#fff}.asset-upload:hover{border-color:var(--accent)}.upload-icon{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#fff0e8;color:var(--accent);font-size:19px;margin-bottom:8px}.asset-upload strong{font-size:12px}.asset-upload small{color:var(--muted);font-size:10px;font-weight:400}.optional{color:var(--muted);font-weight:400}
@media(max-width:900px){.problem-heading,.opportunity-band{grid-template-columns:1fr;gap:30px}.pain-grid{grid-template-columns:1fr 1fr}.path-grid{grid-template-columns:1fr}.solution-path>p{min-height:0}.research-stats{grid-template-columns:1fr 1fr 1fr}}
@media(max-width:600px){.problem-heading p{font-size:16px}.pain-grid{grid-template-columns:1fr}.pain-grid article{min-height:0}.pain-grid h3{margin-top:25px}.opportunity-band{padding:26px 20px}.research-stats{grid-template-columns:1fr}.research-stats small{grid-column:auto}.form-path-options{grid-template-columns:1fr}.solution-path{padding:27px 20px}}
.drw-icon{display:block;width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.path-icon .drw-icon,.feature-icon .drw-icon,.upload-icon .drw-icon{width:20px;height:20px}.pain-grid article{position:relative;overflow:hidden;isolation:isolate}.pain-grid article::before{content:attr(data-index);position:absolute;z-index:-1;top:-30px;right:-5px;font:800 128px/1 var(--serif);letter-spacing:-.09em;color:rgba(255,255,255,.045)}.pain-grid h3{position:relative;margin-top:90px}.references{background:#f5f2eb}.references-head{display:grid;grid-template-columns:1fr .8fr;gap:100px;align-items:end}.references-head>div:last-child{padding-bottom:25px}.references-head p{color:var(--muted);font-size:16px}.references-head small{color:#92938e}.reference-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:45px}.reference-card{border-radius:20px;overflow:hidden;background:white;border:1px solid var(--line);transition:transform .25s,box-shadow .25s}.reference-card:hover{transform:translateY(-6px);box-shadow:0 24px 60px rgba(36,31,22,.12)}.reference-image{position:relative;height:420px;overflow:hidden}.reference-image:after{content:"";position:absolute;inset:50% 0 0;background:linear-gradient(transparent,rgba(0,0,0,.45))}.reference-image img{width:100%;height:100%;object-fit:cover;transition:transform .5s}.reference-card:hover img{transform:scale(1.025)}.reference-image>span{position:absolute;z-index:2;top:18px;left:18px;padding:6px 10px;border-radius:20px;background:rgba(255,255,255,.9);font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.11em}.reference-meta{display:flex;align-items:center;justify-content:space-between;padding:25px 28px}.reference-meta small{color:var(--accent);text-transform:uppercase;letter-spacing:.12em;font-weight:700}.reference-meta h3{font:700 23px var(--serif);margin:4px 0}.reference-link{display:grid;place-items:center;width:46px;height:46px;border-radius:50%;background:#fff0e8;color:var(--accent)}.dark-reference{background:var(--olive);color:white}.dark-reference .reference-image img{filter:saturate(.55) contrast(1.08)}.dark-reference .reference-link{background:rgba(255,255,255,.09)}.trust-system{background:#171817;color:white}.trust-intro{color:#9fa39d}.trust-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;margin-top:55px;background:rgba(255,255,255,.13);border:1px solid rgba(255,255,255,.13)}.trust-grid article{position:relative;isolation:isolate;overflow:hidden;min-height:310px;padding:28px;background:#1d1f1d}.trust-grid article::before{content:attr(data-index);position:absolute;z-index:-1;right:-2px;bottom:-27px;font:800 122px/1 var(--serif);letter-spacing:-.08em;color:rgba(255,255,255,.04)}.trust-icon{display:grid;place-items:center;width:44px;height:44px;border-radius:12px;background:rgba(237,106,50,.12);color:#ff9d72}.trust-grid h3{font:700 18px/1.3 var(--serif);margin:70px 0 10px}.trust-grid p{color:#999e98;font-size:13px;margin:0}
@media(max-width:900px){.references-head{grid-template-columns:1fr;gap:20px}.reference-image{height:330px}.trust-grid{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.pain-grid h3{margin-top:65px}.pain-grid article::before{font-size:108px}.reference-grid{grid-template-columns:1fr}.reference-image{height:300px}.trust-grid{grid-template-columns:1fr}.trust-grid article{min-height:250px}.trust-grid h3{margin-top:48px}}
.pain-grid article::before,.trust-grid article::before{z-index:0;pointer-events:none}.pain-grid h3,.pain-grid p,.trust-grid .trust-icon,.trust-grid h3,.trust-grid p{position:relative;z-index:1}
.usp-section{background:#f5f2eb}.usp-head{display:grid;grid-template-columns:1.1fr .75fr;gap:90px;align-items:end}.usp-head p{color:var(--muted);font-size:17px;margin:0 0 24px}.usp-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:52px}.usp-grid article{position:relative;isolation:isolate;overflow:hidden;min-height:260px;padding:28px;border:1px solid var(--line);border-radius:18px;background:white}.usp-grid article::before{content:attr(data-index);position:absolute;z-index:0;right:-4px;bottom:-25px;font:800 112px/1 var(--serif);letter-spacing:-.09em;color:rgba(23,24,23,.035);pointer-events:none}.usp-icon{display:grid;place-items:center;width:44px;height:44px;border-radius:12px;background:#fff0e8;color:var(--accent)}.usp-grid h3,.usp-grid p,.usp-icon{position:relative;z-index:1}.usp-grid h3{font:700 19px/1.3 var(--serif);margin:42px 0 10px}.usp-grid p{color:var(--muted);font-size:13px;margin:0}.compliance-note{margin-top:18px;padding:18px 20px;border-left:3px solid var(--accent);background:#eee9df;color:var(--muted);font-size:12px}.compliance-note strong{color:var(--ink)}.addons-label{margin-top:28px;color:var(--muted);font-size:10px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.addon-stack{display:grid;grid-template-columns:1fr;gap:0;margin:10px 0 14px}.upsell{margin-bottom:0}.ai-upsell{position:relative;overflow:hidden;padding:24px 26px;border:1px solid rgba(237,106,50,.42);border-radius:16px;background:linear-gradient(135deg,#fff8f4 0%,#fff 100%);box-shadow:0 12px 30px rgba(87,49,29,.06)}.ai-upsell::after{content:"GEO";position:absolute;right:-4px;bottom:-22px;font:800 82px/1 var(--serif);letter-spacing:-.08em;color:rgba(237,106,50,.055);pointer-events:none}.ai-upsell span,.ai-upsell strong,.ai-upsell small,.upsell-benefits{position:relative;z-index:1}.ai-upsell span{font-size:11px;letter-spacing:.13em}.ai-upsell strong{margin-top:5px;font-size:26px;line-height:1.2}.ai-upsell small{max-width:520px;margin-top:10px;font-size:13px;line-height:1.55}.upsell-benefits{display:flex;flex-wrap:wrap;gap:7px;margin-top:16px}.upsell-benefits b{padding:6px 9px;border-radius:999px;background:#fff0e8;color:#9c4020;font-size:9px;line-height:1;font-weight:700}.ranking-note{margin:0 0 18px;color:var(--muted);font-size:9px;line-height:1.45}
@media(max-width:900px){.usp-head{grid-template-columns:1fr;gap:18px}.usp-grid{grid-template-columns:1fr 1fr}.addon-stack{grid-template-columns:1fr}}
@media(max-width:600px){.usp-grid{grid-template-columns:1fr}.usp-grid article{min-height:230px}.usp-grid h3{margin-top:34px}}
html,body{overflow-x:clip}
.motion-ready .motion-reveal{opacity:0;will-change:transform,opacity;transition-property:opacity,transform;transition-duration:.78s;transition-delay:var(--reveal-delay,0ms);transition-timing-function:cubic-bezier(.22,1,.36,1)}
.motion-ready .motion-reveal.reveal-up{transform:translate3d(0,34px,0)}
.motion-ready .motion-reveal.reveal-card{transform:translate3d(0,42px,0) rotate(.35deg)}
.motion-ready .motion-reveal.reveal-row{transform:translate3d(22px,0,0)}
.motion-ready .motion-reveal.reveal-scale{transform:translate3d(0,28px,0) scale(.975)}
.motion-ready .motion-reveal.is-visible{opacity:1;transform:translate3d(0,0,0) rotate(0) scale(1)}
.motion-parallax{transform:translate3d(0,var(--parallax-y,0),0) scale(1.055);will-change:transform;transition:transform .12s linear}
.scroll-progress{position:fixed;z-index:100;top:0;left:0;width:100%;height:3px;background:var(--accent);transform:scaleX(0);transform-origin:left center;pointer-events:none;will-change:transform}
@media(hover:hover){.motion-ready .reference-card.is-visible:hover{transform:translateY(-6px)}.motion-ready .button{transition:transform .25s cubic-bezier(.22,1,.36,1),background .2s,box-shadow .25s}.motion-ready .button:hover{box-shadow:0 12px 28px rgba(23,24,23,.13)}}
@media(max-width:600px){.motion-ready .motion-reveal{transition-duration:.62s}.motion-ready .motion-reveal.reveal-up,.motion-ready .motion-reveal.reveal-card,.motion-ready .motion-reveal.reveal-scale{transform:translate3d(0,24px,0)}.motion-ready .motion-reveal.reveal-row{transform:translate3d(14px,0,0)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.motion-reveal{opacity:1!important;transform:none!important;transition:none!important}.motion-parallax{transform:none!important;transition:none!important}.scroll-progress{display:none}.button,.reference-card,.reference-image img{transition:none!important}}
.team-section{background:#eee9df}.team-head{display:grid;grid-template-columns:1.15fr .68fr;gap:90px;align-items:end}.team-intro{padding-bottom:24px}.team-intro p{margin:0 0 18px;color:var(--muted);font-size:17px}.team-intro span{display:inline-flex;padding:7px 11px;border-radius:999px;background:white;color:var(--ink);font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.team-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:52px}.team-card{min-width:0}.team-photo{position:relative;overflow:hidden;aspect-ratio:4/5;border-radius:18px;background:#d8d0c3}.team-photo img{width:100%;height:100%;object-fit:cover;transition:transform .55s cubic-bezier(.22,1,.36,1)}.team-photo>span{position:absolute;top:14px;left:14px;padding:5px 8px;border-radius:999px;background:rgba(255,255,255,.82);backdrop-filter:blur(8px);color:#5b5c57;font-size:8px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.team-meta{padding:20px 3px 0}.team-meta small{color:var(--accent);font-size:9px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.team-meta h3{margin:5px 0 2px;font:700 22px var(--serif);letter-spacing:-.035em}.team-meta p{margin:0;color:var(--muted);font-size:13px}.name-note{display:inline-block;margin-left:4px;color:#999;font:500 8px var(--sans);letter-spacing:.04em;text-transform:uppercase}.team-proof{display:flex;align-items:center;gap:15px;margin-top:45px;padding:20px 22px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.team-proof>span{display:grid;place-items:center;flex:0 0 42px;height:42px;border-radius:12px;background:#fff0e8;color:var(--accent)}.team-proof p{margin:0;color:var(--muted);font-size:13px}.team-proof strong{color:var(--ink)}
@media(hover:hover){.team-card:hover .team-photo img{transform:scale(1.035)}}
@media(max-width:900px){.team-head{grid-template-columns:1fr;gap:18px}.team-grid{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.team-grid{grid-template-columns:1fr;gap:34px}.team-photo{aspect-ratio:5/4}.team-meta{padding-top:14px}.team-proof{align-items:flex-start;padding:18px 0}}
.switch-showcase{overflow:hidden;background:#171817;color:white}.switch-head{display:grid;grid-template-columns:1.08fr .72fr;gap:100px;align-items:end}.switch-head>div:last-child{padding-bottom:24px}.switch-head p{margin:0 0 18px;color:#aeb3ad;font-size:17px}.demo-disclaimer{display:inline-flex;padding:7px 11px;border:1px solid rgba(255,255,255,.17);border-radius:999px;color:#d7dad5;font-size:9px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.switch-carousel{position:relative;margin-top:52px;padding:0 72px}.switch-viewport{--split:50%;position:relative;overflow:hidden;aspect-ratio:16/9;border:1px solid rgba(255,255,255,.24);border-radius:22px;background:#ddd;box-shadow:0 35px 90px rgba(0,0,0,.35)}.switch-side{position:absolute;inset:0}.switch-before{z-index:2;clip-path:inset(0 calc(100% - var(--split)) 0 0)}.mock-page{position:absolute;inset:0;overflow:hidden}.mock-page-new{background:var(--project-deep);color:white}.mock-nav{display:flex;align-items:center;justify-content:space-between;height:10%;padding:0 4%;background:#f7f3eb;color:#1d1e1c;font-size:10px}.mock-nav strong{font:800 18px var(--serif);letter-spacing:-.04em}.mock-nav span{color:#696b66}.mock-nav b{color:var(--project-accent);font-size:8px;letter-spacing:.15em}.mock-new-hero{position:relative;height:72%;overflow:hidden}.mock-new-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(10,13,11,.88),rgba(10,13,11,.1) 68%)}.mock-new-hero img{width:100%;height:100%;object-fit:cover;filter:saturate(.72) contrast(1.06)}.mock-new-copy{position:absolute;z-index:1;left:7%;top:17%;display:flex;flex-direction:column;align-items:flex-start}.mock-new-copy small{color:#ffb290;font-size:10px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.mock-new-copy strong{margin:15px 0 24px;font:700 clamp(25px,4vw,58px)/.98 var(--serif);letter-spacing:-.055em}.mock-new-copy span{padding:10px 15px;border-radius:7px;background:var(--project-accent);font-size:10px;font-weight:800}.mock-new-bottom{display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;height:18%;padding:0 5%;background:var(--project-deep);color:#bec4bd;font-size:9px}.mock-new-bottom span{padding-left:12px;border-left:1px solid rgba(255,255,255,.15)}.mock-new-bottom strong{color:white}.mock-page-old{padding:4%;background:#e8e2d7;color:#4c4d49;font-family:Arial,sans-serif}.old-top{display:flex;justify-content:space-between;padding:13px 15px;background:#7a1717;color:#fff;font-size:9px}.old-top b{font-family:"Times New Roman",serif;font-size:18px}.old-welcome{padding:8% 7% 5%;text-align:center;background:#f3eadb}.old-welcome strong{font:700 clamp(19px,3vw,38px) "Times New Roman",serif;color:#721c18}.old-welcome p{max-width:480px;margin:15px auto;font-size:11px;line-height:1.5}.old-welcome button{padding:8px 14px;border:1px solid #7a1717;background:transparent;color:#7a1717;font-size:9px}.old-columns{display:grid;grid-template-columns:1fr 1.2fr 1fr;gap:3%;padding:5%;background:#d6c8b5}.old-columns>div{min-height:120px;background:#eee6d9;padding:14px}.old-columns span{display:block;height:6px;margin:9px 0;background:#b8aa97}.old-photo{background:linear-gradient(rgba(80,45,28,.25),rgba(80,45,28,.25)),url("assets/images/restaurant-owner-hero.jpg") center/cover!important}.old-footer{position:absolute;right:4%;bottom:2%;font-size:8px;color:#81786c}.switch-divider{position:absolute;z-index:4;top:0;bottom:0;left:var(--split);width:3px;background:white;transform:translateX(-50%);pointer-events:none}.switch-divider:after{content:"";position:absolute;top:50%;left:50%;width:58px;height:58px;border-radius:16px;background:var(--accent);box-shadow:0 8px 28px rgba(0,0,0,.3);transform:translate(-50%,-50%)}.switch-divider span{position:absolute;z-index:1;top:50%;color:white;font-size:28px;line-height:1;transform:translateY(-54%)}.switch-divider span:first-child{right:8px}.switch-divider span:last-child{left:8px}.switch-range{position:absolute;z-index:5;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:ew-resize}.switch-tag{position:absolute;z-index:4;top:24px;padding:8px 13px;border-radius:8px;background:rgba(23,24,23,.76);backdrop-filter:blur(10px);font-size:9px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;pointer-events:none}.before-tag{left:24px}.after-tag{right:24px;background:var(--project-accent)}.switch-arrow{position:absolute;z-index:6;top:43%;display:grid;place-items:center;width:48px;height:48px;border:0;border-radius:50%;background:white;color:var(--ink);font-size:23px;cursor:pointer;transition:transform .2s,background .2s}.switch-arrow:hover{transform:scale(1.07);background:#fff0e8}.switch-arrow.prev{left:0}.switch-arrow.next{right:0}.switch-caption{display:grid;grid-template-columns:1fr auto .8fr;gap:25px;align-items:center;padding:22px 4px 0}.switch-count{color:#ff9d72;font-size:9px;font-weight:800;letter-spacing:.15em}.switch-caption h3{margin:3px 0;font:700 23px var(--serif)}.switch-caption p,.switch-caption small{margin:0;color:#929790;font-size:11px}.switch-caption small{text-align:right}.switch-dots{display:flex;gap:7px}.switch-dots button{width:7px;height:7px;padding:0;border:0;border-radius:50%;background:#555a55;cursor:pointer}.switch-dots button.is-active{width:23px;border-radius:10px;background:var(--accent)}
@media(max-width:900px){.switch-head{grid-template-columns:1fr;gap:20px}.switch-carousel{padding:0 55px}.switch-caption{grid-template-columns:1fr auto}.switch-caption small{grid-column:1/-1;text-align:left}.mock-nav span,.mock-new-bottom span:last-child{display:none}.mock-new-bottom{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.switch-carousel{width:100%;padding:0;margin-top:36px}.switch-viewport{aspect-ratio:4/5;border-radius:15px}.switch-arrow{top:auto;bottom:-66px;width:42px;height:42px}.switch-arrow.prev{left:0}.switch-arrow.next{right:0}.switch-caption{display:block;padding:17px 54px 0;text-align:center}.switch-caption small{display:none}.switch-dots{justify-content:center;margin-top:12px}.switch-tag{top:12px;padding:6px 9px;font-size:8px}.before-tag{left:12px}.after-tag{right:12px}.switch-divider:after{width:48px;height:48px;border-radius:14px}.mock-nav{height:9%;padding:0 5%}.mock-nav strong{font-size:13px}.mock-nav b{font-size:7px}.mock-new-hero{height:75%}.mock-new-copy{left:8%;top:22%}.mock-new-copy strong{font-size:30px}.mock-new-bottom{height:16%;font-size:8px}.mock-page-old{padding:6%}.old-top{display:block}.old-top span{display:block;margin-top:8px;font-size:7px}.old-welcome{padding-top:15%}.old-columns{grid-template-columns:1fr;padding-top:7%}.old-columns>div:first-child,.old-columns>div:last-child{display:none}.old-columns>div{min-height:175px}.old-footer{bottom:4%}}
.switch-viewport,.switch-range{touch-action:none}
.old-button{display:inline-block;padding:8px 14px;border:1px solid #7a1717;background:transparent;color:#7a1717;font-size:9px}
@media(max-width:600px){
  .motion-ready .motion-reveal{transition-duration:.48s;transition-delay:0ms}
  .motion-ready .motion-reveal.is-visible{transform:translate3d(0,0,0) rotate(0) scale(1)}
  .container{width:calc(100% - 32px)}
  .section{padding:68px 0}
  .topbar{padding:8px 16px;font-size:10px;line-height:1.45;letter-spacing:.09em}
  .nav{height:72px}
  .brand-logo{width:142px;height:50px}
  .nav .brand{min-width:142px}
  h1{font-size:clamp(42px,11.5vw,46px);line-height:1.02;margin:20px 0}
  h2{font-size:clamp(36px,10.2vw,41px);line-height:1.06;margin:18px 0}
  .eyebrow,.section-label{font-size:10px;line-height:1.35;letter-spacing:.13em}
  .section-intro{font-size:16px;line-height:1.65}
  .button{min-height:52px;padding:14px 18px;border-radius:11px;font-size:14px}
  .hero{padding:38px 0 28px}
  .hero-grid{gap:38px}
  .hero-lead{font-size:16px;line-height:1.65}
  .quick-form{margin-top:26px}
  .url-field{grid-template-columns:24px 1fr;gap:0;padding:8px;border-radius:16px}
  .url-field>span{padding-left:7px}
  .url-field input{min-height:48px;padding:11px;font-size:16px}
  .url-field .button{margin-top:2px}
  .micro-trust{display:grid;grid-template-columns:repeat(3,max-content);justify-content:center;gap:8px;margin:14px 0 0;font-size:9.5px;line-height:1.35;white-space:nowrap}
  .text-path-link{display:flex;align-items:center;justify-content:center;min-height:44px;margin:12px auto 0;padding:8px 4px;font-size:11px;line-height:1.35;text-align:center}
  .hero-visual{height:430px;border-radius:20px}
  .time-card{left:12px;bottom:78px;padding:12px 15px}
  .time-card strong{font-size:17px}
  .status-card{right:12px;bottom:14px;max-width:calc(100% - 24px)}
  .hero-bottom{flex-direction:column;gap:8px;margin-top:34px;padding-top:20px;font-size:12px}
  .hero-bottom a{display:flex;align-items:center;min-height:44px}
  section[id]{scroll-margin-top:88px}
  .comparison-grid,.path-grid,.feature-grid,.reference-grid,.usp-grid,.team-grid{margin-top:36px}
  .comparison-grid{gap:14px}
  .compare-card,.solution-path,.feature-grid article,.reference-card,.usp-grid article,.price-card,.generator-form{border-radius:18px}
  .compare-card{padding:25px 21px}
  .compare-card h3{font-size:23px;margin-bottom:22px}
  .compare-card li{font-size:13px}
  .pain-grid{margin-top:36px}
  .pain-grid article{padding:24px 22px}
  .pain-grid h3{margin-top:54px;font-size:19px}
  .opportunity-band{margin-top:18px;padding:24px 20px;border-radius:18px}
  .research-stats{gap:15px}
  .research-stats div{padding:14px 0 0;border-top:1px solid rgba(255,255,255,.17);border-left:0}
  .research-stats strong{font-size:31px}
  .solution-path{padding:24px 20px}
  .solution-path h3{font-size:25px;margin:24px 0 10px}
  .solution-path ul{margin:19px 0;padding:17px 0}
  .solution-path li{font-size:12px;line-height:1.55}
  .process-grid,.generator-shell,.pricing-grid,.faq-grid{gap:38px}
  .steps{margin-top:30px}
  .step{grid-template-columns:42px 1fr;gap:14px;padding:18px 0}
  .step h3{font-size:17px}
  .step p{font-size:13px}
  .process-visual>img{height:430px;border-radius:18px}
  .email-card{left:12px;bottom:12px;width:calc(100% - 24px);padding:18px}
  .generator-heading p{font-size:15px;line-height:1.6}
  .generator-form{min-height:0;padding:24px 18px}
  .form-progress{margin-bottom:26px}
  .form-step-head h3{font-size:24px;margin-bottom:22px}
  .form-path-option{min-height:126px;padding:16px!important}
  .generator-form input[type=url],.generator-form input[type=text],.generator-form input[type=email],.generator-form input[type=tel],.generator-form select,.generator-form textarea{min-height:52px;font-size:16px}
  .generator-form .button{width:100%}
  .style-option{padding:7px!important}
  .style-swatch{height:78px}
  .source-hint{padding:12px}
  .feature-grid{gap:12px}
  .feature-grid article{padding:23px 21px}
  .feature-grid h3{margin:20px 0 7px}
  .chat-feature{margin-top:14px;padding:22px 18px;border-radius:18px}
  .chat-demo{padding:13px;border-radius:14px}
  .chat-bubble{padding:12px 13px;line-height:1.45}
  .reference-grid{gap:16px}
  .reference-image{height:270px}
  .reference-meta{padding:20px}
  .reference-meta h3{font-size:21px}
  .switch-head{gap:14px}
  .switch-head>div:last-child{padding-bottom:0}
  .switch-head p{font-size:15px;line-height:1.65}
  .demo-disclaimer{display:flex;width:max-content;max-width:100%;font-size:8px;line-height:1.35}
  .switch-carousel{width:calc(100% - 32px);margin:32px auto 0;padding:0}
  .switch-viewport{aspect-ratio:4/5;border-radius:18px}
  .switch-caption{display:block;min-height:174px;padding:18px 44px 68px;text-align:center}
  .switch-caption h3{font-size:22px}
  .switch-caption p{line-height:1.45}
  .switch-arrow{top:auto;bottom:8px;width:48px;height:48px;font-size:22px;box-shadow:0 9px 24px rgba(0,0,0,.22)}
  .switch-arrow.prev{left:0}
  .switch-arrow.next{right:0}
  .switch-dots{display:grid;grid-template-columns:repeat(10,1fr);gap:2px;align-items:center;justify-items:center;width:100%;margin-top:11px}
  .switch-dots button,.switch-dots button.is-active{position:relative;width:100%;height:28px;border-radius:0;background:transparent}
  .switch-dots button::after{content:"";position:absolute;top:50%;left:50%;width:7px;height:7px;border-radius:50%;background:#555a55;transform:translate(-50%,-50%)}
  .switch-dots button.is-active::after{width:19px;border-radius:10px;background:var(--accent)}
  .trust-grid{margin-top:36px}
  .trust-grid article{min-height:220px;padding:24px 22px}
  .trust-grid h3{margin-top:38px}
  .usp-grid{gap:12px}
  .usp-grid article{min-height:205px;padding:23px 21px}
  .usp-grid h3{margin-top:28px}
  .compliance-note{padding:16px;margin-top:14px}
  .pricing-copy>p{font-size:16px}
  .pricing-note{margin-top:26px;padding-top:20px}
  .price-card{padding:24px 20px}
  .price strong{font-size:50px}
  .monthly{padding:12px}
  .price-card li{padding:7px 0;font-size:12px;line-height:1.45}
  .ai-upsell{padding:20px 18px;border-radius:14px}
  .ai-upsell strong{font-size:23px}
  .ai-upsell small{font-size:12px}
  .upsell-benefits{gap:6px}
  .upsell-benefits b{font-size:8px}
  .contact-ways{margin-top:26px}
  .contact-ways article{padding:25px 4px}
  .contact-ways h3{margin:13px 0 5px}
  .team-intro{padding-bottom:0}
  .team-intro p{font-size:16px;line-height:1.65}
  .team-grid{gap:30px}
  .team-photo{aspect-ratio:4/3;border-radius:18px}
  .team-meta h3{font-size:21px}
  .team-proof{margin-top:34px}
  .accordion details{padding:12px 0}
  .accordion summary{align-items:center;min-height:48px;gap:16px;font-size:15px;line-height:1.35}
  .accordion p{padding-right:18px;font-size:13px}
  .final-cta{padding:72px 0}
  .final-cta .button{width:100%}
  .light-trust{grid-template-columns:repeat(3,max-content);justify-content:center}
  footer{padding:30px 0}
  .footer-grid{gap:16px}
  .footer-grid .brand-logo{width:156px;height:54px}
  .footer-grid>div{display:flex;justify-content:center;gap:8px}
  .footer-grid>div a{display:flex;align-items:center;min-height:44px;margin:0;padding:8px}
}
.research-stats-single{max-width:none}
.research-stats-single>div{display:grid;grid-template-columns:190px minmax(0,1fr);align-items:center}
.research-conclusion{max-width:760px;margin:20px 0 14px;padding:18px 20px;border-left:3px solid #ff8b5a;border-radius:0 12px 12px 0;background:rgba(255,255,255,.055);color:#c5cbc4;font-size:13px;line-height:1.6}
.research-conclusion strong{display:block;margin-bottom:2px;color:#fff;font-size:13px}
.mechanism-head h2{font-size:clamp(43px,4.4vw,64px)}
.mechanism-intro h3{color:#1d211d}
.mechanism-truth{background:linear-gradient(130deg,#243229 0%,#182019 72%,#ed6a32 180%)}
.compare-time{display:flex;flex-direction:column;gap:2px}
.compare-time strong{font:800 31px/1.1 var(--serif);letter-spacing:-.045em}
.compare-time small{max-width:280px;line-height:1.45}
.comparison-action{position:relative;overflow:hidden;border-color:rgba(237,106,50,.22);background:linear-gradient(125deg,#fff 0%,#fff7f1 68%,#ffd8c5 150%);box-shadow:0 24px 60px rgba(59,36,24,.08)}
.comparison-action::after{content:"";position:absolute;right:-70px;bottom:-100px;width:210px;height:210px;border-radius:50%;background:radial-gradient(circle,rgba(237,106,50,.2),transparent 66%);pointer-events:none}
.comparison-action>*{position:relative;z-index:1}
.apple-message-demo{display:flex;min-height:360px;padding:0;border:1px solid rgba(255,255,255,.13);border-radius:24px;background:linear-gradient(180deg,#f7f7f8,#e9e9eb);color:#171817;box-shadow:0 28px 70px rgba(0,0,0,.25)}
.message-bar{display:flex;align-items:center;justify-content:center;gap:10px;min-height:66px;padding:10px 18px;border-bottom:1px solid #d6d6d9;background:rgba(250,250,251,.88);backdrop-filter:blur(12px)}
.message-bar>div{display:flex;flex-direction:column;line-height:1.2}.message-bar strong{font-size:12px}.message-bar small{color:#7d7d82;font-size:9px}
.message-avatar{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:linear-gradient(145deg,#222724,#ed6a32);color:#fff;font-size:13px;font-weight:900}
.message-avatar{flex:0 0 38px;width:38px;height:38px;overflow:hidden;border:1px solid rgba(23,24,23,.1);background:#fff;box-shadow:0 5px 14px rgba(26,24,21,.12)}
.message-avatar img{display:block;width:30px;height:30px;object-fit:contain}
.message-thread{display:flex;flex:1;flex-direction:column;justify-content:flex-end;gap:12px;padding:24px 20px 18px}
.message-row{display:flex;flex-direction:column;max-width:86%}.message-row.outgoing{align-self:flex-end;align-items:flex-end}.message-row.incoming{align-self:flex-start}
.apple-message-demo .chat-bubble{max-width:100%;padding:11px 14px;border-radius:18px;font-size:12px;line-height:1.45}
.apple-message-demo .chat-bubble.owner{border-bottom-right-radius:5px;background:#0b84ff;color:#fff}
.apple-message-demo .chat-bubble.assistant{display:flex;align-items:flex-start;gap:9px;border-bottom-left-radius:5px;background:#dedee2;color:#171817}
.read-status{margin:4px 7px 0;color:#85858b;font-size:8px}.read-status span{color:#0b84ff;font-weight:900}
.message-check{display:grid;place-items:center;flex:0 0 20px;width:20px;height:20px;border-radius:50%;background:#34c759;color:#fff!important;font-size:11px}
.typing-indicator{align-self:flex-start;display:flex;gap:4px;width:max-content;padding:10px 13px;border-radius:18px 18px 18px 5px;background:#dedee2}
.typing-indicator i{width:6px;height:6px;border-radius:50%;background:#85858b}
.message-composer{display:flex;align-items:center;justify-content:space-between;margin:0 14px 13px;padding:8px 8px 8px 13px;border:1px solid #c9c9cd;border-radius:999px;color:#929298;font-size:10px}
.message-composer i{display:grid;place-items:center;width:23px;height:23px;border-radius:50%;background:#0b84ff;color:#fff;font-size:13px;font-style:normal;font-weight:900}
.motion-ready .apple-message-demo .message-bar,.motion-ready .apple-message-demo .message-composer{opacity:0}
.motion-ready .apple-message-demo .message-row,.motion-ready .apple-message-demo .typing-indicator{opacity:0;transform:translateY(10px) scale(.96)}
.motion-ready .apple-message-demo.is-visible .message-bar{animation:messageFade .45s ease-out .05s both}
.motion-ready .apple-message-demo.is-visible .message-composer{animation:messageFade .4s ease-out 2.7s both}
@keyframes messageFade{from{opacity:0}to{opacity:1}}@keyframes messagePop{from{opacity:0;transform:translateY(12px) scale(.94)}to{opacity:1;transform:none}}@keyframes messageTyping{0%{opacity:0;transform:translateY(8px) scale(.94)}15%,78%{opacity:1;transform:none}100%{opacity:0;transform:translateY(3px) scale(.98)}}@keyframes typingDot{0%,100%{transform:translateY(0);opacity:.45}50%{transform:translateY(-4px);opacity:1}}
.price-card{overflow:visible}
.price-head{position:relative;align-items:flex-start;min-height:124px;padding-right:142px}
.price-corner{position:absolute;z-index:3;top:-12px;right:-8px;display:grid;justify-items:end;gap:0}
.price-corner .pricing-icon-3d{position:static!important;width:108px;height:108px;margin:-1px -5px 0 0;filter:drop-shadow(0 18px 22px rgba(64,39,25,.2));animation:iconFloat 5.6s ease-in-out infinite}
.price-card .cta-boost{position:relative;overflow:hidden;padding:22px;border:1px solid rgba(237,106,50,.18);border-radius:16px;background:linear-gradient(135deg,#fff6ef 0%,#fff 55%,#ffd2bd 145%)}
.price-card .cta-boost>*{position:relative;z-index:1}.price-card .cta-boost::after{content:"";position:absolute;right:-55px;bottom:-80px;width:180px;height:180px;border-radius:50%;background:rgba(237,106,50,.12)}
.final-cta{padding:90px 0;background-image:linear-gradient(95deg,rgba(10,11,10,.96),rgba(20,29,22,.86)),url("assets/images/visual-system/backgrounds/final-cta-night.webp")}
.final-cta-shell{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(440px,.92fr);gap:60px;align-items:center;overflow:hidden;padding:58px;border:1px solid rgba(255,255,255,.13);border-radius:28px;background:linear-gradient(125deg,rgba(255,255,255,.075),rgba(255,255,255,.025));box-shadow:0 34px 90px rgba(0,0,0,.28)}
.final-cta-shell::before{content:"";position:absolute;right:-160px;top:-210px;width:520px;height:520px;border-radius:50%;background:radial-gradient(circle,rgba(237,106,50,.32),rgba(237,106,50,.06) 45%,transparent 69%);pointer-events:none}
.final-cta-copy,.final-url-form{position:relative;z-index:1}.final-cta-copy h2{margin:17px 0;font-size:clamp(42px,4.2vw,60px)}.final-cta-copy>p{max-width:540px;margin:0;color:#b8bdb7;font-size:15px}
.final-proof-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:24px}.final-proof-row span{padding:7px 10px;border:1px solid rgba(255,255,255,.13);border-radius:999px;background:rgba(255,255,255,.055);color:#d8dbd6;font-size:9px;font-weight:750}
.final-url-form{width:100%;margin:0;padding:28px;border-radius:20px;background:linear-gradient(145deg,#fff,#fff7f1);box-shadow:0 28px 70px rgba(0,0,0,.22);text-align:left}
.final-form-title,.final-form-note{display:block}.final-form-title{color:#171817;font:800 22px/1.2 var(--serif)}.final-form-note{margin-top:5px;color:#73766f;font-size:11px}.final-url-form .url-field{display:grid;grid-template-columns:minmax(0,1fr);gap:9px;margin-top:20px;padding:9px}.final-url-form .url-field input{min-height:56px;text-align:center}.final-url-form .url-example-overlay{left:9px;right:9px;top:9px;height:56px;justify-content:center;text-align:center}.final-url-form .button{grid-column:1;width:100%;min-height:58px;background:linear-gradient(105deg,#ed6a32,#ff8753);box-shadow:0 14px 30px rgba(237,106,50,.24)}.final-url-form .cta-subline{margin:12px 0 0;color:#6f726c;text-align:center;font-size:9px}
@media(max-width:900px){
  .research-stats-single>div{grid-template-columns:150px 1fr}
  .final-cta-shell{grid-template-columns:1fr;gap:34px;padding:42px}
  .final-url-form{max-width:none}
}
@media(max-width:600px){
  .research-stats-single>div{grid-template-columns:1fr;gap:4px;padding:0}
  .research-conclusion{margin-top:15px;padding:15px 14px;font-size:11px}
  .mechanism-head h2{font-size:35px}
  .mechanism-intro h3{font-size:18px}
  .comparison-grid .compare-time strong{font-size:20px}
  .comparison-grid .compare-time small{font-size:9px}
  .chat-demo.apple-message-demo{display:flex!important;min-height:330px;margin-bottom:2px;padding:0!important;border-radius:18px}
  .chat-feature{grid-template-columns:1fr;gap:20px!important}
  .message-thread{padding:19px 13px 14px}.apple-message-demo .chat-bubble{font-size:11px}.message-row{max-width:91%}
  .price-head{min-height:105px;padding-right:105px}
  .price-corner{top:-8px;right:-4px}.price-corner .pricing-icon-3d{width:86px;height:86px;margin-right:-2px}
  .price-card .cta-boost{padding:18px 14px}
  .final-cta{padding:54px 0}
  .final-cta-shell{width:calc(100% - 28px);padding:28px 18px;border-radius:22px}
  .final-cta-copy h2{font-size:35px}.final-cta-copy>p{font-size:12px;line-height:1.55}
  .final-proof-row{display:grid;grid-template-columns:1fr;gap:5px}.final-proof-row span{border-radius:10px;text-align:center}
  .final-url-form{padding:18px 12px;border-radius:16px}.final-form-title{font-size:19px}.final-form-note{font-size:10px}
  .final-url-form .button{font-size:13px;white-space:normal}
}
@media(prefers-reduced-motion:reduce){.apple-message-demo *{animation:none!important}.motion-ready .apple-message-demo .message-bar,.motion-ready .apple-message-demo .message-composer,.motion-ready .apple-message-demo .message-row,.motion-ready .apple-message-demo .typing-indicator{opacity:1;transform:none}}
.problem{background-image:linear-gradient(90deg,rgba(18,19,18,.97),rgba(18,19,18,.89)),url("assets/images/visual-system/backgrounds/culinary-dark.webp");background-position:center;background-size:cover}
.generator{background-image:linear-gradient(90deg,rgba(34,43,35,.95),rgba(34,43,35,.82)),url("assets/images/visual-system/backgrounds/pipeline-dark.webp");background-position:center;background-size:cover}
.paths,.pricing,.team-section{background-image:linear-gradient(rgba(245,242,235,.9),rgba(245,242,235,.94)),url("assets/images/visual-system/backgrounds/architectural-warm.webp");background-position:center;background-size:cover}
.pricing{background-image:linear-gradient(rgba(233,229,220,.9),rgba(233,229,220,.95)),url("assets/images/visual-system/backgrounds/architectural-warm.webp")}
.team-section{background-image:linear-gradient(rgba(238,233,223,.91),rgba(238,233,223,.96)),url("assets/images/visual-system/backgrounds/architectural-warm.webp");background-position:right center}
.switch-showcase{background-image:linear-gradient(rgba(18,19,18,.9),rgba(18,19,18,.96)),url("assets/images/visual-system/backgrounds/culinary-dark.webp");background-position:center;background-size:cover}
.template-story{height:245vh;background:#101110;color:white;position:relative}
.template-sticky{position:sticky;top:74px;height:calc(100vh - 74px);overflow:hidden;display:flex;flex-direction:column;justify-content:center;padding:28px 0 24px;background-image:radial-gradient(circle at 84% 20%,rgba(237,106,50,.12),transparent 27%),linear-gradient(rgba(12,13,12,.91),rgba(12,13,12,.96)),url("assets/images/visual-system/backgrounds/pipeline-dark.webp");background-size:auto,auto,cover;background-position:center}
.template-head{display:grid;grid-template-columns:1fr .72fr;gap:90px;align-items:end;margin-bottom:20px}
.template-head h2{margin:10px 0 0;font-size:clamp(36px,3.8vw,52px)}
.template-head p{margin:0 0 10px;color:#aeb3ad;font-size:15px;line-height:1.65}
.template-rail{width:100%;overflow:visible}
.template-track{display:flex;gap:22px;width:max-content;padding-left:max(20px,calc((100vw - 1180px)/2));padding-right:50vw;will-change:transform;transform:translate3d(var(--template-shift,0),0,0)}
.template-shot{width:clamp(320px,29vw,410px);height:430px;overflow:hidden;border:1px solid rgba(255,255,255,.14);border-radius:22px;background:#202220;box-shadow:0 30px 75px rgba(0,0,0,.35);transform:rotate(var(--card-tilt,-.7deg));transition:transform .35s cubic-bezier(.22,1,.36,1),border-color .35s}
.template-shot:nth-child(even){--card-tilt:.7deg}
.template-browser{height:38px;display:flex;align-items:center;gap:6px;padding:0 14px;background:#ece8df;color:#555;font-size:8px;text-transform:uppercase;letter-spacing:.1em}
.template-browser i{width:7px;height:7px;border-radius:50%;background:#c9c3b8}.template-browser i:first-child{background:var(--accent)}.template-browser span{margin-left:auto}
.template-screen{position:relative;height:335px;overflow:hidden;background:#242722;color:white}
.template-screen>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:saturate(.65) contrast(1.1)}
.template-screen:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(12,13,12,.9),rgba(12,13,12,.12))}
.template-screen-copy{position:absolute;z-index:2;left:28px;right:28px;top:63px;display:flex;flex-direction:column;align-items:flex-start}
.template-screen-copy small{text-transform:uppercase;letter-spacing:.16em;font-size:8px;color:#ffad88;font-weight:800}
.template-screen-copy strong{margin:13px 0 22px;font:750 38px/.98 var(--serif);letter-spacing:-.055em}
.template-screen-copy b{padding:10px 13px;border-radius:7px;background:var(--accent);font-size:9px}
.template-screen-foot{position:absolute;z-index:2;left:0;right:0;bottom:0;display:grid;grid-template-columns:repeat(3,1fr);padding:15px 20px;background:rgba(14,15,14,.76);backdrop-filter:blur(10px);font-size:8px;color:#c6cac5}.template-screen-foot span+span{border-left:1px solid rgba(255,255,255,.18);padding-left:12px}
.template-shot>footer{height:57px;display:flex;align-items:center;justify-content:space-between;padding:0 20px;background:#1a1c1a}.template-shot>footer span{color:#949992;font-size:9px}.template-shot>footer strong{font-size:12px}
.template-botanical .template-screen:after{background:linear-gradient(90deg,rgba(31,47,34,.9),rgba(31,47,34,.1))}.template-botanical .template-screen-copy b{background:#829268}
.template-editorial .template-screen{background:#eee8dd;color:#181918}.template-editorial .template-screen:after{display:none}.template-editorial .template-screen-copy small{color:#9b4f30}.template-editorial .template-screen-copy b{background:#181918;color:white}.editorial-number{position:absolute;right:-18px;top:-54px;font:800 250px/1 var(--serif);letter-spacing:-.12em;color:rgba(237,106,50,.12)}.template-editorial .template-screen-foot{background:#ded4c5;color:#4d4e49}.template-editorial .template-screen-foot span+span{border-color:rgba(23,24,23,.15)}
.template-street .template-screen>img{filter:saturate(1.15) contrast(1.08)}.template-street .template-screen:after{background:linear-gradient(90deg,rgba(71,19,11,.9),rgba(71,19,11,.08))}.street-sticker{position:absolute;z-index:3;right:18px;top:18px;display:grid;place-items:center;width:68px;height:68px;border-radius:50%;background:#ffca3a;color:#1a1b1a;font:900 13px/1 var(--serif);text-align:center;transform:rotate(9deg)}
.template-cafe .template-screen:after{background:linear-gradient(90deg,rgba(77,49,34,.85),rgba(77,49,34,.04))}.template-cafe .template-screen-copy b{background:#d49a73}
.template-tradition .template-screen{background:#21352b}.template-tradition .template-screen:after{background:radial-gradient(circle at 70% 30%,rgba(229,199,143,.15),transparent 35%)}.tradition-seal{position:absolute;right:38px;top:40px;width:86px;height:86px;border:1px solid rgba(233,213,179,.45);border-radius:50%;display:grid;place-items:center;color:#e9d5b3;text-align:center;font:700 13px/1.15 var(--serif)}.template-tradition .template-screen-copy b{background:#b48148}
.template-progress{display:grid;grid-template-columns:auto 1fr auto;gap:16px;align-items:center;margin-top:14px;color:#777d76;font-size:9px;text-transform:uppercase;letter-spacing:.14em}.template-progress:before{content:""}.template-progress i{grid-column:2;height:2px;background:linear-gradient(90deg,var(--accent) var(--template-progress,0%),rgba(255,255,255,.12) var(--template-progress,0%));border-radius:4px}.template-progress b{font-weight:700;color:#a9aea8}
.usp-grid article{overflow:visible;background:rgba(255,255,255,.82);backdrop-filter:blur(8px);transition:transform .35s cubic-bezier(.22,1,.36,1),box-shadow .35s}
.usp-icon-3d{position:relative;z-index:2;width:94px;height:94px;object-fit:contain;margin:-54px 0 -3px auto;filter:drop-shadow(0 18px 20px rgba(35,25,18,.18));animation:iconFloat 5s ease-in-out infinite}
.usp-grid article:nth-child(2n) .usp-icon-3d{animation-delay:-1.3s}.usp-grid article:nth-child(3n) .usp-icon-3d{animation-delay:-2.6s}
.usp-grid h3{margin-top:34px}
@keyframes iconFloat{0%,100%{transform:translate3d(0,0,0) rotate(-1deg)}50%{transform:translate3d(0,-8px,0) rotate(1.5deg)}}
@media(hover:hover){.template-shot:hover{border-color:rgba(237,106,50,.55)}.usp-grid article:hover{transform:translateY(-7px);box-shadow:0 25px 55px rgba(48,37,28,.13)}}
.location-section{position:relative;overflow:hidden;background:#ece7de}
.location-section:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(236,231,222,.96),rgba(236,231,222,.78)),url("assets/images/visual-system/backgrounds/architectural-warm.webp") center/cover;pointer-events:none}
.location-shell{position:relative;display:grid;grid-template-columns:.75fr 1.25fr;gap:72px;align-items:center}
.location-copy{position:relative;padding:30px 0}.location-copy h2{font-size:clamp(42px,4.8vw,65px)}.location-copy>p{max-width:520px;color:var(--muted);font-size:16px}.location-copy address{margin:28px 0;font-style:normal;font-size:15px;line-height:1.65}.location-copy address strong{font:700 20px var(--serif)}
.location-icon-3d{position:absolute;right:-15px;top:-72px;width:150px;height:150px;object-fit:contain;filter:drop-shadow(0 24px 25px rgba(53,34,22,.18));animation:iconFloat 5.6s ease-in-out infinite}
.location-map{position:relative;min-height:560px;overflow:hidden;border-radius:26px;background:#d3d0c7;box-shadow:0 30px 75px rgba(47,39,30,.16)}.location-map iframe{width:100%;height:560px;border:0;filter:saturate(.4) sepia(.15) contrast(1.02)}
.map-label{position:absolute;left:22px;right:22px;bottom:22px;display:flex;align-items:center;justify-content:space-between;padding:15px 18px;border:1px solid rgba(255,255,255,.45);border-radius:13px;background:rgba(20,23,20,.87);backdrop-filter:blur(12px);color:white}.map-label span{color:#aeb4ad;font-size:10px}.map-label strong{font-size:12px}
@media(min-width:901px){.problem,.generator,.switch-showcase{background-attachment:fixed}}
@media(max-width:900px){.template-head,.location-shell{grid-template-columns:1fr;gap:28px}.location-icon-3d{right:0}.location-map{min-height:460px}.location-map iframe{height:460px}}
@media(max-width:600px){
  .problem,.generator,.paths,.pricing,.team-section,.switch-showcase{background-attachment:scroll;background-position:center}
  .template-story{height:auto}
  .template-sticky{position:relative;top:0;height:auto;min-height:0;padding:68px 0;background-position:center}
  .template-head{gap:16px;margin-bottom:28px}
  .template-head h2{font-size:39px}
  .template-head p{font-size:14px}
  .template-rail{overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding-bottom:12px}
  .template-rail::-webkit-scrollbar{display:none}
  .template-track{gap:14px;padding-left:16px;padding-right:16px;transform:none!important}
  .template-shot{width:310px;height:438px;flex:0 0 310px;border-radius:18px;scroll-snap-align:center;transform:none}
  .template-screen{height:336px}.template-screen-copy{left:22px;right:22px;top:51px}.template-screen-copy strong{font-size:32px}.template-shot>footer{height:64px}
  .template-progress{display:none}
  .usp-grid{padding-top:30px;gap:56px}
  .usp-grid article{overflow:visible}
  .usp-icon-3d{width:88px;height:88px;margin:-55px 0 -5px auto}
  .location-shell{gap:30px}.location-copy{padding:20px 0 0}.location-copy h2{font-size:39px}.location-copy>p{font-size:15px}.location-icon-3d{top:-54px;right:-4px;width:108px;height:108px}.location-map{min-height:390px;border-radius:20px}.location-map iframe{height:390px}.map-label{left:12px;right:12px;bottom:12px;display:block;padding:12px}.map-label span,.map-label strong{display:block}.map-label strong{margin-top:3px}
}
@media(prefers-reduced-motion:reduce){.template-story{height:auto}.template-sticky{position:relative;height:auto;min-height:780px}.template-rail{overflow-x:auto;scroll-snap-type:x mandatory}.template-track{transform:none!important}.template-shot{scroll-snap-align:center}.usp-icon-3d,.location-icon-3d{animation:none}}
.semantic-icon-3d{display:block;object-fit:contain;pointer-events:none;filter:drop-shadow(0 16px 18px rgba(35,25,18,.18));animation:iconFloat 5.4s ease-in-out infinite;will-change:transform}
.time-icon-3d{width:50px;height:50px;flex:0 0 50px;margin:-6px 0 -6px -5px}
.problem-icon-3d{position:absolute;z-index:2;top:18px;right:18px;width:86px;height:86px;filter:drop-shadow(0 18px 20px rgba(0,0,0,.32))}
.pain-grid article:nth-child(3) .problem-icon-3d{top:8px;right:8px;width:108px;height:108px}
.pain-grid article:nth-child(2n) .problem-icon-3d,.trust-grid article:nth-child(2n) .trust-icon-3d,.feature-grid article:nth-child(2n) .feature-icon-3d{animation-delay:-1.4s}
.pain-grid article:nth-child(3n) .problem-icon-3d,.trust-grid article:nth-child(3n) .trust-icon-3d,.feature-grid article:nth-child(3n) .feature-icon-3d{animation-delay:-2.8s}
.pain-grid h3{margin-top:92px}
.path-icon-3d{width:96px;height:96px;margin:-24px 0 -18px -13px}
.new-path .path-icon-3d{animation-delay:-1.9s}
.form-option-icon-3d{width:58px;height:58px;margin:-7px 0 9px -7px}
.form-path-option:nth-child(2) .form-option-icon-3d{animation-delay:-1.7s}
.upload-icon-3d{width:76px;height:76px;margin:-12px auto 2px}
.feature-grid{padding-top:30px}
.feature-grid article{position:relative;overflow:visible;transition:transform .35s cubic-bezier(.22,1,.36,1),box-shadow .35s}
.feature-icon-3d{width:88px;height:88px;margin:-65px 0 2px auto}
.feature-grid h3{margin-top:25px}
.trust-grid article{overflow:visible}
.trust-icon-3d{position:absolute;z-index:2;top:18px;right:18px;width:88px;height:88px;filter:drop-shadow(0 18px 20px rgba(0,0,0,.34))}
.trust-grid h3{margin-top:106px}
.price-card{position:relative;margin-top:42px}
.pricing-icon-3d{position:absolute;z-index:2;top:-68px;right:28px;width:126px;height:126px}
.price-head{padding-right:82px}
.contact-ways article{position:relative;min-height:220px;overflow:visible}
.contact-ways .aftercare-number{position:relative;z-index:1}
.aftercare-icon-3d{position:absolute;top:19px;right:25px;width:94px;height:94px;filter:drop-shadow(0 18px 20px rgba(0,0,0,.28))}
.contact-ways article:nth-child(2) .aftercare-icon-3d{animation-delay:-1.6s}.contact-ways article:nth-child(3) .aftercare-icon-3d{animation-delay:-3.2s}
.contact-ways h3{margin-top:73px}
.team-proof-icon-3d{flex:0 0 78px;width:78px;height:78px;margin:-22px 2px -22px -8px}
.reference-link{font-size:23px;line-height:1;font-weight:500}
@media(hover:hover){.feature-grid article:hover{transform:translateY(-7px);box-shadow:0 24px 55px rgba(48,37,28,.11)}}
@media(max-width:900px){.contact-ways article{min-height:190px}.contact-ways h3{margin-top:62px}}
@media(max-width:600px){
  .time-icon-3d{width:46px;height:46px;flex-basis:46px}
  .problem-icon-3d{top:15px;right:15px;width:78px;height:78px}.pain-grid article:nth-child(3) .problem-icon-3d{top:7px;right:7px;width:98px;height:98px}.pain-grid h3{margin-top:82px}
  .path-icon-3d{width:82px;height:82px;margin:-18px 0 -16px -8px}
  .feature-grid{padding-top:28px;gap:52px}.feature-icon-3d{width:82px;height:82px;margin:-59px 0 0 auto}
  .trust-icon-3d{width:80px;height:80px;top:15px;right:15px}.trust-grid h3{margin-top:92px}
  .pricing-icon-3d{width:104px;height:104px;top:-56px;right:16px}.price-head{padding-right:72px}
  .contact-ways article{min-height:185px;padding:25px 4px}.aftercare-icon-3d{width:82px;height:82px;right:4px}.contact-ways h3{margin-top:56px}
  .team-proof-icon-3d{flex-basis:66px;width:66px;height:66px;margin:-16px 0 -16px -4px}
}
@media(prefers-reduced-motion:reduce){.semantic-icon-3d{animation:none}}
.friction{background-image:linear-gradient(105deg,rgba(235,231,222,.95),rgba(235,231,222,.84)),url("assets/images/visual-system/backgrounds/workflow-warm.webp");background-position:center;background-size:cover}
.process{background-image:linear-gradient(90deg,rgba(245,242,235,.96),rgba(245,242,235,.82)),url("assets/images/visual-system/backgrounds/workflow-warm.webp");background-position:center;background-size:cover}
.deliverables{background-image:linear-gradient(110deg,rgba(245,242,235,.91),rgba(245,242,235,.78)),url("assets/images/visual-system/backgrounds/craftsmanship-light.webp");background-position:center;background-size:cover}
.references{background-image:linear-gradient(100deg,rgba(245,242,235,.92),rgba(245,242,235,.8)),url("assets/images/visual-system/backgrounds/portfolio-editorial.webp");background-position:center;background-size:cover}
.trust-system{background-image:linear-gradient(90deg,rgba(15,17,15,.94),rgba(15,17,15,.84)),url("assets/images/visual-system/backgrounds/trust-support-dark.webp");background-position:center;background-size:cover}
.usp-section{background-image:linear-gradient(100deg,rgba(245,242,235,.94),rgba(245,242,235,.82)),url("assets/images/visual-system/backgrounds/craftsmanship-light.webp");background-position:center;background-size:cover}
.pricing{background-image:linear-gradient(100deg,rgba(233,229,220,.92),rgba(233,229,220,.8)),url("assets/images/visual-system/backgrounds/pricing-ledger.webp");background-position:center;background-size:cover}
.aftercare{background-image:linear-gradient(90deg,rgba(31,42,34,.93),rgba(31,42,34,.84)),url("assets/images/visual-system/backgrounds/trust-support-dark.webp");background-position:center;background-size:cover}
.team-section{background-image:linear-gradient(100deg,rgba(238,233,223,.91),rgba(238,233,223,.79)),url("assets/images/visual-system/backgrounds/team-studio.webp");background-position:center;background-size:cover}
.faq{background-image:linear-gradient(100deg,rgba(245,242,235,.94),rgba(245,242,235,.82)),url("assets/images/visual-system/backgrounds/faq-conversation.webp");background-position:center;background-size:cover}
.final-cta{background-image:linear-gradient(90deg,rgba(10,11,10,.9),rgba(10,11,10,.78)),url("assets/images/visual-system/backgrounds/final-cta-night.webp");background-position:center;background-size:cover}
@media(min-width:901px){.friction,.trust-system,.aftercare,.final-cta{background-attachment:fixed}}
@media(max-width:600px){.friction,.process,.deliverables,.references,.trust-system,.usp-section,.pricing,.aftercare,.team-section,.faq,.final-cta{background-attachment:scroll;background-position:center}}
.hero-vsl{padding:54px 0 30px;background-image:linear-gradient(110deg,rgba(245,242,235,.97),rgba(245,242,235,.87)),url("assets/images/visual-system/backgrounds/craftsmanship-light.webp");background-position:center;background-size:cover}
.hero-vsl-head{max-width:1100px;text-align:center}
.hero-audience{padding:9px 14px;border:1px solid rgba(237,106,50,.18);border-radius:999px;background:rgba(255,255,255,.72);box-shadow:0 10px 30px rgba(47,38,29,.06)}
.hero-vsl-head h1{max-width:1100px;margin:18px auto 14px;font-size:clamp(48px,5.2vw,68px)}
.hero-vsl-head .hero-lead{max-width:970px;margin:0 auto;color:#555750;font-size:18px;line-height:1.65}
.hero-vsl-head .hero-lead strong{color:var(--ink)}
.hero-outcomes{display:flex;justify-content:center;flex-wrap:wrap;gap:9px;margin-top:20px}
.hero-outcomes span{padding:7px 11px;border-radius:999px;background:rgba(35,45,37,.07);color:#4e554f;font-size:11px;font-weight:700}
.hero-outcomes span:before{content:"✓";margin-right:6px;color:var(--accent)}
.hero-vsl-layout{display:grid;grid-template-columns:minmax(0,1.48fr) minmax(320px,.52fr);gap:24px;align-items:center;margin-top:40px}
.vsl-stage{position:relative;isolation:isolate;width:100%;aspect-ratio:16/9;min-height:0;overflow:hidden;border-radius:26px;background:#1a1b1a;box-shadow:0 28px 80px rgba(38,31,23,.18)}
.vsl-stage wistia-player{position:absolute;inset:0;width:100%;height:100%}
.vsl-stage>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}
.vsl-shade{position:absolute;z-index:1;inset:0;background:linear-gradient(90deg,rgba(12,13,12,.05),rgba(12,13,12,.24)),linear-gradient(0deg,rgba(10,11,10,.84),transparent 48%)}
.vsl-label{position:absolute;z-index:3;top:20px;left:20px;padding:8px 11px;border:1px solid rgba(255,255,255,.22);border-radius:999px;background:rgba(13,15,13,.58);backdrop-filter:blur(10px);color:white;font-size:9px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
.vsl-play{position:absolute;z-index:3;left:50%;top:48%;display:grid;place-items:center;width:88px;height:88px;padding:0;border:1px solid rgba(255,255,255,.48);border-radius:50%;background:var(--accent);box-shadow:0 20px 50px rgba(0,0,0,.3),0 0 0 12px rgba(255,255,255,.12);color:white;transform:translate(-50%,-50%);cursor:default}
.vsl-play span{margin-left:5px;font-size:28px}
.vsl-caption{position:absolute;z-index:3;left:24px;bottom:24px;max-width:430px;color:white}
.vsl-caption strong,.vsl-caption small{display:block}.vsl-caption strong{font:700 20px/1.3 var(--serif)}.vsl-caption small{margin-top:5px;color:#c7cbc5;font-size:10px}
.vsl-time-card{left:auto;right:20px;bottom:20px;padding:12px 15px;background:rgba(255,255,255,.92)}
.vsl-time-card strong{font-size:17px}.vsl-time-card small{max-width:120px;line-height:1.25}
.hero-conversion{display:flex;align-self:stretch;flex-direction:column;justify-content:center;padding:18px 24px;border:1px solid rgba(23,24,23,.1);border-radius:24px;background:rgba(255,255,255,.9);backdrop-filter:blur(12px);box-shadow:0 24px 70px rgba(38,31,23,.12)}
.hero-conversion h2{margin:8px 0 8px;font-size:27px;line-height:1.08}
.hero-conversion>p{margin:0;color:var(--muted);font-size:13px}
.hero-quick-form{margin-top:16px}
.hero-quick-form .url-field{display:grid;grid-template-columns:24px minmax(0,1fr);padding:7px;border-radius:13px;box-shadow:none}
.hero-quick-form .url-field>span{display:grid;place-items:center;padding-left:5px}
.hero-quick-form .url-field input{padding:13px 9px}
.hero-quick-form .url-field .button{grid-column:1/-1;width:100%;margin-top:4px;padding:14px 12px}
.hero-quick-form .micro-trust{display:grid;grid-template-columns:1fr 1fr;gap:5px 8px;margin-top:12px;font-size:9px}
.hero-quick-form .text-path-link{margin-top:13px;font-size:10px;text-align:left;line-height:1.45}
.hero-review-proof{display:flex;align-items:center;gap:12px;margin-top:19px;padding-top:18px;border-top:1px solid var(--line)}
.hero-review-proof .gastro-faces img{width:35px;height:35px;border-width:2px}.hero-review-proof .gastro-faces img+img{margin-left:-10px}
.hero-review-proof .gastro-rating span,.hero-review-proof .gastro-rating strong{display:block}.hero-review-proof .gastro-rating span{color:#e29a20;font-size:12px;letter-spacing:.08em;line-height:1}.hero-review-proof .gastro-rating strong{margin-top:4px;font-size:10px;line-height:1.2}
.gastro-identification{display:flex;align-items:center;gap:13px;margin-top:auto;padding-top:24px;border-top:1px solid var(--line)}
.gastro-faces{display:flex;flex:0 0 auto}.gastro-faces img{width:50px;height:50px;border:3px solid white;border-radius:50%;object-fit:cover;box-shadow:0 8px 20px rgba(30,24,18,.12)}.gastro-faces img+img{margin-left:-14px}
.gastro-identification p{margin:0;color:var(--muted);font-size:10px;line-height:1.45}.gastro-identification strong{color:var(--ink);font-size:11px}
.hero-vsl .hero-bottom{margin-top:30px}
@media(max-width:900px){.hero-vsl-layout{grid-template-columns:1fr}.hero-conversion{max-width:none}.vsl-stage{min-height:0}}
@media(max-width:600px){
  .hero-vsl{padding:36px 0 24px;background-position:center}
  .hero-audience{font-size:9px;letter-spacing:.08em;text-align:left}
  .hero-vsl-head h1{margin-top:17px;font-size:42px;line-height:1.02}
  .hero-vsl-head .hero-lead{font-size:15px;line-height:1.6}
  .hero-outcomes{gap:6px;margin-top:17px}.hero-outcomes span{font-size:9px;padding:6px 8px}
  .hero-vsl-layout{gap:14px;margin-top:28px}
  .vsl-stage{min-height:0;aspect-ratio:16/9;border-radius:20px}.vsl-stage>img{object-position:center}.vsl-label{top:13px;left:13px;padding:6px 8px;font-size:7px}
  .vsl-play{width:66px;height:66px;box-shadow:0 16px 35px rgba(0,0,0,.3),0 0 0 8px rgba(255,255,255,.12)}.vsl-play span{font-size:21px}
  .vsl-caption{left:15px;right:15px;bottom:14px;max-width:230px}.vsl-caption strong{font-size:14px}.vsl-caption small{font-size:8px}.vsl-time-card{display:none}
  .hero-conversion{padding:23px 18px;border-radius:19px}.hero-conversion h2{font-size:27px}.hero-conversion>p{font-size:12px}
  .hero-quick-form .micro-trust{grid-template-columns:1fr;gap:3px}
  .gastro-identification{margin-top:20px;padding-top:18px}.gastro-faces img{width:46px;height:46px}
  .hero-vsl .hero-bottom{display:flex;flex-direction:column;margin-top:23px;gap:10px}.hero-vsl .hero-bottom a{min-height:44px;display:flex;align-items:center}
}
.hero-offer-claim{margin:18px 0 4px;padding:13px 14px;border-left:3px solid var(--accent);border-radius:0 10px 10px 0;background:#fff4ee}
.hero-offer-claim strong,.hero-offer-claim span{display:block}.hero-offer-claim strong{font:700 14px/1.35 var(--serif)}.hero-offer-claim span{margin-top:2px;color:var(--muted);font-size:10px}
.mechanism{position:relative;overflow:hidden;background:#ece7de}
.mechanism:before{content:"";position:absolute;inset:0;background:linear-gradient(100deg,rgba(236,231,222,.94),rgba(236,231,222,.78)),url("assets/images/visual-system/backgrounds/pipeline-dark.webp") center/cover;opacity:.9}
.mechanism-head,.mechanism-shell{position:relative}
.mechanism-head{display:grid;grid-template-columns:1.08fr .72fr;gap:90px;align-items:end}
.mechanism-intro{padding-bottom:24px}.mechanism-intro h3{margin:0 0 10px;font:800 21px var(--serif)}.mechanism-intro p{margin:0;color:var(--muted);font-size:15px}
.mechanism-shell{display:grid;grid-template-columns:1.05fr .95fr;gap:55px;align-items:center;margin-top:50px}
.engine-visual{position:relative;min-height:590px;overflow:hidden;border:1px solid rgba(255,255,255,.14);border-radius:28px;background:radial-gradient(circle at 50% 50%,rgba(237,106,50,.18),transparent 24%),linear-gradient(145deg,#1c211d,#0e100f);box-shadow:0 35px 80px rgba(31,27,22,.22);color:white}
.engine-visual:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:42px 42px;mask-image:radial-gradient(circle,#000,transparent 78%)}
.engine-orbit{position:absolute;left:50%;top:50%;border:1px solid rgba(237,106,50,.28);border-radius:50%;transform:translate(-50%,-50%);animation:engineSpin 18s linear infinite}.orbit-one{width:330px;height:330px}.orbit-two{width:470px;height:470px;border-style:dashed;animation-direction:reverse;animation-duration:26s}
.engine-orbit:after{content:"";position:absolute;top:-5px;left:50%;width:10px;height:10px;border-radius:50%;background:var(--accent);box-shadow:0 0 24px var(--accent)}
.engine-core{position:absolute;z-index:2;left:50%;top:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;width:210px;height:210px;border:1px solid rgba(255,255,255,.16);border-radius:50%;background:rgba(25,29,26,.88);box-shadow:0 25px 55px rgba(0,0,0,.3),inset 0 0 50px rgba(237,106,50,.08);text-align:center;transform:translate(-50%,-50%)}
.engine-core span{color:#ff9d72;font-size:10px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.engine-core strong{margin:9px 0;font:800 24px/1.05 var(--serif)}.engine-core small{color:#8f9790;font-size:8px;letter-spacing:.08em;text-transform:uppercase}
.engine-node{position:absolute;z-index:3;width:150px;padding:13px 14px;border:1px solid rgba(255,255,255,.13);border-radius:14px;background:rgba(30,35,31,.9);backdrop-filter:blur(10px);box-shadow:0 16px 35px rgba(0,0,0,.22)}
.engine-node span{color:#ff9d72;font-size:8px;font-weight:800}.engine-node strong,.engine-node small{display:block}.engine-node strong{font:700 13px var(--serif)}.engine-node small{color:#899089;font-size:8px}.node-scan{left:28px;top:52px}.node-intent{right:28px;top:52px}.node-build{left:50%;bottom:44px;transform:translateX(-50%)}
.mechanism-steps{display:flex;flex-direction:column}.mechanism-steps article{display:grid;grid-template-columns:42px 1fr;gap:17px;padding:18px 0;border-top:1px solid rgba(23,24,23,.13)}.mechanism-steps article>span{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:#fff;color:var(--accent);font-size:9px;font-weight:800}.mechanism-steps h3{margin:0 0 5px;font:700 17px/1.25 var(--serif)}.mechanism-steps p{margin:0;color:var(--muted);font-size:12px}
.mechanism-truth{margin:14px 0 18px;padding:16px 18px;border-radius:13px;background:var(--olive);color:white}.mechanism-truth strong{font:700 15px var(--serif)}.mechanism-truth p{margin:4px 0 0;color:#b9c0ba;font-size:11px}
.mechanism-steps .button{align-self:flex-start}
@keyframes engineSpin{to{transform:translate(-50%,-50%) rotate(360deg)}}
body.analysis-open{overflow:hidden}
.analysis-overlay{position:fixed;z-index:1000;inset:0;display:grid;place-items:center;padding:24px}
.analysis-backdrop{position:absolute;inset:0;background:rgba(8,10,9,.76);backdrop-filter:blur(12px)}
.analysis-dialog{position:relative;z-index:1;width:min(760px,100%);max-height:calc(100vh - 48px);overflow:auto;padding:38px;border:1px solid rgba(255,255,255,.24);border-radius:26px;background:#f8f5ef;box-shadow:0 40px 120px rgba(0,0,0,.42)}
.analysis-close{position:absolute;z-index:4;right:18px;top:16px;display:grid;place-items:center;width:38px;height:38px;border:0;border-radius:50%;background:#e9e5dc;color:var(--ink);font-size:24px;cursor:pointer}
.analysis-view{display:none}.analysis-view.is-active{display:block;animation:analysisIn .35s cubic-bezier(.22,1,.36,1)}
.analysis-kicker{color:var(--accent);font-size:10px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}
.analysis-view.is-without-score .score-display,.analysis-view.is-without-score .score-scale-note{display:none}
.analysis-view h2{margin:12px 0 10px;font-size:clamp(32px,4.5vw,48px)}.analysis-view>p{color:var(--muted);font-size:15px}.analysis-url{margin:0 0 18px!important;color:var(--ink)!important;font-weight:700;word-break:break-all}
.agent-workspace{position:relative;height:220px;overflow:hidden;margin:24px 0 18px;border-radius:20px;background:radial-gradient(circle at 50% 40%,#26302a,#101310 68%);box-shadow:inset 0 0 45px rgba(0,0,0,.25)}
.agent-browser{position:absolute;left:50%;top:50%;width:310px;height:150px;padding:15px;border:1px solid rgba(255,255,255,.15);border-radius:14px;background:#1c211d;transform:translate(-50%,-50%)}.agent-browser>span{display:inline-block;width:7px;height:7px;margin-right:4px;border-radius:50%;background:#697069}.agent-browser>span:first-child{background:var(--accent)}.agent-browser i{display:block;height:8px;margin-top:13px;border-radius:8px;background:rgba(255,255,255,.08)}.agent-browser i:nth-of-type(2){width:78%}.agent-browser i:nth-of-type(3){width:58%}.agent-browser i:nth-of-type(4){width:86%}
.scan-line{position:absolute;z-index:2;left:10px;right:10px;top:30px;height:2px;background:linear-gradient(90deg,transparent,var(--accent),transparent);box-shadow:0 0 16px var(--accent);animation:scanPage 2.2s ease-in-out infinite alternate}
.agent-stream{position:absolute;height:1px;background:linear-gradient(90deg,transparent,rgba(237,106,50,.9),transparent);animation:streamPulse 1.8s ease-in-out infinite}.stream-one{left:5%;right:60%;top:38%}.stream-two{left:65%;right:5%;top:65%;animation-delay:-.8s}
.agent-chip{position:absolute;padding:7px 9px;border:1px solid rgba(255,255,255,.12);border-radius:8px;background:#262c27;color:#b9c0ba;font-size:8px}.chip-copy{left:20px;top:24px}.chip-design{right:20px;top:30px}.chip-data{right:31px;bottom:25px}
.analysis-progress{height:5px;overflow:hidden;border-radius:10px;background:#ddd9d0}.analysis-progress i{display:block;width:var(--analysis-progress,8%);height:100%;border-radius:inherit;background:var(--accent);transition:width .8s cubic-bezier(.22,1,.36,1)}
.analysis-phases{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:16px}.analysis-phases>div{opacity:.38;padding:10px;border-radius:10px;background:#ebe7df;transition:.35s}.analysis-phases>div.is-active{opacity:1;background:#fff0e8}.analysis-phases>div.is-done{opacity:.7}.analysis-phases span{color:var(--accent);font-size:8px;font-weight:800}.analysis-phases p{margin:4px 0 0}.analysis-phases strong,.analysis-phases small{display:block}.analysis-phases strong{font-size:10px;line-height:1.3}.analysis-phases small{margin-top:3px;color:var(--muted);font-size:8px;line-height:1.35}.analysis-demo-note{display:block;margin-top:11px;color:#a09f99;font-size:8px;text-align:center}
.score-display{display:flex;align-items:center;gap:10px;margin:24px 0 8px}.score-display strong{font:800 78px/.9 var(--serif);letter-spacing:-.08em;color:var(--accent)}.score-display>span{font-size:13px;line-height:1.2}.score-display small{color:var(--muted);text-transform:uppercase;font-size:8px;letter-spacing:.12em}.score-good strong{color:#2e7843}
.analysis-view>.score-scale-note{margin:0 0 16px;color:#777a75;font-size:11px;font-weight:650;line-height:1.4}
.result-benefits{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:22px 0}.result-benefits span{padding:10px 12px;border-radius:10px;background:#ebe7df;font-size:11px;font-weight:700}.result-benefits span::first-letter{color:var(--accent)}
.honest-choice{margin:22px 0;padding:18px;border-radius:13px;background:#e9f2ea}.honest-choice strong,.honest-choice span{display:block}.honest-choice strong{font:700 15px/1.35 var(--serif)}.honest-choice span{margin-top:4px;color:#526056;font-size:10px}.analysis-secondary{margin-top:8px;background:#e9e5dc;color:var(--ink)}
.analysis-email-form{margin-top:22px}.analysis-email-form>label{display:block;margin:14px 0 6px;font-size:11px;font-weight:800}.analysis-email-form input[type=text],.analysis-email-form input[type=email]{width:100%;padding:15px;border:1px solid #d4d0c7;border-radius:10px;background:white;font:500 14px var(--sans);outline:0}.analysis-email-form input:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgba(237,106,50,.12)}.analysis-email-form>small{display:block;margin-top:6px;color:var(--muted);font-size:9px}.analysis-email-form .consent{margin-top:16px}.analysis-email-error{min-height:18px;margin:7px 0 0;color:#b33d27;font-size:10px}.analysis-email-form .button{margin-top:15px}
.analysis-success{text-align:center}.analysis-success .success-check{margin-top:8px}.analysis-success>p{max-width:520px;margin:0 auto 24px}.success-timeline{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin:22px 0}.success-timeline span{padding:10px 8px;border-radius:9px;background:#e7e3db;color:#8a8b86;font-size:9px}.success-timeline .done{background:#e2efe4;color:#357347}.success-timeline .active{background:#fff0e8;color:#a44727}
@keyframes analysisIn{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@keyframes scanPage{from{top:34px}to{top:132px}}@keyframes streamPulse{0%,100%{opacity:.25;transform:scaleX(.7)}50%{opacity:1;transform:scaleX(1)}}
@media(max-width:900px){.mechanism-head,.mechanism-shell{grid-template-columns:1fr;gap:28px}.mechanism-intro{padding-bottom:0}.engine-visual{min-height:560px}}
@media(max-width:600px){
  .mechanism-head{gap:16px}.mechanism-shell{margin-top:32px}.engine-visual{min-height:500px;border-radius:20px}.engine-core{width:160px;height:160px}.engine-core strong{font-size:19px}.orbit-one{width:250px;height:250px}.orbit-two{width:370px;height:370px}.engine-node{width:126px;padding:10px}.node-scan{left:12px;top:30px}.node-intent{right:12px;top:30px}.node-build{left:50%;bottom:30px;transform:translateX(-50%)}.mechanism-steps article{grid-template-columns:36px 1fr;gap:13px}.mechanism-steps h3{font-size:16px}
  .analysis-overlay{padding:10px}.analysis-dialog{max-height:calc(100vh - 20px);padding:27px 18px 22px;border-radius:20px}.analysis-close{right:10px;top:10px}.analysis-view h2{padding-right:28px;font-size:31px}.agent-workspace{height:190px}.agent-browser{width:260px;height:130px}.analysis-phases{grid-template-columns:1fr 1fr}.analysis-phases>div{padding:9px}.result-benefits{grid-template-columns:1fr}.score-display strong{font-size:66px}.analysis-view>.score-scale-note{margin-bottom:13px;font-size:11px}.success-timeline{grid-template-columns:1fr}
}
@media(prefers-reduced-motion:reduce){.engine-orbit,.scan-line,.agent-stream{animation:none}}
.url-requirement-note{margin:13px 0 0;color:var(--muted);font-size:10px;line-height:1.45;text-align:center}
.path-grid{grid-template-columns:1fr;max-width:760px}
.form-progress{grid-template-columns:repeat(3,1fr)}
.mobile-swipe-cue{display:none}
@media(max-width:600px){
  html{scroll-padding-top:82px}
  body{font-size:15px;line-height:1.55}
  .container{width:calc(100% - 28px)}
  .section{padding:64px 0}
  h1{font-size:clamp(38px,11.5vw,44px);line-height:1;letter-spacing:-.058em}
  h2{font-size:clamp(33px,9.8vw,39px);line-height:1.04;letter-spacing:-.055em}
  h3{overflow-wrap:anywhere}
  .topbar{padding:7px 14px;font-size:9px;line-height:1.4}
  .nav{height:66px}
  .brand-logo{width:138px;height:47px}
  .nav .brand{min-width:138px}
  .button{width:100%;min-height:50px;gap:10px;font-size:14px;line-height:1.25;text-align:center}
  .hero-vsl{padding:30px 0 22px}
  .hero-audience{max-width:100%;white-space:normal;text-align:center}
  .hero-vsl-head h1{font-size:clamp(38px,11.5vw,44px);line-height:1;margin:16px auto 14px}
  .hero-vsl-head h1 br{display:none}
  .hero-vsl-head .hero-lead{font-size:14px;line-height:1.58}
  .hero-outcomes{display:grid;grid-template-columns:1fr;justify-items:start;width:max-content;max-width:100%;margin:16px auto 0;text-align:left}
  .hero-outcomes span{font-size:9px}
  .hero-vsl-layout{margin-top:24px}
  .vsl-stage{min-height:244px;border-radius:18px}
  .vsl-caption{max-width:205px}
  .vsl-caption strong{font-size:13px;line-height:1.25}
  .hero-conversion{padding:22px 16px;border-radius:18px}
  .hero-conversion h2{font-size:25px;line-height:1.08}
  .hero-offer-claim{padding:12px;margin-top:15px}
  .url-field{padding:7px}
  .url-field input{font-size:16px}
  .micro-trust,.light-trust{grid-template-columns:1fr;justify-items:start;width:max-content;max-width:100%;margin-left:auto;margin-right:auto;white-space:normal}
  .gastro-identification{align-items:center;gap:10px}
  .gastro-identification p{font-size:9px}
  .hero-vsl .hero-bottom{margin-top:20px}
  .problem-heading,.usp-head,.team-head,.references-head,.switch-head{gap:14px}
  .problem-heading p,.usp-head p,.team-intro p,.references-head p,.switch-head p{font-size:14px;line-height:1.58}
  .opportunity-band{grid-template-columns:1fr;gap:22px}
  .research-stats{grid-template-columns:1fr}
  .research-stats small{grid-column:auto}
  .comparison-grid,.path-grid,.pricing-grid,.faq-grid{margin-top:30px}
  .compare-card,.solution-path,.generator-form,.price-card{box-shadow:none}
  .process-visual>img{height:400px}
  .email-card{position:relative;left:auto;bottom:auto;width:100%;margin-top:-76px;border-radius:14px}
  .generator-form{padding:22px 16px}
  .style-options{gap:8px}
  .style-option{display:grid!important;grid-template-columns:72px 1fr;align-items:center;gap:10px}
  .style-swatch{height:62px;margin:0}
  .mobile-swipe-cue{display:flex;align-items:center;gap:9px;width:max-content;max-width:calc(100% - 28px);margin:18px 14px -18px auto;padding:8px 11px 8px 13px;border:1px solid rgba(237,106,50,.24);border-radius:999px;background:rgba(255,255,255,.94);box-shadow:0 12px 28px rgba(34,29,23,.12);color:#3c3d39;font-size:9px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;opacity:0;transform:translate3d(110px,0,0) scale(.84);position:relative;z-index:6;pointer-events:none}
  .mobile-swipe-cue b{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:var(--accent);color:white;font-size:14px}
  .mobile-swipe-cue.is-visible{animation:mobileSwipeCueIn .82s cubic-bezier(.16,1,.3,1) .12s forwards}
  .mobile-swipe-cue.is-visible b{animation:mobileSwipeArrow .75s ease-in-out 1.05s 2}
  .mobile-swipe-cue.is-used{opacity:0!important;transform:translate3d(52px,0,0) scale(.92)!important;transition:opacity .25s,transform .25s}
  .mobile-swipe-deck{display:grid!important;grid-template-columns:none!important;grid-auto-flow:column;grid-auto-columns:clamp(254px,82vw,320px);align-items:stretch;gap:12px!important;width:100vw!important;max-width:none!important;margin-left:calc(50% - 50vw)!important;margin-right:0!important;padding:18px 14px 14px!important;overflow-x:auto;overflow-y:visible;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding-inline:14px;scrollbar-width:none;-webkit-overflow-scrolling:touch;background:transparent;border:0;touch-action:pan-x pan-y}
  .mobile-swipe-deck::-webkit-scrollbar{display:none}
  .mobile-swipe-deck>*{min-width:0;height:100%;scroll-snap-align:start;scroll-snap-stop:always}
  .mobile-swipe-deck.pain-grid,.mobile-swipe-deck.trust-grid{padding-top:26px!important}
  .mobile-swipe-deck.feature-grid,.mobile-swipe-deck.usp-grid{padding-top:52px!important}
  .mobile-swipe-deck.reference-grid,.mobile-swipe-deck.team-grid{padding-top:24px!important}
  .mobile-swipe-deck.pain-grid article,.mobile-swipe-deck.trust-grid article{border:1px solid rgba(255,255,255,.12);border-radius:18px}
  .mobile-swipe-deck.feature-grid article,.mobile-swipe-deck.usp-grid article{border-radius:18px;backdrop-filter:none}
  .mobile-swipe-deck.reference-grid .reference-image{height:250px}
  .mobile-swipe-deck.reference-grid .reference-meta{min-height:112px;padding:18px}
  .mobile-swipe-deck.team-grid .team-card{padding:9px 9px 18px;border:1px solid rgba(23,24,23,.1);border-radius:18px;background:rgba(255,255,255,.76)}
  .mobile-swipe-deck.team-grid .team-photo{aspect-ratio:4/5;border-radius:13px}
  .mobile-swipe-deck.team-grid .team-meta{padding:14px 7px 0}
  .semantic-icon-3d{animation:none;will-change:auto}
  .engine-visual{min-height:470px}
  .engine-node{width:118px;padding:9px}
  .engine-core{width:148px;height:148px}
  .engine-core strong{font-size:17px}
  .analysis-dialog{width:100%;padding:25px 16px 20px}
  .analysis-view h2{font-size:29px}
  .agent-browser{width:238px}
  .score-display{align-items:flex-end}
  .score-display strong{font-size:60px}
  .price{flex-wrap:wrap}
  .monthly span{margin-top:3px}
  .ai-upsell{padding:19px 16px}
  .ai-upsell strong{font-size:22px}
  .contact-ways article{padding:22px 4px}
  .team-proof{gap:10px}
  .location-card{overflow:hidden}
  .footer-grid>div{flex-wrap:wrap}
  .pricing,.aftercare,.team-section,.faq,.location-section,.final-cta{content-visibility:auto;contain-intrinsic-size:760px}
  .problem,.deliverables,.references,.trust-system,.usp-section,.team-section{overflow:hidden}
  .motion-ready .motion-reveal.reveal-row{transform:translate3d(0,18px,0)}
}
@media(max-width:360px){
  .container{width:calc(100% - 24px)}
  h1,.hero-vsl-head h1{font-size:36px}
  h2{font-size:31px}
  .topbar{font-size:8px}
  .brand-logo{width:128px}
  .nav .brand{min-width:128px}
  .mobile-swipe-deck{grid-auto-columns:82vw;padding-left:12px!important;padding-right:12px!important}
  .engine-node{width:106px;font-size:7px}
  .engine-core{width:132px;height:132px}
  .orbit-one{width:218px;height:218px}
  .orbit-two{width:318px;height:318px}
  .analysis-phases{grid-template-columns:1fr}
}
@keyframes mobileSwipeCueIn{0%{opacity:0;transform:translate3d(110px,0,0) rotate(3deg) scale(.84)}58%{opacity:1;transform:translate3d(-9px,0,0) rotate(-1.5deg) scale(1.04)}78%{transform:translate3d(4px,0,0) rotate(.5deg) scale(.99)}100%{opacity:1;transform:none}}
@keyframes mobileSwipeArrow{50%{transform:translateX(4px)}}
@media(prefers-reduced-motion:reduce){.mobile-swipe-cue{opacity:1;transform:none}.mobile-swipe-cue.is-visible,.mobile-swipe-cue.is-visible b{animation:none}}
.nav-shell{transform:translate3d(0,0,0);transition:transform .42s cubic-bezier(.22,1,.36,1),box-shadow .25s;will-change:transform}
.nav-shell.nav-hidden{transform:translate3d(0,-105%,0);box-shadow:none}
@media(prefers-reduced-motion:reduce){.nav-shell{transition:none}}
.gastro-social-proof{flex:0 0 auto}
.gastro-faces{display:flex;align-items:center;padding-left:2px}
.gastro-faces img{width:43px;height:43px;border:3px solid white;border-radius:50%;object-fit:cover;box-shadow:0 8px 20px rgba(30,24,18,.15)}
.gastro-faces img+img{margin-left:-12px}
.gastro-faces .avatar-left{object-position:28% center}
.gastro-faces .avatar-right{object-position:76% center}
.gastro-rating{display:flex;align-items:center;gap:7px;margin-top:7px;white-space:nowrap}
.gastro-rating span{color:#f4a128;font-size:11px;letter-spacing:.04em}
.gastro-rating strong{font-size:9px;color:var(--ink)}
.cta-subline{margin:10px 0 0;color:#6f716c;font-size:10px;font-weight:700;text-align:center}
.cta-subline.light{color:#c4c8c2}
.trust-badges{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:7px;margin-top:9px}
.trust-badges span{padding:6px 9px;border:1px solid rgba(23,24,23,.08);border-radius:999px;background:rgba(255,255,255,.7);color:#62645f;font-size:8px;font-weight:700;line-height:1.2}
.light-trust.trust-badges span{border-color:rgba(255,255,255,.12);background:rgba(255,255,255,.07);color:#d7dad5}
.trust-badges-centered{justify-content:center}
.tile-grid{gap:16px!important;background:transparent!important;border:0!important}
.tile-grid>article{position:relative;isolation:isolate;min-height:280px;padding:29px 27px!important;border:1px solid rgba(23,24,23,.12)!important;border-radius:20px!important;background:rgba(255,255,255,.94)!important;color:var(--ink)!important;box-shadow:0 18px 45px rgba(20,22,20,.08);overflow:visible!important}
.tile-grid>article::before{color:rgba(23,24,23,.035)!important}
.tile-grid h3{color:var(--ink)!important}
.tile-grid p{color:#686b65!important}
.tile-grid .problem-icon-3d,.tile-grid .trust-icon-3d{filter:drop-shadow(0 18px 20px rgba(35,25,18,.18))}
.button{position:relative;isolation:isolate;white-space:nowrap;overflow:visible;box-shadow:0 14px 30px rgba(35,27,21,.13)}
.button>span{display:none}
.cta-boost{display:flex;flex-direction:column;align-items:stretch;gap:10px;margin-top:20px;padding:18px;border:1px solid rgba(237,106,50,.2);border-radius:18px;background:linear-gradient(145deg,#fff8f3,#fff);box-shadow:0 18px 42px rgba(71,42,24,.09)}
.cta-boost>strong{font:800 16px/1.25 var(--serif);text-align:center}
.cta-boost>small{color:#71736e;font-size:9px;font-weight:700;text-align:center}
.cta-boost .cta-subline{margin-top:0}
.cta-boost-dark{margin-top:18px;border-color:rgba(255,255,255,.13);background:linear-gradient(145deg,rgba(255,255,255,.1),rgba(255,255,255,.04));box-shadow:none;color:white}
.cta-boost-dark small{color:#b8c0b8}
.cta-boost-final{max-width:680px;margin:30px auto 0;padding:22px;background:linear-gradient(145deg,rgba(255,255,255,.1),rgba(255,255,255,.04));border-color:rgba(255,255,255,.15);box-shadow:0 30px 70px rgba(0,0,0,.25)}
.cta-boost-final>strong{color:white;font-size:18px}
.template-track{transition:transform .14s linear}
.template-screen{cursor:ns-resize}
.template-screen::after{display:none!important}
.template-page{height:200%;transform:translate3d(0,0,0);transition:transform 1.45s cubic-bezier(.22,1,.36,1) .78s;will-change:transform}
.template-page-hero,.template-page-body{position:relative;height:50%;overflow:hidden}
.template-page-hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:saturate(.65) contrast(1.1)}
.template-page-hero::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(12,13,12,.9),rgba(12,13,12,.12))}
.template-botanical .template-page-hero::after{background:linear-gradient(90deg,rgba(31,47,34,.9),rgba(31,47,34,.1))}
.template-street .template-page-hero>img{filter:saturate(1.15) contrast(1.08)}
.template-street .template-page-hero::after{background:linear-gradient(90deg,rgba(71,19,11,.9),rgba(71,19,11,.08))}
.template-cafe .template-page-hero::after{background:linear-gradient(90deg,rgba(77,49,34,.85),rgba(77,49,34,.04))}
.template-editorial .template-page-hero::after{display:none}
.template-tradition .template-page-hero::after{background:radial-gradient(circle at 70% 30%,rgba(229,199,143,.15),transparent 35%)}
.template-page-body{display:flex;flex-direction:column;justify-content:space-between;padding:22px;background:#f1ede5;color:#1b1c1a}
.template-page-body small{color:var(--accent);font-size:8px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
.template-page-body strong{display:block;margin:8px 0;font:800 24px/1.05 var(--serif);letter-spacing:-.045em}
.template-page-body p{margin:0;color:#696b66;font-size:9px;line-height:1.5}
.template-page-tiles{display:grid;grid-template-columns:1.2fr .8fr;gap:8px;margin:15px 0}
.template-page-tiles i{display:block;min-height:72px;border-radius:8px;background:linear-gradient(135deg,rgba(237,106,50,.16),rgba(41,50,42,.12))}
.template-page-tiles i:last-child{background:linear-gradient(145deg,#252c26,#657166)}
.template-page-cta{display:flex;align-items:center;justify-content:space-between;padding:11px 12px;border-radius:8px;background:#202520;color:white;font-size:9px;font-weight:800}
.template-scroll-hint{position:absolute;z-index:7;right:12px;bottom:12px;display:flex;align-items:center;gap:6px;padding:6px 8px;border-radius:999px;background:rgba(255,255,255,.9);box-shadow:0 8px 22px rgba(0,0,0,.2);color:#343632;font-size:7px;font-weight:800;text-transform:uppercase;pointer-events:none;transition:opacity .25s,transform .25s}
.template-scroll-hint svg{flex:none;width:22px;height:10px;fill:none;stroke:var(--accent);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.template-before-layer{position:absolute;z-index:5;inset:0 auto 0 0;width:58%;overflow:hidden;background:#e7e2d8;border-right:1px solid rgba(255,255,255,.75);transition:width .78s cubic-bezier(.22,1,.36,1);will-change:width}
.template-old-site{width:calc(var(--template-card-width, 100%) / .58);min-width:430px;height:100%;padding:48px 18px 18px;background:linear-gradient(180deg,#d9d2c5 0 20%,#f4f0e8 20%);color:#4e4b47;font-family:Arial,sans-serif}
.old-site-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:4px 2px 16px;border-bottom:1px solid #b9b0a2}.old-site-bar b{font-size:11px}.old-site-bar small{font-size:6px;color:#77716a}
.old-site-content{padding:34px 12px}.old-site-content small{font-size:7px;text-transform:uppercase;letter-spacing:.12em}.old-site-content strong{display:block;max-width:275px;margin:12px 0 9px;font:700 22px/1.1 Georgia,serif}.old-site-content p{max-width:300px;margin:0 0 26px;font-size:8px;line-height:1.55;color:#77716a}.old-site-content i{display:block;width:78%;height:7px;margin:9px 0;background:#d1c9bd}.old-site-content i:nth-of-type(2){width:62%}.old-site-content i:nth-of-type(3){width:70%}
.template-compare-tag{position:absolute;z-index:8;left:12px;top:12px;padding:6px 9px;border-radius:999px;background:#1c1e1b;color:white;font-size:7px;font-weight:900;letter-spacing:.12em;text-transform:uppercase;pointer-events:none;transition:opacity .25s,transform .35s}
.template-after-tag{left:auto;right:12px;background:var(--accent)}
.template-compare-divider{position:absolute;z-index:7;left:58%;top:0;bottom:0;width:2px;background:white;box-shadow:0 0 22px rgba(0,0,0,.35);transition:left .78s cubic-bezier(.22,1,.36,1);will-change:left;pointer-events:none}.template-compare-divider i{position:absolute;left:50%;top:50%;width:28px;height:28px;border-radius:50%;background:#fff url("assets/images/visual-system/cta/arrow-3d.webp") center/18px auto no-repeat;box-shadow:0 7px 18px rgba(0,0,0,.2);transform:translate(-50%,-50%)}
.template-shot.is-preview-scrolled .template-page{transform:translate3d(0,-50%,0)}
.template-shot.is-preview-scrolled .template-before-layer{width:0}
.template-shot.is-preview-scrolled .template-compare-divider{left:0}
.template-shot.is-preview-scrolled .template-compare-tag{opacity:0;transform:translateY(-6px)}
.template-shot.is-preview-scrolled .template-scroll-hint{opacity:0;transform:translateY(8px)}
@media(hover:hover) and (pointer:fine){.template-shot:hover .template-page,.template-shot:focus-within .template-page{transform:translate3d(0,-50%,0)}.template-shot:hover .template-before-layer,.template-shot:focus-within .template-before-layer{width:0}.template-shot:hover .template-compare-divider,.template-shot:focus-within .template-compare-divider{left:0}.template-shot:hover .template-compare-tag,.template-shot:focus-within .template-compare-tag{opacity:0;transform:translateY(-6px)}.template-shot:hover .template-scroll-hint,.template-shot:focus-within .template-scroll-hint{opacity:0;transform:translateY(8px)}}
.button.hero-flow-button>.cta-mini-flow{position:relative;display:block;flex:0 0 50px;width:50px;height:24px;margin-left:2px;overflow:hidden}
.cta-mini-flow i{position:absolute;display:block}
.mini-arrow{left:0;top:7px;width:25px;height:10px;background:url("assets/images/visual-system/cta/arrow-3d.webp") center/contain no-repeat;opacity:0;animation:miniArrowFlow 3.8s cubic-bezier(.22,1,.36,1) infinite}
.mini-click{left:26px;top:9px;width:6px;height:6px;border:1px solid rgba(255,255,255,.9);border-radius:50%;opacity:0;animation:miniClickFlow 3.8s ease-out infinite}
.mini-loader{left:4px;right:4px;bottom:3px;height:3px;border-radius:9px;background:rgba(255,255,255,.28);overflow:hidden;opacity:0;animation:miniLoaderShow 3.8s linear infinite}.mini-loader::after{content:"";display:block;width:100%;height:100%;border-radius:inherit;background:white;transform-origin:left;animation:miniLoaderFill 3.8s ease-in-out infinite}
.mini-site{right:2px;top:3px;width:25px;height:18px;border:1.5px solid white;border-radius:3px;opacity:0;transform:translateY(5px) scale(.7);animation:miniSiteFlow 3.8s cubic-bezier(.22,1,.36,1) infinite}.mini-site::before{content:"";position:absolute;inset:0 0 auto;height:4px;border-bottom:1px solid white}.mini-site b{position:absolute;display:block!important;left:3px;right:3px;height:2px;border-radius:3px;background:white}.mini-site b:nth-child(1){top:7px}.mini-site b:nth-child(2){top:11px;right:9px}.mini-site b:nth-child(3){top:14px;right:13px}
@keyframes miniArrowFlow{0%,8%{opacity:0;transform:translateX(-12px)}18%,30%{opacity:1;transform:translateX(5px)}36%,100%{opacity:0;transform:translateX(8px)}}
@keyframes miniClickFlow{0%,24%{opacity:0;transform:scale(.4)}28%{opacity:1;transform:scale(1.8)}35%,100%{opacity:0;transform:scale(2.4)}}
@keyframes miniLoaderShow{0%,36%{opacity:0}40%,66%{opacity:1}72%,100%{opacity:0}}
@keyframes miniLoaderFill{0%,39%{transform:scaleX(0)}66%,100%{transform:scaleX(1)}}
@keyframes miniSiteFlow{0%,64%{opacity:0;transform:translateY(5px) scale(.7)}72%,92%{opacity:1;transform:none}100%{opacity:0;transform:translateY(-2px) scale(.96)}}
.switch-arrow{background:var(--ink)!important}
.switch-arrow img{width:27px;height:12px;object-fit:contain;filter:drop-shadow(0 3px 4px rgba(0,0,0,.2))}
.switch-arrow.prev img{transform:rotate(180deg)}
.switch-divider span{display:grid;place-items:center;width:22px;height:22px}.switch-divider span img{width:18px;height:7px;object-fit:contain}.switch-divider span:first-child img{transform:rotate(180deg)}
.mobile-swipe-cue b{font-size:0;background:var(--accent)!important}
.mobile-swipe-cue b::before{content:"";display:block;width:25px;height:25px;background:url("assets/images/visual-system/cta/arrow-3d.webp") center/contain no-repeat}
@media(max-width:600px){
  .gastro-identification{align-items:flex-start;flex-direction:column}
  .gastro-social-proof{display:flex;align-items:center;gap:11px}
  .gastro-rating{display:block;margin-top:0}.gastro-rating span,.gastro-rating strong{display:block}.gastro-rating strong{margin-top:2px}
  .gastro-identification p{font-size:10px}
  .trust-badges{display:grid;grid-template-columns:1fr;width:100%;gap:5px}.trust-badges span{text-align:center}
  .tile-grid>article{min-height:280px;padding:28px 23px!important}
  .mobile-swipe-deck.tile-grid{padding-top:55px!important}
  .mobile-swipe-deck.pain-grid.tile-grid,.mobile-swipe-deck.trust-grid.tile-grid{padding-top:36px!important}
  .button{min-height:52px;width:100%;gap:7px;padding:13px 12px;font-size:clamp(11px,3.35vw,14px);letter-spacing:-.01em}
  .cta-boost{padding:14px;border-radius:16px}
  .cta-boost-final{padding:17px 14px}
  .template-scroll-hint span{font-size:7px}
  .template-page{transition-duration:1.25s}
  .template-old-site{min-width:360px}
  .button.hero-flow-button>.cta-mini-flow{flex-basis:43px;width:43px;height:21px}.mini-arrow{width:21px}.mini-click{left:22px}.mini-site{width:22px;height:17px}
}
@media(prefers-reduced-motion:reduce){.template-page,.template-scroll-hint,.template-before-layer,.template-compare-divider{transition:none!important}.template-page,.template-before-layer,.template-compare-divider{will-change:auto}.cta-mini-flow i{animation:none!important}.mini-arrow{opacity:1;transform:none}.mini-click,.mini-loader,.mini-site{display:none!important}}
.template-story{height:auto;min-height:0;overflow:hidden}
.template-sticky{position:relative;top:auto;height:auto;min-height:850px;justify-content:flex-start;padding:82px 0 60px;overflow:hidden}
.template-head{position:relative;z-index:40;margin-bottom:28px}
.template-rail{position:relative;min-height:480px;overflow:visible}
.template-track{position:relative;display:block;width:min(1180px,100%);height:470px;margin:0 auto;padding:0;transform:none!important;transition:none}
.template-shot{--compare-position:52%;position:absolute;left:50%;top:6px;width:clamp(330px,29vw,410px);height:430px;margin:0;transform:translate3d(calc(-50% + var(--fan-x,0px)),var(--fan-y,120px),0) rotate(var(--fan-rotation,0deg)) scale(var(--fan-scale,.5));transform-origin:50% 100%;z-index:var(--fan-z,0);opacity:var(--fan-opacity,0);transition:transform .72s cubic-bezier(.2,.85,.25,1),opacity .48s ease,filter .48s ease,border-color .35s ease,box-shadow .35s ease;will-change:transform,opacity;cursor:pointer}
.template-shot:not(.is-fan-active){filter:saturate(.62) brightness(.68);box-shadow:0 22px 55px rgba(0,0,0,.42)}
.template-shot.is-fan-active{border-color:rgba(255,255,255,.52);box-shadow:0 34px 95px rgba(0,0,0,.58),0 0 0 1px rgba(237,106,50,.28);cursor:default}
.template-shot:not(.is-fan-active) .template-screen,.template-shot:not(.is-fan-active) .template-compare-range{pointer-events:none}
.template-shot .template-screen{cursor:ew-resize}
.template-page{height:100%;transition:none}
.template-page-hero{height:100%}
.template-page-body{display:none}
.template-before-layer{width:var(--compare-position)!important;transition:none!important}
.template-compare-divider{left:var(--compare-position)!important;transition:none!important}
.template-compare-divider i{display:flex;align-items:center;justify-content:center;gap:7px;width:48px;height:48px;background:linear-gradient(145deg,#fff,#e8e4dc);border:1px solid rgba(25,26,24,.12);box-shadow:0 10px 28px rgba(0,0,0,.28);color:#242522;font:800 18px/1 var(--serif)}
.template-compare-divider i b{display:block;transform:translateY(-1px)}
.template-compare-range{position:absolute;z-index:12;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:ew-resize;-webkit-appearance:none;appearance:none;background:transparent}
.template-compare-range::-webkit-slider-runnable-track{height:100%;background:transparent}
.template-compare-range::-webkit-slider-thumb{width:54px;height:100%;-webkit-appearance:none;appearance:none;background:transparent;cursor:ew-resize}
.template-compare-range::-moz-range-track{height:100%;background:transparent;border:0}
.template-compare-range::-moz-range-thumb{width:54px;height:100%;border:0;background:transparent;cursor:ew-resize}
.template-scroll-hint{right:50%;bottom:14px;transform:translateX(50%);padding:7px 11px;font-size:8px;white-space:nowrap;transition:opacity .25s ease}
.template-scroll-hint svg{width:24px;height:11px}
.template-shot.is-fan-active:focus-within{outline:2px solid rgba(255,255,255,.82);outline-offset:5px}
.template-shot.is-fan-active .template-compare-range:active~.template-scroll-hint,.template-shot.is-fan-active .template-compare-range:focus~.template-scroll-hint{opacity:0}
.template-fan-controls{position:relative;z-index:45;display:grid;grid-template-columns:58px minmax(170px,260px) 58px;justify-content:center;align-items:center;gap:22px;margin-top:-4px}
.template-fan-button{position:relative;display:grid;place-items:center;width:58px;height:58px;padding:0;border:1px solid rgba(255,255,255,.18);border-radius:50%;background:linear-gradient(145deg,rgba(255,255,255,.16),rgba(255,255,255,.06));box-shadow:0 15px 35px rgba(0,0,0,.28),inset 0 1px rgba(255,255,255,.18);cursor:pointer;transition:transform .25s ease,border-color .25s ease,background .25s ease}
.template-fan-button img{width:31px;height:31px;object-fit:contain;filter:brightness(0) invert(1)}
.template-fan-button.is-prev img{transform:rotate(180deg)}
.template-fan-button:hover{transform:translateY(-3px);border-color:rgba(237,106,50,.7);background:rgba(237,106,50,.18)}
.template-fan-button:focus-visible{outline:2px solid white;outline-offset:4px}
.template-fan-status{display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center}
.template-fan-status strong{font:800 15px/1 var(--serif);letter-spacing:.08em;color:white}
.template-fan-status span{font-size:8px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#8f958e}
.template-fan-dots{display:flex;align-items:center;justify-content:center;gap:7px}
.template-fan-dots button{width:7px;height:7px;padding:0;border:0;border-radius:999px;background:#555a55;cursor:pointer;transition:width .25s ease,background .25s ease}
.template-fan-dots button.is-active{width:24px;background:var(--accent)}
.template-progress{display:none}
.template-story .template-shot:hover,.template-story .template-shot:focus-within{border-color:rgba(255,255,255,.45)}
.template-story .template-shot:hover .template-page,.template-story .template-shot:focus-within .template-page{transform:none}
.template-story .template-shot:hover .template-before-layer,.template-story .template-shot:focus-within .template-before-layer{width:var(--compare-position)!important}
.template-story .template-shot:hover .template-compare-divider,.template-story .template-shot:focus-within .template-compare-divider{left:var(--compare-position)!important}
.template-story .template-shot:hover .template-compare-tag,.template-story .template-shot:focus-within .template-compare-tag{opacity:1;transform:none}
.template-story .template-shot:hover .template-scroll-hint,.template-story .template-shot:focus-within .template-scroll-hint{opacity:1;transform:translateX(50%)}
@media(max-width:900px){
  .template-sticky{min-height:810px;padding:70px 0 50px}
  .template-rail{min-height:455px}
  .template-track{height:445px}
}
@media(max-width:600px){
  .template-story{height:auto}
  .template-sticky{min-height:0;padding:60px 0 42px}
  .template-head{gap:14px;margin-bottom:20px;text-align:center}
  .template-head h2{font-size:36px;line-height:.98}
  .template-head p{max-width:340px;margin:0 auto;font-size:13px;line-height:1.55}
  .template-rail{min-height:430px;overflow:visible;padding:0}
  .template-track{display:block;width:100%;height:420px;padding:0;overflow:visible}
  .template-shot{top:4px;width:min(306px,calc(100vw - 62px));height:402px;flex:none;border-radius:19px;scroll-snap-align:none}
  .template-browser{height:34px}
  .template-screen{height:308px}
  .template-screen-copy{left:20px;right:20px;top:48px}
  .template-screen-copy strong{font-size:30px}
  .template-shot>footer{height:60px;padding:0 16px}
  .template-shot:not(.is-fan-active){filter:saturate(.48) brightness(.56)}
  .template-before-layer{border-right-width:2px}
  .template-old-site{min-width:330px;padding-top:42px}
  .template-compare-divider i{width:44px;height:44px;font-size:17px}
  .template-compare-tag{top:9px;padding:5px 8px;font-size:6px}
  .template-scroll-hint{bottom:11px;font-size:7px}
  .template-fan-controls{grid-template-columns:52px minmax(150px,1fr) 52px;gap:10px;margin-top:0;padding:0 18px}
  .template-fan-button{width:52px;height:52px}
  .template-fan-button img{width:27px;height:27px}
  .template-fan-status span{font-size:7px}
}
@media(prefers-reduced-motion:reduce){
  .template-sticky{min-height:820px}
  .template-shot{transition:none}
}
.problem .research-stats-single{
  grid-template-columns:minmax(250px,.64fr) minmax(0,1.36fr);
  gap:20px;
}
.problem .research-stats-single>.research-stat,
.problem .research-conclusion{
  min-width:0;
  overflow:hidden;
}
.problem .research-conclusion{
  padding:38px clamp(30px,3vw,48px);
}
.problem .research-conclusion>strong{
  width:100%;
  max-width:800px;
  white-space:normal!important;
  overflow-wrap:normal;
  word-break:normal;
  text-wrap:balance;
  font-size:clamp(34px,2.85vw,48px);
  line-height:1.04;
}
.problem .research-conclusion>p{
  width:100%;
  max-width:760px;
  text-wrap:pretty;
}
.problem .research-outcome{
  max-width:100%;
  white-space:normal;
  text-align:left;
}
@media(max-width:980px) and (min-width:761px){
  .problem .research-stats-single{grid-template-columns:minmax(220px,.7fr) minmax(0,1.3fr)}
  .problem .research-stats-single>.research-stat{padding:28px}
  .problem .research-conclusion{padding:32px 30px}
  .problem .research-conclusion>strong{font-size:36px}
}
@media(max-width:760px){
  .problem .opportunity-band{padding:12px}
  .problem .research-stats-single{grid-template-columns:minmax(0,1fr);gap:12px}
  .problem .research-stats-single>.research-stat{padding:23px 20px 25px}
  .problem .research-conclusion{padding:24px 20px 22px}
  .problem .research-conclusion>strong{
    width:100%;
    margin-bottom:12px!important;
    font-size:clamp(25px,8vw,31px)!important;
    line-height:1.08!important;
    text-wrap:balance;
  }
  .problem .research-conclusion>p{font-size:12px;line-height:1.58}
  .problem .research-outcome{display:block;padding:11px 12px;font-size:9px;text-align:left}
}
@media(max-width:380px){
  .problem .research-conclusion>strong{font-size:25px!important}
  .problem .research-stat-label,.problem .research-proof-label{letter-spacing:.1em}
}
@media(min-width:901px){
  .hero-conversion-intro h2{max-width:330px}
  .hero-conversion-intro p{max-width:340px}
  .hero-conversion .trust-badges{grid-template-columns:1fr;gap:4px}
}
@media(max-width:600px){
  .hero-vsl{text-align:center}
  .hero-vsl-head{display:flex;flex-direction:column;align-items:center}
  .hero-vsl-head h1 br{display:block}
  .hero-audience,.hero-outcomes{display:none}
  .hero-vsl-head h1{order:1;margin-top:0}
  .hero-vsl-head .hero-lead{order:2;max-width:340px;margin-inline:auto}
  .hero-vsl-layout{display:flex;flex-direction:column;gap:14px;margin-top:22px}
  .vsl-stage{order:1;width:100%;aspect-ratio:16/9;min-height:0;border-radius:16px}
  .vsl-label,.vsl-caption,.vsl-time-card{display:none}
  .vsl-play{top:50%;width:58px;height:58px}
  .hero-conversion{order:2;width:100%;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;backdrop-filter:none}
  .hero-conversion-intro,.hero-conversion .cta-subline,.hero-conversion .trust-badges,.hero-conversion .url-requirement-note{display:none}
  .hero-quick-form{width:100%;margin:0}
  .hero-quick-form .url-field{display:grid;grid-template-columns:1fr;gap:8px;padding:0;border:0;background:transparent;box-shadow:none}
  .hero-quick-form .url-field input{width:100%;min-height:54px;padding:14px 16px;border:1px solid rgba(23,24,23,.18);border-radius:12px;background:white;box-shadow:0 12px 30px rgba(36,31,22,.08);text-align:center}
  .hero-quick-form .url-field .button{grid-column:1;width:100%;margin:0}
  .hero-review-proof{justify-content:center;margin-top:14px;padding-top:14px}
  .hero-vsl .hero-bottom{display:none}
}
.map-consent{position:absolute;z-index:2;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:35px;background:linear-gradient(145deg,#e8e1d5,#f6f2eb);text-align:center;transition:opacity .35s,visibility .35s}.map-consent img{width:112px;height:112px}.map-consent strong{font:800 24px var(--serif)}.map-consent p{max-width:480px;margin:8px auto 20px;color:var(--muted);font-size:13px}.map-consent .button{width:auto}.location-map iframe{opacity:0;transition:opacity .4s}.location-map.map-is-loaded iframe{opacity:1}.location-map.map-is-loaded .map-consent{opacity:0;visibility:hidden;pointer-events:none}
@media(max-width:600px){.map-consent{padding:24px 18px}.map-consent img{width:88px;height:88px}.map-consent strong{font-size:21px}.map-consent .button{width:100%}}
.ai-upsell::after{content:"SICHTBAR";right:-4px;bottom:-12px;font-size:52px}
@media(min-width:901px){
  .hero-vsl-layout{grid-template-columns:minmax(0,1.18fr) minmax(430px,.82fr)}
  .hero-conversion{padding:18px 24px}
}
.button.hero-flow-button{justify-content:space-between;gap:12px;overflow:hidden;padding-inline:17px}
.button.hero-flow-button>.cta-mini-flow{position:relative;display:block;flex:0 0 96px;width:96px;height:28px;margin-left:4px;overflow:visible}
.button.hero-flow-button>.cta-mini-flow::before{content:"";position:absolute;left:13px;right:10px;top:50%;height:1px;background:rgba(255,255,255,.32);transform:translateY(-50%)}
.cta-mini-flow .mini-arrow,.cta-mini-flow .mini-loader,.cta-mini-flow .mini-site{z-index:2;background-color:var(--accent);box-shadow:0 0 0 4px var(--accent)}
.cta-mini-flow .mini-arrow{left:0;top:7px;width:27px;height:13px;filter:brightness(0) invert(1);opacity:.38;animation:ctaStepArrow 4.2s ease-in-out infinite}
.cta-mini-flow .mini-arrow{background-color:transparent;box-shadow:none}
.cta-mini-flow .mini-click{z-index:3;left:20px;top:5px;width:8px;height:8px;border:1.5px solid white;box-shadow:0 0 0 2px rgba(255,255,255,.12);animation:ctaStepClick 4.2s ease-out infinite}
.cta-mini-flow .mini-loader{left:37px;right:auto;top:11px;bottom:auto;width:25px;height:6px;border:1px solid rgba(255,255,255,.72);border-radius:999px;background:var(--accent);opacity:.38;animation:ctaStepLoader 4.2s ease-in-out infinite}
.cta-mini-flow .mini-loader::after{width:100%;height:100%;background:white;animation:ctaStepFill 4.2s ease-in-out infinite}
.cta-mini-flow .mini-site{right:0;top:4px;width:25px;height:20px;border:1.5px solid white;border-radius:4px;background:var(--accent);opacity:.38;transform:none;animation:ctaStepSite 4.2s ease-in-out infinite}
.cta-mini-flow .mini-site::before{height:5px;border-bottom:1px solid white}
.cta-mini-flow .mini-site b:nth-child(1){top:9px}.cta-mini-flow .mini-site b:nth-child(2){top:13px}.cta-mini-flow .mini-site b:nth-child(3){top:16px}
@keyframes ctaStepArrow{0%,5%,30%{opacity:1;transform:translateX(0) scale(1.04)}38%,100%{opacity:.28;transform:none}}
@keyframes ctaStepClick{0%,12%{opacity:0;transform:scale(.35)}19%{opacity:1;transform:scale(1.7)}28%,100%{opacity:0;transform:scale(2.3)}}
@keyframes ctaStepLoader{0%,28%{opacity:.28;transform:scale(.92)}38%,66%{opacity:1;transform:none}74%,100%{opacity:.28;transform:scale(.92)}}
@keyframes ctaStepFill{0%,34%{transform:scaleX(0)}62%,100%{transform:scaleX(1)}}
@keyframes ctaStepSite{0%,62%{opacity:.28;transform:scale(.9)}72%,94%{opacity:1;transform:scale(1.06)}100%{opacity:.28;transform:scale(.94)}}
@media(max-width:600px){
  .button.hero-flow-button{gap:4px;padding-inline:10px;font-size:clamp(10.5px,3.15vw,12.5px);letter-spacing:-.015em}
  .button.hero-flow-button>.cta-mini-flow{flex-basis:58px;width:58px;height:22px;margin-left:0}
  .button.hero-flow-button>.cta-mini-flow::before{left:8px;right:6px}
  .cta-mini-flow .mini-arrow{left:0;top:7px;width:17px;height:9px}
  .cta-mini-flow .mini-click{left:13px;top:5px;width:6px;height:6px}
  .cta-mini-flow .mini-loader{left:22px;top:9px;width:15px;height:5px}
  .cta-mini-flow .mini-site{right:0;top:3px;width:16px;height:16px}
  .cta-mini-flow .mini-site::before{height:4px}.cta-mini-flow .mini-site b{left:2px;right:2px;height:1px}.cta-mini-flow .mini-site b:nth-child(1){top:7px}.cta-mini-flow .mini-site b:nth-child(2){top:10px}.cta-mini-flow .mini-site b:nth-child(3){top:13px}
}
@media(prefers-reduced-motion:reduce){.cta-mini-flow .mini-arrow,.cta-mini-flow .mini-click,.cta-mini-flow .mini-loader,.cta-mini-flow .mini-loader::after,.cta-mini-flow .mini-site{animation:none!important}.cta-mini-flow .mini-arrow,.cta-mini-flow .mini-loader,.cta-mini-flow .mini-site{display:block!important;opacity:1;transform:none}.cta-mini-flow .mini-click{display:none!important}.cta-mini-flow .mini-loader::after{transform:scaleX(1)}}
#hero-url::placeholder,#restaurant-url::placeholder{color:#777a75;opacity:1;font-weight:500}
.hero-vsl-head h1{max-width:1080px;font-size:clamp(50px,5vw,66px);text-wrap:balance}
.hero-vsl-head .hero-lead{max-width:900px;text-wrap:balance}
@media(max-width:600px){
  .hero-vsl-head h1{max-width:360px;font-size:clamp(35px,10.5vw,41px);line-height:1.02;letter-spacing:-.06em}
  .hero-vsl-head .hero-lead{max-width:350px;font-size:14px;line-height:1.55}
}
.button.hero-flow-button>.cta-mini-flow{position:relative;flex:0 0 72px;width:72px;height:34px;margin-left:5px;overflow:visible;border:0;border-radius:0;background:transparent;box-shadow:none}
.button.hero-flow-button>.cta-mini-flow::before{display:none}
.cta-mini-flow .mini-arrow,.cta-mini-flow .mini-loader,.cta-mini-flow .mini-site{position:absolute;z-index:2;left:50%;right:auto;top:50%;bottom:auto;margin:0;opacity:0;box-shadow:none}
.cta-mini-flow .mini-arrow{width:27px;height:29px;background:linear-gradient(145deg,#fff 8%,#ffe9df 52%,#fff 88%)!important;background-image:none!important;clip-path:polygon(8% 0,8% 88%,31% 66%,48% 100%,62% 93%,45% 60%,83% 58%);filter:drop-shadow(0 2px 1px rgba(255,255,255,.35)) drop-shadow(0 5px 5px rgba(76,24,8,.32));transform-origin:45% 55%;animation:proCursor 5.6s cubic-bezier(.22,1,.36,1) infinite}
.cta-mini-flow .mini-click{position:absolute;z-index:3;left:50%;top:50%;width:10px;height:10px;border:2px solid #fff3ec;border-radius:50%;background:radial-gradient(circle,#fff 0 22%,#ffc6aa 24% 48%,transparent 51%);filter:drop-shadow(0 3px 3px rgba(75,24,8,.28));box-shadow:0 0 0 4px rgba(255,239,230,.2);opacity:0;animation:proClick 5.6s ease-out infinite}
.cta-mini-flow .mini-loader{width:48px;height:7px;border:1px solid rgba(255,240,231,.7);border-radius:999px;overflow:hidden;background:rgba(91,35,16,.24);box-shadow:inset 0 1px 2px rgba(75,25,8,.28),0 3px 7px rgba(75,25,8,.18);animation:proLoader 5.6s cubic-bezier(.22,1,.36,1) infinite}
.cta-mini-flow .mini-loader::before{display:none}
.cta-mini-flow .mini-loader::after{content:"";position:absolute;inset:1px;width:calc(100% - 2px);height:calc(100% - 2px);border-radius:inherit;background:linear-gradient(90deg,#fff8f3,#fff 62%,#ffd7c4);box-shadow:6px 0 7px rgba(255,245,238,.8);transform-origin:left center;animation:proLoaderFill 5.6s cubic-bezier(.22,1,.36,1) infinite}
.cta-mini-flow .mini-site{width:43px;height:43px;border:0;background:transparent url("assets/images/visual-system/3d-icons/deliverable-design.webp") center/contain no-repeat;filter:drop-shadow(0 7px 7px rgba(71,23,8,.3));animation:proSite 5.6s cubic-bezier(.22,1,.36,1) infinite}
.cta-mini-flow .mini-site::before,.cta-mini-flow .mini-site::after,.cta-mini-flow .mini-site b{display:none!important}
@keyframes proCursor{0%{opacity:0;transform:translate(-74px,-46px) rotate(-14deg) scale(.72)}7%{opacity:1}23%{opacity:1;transform:translate(-50%,-50%) rotate(0) scale(1)}28%{opacity:1;transform:translate(-50%,-50%) scale(.82)}34%,100%{opacity:0;transform:translate(-50%,-50%) scale(.92)}}
@keyframes proClick{0%,21%{opacity:0;transform:translate(-50%,-50%) scale(.25)}26%{opacity:1;transform:translate(-50%,-50%) scale(1.15)}34%,100%{opacity:0;transform:translate(-50%,-50%) scale(3)}}
@keyframes proLoader{0%,31%{opacity:0;transform:translate(-50%,-50%) scaleX(.45)}38%,66%{opacity:1;transform:translate(-50%,-50%) scaleX(1)}72%,100%{opacity:0;transform:translate(-50%,-50%) scaleX(.82)}}
@keyframes proLoaderFill{0%,35%{transform:scaleX(0)}62%,100%{transform:scaleX(1)}}
@keyframes proSite{0%,67%{opacity:0;transform:translate(-50%,-50%) scale(.48) rotate(-5deg)}75%{opacity:1;transform:translate(-50%,-50%) scale(1.08) rotate(1deg)}82%,95%{opacity:1;transform:translate(-50%,-50%) scale(1) rotate(0)}100%{opacity:0;transform:translate(-50%,-50%) scale(.96)}}
.cta-mini-flow.is-resetting i,.cta-mini-flow.is-resetting i::before,.cta-mini-flow.is-resetting i::after{animation:none!important}
@media(max-width:600px){
  .button.hero-flow-button>.cta-mini-flow{flex-basis:56px;width:56px;height:30px;margin-left:2px}
  .cta-mini-flow .mini-arrow{width:23px;height:25px}.cta-mini-flow .mini-loader{width:39px;height:6px}.cta-mini-flow .mini-site{width:36px;height:36px}
}
@media(prefers-reduced-motion:reduce){.cta-mini-flow .mini-arrow,.cta-mini-flow .mini-click,.cta-mini-flow .mini-loader{display:none!important}.cta-mini-flow .mini-site{display:block!important;opacity:1;animation:none!important;transform:translate(-50%,-50%)}}
@media(min-width:901px){.research-stats strong{white-space:nowrap}}
.hero-lead-steps{display:grid;gap:8px;margin:15px 0 0;padding:0;list-style:none}
.hero-lead-steps li{display:grid;grid-template-columns:27px 1fr;align-items:center;gap:9px;color:var(--ink);font-size:12px;line-height:1.3}
.hero-lead-steps li>span{display:grid;place-items:center;width:27px;height:27px;border-radius:8px;background:#fff0e8;color:var(--accent);font-size:8px;font-weight:800}
.hero-lead-steps strong{font-weight:700}
.hero-lead-steps .step-brief{display:none}
@media(max-width:600px){
  .hero-conversion-intro{display:block;order:3;width:100%;margin-top:16px;padding:18px 4px 0;border-top:1px solid rgba(23,24,23,.12)}
  .hero-conversion-intro>.section-label,.hero-conversion-intro>h2{display:none}
  .hero-quick-form{order:1}
  .hero-review-proof{order:2}
  .hero-lead-steps{position:relative;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin-top:20px}
  .hero-lead-steps::before{content:"";position:absolute;z-index:0;top:16px;left:18%;right:18%;height:2px;background:linear-gradient(90deg,#f7ddcd,#f0b190)}
  .hero-lead-steps li{display:flex;flex-direction:column;align-items:center;gap:10px;padding:0 4px;text-align:center;font-size:11px;line-height:1.32}
  .hero-lead-steps li>span{position:relative;z-index:1;width:34px;height:34px;border:2px solid var(--paper);border-radius:50%;background:var(--accent);color:#fff;font-size:10px;box-shadow:0 5px 14px rgba(237,106,50,.3)}
  .hero-lead-steps strong{text-wrap:pretty}
  .hero-lead-steps .step-full{display:none}
  .hero-lead-steps .step-brief{display:inline}
}
.hero-quick-form .url-field,.form-url-shell{position:relative}
.hero-quick-form .url-field input{grid-column:1/-1;width:100%;cursor:text}
.hero-flow-button .cta-mini-flow,.hero-flow-button .cta-mini-flow *{pointer-events:none}
.form-url-shell{width:100%}
.form-url-shell input{display:block}
.url-example-overlay{position:absolute;z-index:3;left:17px;right:17px;top:7px;display:flex!important;align-items:center;height:48px;padding:0 9px;color:#777a75!important;font:500 16px var(--sans)!important;letter-spacing:0;text-transform:none;pointer-events:none;transition:opacity .15s}
.url-example-overlay.is-hidden{opacity:0;visibility:hidden}
.url-example-mobile{display:none}
@media(max-width:600px){.hero-quick-form .url-example-overlay{left:0;right:0;top:0;height:54px;justify-content:center;padding:0}}
.trust-badges span{font-size:10.5px;line-height:1.35}
.upsell-benefits b{font-size:10.5px;line-height:1.25}
.path-tag{font-size:10.5px;line-height:1.35}
.popular{font-size:11px}
.agent-chip{font-size:10px}
.hero-lead-steps li>span{font-size:10px}
@media(max-width:600px){
  .eyebrow,.section-label{font-size:11px;line-height:1.4;letter-spacing:.1em}
  .path-tag{max-width:170px;font-size:11.5px;line-height:1.35;letter-spacing:.025em;text-align:right;text-transform:none}
  .popular{padding:5px 9px;font-size:12px}
  .cta-subline{font-size:12px;line-height:1.45}
  .ranking-note{font-size:11px;line-height:1.5}
  .addons-label{font-size:11px;line-height:1.4}
  .mobile-swipe-cue{gap:7px;margin:18px 14px -14px auto;padding:7px 0;border:0;border-radius:0;background:transparent;box-shadow:none;color:var(--ink);font-size:11px;line-height:1.4;letter-spacing:.04em}
  .trust-system .mobile-swipe-cue,.problem .mobile-swipe-cue{color:#f3f1eb}
  .mobile-swipe-cue b{width:31px;height:20px;border-radius:0;background:transparent!important}
  .mobile-swipe-cue b::before{width:31px;height:20px}
  .trust-badges{display:grid;grid-template-columns:1fr;width:100%;gap:0;margin-top:12px}
  .trust-badges span{padding:9px 0;border:0;border-bottom:1px solid rgba(23,24,23,.1);border-radius:0;background:transparent;color:#555851;font-size:12px;line-height:1.4;text-align:left}
  .trust-badges span:last-child{border-bottom:0}
  .light-trust.trust-badges span{border-color:rgba(255,255,255,.14);background:transparent;color:#e2e5df}
  .upsell-benefits{display:grid;grid-template-columns:1fr;gap:0;margin-top:14px}
  .upsell-benefits b{padding:9px 0;border-bottom:1px solid rgba(237,106,50,.16);border-radius:0;background:transparent;color:#6d3a28;font-size:12px;line-height:1.35}
  .upsell-benefits b::before{content:"✓";margin-right:8px;color:var(--accent);font-weight:900}
  .upsell-benefits b:last-child{border-bottom:0}
  .template-scroll-hint{padding:8px 10px;border-radius:10px}
  .template-scroll-hint span{font-size:10px;line-height:1.25}
  .template-compare-tag{padding:8px 10px;border-radius:8px;font-size:10px;line-height:1.25}
  .agent-chip{padding:8px 10px;font-size:10px;line-height:1.25}
}
.button.hero-flow-button{position:relative;justify-content:center;min-height:62px;padding:15px 78px;font-size:17px;line-height:1.2;white-space:nowrap}
.button.hero-flow-button>.hero-button-label{display:block!important;width:100%;text-align:center}
.button.hero-flow-button>.cta-mini-flow{position:absolute;right:15px;left:auto;top:50%;margin:0;transform:translateY(-50%)}
@media(max-width:600px){
  .url-example-overlay{justify-content:center;text-align:center;padding-inline:12px}
  .hero-quick-form .url-field{display:grid;grid-template-columns:1fr;gap:8px;padding:10px;border:1px solid rgba(23,24,23,.18);border-radius:18px;background:#fff;box-shadow:0 16px 38px rgba(36,31,22,.1)}
  .hero-quick-form .url-field input{width:100%;min-height:58px;padding:14px 16px;border:0;border-radius:10px;background:#fff;box-shadow:none;text-align:center}
  .hero-quick-form .url-example-overlay{left:10px;right:10px;top:10px;height:58px;justify-content:center;padding:0 12px;text-align:center}
  .url-example-desktop{display:none}
  .url-example-mobile{display:inline}
  .hero-quick-form .url-field .button{grid-column:1;width:100%;margin:0}
  .button.hero-flow-button{min-height:62px;padding:14px 58px;font-size:15.5px;line-height:1.2;letter-spacing:-.02em}
  .button.hero-flow-button>.cta-mini-flow{right:8px;flex-basis:46px;width:46px;height:30px}
}
@media(min-width:601px){.pricing-icon-3d{top:-34px}}
main#top{display:flex;flex-direction:column}
main#top>.hero{order:1}
main#top>.problem{order:2}
main#top>.template-story{order:3}
main#top>.mechanism{order:4}
main#top>.friction{order:5}
main#top>.generator{order:6}
main#top>.deliverables{order:7}
main#top>.pricing{order:8}
main#top>.trust-system{order:9}
main#top>.team-section{order:10}
main#top>.faq{order:11}
main#top>.final-cta{order:12}
main#top>[hidden]{display:none!important}
.hero-assurances{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:18px;padding-top:16px;border-top:1px solid var(--line)}
.hero-assurances span{position:relative;padding-left:17px;color:#62655f;font-size:10px;font-weight:700;line-height:1.35}
.hero-assurances span::before{content:"✓";position:absolute;left:0;color:var(--accent);font-weight:900}
.pain-grid{grid-template-columns:repeat(3,1fr)}
.research-stats-single{grid-template-columns:1fr;max-width:420px}
.research-stats-single div{padding:8px 0 8px 24px}
.research-stats-single strong{font-size:58px}
.research-stats-single span{font-size:14px}
.comparison-action{display:grid;grid-template-columns:.8fr 1.2fr;gap:46px;align-items:center;max-width:980px;margin-top:28px;padding:28px;border:1px solid rgba(23,24,23,.1);border-radius:20px;background:rgba(255,255,255,.7)}
.comparison-action h3{margin:8px 0 4px;font:800 24px/1.2 var(--serif);letter-spacing:-.035em}
.comparison-action p{margin:0;color:var(--muted);font-size:12px}
.inline-url-form{margin:0}
.inline-url-form .url-field,.final-url-form .url-field{position:relative}
.inline-url-form .url-field input,.final-url-form .url-field input{min-width:0}
.inline-url-form .button,.final-url-form .button{flex:0 0 auto}
.compact-team-proof{display:grid;grid-template-columns:1fr 1fr .9fr;gap:24px;align-items:end;margin-top:28px;padding:24px 26px;border:1px solid rgba(255,255,255,.14);border-radius:18px;background:rgba(255,255,255,.055)}
.compact-team-proof h3{margin:9px 0 1px;font:750 19px/1.25 var(--serif)}
.compact-team-proof p,.compact-team-proof address{margin:0;color:#afb5ae;font-size:11px;font-style:normal;line-height:1.5}
.compact-team-proof address{padding-left:22px;border-left:1px solid rgba(255,255,255,.14)}
.compact-team-proof address strong{color:white}
.final-url-form{width:min(820px,100%);margin:30px auto 0}
.final-url-form .cta-subline{margin-top:12px}
.mobile-sticky-cta{display:none}
@media(max-width:900px){
  .comparison-action{grid-template-columns:1fr;gap:18px}
  .compact-team-proof{grid-template-columns:1fr 1fr}
  .compact-team-proof address{grid-column:1/-1;padding:16px 0 0;border-left:0;border-top:1px solid rgba(255,255,255,.14)}
}
@media(max-width:600px){
  body{padding-bottom:66px}
  .hero-assurances{grid-template-columns:1fr;gap:0;margin-top:14px;padding:10px 0}
  .hero-assurances span{padding:8px 0 8px 21px;border-bottom:1px solid rgba(23,24,23,.08);font-size:11px;text-align:left}
  .hero-assurances span:last-child{border-bottom:0}
  .pain-grid,.feature-grid,.trust-grid{display:grid!important;grid-template-columns:1fr!important;gap:10px!important;width:calc(100% - 28px)!important;margin:28px auto 0!important;padding:0!important;overflow:visible!important}
  .pain-grid article,.feature-grid article,.trust-grid article{display:grid;grid-template-columns:64px minmax(0,1fr);grid-template-rows:auto auto;column-gap:14px;min-height:0!important;padding:18px!important;border-radius:16px!important}
  .pain-grid .semantic-icon-3d,.feature-grid .semantic-icon-3d,.trust-grid .semantic-icon-3d{position:relative;grid-column:1;grid-row:1/3;top:auto;right:auto;width:60px;height:60px;margin:0;align-self:start}
  .pain-grid h3,.feature-grid h3,.trust-grid h3{grid-column:2;grid-row:1;margin:1px 0 5px!important;font-size:15px;line-height:1.3}
  .pain-grid p,.feature-grid p,.trust-grid p{grid-column:2;grid-row:2;font-size:11px!important;line-height:1.5}
  .pain-grid article::before,.trust-grid article::before{display:none}
  .mechanism-shell{margin-top:18px}
  .engine-visual{display:none}
  .mechanism-steps article{padding:13px 0}
  .mechanism-truth{margin-top:10px;padding:16px}
  .compare-card{padding:22px 18px}
  .compare-card h3{margin:6px 0 14px;font-size:21px}
  .compare-card li{padding:8px 0;font-size:12px}
  .compare-time{margin-top:15px;font-size:21px}
  .comparison-grid{grid-template-columns:1fr 1fr;gap:8px}
  .comparison-grid .compare-card{padding:18px 12px}
  .comparison-grid .compare-card h3{font-size:18px}
  .comparison-grid .compare-card li{padding:7px 0;font-size:11px;line-height:1.35}
  .comparison-grid .compare-card li span{width:17px}
  .comparison-grid .compare-time{font-size:17px;line-height:1.25}
  .chat-demo{display:none}
  .chat-feature{gap:0;padding:20px 18px}
  .chat-copy h3{font-size:27px}
  .chat-copy p{font-size:12px;line-height:1.55}
  .opportunity-band{margin-top:18px;padding:22px 18px}
  .problem .opportunity-band{display:block}
  .research-stats-single{max-width:none}
  .research-stats-single strong{font-size:46px}
  .research-stats-single span{font-size:12px}
  .comparison-action{width:calc(100% - 28px);margin-top:18px;padding:20px 14px}
  .comparison-action .url-field,.final-url-form .url-field{display:grid;grid-template-columns:1fr;gap:8px;padding:9px;border-radius:16px}
  .comparison-action .url-field input,.final-url-form .url-field input{min-height:56px;text-align:center}
  .comparison-action .url-example-overlay,.final-url-form .url-example-overlay{left:9px;right:9px;top:9px;height:56px;justify-content:center;text-align:center}
  .comparison-action .button,.final-url-form .button{grid-column:1;width:100%;white-space:normal}
  .compact-team-proof{grid-template-columns:1fr;gap:14px;margin-top:22px;padding:20px}
  .compact-team-proof address{grid-column:auto}
  .final-cta{padding:64px 0}
  .final-cta h2{font-size:34px}
  .final-url-form{margin-top:24px}
  .mobile-sticky-cta{position:fixed;z-index:80;left:10px;right:10px;bottom:9px;display:flex;align-items:center;justify-content:space-between;padding:11px 16px;border:1px solid rgba(255,255,255,.28);border-radius:14px;background:rgba(237,106,50,.96);color:#fff;box-shadow:0 14px 36px rgba(45,23,12,.3);backdrop-filter:blur(12px);transform:translateY(130%);transition:transform .35s cubic-bezier(.22,1,.36,1)}
  .mobile-sticky-cta.is-visible{transform:none}
  .mobile-sticky-cta span{font-size:13px;font-weight:850}
  .mobile-sticky-cta small{font-size:9px;font-weight:700;opacity:.84}
  .pricing,.trust-system,.faq,.final-cta{contain-intrinsic-size:600px}
}
[data-index]::before{content:none!important;display:none!important}
.team-section{
  position:relative;
  overflow:hidden;
  color:#f7f4ed;
  background:
    linear-gradient(112deg,rgba(20,24,20,.97) 0%,rgba(29,39,31,.92) 58%,rgba(20,24,20,.96) 100%),
    url("assets/images/visual-system/backgrounds/team-studio.webp") center/cover;
}
.team-section::before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 84% 16%,rgba(237,106,50,.18),transparent 30%),linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:auto,72px 72px,72px 72px;mask-image:linear-gradient(to bottom,#000,transparent 82%)}
.team-stage{position:relative;z-index:1}
.team-section .team-head{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(280px,.65fr);gap:80px;align-items:end}
.team-section .team-head h2{color:#fff}
.team-section .team-head h2 em{color:#ff8350}
.team-section .team-intro{padding:0 0 8px}
.team-section .team-intro p{margin:0 0 18px;color:#b9beb8;font-size:16px;line-height:1.65}
.team-section .team-intro span{display:inline-flex;padding:8px 12px;border:1px solid rgba(255,255,255,.14);border-radius:999px;background:rgba(255,255,255,.06);color:#f7f4ed;font-size:9px;font-weight:850;letter-spacing:.12em;text-transform:uppercase}
.team-section .team-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:52px}
.team-section .team-card{display:flex;flex-direction:column;min-height:0;overflow:hidden;border:1px solid rgba(255,255,255,.12);border-radius:22px;background:rgba(255,255,255,.065);box-shadow:0 24px 70px rgba(0,0,0,.16);backdrop-filter:blur(12px);transition:transform .4s cubic-bezier(.22,1,.36,1),border-color .4s,background .4s}
.team-section .team-card-lead{background:linear-gradient(135deg,rgba(237,106,50,.17),rgba(255,255,255,.065))}
.team-section .team-photo:not(:has(img)){display:grid;place-items:center;background:linear-gradient(150deg,#3a3f39,#22261f)}
.team-section .team-photo{position:relative;flex:none;min-height:0;aspect-ratio:4/5;border-radius:0;background:#cbb49c}
.team-section .team-photo::after{content:"";position:absolute;inset:auto 0 0;height:42%;background:linear-gradient(transparent,rgba(16,19,16,.45));pointer-events:none}
.team-section .team-photo img{display:block;width:100%;height:100%;object-fit:cover;filter:saturate(.82) contrast(1.03);transition:transform .6s cubic-bezier(.22,1,.36,1)}
.team-section .team-photo>span{z-index:2;top:14px;left:14px;border:1px solid rgba(255,255,255,.35);background:rgba(20,24,20,.66);color:#fff}
.team-section .team-meta{display:flex;flex:1;flex-direction:column;align-self:stretch;padding:24px 24px 26px}
.team-section .team-meta small{color:#ff8a59;font-size:9px;letter-spacing:.15em}
.team-section .team-meta h3{margin:0 0 5px;color:#fff;font-size:26px;line-height:1.1}
.team-section .team-role{margin:0;color:#ff8a59;font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
.team-section .team-bio{margin:20px 0 0;padding-top:16px;border-top:1px solid rgba(255,255,255,.11);color:#aeb4ad;font-size:12px;line-height:1.6}
.team-section .team-bio{margin-top:auto}
.team-section .name-note{color:#989e97}
.team-section .team-proof{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:20px;margin-top:24px;padding:20px 24px;border:1px solid rgba(255,255,255,.12);border-radius:18px;background:rgba(0,0,0,.16)}
.team-section .team-proof p{margin:0;color:#b7bcb6;font-size:12px;line-height:1.55}
.team-section .team-proof strong{color:#fff}
.team-section .team-proof address{padding-left:24px;border-left:1px solid rgba(255,255,255,.13);color:#9fa69e;font-size:10px;font-style:normal;line-height:1.55;text-align:right}
.team-section .team-proof-icon-3d{flex:none;width:70px;height:70px;margin:-13px 0}
@media(hover:hover){.team-section .team-card:hover{transform:translateY(-5px);border-color:rgba(255,131,80,.38);background-color:rgba(255,255,255,.095)}.team-section .team-card:hover .team-photo img{transform:scale(1.045)}}
@media(max-width:900px){
  .team-section .team-head{grid-template-columns:1fr;gap:20px}
  .team-section .team-grid{grid-template-columns:1fr;gap:13px}
  .team-section .team-card{display:grid;grid-template-columns:210px minmax(0,1fr);min-height:214px}
  .team-section .team-photo{aspect-ratio:auto;min-height:0}
  .team-section .team-photo img{position:absolute;inset:0}
  .team-section .team-meta{align-self:center;padding:22px 24px}
  .team-section .team-bio{margin-top:16px}
  .team-section .team-proof{grid-template-columns:auto 1fr}
  .team-section .team-proof address{grid-column:1/-1;padding:15px 0 0;border-left:0;border-top:1px solid rgba(255,255,255,.13);text-align:left}
}
@media(max-width:600px){
  .team-section{padding:58px 0;background-position:center}
  .team-section::before{background-size:auto,44px 44px,44px 44px}
  .team-section .team-head{gap:14px}
  .team-section .team-head h2{font-size:36px}
  .team-section .team-intro p{font-size:13px;line-height:1.6}
  .team-section .team-grid{display:grid!important;grid-template-columns:1fr!important;gap:12px!important;width:calc(100% - 28px);margin:30px auto 0!important;padding:0!important;overflow:visible!important}
  .team-section .team-card{display:grid;grid-template-columns:112px minmax(0,1fr);min-height:174px;border-radius:17px}
  .team-section .team-photo{min-height:0;aspect-ratio:auto;border-radius:0}
  .team-section .team-meta{align-self:center;padding:15px 15px}
  .team-section .team-bio{margin-top:11px}
  .team-section .team-meta h3{margin-top:5px;font-size:20px}
  .team-section .team-role{font-size:10px;line-height:1.35}
  .team-section .team-bio{margin-top:12px;padding-top:10px;font-size:9.5px;line-height:1.5}
  .team-section .team-photo>span{top:9px;left:8px;padding:4px 6px;font-size:6px}
  .team-section .team-proof{grid-template-columns:52px 1fr;gap:12px;width:calc(100% - 28px);margin:16px auto 0;padding:16px}
  .team-section .team-proof-icon-3d{width:55px;height:55px;margin:0 0 0 -7px}
  .team-section .team-proof p{font-size:10px}
  .team-section .team-proof address{font-size:9px}
}
.ai-upsell summary{position:relative;z-index:2;display:block;padding-right:34px;cursor:pointer;list-style:none}
.ai-upsell summary::-webkit-details-marker{display:none}
.ai-upsell summary::after{content:"+";position:absolute;right:0;top:50%;color:var(--accent);font-size:24px;line-height:1;transform:translateY(-50%)}
.ai-upsell[open] summary::after{content:"−"}
.ai-upsell summary span,.ai-upsell summary strong{display:block}
.ai-upsell .ranking-note{margin:14px 0 0}
@media(max-width:600px){
  .section{padding:46px 0}
  .template-sticky{padding:44px 0}
  .template-shot{height:388px}
  .template-screen{height:286px}
  .accordion details{padding:16px 0}
  .mechanism-steps article{padding:10px 0}
  .trust-grid article{padding:15px!important}
  .price-card ul{margin:18px 0}
  .price-card li{padding:6px 0;font-size:12px}
  .ai-upsell{padding:17px 15px}
  .ai-upsell summary strong{font-size:20px}
  .ai-upsell>small,.ai-upsell>.upsell-benefits,.ai-upsell>.ranking-note{display:none}
  .ai-upsell[open]>small,.ai-upsell[open]>.upsell-benefits,.ai-upsell[open]>.ranking-note{display:block}
}
.research-stats-single{max-width:none}
.price-card .price-head{position:relative;align-items:flex-start;min-height:124px;padding-right:142px}
.price-card .price-corner{position:absolute;z-index:3;top:-12px;right:-8px;display:grid;justify-items:end;gap:4px}
.price-card .price-corner .pricing-icon-3d{position:static!important;top:auto!important;right:auto!important;width:108px;height:108px;margin:0 -5px 0 0}
.final-cta{padding:90px 0}
.final-cta .final-cta-shell{display:grid;grid-template-columns:minmax(0,1fr) minmax(440px,.92fr);gap:60px;align-items:center;padding:58px}
.final-cta .final-url-form{width:100%;margin:0;padding:28px}
.final-cta .final-url-form .url-field{display:grid;grid-template-columns:minmax(0,1fr);gap:9px;margin-top:20px;padding:9px}
.final-cta .final-url-form .button{grid-column:1;width:100%;white-space:normal}
@media(max-width:900px){.final-cta .final-cta-shell{grid-template-columns:1fr;gap:34px;padding:42px}}
@media(max-width:600px){
  .chat-demo.apple-message-demo{display:flex!important}
  .price-card .price-head{min-height:105px;padding-right:105px}
  .price-card .price-corner{top:-8px;right:-4px}
  .price-card .price-corner .pricing-icon-3d{width:86px;height:86px;margin-right:-2px}
  .final-cta{padding:54px 0}
  .final-cta .final-cta-shell{width:calc(100% - 28px);grid-template-columns:1fr;gap:28px;padding:28px 18px}
  .final-cta .final-url-form{padding:18px 12px}
}
@media(max-width:600px){
  .problem .opportunity-band{width:calc(100% - 28px);margin:18px auto 0;padding:24px 18px;overflow:hidden}
  .problem .research-stats-single{display:block;width:100%;max-width:100%;min-width:0}
  .problem .research-stats-single>div{display:block;width:100%;min-width:0;padding:0 0 18px;border-top:0}
  .problem .research-stats-single>div>strong{display:block;margin:0 0 7px;font-size:48px;line-height:1;color:#ff9368;white-space:normal}
  .problem .research-stats-single>div>span{display:block;width:100%;max-width:100%;font-size:12px;line-height:1.5;white-space:normal!important;overflow-wrap:anywhere;word-break:normal}
  .problem .research-conclusion{width:100%;max-width:100%;margin:0 0 18px;padding:16px 14px;border-left-width:3px;border-radius:0 11px 11px 0;overflow:hidden;font-size:11px;line-height:1.55}
  .problem .research-conclusion>strong{display:block!important;margin:0 0 6px!important;color:#fff!important;font:800 16px/1.25 var(--serif)!important;letter-spacing:-.02em;white-space:normal!important;overflow-wrap:anywhere}
  .problem .research-stats-single>small{display:block;width:100%;font-size:8px;line-height:1.45;white-space:normal;overflow-wrap:anywhere}
}
.comparison-swipe-cue{display:none}
.cmp-jack .compare-scroll-sticky{position:sticky;top:84px}
.cmp-jack .friction .comparison-grid{scroll-snap-type:none}
.cmp-jack .comparison-swipe-cue b{animation:none}
@media(max-width:600px){
  .comparison-swipe-cue{display:flex;align-items:center;justify-content:flex-end;gap:8px;margin-top:24px;color:#777a74;font-size:9px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
  .comparison-swipe-cue b{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#fff;color:var(--accent);font-size:15px;box-shadow:0 9px 22px rgba(36,31,22,.12);animation:comparisonSwipeHint 1.8s ease-in-out infinite}
  .friction .comparison-grid{display:flex!important;width:100%!important;max-width:none;margin:12px 0 0!important;padding:4px 28px 18px 14px!important;gap:12px!important;overflow-x:auto!important;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-padding-left:14px;-webkit-overflow-scrolling:touch;overscroll-behavior-inline:contain;scrollbar-width:none}
  .friction .comparison-grid::-webkit-scrollbar{display:none}
  .friction .comparison-grid .compare-card{flex:0 0 calc(100vw - 58px);width:calc(100vw - 58px);min-width:0;min-height:420px;padding:26px 22px;scroll-snap-align:start;scroll-snap-stop:always;border-radius:20px}
  .friction .comparison-grid .compare-card h3{font-size:24px;margin:8px 0 22px}
  .friction .comparison-grid .compare-card li{padding:10px 0;font-size:13px;line-height:1.45}
  .friction .comparison-grid .compare-card li span{width:24px}
  .friction .comparison-grid .compare-time{margin-top:25px}
  .friction .comparison-grid .compare-time strong{font-size:29px}
  .friction .comparison-grid .compare-time small{font-size:10px;line-height:1.45}
  .friction .comparison-grid .new-way{transform:none}
  @keyframes comparisonSwipeHint{0%,100%{transform:translateX(0)}50%{transform:translateX(7px)}}
}
@media(max-width:600px){
  .deliverables .feature-grid article{
    grid-template-columns:68px minmax(0,1fr);
    column-gap:14px;
  }
  .deliverables .feature-grid .feature-icon-3d{
    position:relative;
    grid-column:1;
    grid-row:1/3;
    top:auto;
    right:auto;
    width:64px;
    height:64px;
    margin:0!important;
    align-self:center;
    justify-self:center;
    object-position:center center;
    transform:none!important;
  }
}
.problem .opportunity-band{
  display:block;
  margin-top:34px;
  padding:22px;
  border:1px solid rgba(255,255,255,.1);
  border-radius:28px;
  background:
    radial-gradient(120% 90% at 50% 0%,rgba(163,84,38,.38),rgba(163,84,38,.08) 55%,transparent 78%),
    linear-gradient(175deg,#20150e 0%,#171310 55%,#141413 100%);
  box-shadow:0 26px 70px rgba(0,0,0,.24);
}
.problem .research-stats-single{
  display:grid;
  grid-template-columns:minmax(260px,.72fr) minmax(0,1.55fr);
  gap:18px;
  width:100%;
  max-width:none;
  align-items:stretch;
}
.problem .research-stats-single>.research-stat{
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:flex-start;
  min-height:310px;
  padding:34px;
  border:1px solid rgba(255,255,255,.12);
  border-radius:20px;
  background:rgba(255,255,255,.055);
}
.problem .research-stat-label,
.problem .research-proof-label{
  display:block;
  margin-bottom:17px;
  color:#ff9a70;
  font-size:10px;
  font-weight:800;
  letter-spacing:.13em;
  line-height:1.3;
  text-transform:uppercase;
}
.problem .research-stats-single>.research-stat>strong{
  margin:0 0 16px;
  color:#ff9368;
  font:800 clamp(68px,7.2vw,112px)/.82 var(--serif);
  letter-spacing:-.075em;
}
.problem .research-stats-single>.research-stat>span:last-child{
  max-width:250px;
  color:#f3f4f1;
  font-size:17px;
  font-weight:650;
  line-height:1.45;
}
.problem .research-conclusion{
  display:flex;
  flex-direction:column;
  justify-content:center;
  max-width:none;
  margin:0;
  padding:40px 44px;
  border:1px solid rgba(255,255,255,.11);
  border-radius:20px;
  background:linear-gradient(145deg,rgba(255,255,255,.09),rgba(255,255,255,.035));
  color:#c8cec8;
}
.problem .research-conclusion>strong{
  max-width:760px;
  margin:0 0 17px;
  color:#fff;
  font:800 clamp(34px,3.5vw,57px)/1.02 var(--serif);
  letter-spacing:-.055em;
}
.problem .research-conclusion>p{
  max-width:730px;
  margin:0;
  color:#bcc4bd;
  font-size:15px;
  line-height:1.65;
}
.problem .research-outcome{
  display:inline-flex;
  align-self:flex-start;
  margin-top:25px;
  padding:11px 15px;
  border:1px solid rgba(255,147,104,.28);
  border-radius:999px;
  background:rgba(255,147,104,.09);
  color:#ffd5c4;
  font-size:11px;
  font-weight:800;
  letter-spacing:.02em;
}
.problem .research-stats-single>small{
  grid-column:1/-1;
  padding:0 5px 1px;
  color:#7f8980;
  font-size:9px;
}
@media(max-width:760px){
  .problem .opportunity-band{
    width:calc(100% - 28px);
    margin:22px auto 0;
    padding:10px;
    border-radius:22px;
  }
  .problem .research-stats-single{
    display:grid;
    grid-template-columns:1fr;
    gap:10px;
  }
  .problem .research-stats-single>.research-stat{
    min-height:0;
    padding:24px 22px 26px;
    border-radius:16px;
  }
  .problem .research-stat-label,
  .problem .research-proof-label{
    margin-bottom:13px;
    font-size:8px;
  }
  .problem .research-stats-single>.research-stat>strong{
    margin-bottom:12px;
    font-size:64px;
  }
  .problem .research-stats-single>.research-stat>span:last-child{
    max-width:270px;
    font-size:14px;
  }
  .problem .research-conclusion{
    margin:0;
    padding:26px 22px;
    border-left:1px solid rgba(255,255,255,.11);
    border-radius:16px;
  }
  .problem .research-conclusion>strong{
    margin:0 0 13px!important;
    font:800 30px/1.05 var(--serif)!important;
    letter-spacing:-.045em!important;
  }
  .problem .research-conclusion>p{
    font-size:12px;
    line-height:1.6;
  }
  .problem .research-outcome{
    width:100%;
    margin-top:18px;
    padding:11px 12px;
    border-radius:11px;
    font-size:9px;
    line-height:1.45;
  }
  .problem .research-stats-single>small{
    display:block;
    padding:8px 8px 7px;
    font-size:7px;
    line-height:1.45;
  }
}
@media(min-width:901px){
  .friction .comparison-grid{
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:16px;
    max-width:1180px;
    align-items:stretch;
  }
  .friction .compare-card{
    display:flex;
    flex-direction:column;
    min-height:540px;
    padding:34px 30px;
  }
  .friction .compare-card .compare-time{
    margin-top:auto;
    padding-top:28px;
  }
  .friction .new-way{
    transform:translateY(-14px);
  }
}
.builder-way{
  border:1px solid rgba(23,24,23,.09);
  background:rgba(255,250,241,.78);
  color:#555752;
}
.builder-way .card-kicker{
  color:#b66c4d;
}
.builder-way li span{
  color:#c07c60;
}
.builder-way .compare-time strong{
  display:block;
  max-width:270px;
  font-size:25px;
  line-height:1.12;
}
@media(max-width:600px){
  .friction .comparison-grid .builder-way{
    background:#fffaf2;
  }
  .friction .comparison-grid .builder-way .compare-time strong{
    font-size:24px;
  }
}
.chat-feature{
  grid-template-columns:minmax(320px,.82fr) minmax(0,1.18fr);
  gap:76px;
  align-items:center;
}
.chat-demo.iphone-chat-demo{
  position:relative;
  width:min(100%,370px);
  min-height:510px;
  margin:0 auto;
  padding:15px 9px 12px;
  overflow:hidden;
  border:7px solid #111412;
  border-radius:48px;
  background:#f4f4f6;
  box-shadow:0 32px 80px rgba(0,0,0,.32),inset 0 0 0 1px rgba(255,255,255,.5);
}
.iphone-chat-demo .iphone-island{
  position:absolute;
  z-index:5;
  top:8px;
  left:50%;
  width:92px;
  height:22px;
  border-radius:999px;
  background:#111412;
  transform:translateX(-50%);
}
.iphone-chat-demo .ios-statusbar{
  position:absolute;z-index:6;top:9px;left:0;right:0;
  display:flex;align-items:center;justify-content:space-between;
  padding:0 20px;pointer-events:none;
}
.iphone-chat-demo .ios-time{font:800 12px/1 var(--sans);letter-spacing:-.02em;color:#11140f}
.iphone-chat-demo .ios-signals{display:flex;align-items:center;gap:5px}
.iphone-chat-demo .ios-signals svg{fill:none;stroke:#11140f;stroke-width:1.5;stroke-linecap:round}
.iphone-chat-demo .ios-battery rect{stroke:#11140f;stroke-width:1.2}
.iphone-chat-demo .ios-battery-fill{fill:#11140f;stroke:none}
.iphone-chat-demo .message-bar{
  position:relative;
  gap:6px;
  justify-content:flex-start;
  min-height:88px;
  margin:-15px -9px 0;
  padding:40px 10px 10px;
  background:rgba(250,250,251,.93);
}
.iphone-chat-demo .message-bar strong{
  flex:1;min-width:0;font-size:10.5px;letter-spacing:-.035em;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
.iphone-chat-demo .message-back{
  position:static;display:grid;place-items:center;flex:none;
  width:26px;height:26px;border-radius:50%;background:#ececef;
}
.iphone-chat-demo .message-back svg{fill:none;stroke:#11140f;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.iphone-chat-demo .message-actions{
  display:flex;align-items:center;gap:8px;flex:none;
  padding:5px 8px;border-radius:999px;background:#ececef;
}
.iphone-chat-demo .message-actions svg{fill:none;stroke:#11140f;stroke-width:1.6;stroke-linejoin:round}
.iphone-chat-demo .message-actions svg path:last-child{fill:#11140f;stroke:none}
.iphone-chat-demo .message-avatar{width:30px;height:30px;flex-basis:30px}
.iphone-chat-demo .message-avatar img{width:24px;height:24px}
.iphone-chat-demo .message-thread{
  justify-content:flex-end;
  gap:9px;
  min-height:352px;
  padding:22px 14px 13px;
  
  background:#efeae2;
}
.iphone-chat-demo .message-row{max-width:88%}
.iphone-chat-demo .chat-bubble{padding:10px 13px;font-size:11px;line-height:1.42}
.iphone-chat-demo .message-inline{display:flex;align-items:flex-end;gap:6px}
.iphone-chat-demo .message-logo-mini{display:grid;place-items:center;flex:0 0 24px;width:24px;height:24px;overflow:hidden;border:1px solid rgba(23,24,23,.1);border-radius:50%;background:#fff;box-shadow:0 3px 9px rgba(0,0,0,.09)}
.iphone-chat-demo .message-logo-mini img{width:19px;height:19px;object-fit:contain}
.iphone-chat-demo .message-row.incoming{max-width:94%}
.iphone-chat-demo .message-row.incoming .chat-bubble{border-radius:10px;border-top-left-radius:2px;background:#fff;color:#111b21;box-shadow:0 1px 1px rgba(11,20,26,.13)}
.iphone-chat-demo .message-row.outgoing .chat-bubble{border-radius:10px;border-top-right-radius:2px;background:#d9fdd3;color:#111b21;box-shadow:0 1px 1px rgba(11,20,26,.13)}
.iphone-chat-demo .message-check{flex-basis:18px;width:18px;height:18px;font-size:10px}
.iphone-chat-demo .read-status{font-size:7px}
.iphone-chat-demo .typing-indicator{margin-left:30px;padding:8px 11px;background:#fff;box-shadow:0 4px 12px rgba(28,28,30,.06)}
.iphone-chat-demo .typing-indicator i{width:5px;height:5px}
.iphone-chat-demo .message-composer{
  margin:0 8px 5px;
  padding:8px 7px 8px 12px;
  background:#fff;
  box-shadow:0 4px 15px rgba(28,28,30,.06);
}
.iphone-chat-demo .message-composer i{width:25px;height:25px;background:#1677ff}
.iphone-chat-demo .iphone-home-indicator{width:105px;height:4px;margin:7px auto 0;border-radius:999px;background:#141614}
.motion-ready .iphone-chat-demo.is-visible .message-step-1{animation:messagePop .5s cubic-bezier(.16,1,.3,1) .30s both}
.motion-ready .iphone-chat-demo.is-visible .message-step-2{animation:messagePop .5s cubic-bezier(.16,1,.3,1) 1.05s both}
.motion-ready .iphone-chat-demo.is-visible .message-step-3{animation:messagePop .5s cubic-bezier(.16,1,.3,1) 1.80s both}
.motion-ready .iphone-chat-demo.is-visible .typing-indicator{animation:typingCycle 1.45s ease-in-out 2.55s both}
.motion-ready .iphone-chat-demo.is-visible .typing-indicator i{animation:typingDot .75s ease-in-out 2.70s 2}
.motion-ready .iphone-chat-demo.is-visible .typing-indicator i:nth-child(2){animation-delay:2.82s}
.motion-ready .iphone-chat-demo.is-visible .typing-indicator i:nth-child(3){animation-delay:2.94s}
.motion-ready .iphone-chat-demo.is-visible .message-step-4{animation:messagePop .55s cubic-bezier(.16,1,.3,1) 3.95s both}
@keyframes typingCycle{
  0%{opacity:0;transform:translateY(8px) scale(.94);max-height:0;margin-bottom:0}
  14%{opacity:1;transform:none;max-height:46px;margin-bottom:6px}
  80%{opacity:1;transform:none;max-height:46px;margin-bottom:6px}
  100%{opacity:0;transform:translateY(3px) scale(.98);max-height:0;margin-bottom:0}
}
.motion-ready .iphone-chat-demo.is-visible .message-composer{animation:messageFade .4s ease-out 3.25s both}
@media(max-width:900px){
  .chat-feature{grid-template-columns:1fr;gap:34px}
}
@media(max-width:600px){
  .chat-demo.iphone-chat-demo{
    width:min(100%,330px);
    min-height:470px;
    border-width:6px;
    border-radius:40px;
  }
  .iphone-chat-demo .message-thread{min-height:316px;padding:18px 11px 10px}
  .iphone-chat-demo .chat-bubble{font-size:10px}
  .iphone-chat-demo .message-bar{min-height:90px;padding-top:41px}
}
.chat-feature{
  grid-template-columns:minmax(270px,.68fr) minmax(0,1.32fr);
  gap:52px;
  margin-top:18px;
  padding:32px 44px;
}
.chat-feature .chat-copy h3{
  max-width:620px;
  margin:9px 0;
  font-size:clamp(34px,3.3vw,50px);
  line-height:1.04;
}
.chat-feature .chat-copy p{
  max-width:620px;
  font-size:13px;
  line-height:1.55;
}
.chat-demo.iphone-chat-demo{
  width:min(100%,300px);
  height:360px;
  min-height:0;
  padding-bottom:0;
  border-width:6px;
  border-bottom:0;
  border-radius:38px 38px 18px 18px;
  box-shadow:0 24px 58px rgba(0,0,0,.3);
}
.iphone-chat-demo .iphone-island{width:78px;height:19px}
.iphone-chat-demo .message-bar{
  min-height:80px;
  padding:35px 11px 8px;
  gap:7px;
}
.iphone-chat-demo .ios-statusbar{top:7px;padding:0 15px}
.iphone-chat-demo .ios-time{font-size:10.5px}
.iphone-chat-demo .message-back{width:26px;height:26px}
.iphone-chat-demo .message-actions{gap:9px;padding:5px 9px}
.iphone-chat-demo .message-bar strong{font-size:9.5px}
.iphone-chat-demo .message-avatar{width:31px;height:31px;flex-basis:31px}
.iphone-chat-demo .message-avatar img{width:25px;height:25px}
.iphone-chat-demo .message-thread{
  justify-content:flex-start;
  gap:6px;
  min-height:0;
  height:280px;
  padding:13px 10px 8px;
  overflow:hidden;
}
.iphone-chat-demo .message-row{max-width:91%}
.iphone-chat-demo .message-row.incoming{max-width:96%}
.iphone-chat-demo .chat-bubble{padding:8px 10px;font-size:9px;line-height:1.35}
.iphone-chat-demo .message-logo-mini{flex-basis:20px;width:20px;height:20px}
.iphone-chat-demo .message-logo-mini img{width:16px;height:16px}
.iphone-chat-demo .message-check{flex-basis:15px;width:15px;height:15px;font-size:8px}
.iphone-chat-demo .typing-indicator{margin-left:25px;padding:6px 9px}
.iphone-chat-demo .message-composer,.iphone-chat-demo .iphone-home-indicator{display:none!important}
@media(max-width:900px){
  .chat-feature{grid-template-columns:1fr;gap:24px;padding:28px 24px}
}
@media(max-width:600px){
  .chat-feature{gap:22px;padding:24px 16px}
  .chat-demo.iphone-chat-demo{
    width:min(100%,286px);
    height:344px;
    border-radius:34px 34px 16px 16px;
  }
  .iphone-chat-demo .message-thread{height:266px;padding-top:10px}
  .chat-feature .chat-copy h3{font-size:31px}
  .chat-feature .chat-copy p{font-size:11px}
}
.chat-feature{
  align-items:stretch;
  padding-bottom:0;
}
.chat-feature .chat-copy{
  align-self:center;
  padding-bottom:32px;
}
.chat-demo.iphone-chat-demo{
  align-self:end;
  margin-bottom:0;
  height:310px;
  border-color:#111311;
  border-bottom:0;
  border-radius:38px 38px 0 0;
  background:#f2f2f7;
  box-shadow:0 22px 48px rgba(0,0,0,.24);
}
.iphone-chat-demo .message-thread{
  height:230px;
  background:#efeae2;
}
.iphone-chat-demo .message-row.outgoing .chat-bubble{
  border-radius:10px;
  border-top-right-radius:2px;
  background:#d9fdd3;
  color:#111b21;
  box-shadow:0 1px 1px rgba(11,20,26,.13);
}
.iphone-chat-demo .message-row.incoming .chat-bubble{
  border-radius:10px;
  border-top-left-radius:2px;
  background:#fff;
  color:#111b21;
  box-shadow:0 1px 1px rgba(11,20,26,.13);
}
.iphone-chat-demo .message-logo-mini{
  border-color:#d1d1d6;
  box-shadow:none;
}
.iphone-chat-demo .read-status{
  margin-top:3px;
  color:#8e8e93;
}
.iphone-chat-demo .read-status span{color:#007aff}
.iphone-chat-demo .typing-indicator{
  background:#fff;
  box-shadow:0 1px 1px rgba(11,20,26,.1);
}
.iphone-chat-demo .typing-indicator i{background:#8e8e93}
@media(max-width:900px){
  .chat-feature .chat-copy{order:1;padding-bottom:0}
  .chat-demo.iphone-chat-demo{order:2;margin-top:2px;border-radius:34px 34px 0 0}
}
@media(max-width:600px){
  .chat-feature{padding-bottom:0}
  .chat-feature .chat-copy{padding:0 4px}
  .chat-demo.iphone-chat-demo{height:300px}
  .iphone-chat-demo .message-thread{height:220px}
}
.friction>.restaurant-marquee-bg{
  position:absolute;
  z-index:0;
  inset:0;
  overflow:hidden;
  pointer-events:none;
  opacity:.62;
  filter:saturate(.9) contrast(.96);
  
  perspective:760px;
  
  mask-image:linear-gradient(180deg,transparent 0%,#000 12%,#000 86%,transparent 100%);
  -webkit-mask-image:linear-gradient(180deg,transparent 0%,#000 12%,#000 86%,transparent 100%);
}
.friction>.restaurant-marquee-bg::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:2;
  
  background:radial-gradient(78% 64% at 50% 44%,
    rgba(236,231,222,.95) 0%,
    rgba(236,231,222,.86) 38%,
    rgba(236,231,222,.5) 68%,
    rgba(236,231,222,.06) 100%);
}
.restaurant-marquee-plane{
  position:absolute;
  top:50%;
  left:50%;
  display:flex;
  gap:16px;
  width:205%;
  min-width:1500px;
  height:240%;
  
  transform:translate(-50%,-50%) translateX(-90px) translateZ(-120px)
            rotateX(20deg) rotateY(-10deg) rotateZ(20deg);
  transform-origin:center;
  transform-style:preserve-3d;
}
.marquee-col{flex:1;min-width:0;overflow:hidden}
.marquee-track{
  display:flex;
  flex-direction:column;
  gap:14px;
  will-change:transform;
}
.col-1 .marquee-track{animation:marqueeUp 52s linear infinite}
.col-2 .marquee-track{animation:marqueeDown 62s linear infinite}
.col-3 .marquee-track{animation:marqueeUp 70s linear infinite}
.col-4 .marquee-track{animation:marqueeDown 56s linear infinite}
.col-5 .marquee-track{animation:marqueeUp 64s linear infinite}
.col-6 .marquee-track{animation:marqueeDown 72s linear infinite}
.col-7 .marquee-track{animation:marqueeUp 58s linear infinite}
.col-8 .marquee-track{animation:marqueeDown 78s linear infinite}
@keyframes marqueeUp{from{transform:translate3d(0,0,0)}to{transform:translate3d(0,-50%,0)}}
@keyframes marqueeDown{from{transform:translate3d(0,-50%,0)}to{transform:translate3d(0,0,0)}}
.marquee-shot{
  flex:none;
  display:block;
  overflow:hidden;
  border-radius:10px;
  background:#fff;
  box-shadow:0 16px 34px rgba(46,36,26,.16);
}
.marquee-shot img{display:block;width:100%;height:auto}
.mechanism-head,.mechanism-shell{z-index:2}
@media(max-width:900px){
  .friction>.restaurant-marquee-bg{
    opacity:.2;
    mask-image:radial-gradient(140% 110% at 55% 45%,#000 28%,rgba(0,0,0,.5) 62%,transparent 100%);
    -webkit-mask-image:radial-gradient(140% 110% at 55% 45%,#000 28%,rgba(0,0,0,.5) 62%,transparent 100%);
  }
  .friction>.restaurant-marquee-bg::after{
    background:linear-gradient(180deg,rgba(236,231,222,.93),rgba(236,231,222,.62) 40%,rgba(236,231,222,.8));
  }
  .restaurant-marquee-plane{width:640px;height:210%;gap:10px;transform:translate(-50%,-50%) translateZ(-90px) rotateX(20deg) rotateY(-10deg) rotateZ(20deg)}
  .marquee-track{gap:10px}
  .marquee-shot{border-radius:7px;box-shadow:0 8px 18px rgba(46,36,26,.12)}
}
@media(prefers-reduced-motion:reduce){
  .marquee-track{animation:none!important}
}
@media(max-width:600px){
  
  .problem-heading>div,.mechanism-head>div,.template-head>div,
  .pricing-copy,.faq-grid>div:first-child,.team-head>div,
  .usp-head>div,.final-cta-copy,.aftercare-shell>div:first-child{
    text-align:center;
  }
  .section h2,.final-cta h2,.template-story h2,.team-section h2{
    text-align:center;
    text-wrap:balance;
  }
  
  
  .problem-heading>p,.mechanism-intro,.template-head>p,
  .team-intro,.final-cta-copy p{
    text-align:center;
  }
  .mechanism-intro h3,.team-intro span{
    text-align:center;
  }
  
  .problem .research-stat-label,
  .problem .research-proof-label{
    letter-spacing:.08em;
    overflow-wrap:anywhere;
    text-wrap:balance;
  }
  .problem .research-conclusion,
  .problem .research-stats-single>.research-stat{
    min-width:0;
  }
}
@media(max-width:600px){
  
  .problem .research-conclusion{
    padding:24px 22px 26px;
    border:1px solid rgba(255,255,255,.1);
    border-radius:16px;
    background:rgba(255,255,255,.04);
  }
  
  
}
@media(max-width:600px){
  
  .problem .research-stats-single>.research-conclusion{
    padding:24px 22px 26px;
    border:1px solid rgba(255,255,255,.1);
    border-radius:16px;
    background:rgba(255,255,255,.04);
  }
  
  .mechanism-head{gap:0}
  .mechanism-head h2{margin:14px 0 0}
  .mechanism-head .section-label{margin-bottom:2px}
  .mechanism-intro{margin-top:22px}
  .mechanism-intro h3{margin:0 0 10px;font-size:17px;line-height:1.25}
  .mechanism-intro p{margin:0;font-size:13px;line-height:1.6}
  .mechanism-shell{margin-top:30px}
}
@media(max-width:600px){
  
}
.br-mobile{display:none}
@media(max-width:600px){
  .br-mobile{display:inline}
  
  .price-head{min-height:0;padding-right:96px}
  .price-corner .pricing-icon-3d{width:72px;height:72px}
  .price{margin-top:18px}
  .price strong{font-size:46px}
  .price-card{padding:22px 18px}
  
  .pricing-note{flex-direction:column;align-items:center;gap:10px;text-align:center}
  .pricing-note p{text-align:center}
}
@media(max-width:600px){
  
  .price-card .price-head{min-height:66px;padding-right:92px}
}
.nav-shell{
  border-bottom-right-radius:22px;
  border-bottom-left-radius:22px;
}
@media(max-width:600px){
  .nav-shell{
    border-bottom-right-radius:18px;
    border-bottom-left-radius:18px;
  }
}
@media(max-width:600px){
  
  .section h2,
  .final-cta h2,
  .template-story h2,
  .problem-heading h2,
  .mechanism-head h2,
  .pricing-copy h2,
  .faq-grid h2,
  .team-section .team-head h2{
    font-size:26px;
    line-height:1.1;
  }
  
  .pain-grid article h3,
  .feature-grid article h3,
  .trust-grid article h3,
  .usp-grid article h3,
  .mechanism-steps article h3,
  .mechanism-intro h3{
    font-size:16px;
    line-height:1.3;
  }
  
  .section-intro,
  .problem-heading>p,
  .mechanism-intro p,
  .template-head>p,
  .team-section .team-intro p,
  .pricing-copy>p,
  .final-cta-copy p{
    font-size:14px;
    line-height:1.6;
  }
  
  .pain-grid article p,
  .feature-grid article p,
  .trust-grid article p,
  .usp-grid article p,
  .mechanism-steps article p{
    font-size:13px;
    line-height:1.55;
  }
}
@media(min-width:601px){
  .mechanism-head{
    display:block;
    text-align:center;
  }
  .mechanism-head>div{max-width:none}
  .mechanism-head h2{margin:18px 0 0}
  .mechanism-intro{
    max-width:760px;
    margin:26px auto 0;
    padding-bottom:0;
    text-align:center;
  }
  .mechanism-intro h3{
    margin:0 0 12px;
    font:800 clamp(21px,2.1vw,27px)/1.25 var(--serif);
    letter-spacing:-.03em;
    color:#1d211d;
  }
  .mechanism-intro p{
    max-width:660px;
    margin:0 auto;
    color:var(--muted);
    font-size:16px;
    line-height:1.65;
  }
}
@media(min-width:601px){
  .hero-lead-steps{
    position:relative;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:0;
    margin:16px 0 0;
    padding:18px 10px 16px;
    border:1px solid rgba(237,106,50,.15);
    border-radius:18px;
    background:linear-gradient(180deg,#fff7f1,#fffcfa);
    box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 1px 2px rgba(64,39,25,.04);
  }
  
  .hero-lead-steps::before{
    content:"";
    position:absolute;
    z-index:0;
    top:35px;
    left:21%;
    right:21%;
    height:2px;
    background:linear-gradient(90deg,#f7ddcd,#f0b190);
  }
  .hero-lead-steps li{
    display:flex;
    flex-direction:column;
    align-items:center;
    gap:11px;
    padding:0 6px;
    text-align:center;
    font-size:11.5px;
    line-height:1.32;
  }
  .hero-lead-steps li>span{
    position:relative;
    z-index:1;
    width:36px;
    height:36px;
    border:2px solid #fff;
    border-radius:50%;
    background:var(--accent);
    color:#fff;
    font-size:11px;
    box-shadow:0 6px 16px rgba(237,106,50,.28);
  }
  .hero-lead-steps strong{text-wrap:pretty}
  .hero-lead-steps .step-full{display:none}
  .hero-lead-steps .step-brief{display:inline}
}
.pricing-cards{display:grid;gap:16px}
.upsell-card{
  align-self:start;
  padding:20px 20px 22px;
  border:1px solid rgba(23,24,23,.1);
  border-radius:20px;
  background:rgba(255,255,255,.52);
}
.upsell-card .addons-label{
  display:block;
  margin:0 0 12px;
  color:#8a8d86;
  font-size:10px;
  font-weight:800;
  letter-spacing:.14em;
  text-transform:uppercase;
}
.upsell-card .ai-upsell{
  margin:0;
  padding:0;
  border:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
}
.upsell-card .ai-upsell::after{display:none}
.upsell-card .ai-upsell summary span{color:var(--accent);font-size:10px;letter-spacing:.1em}
.upsell-card .ai-upsell summary strong{margin-top:5px;font-size:21px;letter-spacing:-.03em}
.upsell-card .ai-upsell>small{color:var(--muted);font-size:12px;line-height:1.55}
@media(min-width:601px){
  .pricing-head{text-align:center}
  .pricing-head .pricing-copy>p{max-width:620px;margin-inline:auto}
  .pricing-head .pricing-note{
    justify-content:center;
    max-width:600px;
    margin-inline:auto;
    text-align:left;
  }
  .pricing-cards{
    grid-template-columns:minmax(0,1.32fr) minmax(0,.84fr);
    gap:22px;
    align-items:start;
    max-width:1040px;
    margin:44px auto 0;
  }
}
@media(min-width:601px){
  .team-section .team-head{
    display:block;
    text-align:center;
  }
  .team-section .team-head>div{max-width:none}
  .team-section .team-head h2{margin:16px 0 0}
  .team-section .team-intro{
    max-width:700px;
    margin:24px auto 0;
    padding-bottom:0;
    text-align:center;
  }
  .team-section .team-intro p{margin:0 0 16px}
}
@media(min-width:601px){
  .problem-heading{
    display:block;
    text-align:center;
  }
  .problem-heading>div{max-width:none}
  .problem-heading h2{margin:16px 0 0}
  .problem-heading>p{
    max-width:660px;
    margin:20px auto 0;
    text-align:center;
  }
}
.pricing-card{
  position:relative;
  display:flex;
  flex-direction:column;
  padding:26px 24px 24px;
  border:1px solid rgba(23,24,23,.1);
  border-radius:22px;
  background:#fff;
  box-shadow:0 2px 6px rgba(36,31,22,.05);
  transition:transform .35s cubic-bezier(.16,1,.3,1),box-shadow .35s,border-color .35s;
}
.pricing-card.is-addon{
  background:rgba(255,255,255,.55);
  box-shadow:none;
}
@media(hover:hover){
  .pricing-card:hover{
    transform:translateY(-5px) scale(1.012);
    border-color:rgba(237,106,50,.28);
    box-shadow:0 18px 40px rgba(36,31,22,.13);
  }
  .pricing-card:hover .pricing-card-icon{transform:scale(1.1) rotate(-5deg)}
}
.pricing-card-top{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}
.pricing-card-icon{
  flex:none;
  width:80px;
  height:80px;
  object-fit:contain;
  transition:transform .45s cubic-bezier(.16,1,.3,1);
}
.pricing-card.is-addon .pricing-card-icon{width:58px;height:58px}
.pricing-card-tag{
  display:inline-flex;
  padding:4px 10px;
  border-radius:999px;
  background:#fff0e8;
  color:var(--accent);
  font-size:10px;
  font-weight:800;
  letter-spacing:.1em;
  text-transform:uppercase;
}
.pricing-card-tag.is-quiet{background:rgba(23,24,23,.06);color:#8a8d86}
.pricing-card h3{
  margin:12px 0 0;
  font:800 21px/1.2 var(--serif);
  letter-spacing:-.03em;
  color:var(--ink);
}
.pricing-card.is-addon h3{font-size:17px}
.pricing-card-price{display:flex;align-items:baseline;gap:9px;margin-top:12px}
.pricing-card-price strong{font:800 46px/1 var(--serif);letter-spacing:-.05em;color:var(--ink)}
.pricing-card.is-addon .pricing-card-price strong{font-size:27px}
.pricing-card-price small{color:var(--muted);font-size:12px}
.pricing-card-recurring{margin:9px 0 0;color:var(--muted);font-size:12.5px}
.pricing-card-desc{margin:16px 0 0;color:var(--muted);font-size:14px;line-height:1.6}
.pricing-card.is-addon .pricing-card-desc{font-size:13px}
.pricing-card-features{list-style:none;margin:18px 0 0;padding:0;display:grid;gap:9px}
.pricing-card-features li{
  position:relative;
  padding-left:22px;
  font-size:13.5px;
  line-height:1.45;
  color:var(--ink);
}
.pricing-card-features li::before{
  content:"";
  position:absolute;
  left:2px;
  top:.45em;
  width:8px;
  height:8px;
  border-radius:2px;
  background:var(--accent);
  transform:rotate(45deg);
}
.pricing-card.is-addon .pricing-card-features li{font-size:12.5px;color:var(--muted)}
.pricing-card.is-addon .pricing-card-features li::before{background:rgba(237,106,50,.55)}
.pricing-card-foot{margin-top:auto;padding-top:22px}
.pricing-card-foot>strong{display:block;margin-bottom:12px;text-align:center;font:800 15px var(--serif);letter-spacing:-.02em}
.pricing-card-foot .cta-subline{margin:10px 0 0;text-align:center}
.pricing-card.is-addon .ranking-note{margin:16px 0 0}
@media(max-width:600px){
  .pricing-card{padding:22px 18px 20px;border-radius:18px}
  .pricing-card-icon{width:62px;height:62px}
  .pricing-card.is-addon .pricing-card-icon{width:48px;height:48px}
  .pricing-card-price strong{font-size:38px}
  .pricing-card h3{font-size:19px}
}
@supports ((background-clip:text) or (-webkit-background-clip:text)) and (color:color-mix(in oklab,red 50%,#fff)){
  
  h1 em.is-shimmer,h2 em.is-shimmer,.compare-time.accent strong.is-shimmer{
    --shine:color-mix(in oklab,currentColor 30%,#fff);
    --shine-soft:color-mix(in oklab,currentColor 68%,#fff);
    background-image:linear-gradient(105deg,
      currentColor 0%,
      currentColor 40%,
      var(--shine-soft) 46%,
      var(--shine) 50%,
      var(--shine-soft) 54%,
      currentColor 60%,
      currentColor 100%);
    background-repeat:no-repeat;
    background-size:280% 100%;
    background-color:currentColor;
    -webkit-box-decoration-break:clone;
    box-decoration-break:clone;
    -webkit-background-clip:text;
    background-clip:text;
    -webkit-text-fill-color:transparent;
    animation:headlineShimmer 1.9s cubic-bezier(.45,0,.55,1) 1 both;
  }
  
  @keyframes headlineShimmer{
    from{background-position:100% center}
    to{background-position:0% center}
  }
  @media(prefers-reduced-motion:reduce){
    h1 em.is-shimmer,h2 em.is-shimmer,.compare-time.accent strong.is-shimmer{animation:none;background-image:none;-webkit-text-fill-color:currentColor}
  }
}
.mechanism-pipeline{margin:16px 0 4px;padding:14px 0 2px;border-top:1px solid rgba(23,24,23,.13)}
.mechanism-pipeline>small{display:block;margin-bottom:9px;color:#8a8d86;font-size:9px;font-weight:800;letter-spacing:.13em;text-transform:uppercase}
.pipeline-chips{display:flex;flex-wrap:wrap;align-items:center;gap:6px}
.pipeline-chips span{padding:5px 9px;border:1px solid rgba(23,24,23,.12);border-radius:999px;background:rgba(255,255,255,.6);color:#5b5d57;font-size:10px;font-weight:700}
.pipeline-chips span:not(:last-child)::after{content:"\2192";margin-left:8px;color:var(--accent);font-weight:400}
@media(max-width:600px){
  .pipeline-chips span{font-size:9px;padding:4px 7px}
}
@media(max-width:600px){
  .section h2,
  .final-cta h2,
  .template-story h2,
  .problem-heading h2,
  .mechanism-head h2,
  .pricing-copy h2,
  .faq-grid h2,
  .team-section .team-head h2{
    font-size:clamp(32px,9.6vw,38px);
    line-height:1.06;
    letter-spacing:-.045em;
    text-wrap:balance;
  }
  
  main h1{
    font-size:clamp(38px,11.5vw,46px);
    line-height:1.04;
  }
}
.brand-click{color:var(--accent)}
.problem .brand-click,.team-section .brand-click,.template-story .brand-click,.final-cta .brand-click,.generator .brand-click{color:#ff8350}
.new-way .brand-click{color:#ff9d72}
.engine-visual.engine-scrub{background:radial-gradient(circle at 50% 40%,rgba(237,106,50,.12),transparent 58%),linear-gradient(160deg,#f8f4ed,#ece6da);border:1px solid rgba(23,24,23,.1);box-shadow:0 30px 70px rgba(31,27,22,.14);color:var(--ink)}
.engine-visual.engine-scrub:before{background-image:linear-gradient(rgba(23,24,23,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(23,24,23,.045) 1px,transparent 1px)}
.engine-scrub .scrub-poster,.engine-scrub .scrub-canvas{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.engine-scrub .scrub-poster{transition:opacity .35s ease}
.engine-scrub .scrub-canvas{opacity:0;transition:opacity .35s ease}
.engine-scrub.is-ready .scrub-canvas{opacity:1}
.engine-scrub.is-ready .scrub-poster{opacity:0}
.scrub-phase{position:absolute;z-index:3;left:20px;bottom:20px;display:flex;align-items:center;gap:11px;padding:9px 18px 9px 9px;border-radius:999px;background:rgba(255,255,255,.92);backdrop-filter:blur(10px);box-shadow:0 14px 35px rgba(31,27,22,.16)}
.scrub-phase span{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--accent);color:#fff;font-size:10px;font-weight:800}
.scrub-phase strong{font:700 14px var(--serif);letter-spacing:-.02em;white-space:nowrap}
.scrub-progress{position:absolute;z-index:3;right:20px;top:22px;width:90px;height:4px;border-radius:99px;background:rgba(23,24,23,.14);overflow:hidden}
.scrub-progress i{display:block;width:0;height:100%;border-radius:99px;background:var(--accent)}
@media(min-width:901px){
  @supports (overflow:clip){.mechanism.section{overflow:clip}}
  .mechanism-shell{display:block;height:300vh}
  .mechanism-stage{position:sticky;top:86px;display:grid;grid-template-columns:1.05fr .95fr;gap:55px;align-items:center}
  .engine-visual.engine-scrub{height:min(76vh,640px);min-height:520px}
  .mechanism-steps article{opacity:0;transform:translateY(26px);transition:opacity .65s cubic-bezier(.22,.61,.36,1),transform .65s cubic-bezier(.22,.61,.36,1)}
  .mechanism-steps article.is-shown{opacity:1;transform:none}
  .mechanism-steps article>span{transition:background .35s,color .35s,box-shadow .35s}
  .mechanism-steps article.is-active>span{background:var(--accent);color:#fff;box-shadow:0 0 0 6px rgba(237,106,50,.14)}
  .mechanism-pipeline,.mechanism-truth{opacity:0;transform:translateY(20px);transition:opacity .6s ease .1s,transform .6s ease .1s}
  .mechanism-shell.is-complete .mechanism-pipeline,.mechanism-shell.is-complete .mechanism-truth{opacity:1;transform:none}
}
@media(prefers-reduced-motion:reduce){.engine-scrub .scrub-canvas{display:none}.engine-scrub.is-ready .scrub-poster{opacity:1}}
.friction{position:relative;overflow:clip}
.friction>.container{position:relative;z-index:2}
@media(max-width:900px){
  @supports (overflow:clip){.mechanism.section{overflow:clip}}
  .mechanism-shell{display:block;height:230svh}
  .mechanism-stage{position:sticky;top:70px;display:flex;flex-direction:column;gap:14px}
  .engine-visual.engine-scrub{display:block;height:46svh;min-height:280px;border-radius:18px}
  .mechanism-steps{position:relative}
  .mechanism-steps article{position:absolute;top:0;left:0;right:0;border-top:0;padding:14px 0 0;opacity:0;transform:translateY(-24px);transition:opacity .45s cubic-bezier(.22,.61,.36,1),transform .45s cubic-bezier(.22,.61,.36,1);pointer-events:none}
  .mechanism-steps article.is-active{opacity:1;transform:none;pointer-events:auto}
  .mechanism-steps article.is-past{transform:translateY(24px)}
  .mechanism-steps article>span{transition:background .35s,color .35s}
  .mechanism-steps article.is-active>span{background:var(--accent);color:#fff}
  .mechanism-pipeline{margin-top:15.5rem}
  .mechanism-pipeline,.mechanism-truth{opacity:0;transition:opacity .6s ease .1s}
  .mechanism-shell.is-complete .mechanism-pipeline,.mechanism-shell.is-complete .mechanism-truth{opacity:1}
  .scrub-phase{left:12px;bottom:12px;padding:7px 13px 7px 7px}
  .scrub-phase span{width:24px;height:24px;font-size:9px}
  .scrub-phase strong{font-size:12px}
  .scrub-progress{right:12px;top:14px;width:64px}
}
@media(max-width:600px){
  .pain-grid article,.feature-grid article,.trust-grid article{grid-template-columns:60px minmax(0,1fr);column-gap:16px;align-items:center}
  .pain-grid .semantic-icon-3d,.feature-grid .semantic-icon-3d,.trust-grid .semantic-icon-3d{grid-column:1;grid-row:1/3;width:56px;height:56px;justify-self:center;align-self:center;margin:0;animation:none;transform:none}
}
.iphone-chat-demo .chat-bubble{position:relative}
.iphone-chat-demo .chat-bubble .bubble-meta{float:right;display:inline-flex;align-items:center;gap:3px;margin:8px -5px -3px 9px;font-size:8.5px;font-weight:500!important;color:rgba(17,27,33,.45)!important;line-height:1}
.iphone-chat-demo .bubble-ticks{fill:none;stroke:#53bdeb;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.iphone-chat-demo .message-row.outgoing .chat-bubble::after{content:"";position:absolute;top:0;right:-7px;width:8px;height:10px;background:#d9fdd3;clip-path:polygon(0 0,100% 0,0 100%)}
.iphone-chat-demo .message-row.incoming .chat-bubble::after{content:"";position:absolute;top:0;left:-7px;width:8px;height:10px;background:#fff;clip-path:polygon(0 0,100% 0,100% 100%)}
.iphone-chat-demo .message-row.incoming .message-inline{align-items:flex-start}
.iphone-chat-demo .message-composer i{background:#00a884}
.iphone-chat-demo .typing-indicator{border-top-left-radius:2px}
.team-section{background:#eee9df;background-image:linear-gradient(rgba(238,233,223,.92),rgba(238,233,223,.96)),url("assets/images/visual-system/backgrounds/architectural-warm.webp");background-size:cover;background-position:center}
.team-section .team-head h2{color:var(--ink)}
.team-section .team-head h2 em{color:var(--accent)}
.team-section .section-label{color:var(--accent)}
.team-section .team-intro p{color:var(--muted)}
.team-grid:has(.team-id-card){grid-template-columns:repeat(3,1fr);gap:18px;margin-top:88px}
.team-section .team-card.team-id-card{position:relative;display:block;overflow:visible;min-height:0;padding:0;border:1px solid transparent;border-radius:22px;background:linear-gradient(#fff,#fff) padding-box,linear-gradient(170deg,rgba(237,106,50,.42),rgba(23,24,23,.09) 34%,rgba(23,24,23,.09) 70%,rgba(237,106,50,.2)) border-box;box-shadow:0 2px 6px rgba(20,22,20,.05),0 18px 45px rgba(20,22,20,.08);backdrop-filter:none;transition:transform .35s cubic-bezier(.22,1,.36,1),box-shadow .35s}
.team-section .team-card.team-id-card .team-avatar{position:relative;display:flex;align-items:flex-end;justify-content:center;height:236px;border-radius:21px 21px 0 0;background:radial-gradient(120% 85% at 50% 100%,rgba(237,106,50,.16),transparent 62%),linear-gradient(180deg,#f7f3ec,#e9e3d7);pointer-events:none}
.team-section .team-card.team-id-card .team-avatar img{display:block;width:auto;height:117%;max-width:90%;object-fit:contain;object-position:bottom center}
.team-section .team-card.team-id-card::after{content:none}
.team-section .team-card.team-id-card .team-id{position:relative;overflow:hidden;padding:20px 18px 24px;border:0;border-radius:0 0 21px 21px;background:radial-gradient(130% 160% at 50% -45%,rgba(237,106,50,.55),rgba(237,106,50,.1) 55%,transparent 75%),#171817;backdrop-filter:none;text-align:center}
.team-section .team-card.team-id-card .team-id-name{margin:0;font:700 20px/1.2 var(--serif);letter-spacing:-.03em;color:#fff}
.team-section .team-card.team-id-card .team-id-role{display:inline-flex;margin-top:8px;padding:4px 12px;border-radius:999px;border:1px solid rgba(255,131,80,.3);background:rgba(255,131,80,.14);color:#ffb18e;font-size:9.5px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}
.team-section .team-proof{margin-top:38px;padding:18px 22px;border:1px solid rgba(23,24,23,.1);border-radius:16px;background:rgba(255,255,255,.72);color:var(--muted)}
.team-section .team-proof p{color:var(--muted)}
.team-section .team-proof strong{color:var(--ink)}
.team-section .team-proof address{color:var(--muted)}
@media(hover:hover){.team-section .team-card.team-id-card:hover{transform:translateY(-4px);background:linear-gradient(#fff,#fff) padding-box,linear-gradient(170deg,rgba(237,106,50,.6),rgba(237,106,50,.14) 40%,rgba(23,24,23,.1) 70%,rgba(237,106,50,.32)) border-box;box-shadow:0 3px 8px rgba(20,22,20,.05),0 26px 55px rgba(20,22,20,.12)}}@media(max-width:900px){
  .team-grid:has(.team-id-card){grid-template-columns:1fr;gap:52px;margin-top:70px;width:calc(100% - 28px);margin-left:auto;margin-right:auto}
  .team-section .team-card.team-id-card{max-width:320px;margin:0 auto;width:100%}
  .team-section .team-card.team-id-card .team-avatar{height:212px}
}
.chat-demo.wa-demo{position:relative;width:min(100%,440px);margin:0 auto;padding:0;background:transparent;container-type:inline-size}
.wa-demo .wa-base{display:block;width:100%;height:auto;border-radius:20px}
.wa-demo .wa-thread{position:absolute;left:9.5%;right:8.5%;top:29.4%;bottom:6%;display:flex;flex-direction:column;gap:1.7cqw;overflow:hidden}
.wa-demo .wa-msg{position:relative;max-width:94%;padding:2.1cqw 2.6cqw 1.5cqw;border-radius:3.4cqw;box-shadow:0 1px 1px rgba(11,20,26,.13)}
.wa-demo .wa-msg p{margin:0;font:500 2.72cqw/1.42 var(--sans);letter-spacing:0;color:#111b21}
.wa-demo .wa-out{align-self:flex-end;background:#d9fdd3;border-top-right-radius:1cqw}
.wa-demo .wa-in{align-self:flex-start;background:#fff;border-top-left-radius:1cqw}
.wa-demo .wa-meta{display:flex;justify-content:flex-end;align-items:center;gap:.8cqw;margin-top:.5cqw;font-size:2.2cqw;font-weight:500;color:rgba(17,27,33,.5)}
.wa-demo .wa-meta svg{width:3.6cqw;height:2.2cqw;fill:#53bdeb}
.wa-demo .wa-docrow{display:flex;align-items:center;gap:2.3cqw;margin:-.4cqw -.7cqw 1.3cqw;padding:2cqw 2.2cqw;border-radius:2.3cqw;background:rgba(17,27,33,.07)}
.wa-demo .wa-pdfico{display:grid;place-items:center;flex:0 0 8.6cqw;height:8.6cqw;border-radius:2cqw;background:#e9504e;color:#fff;font-size:2.3cqw;font-weight:800;letter-spacing:.02em}
.wa-demo .wa-docmeta{min-width:0}
.wa-demo .wa-docmeta strong{display:block;overflow:hidden;font-size:2.9cqw;font-weight:700;color:#111b21;white-space:nowrap;text-overflow:ellipsis}
.wa-demo .wa-docmeta small{display:block;margin-top:.5cqw;font-size:2.4cqw;font-weight:500;color:rgba(17,27,33,.55)}
.wa-demo .wa-mini{position:absolute;left:-2.4cqw;bottom:-1.6cqw;display:grid;place-items:center;width:6.4cqw;height:6.4cqw;border-radius:50%;background:#fff;box-shadow:0 2px 7px rgba(0,0,0,.16)}
.wa-demo .wa-mini img{width:74%;height:74%;object-fit:contain}
.wa-demo .wa-typing{align-self:flex-start;overflow:hidden;max-height:14cqw;display:flex;gap:1cqw;align-items:center;padding:2.5cqw 3cqw;border-radius:3.4cqw;border-top-left-radius:1cqw;background:#fff;box-shadow:0 1px 1px rgba(11,20,26,.1)}
.wa-demo .wa-typing i{width:1.2cqw;height:1.2cqw;border-radius:50%;background:#9aa39b;animation:waTypDot 1.1s ease-in-out infinite}
.wa-demo .wa-typing i:nth-child(2){animation-delay:.18s}
.wa-demo .wa-typing i:nth-child(3){animation-delay:.36s}
@keyframes waTypDot{0%,60%,100%{transform:translateY(0);opacity:.55}30%{transform:translateY(-3px);opacity:1}}
@media(prefers-reduced-motion:reduce){.wa-demo .wa-typing i{animation:none}}
.motion-ready .wa-demo .wa-msg{opacity:0;will-change:transform,opacity}
.motion-ready .wa-demo .wa-typing{opacity:0}
.motion-ready .wa-demo.is-visible .wa-doc{animation:messagePop .55s cubic-bezier(.16,1,.3,1) .35s both}
.motion-ready .wa-demo.is-visible .wa-out:not(.wa-doc){animation:messagePop .5s cubic-bezier(.16,1,.3,1) 1.25s both}
.motion-ready .wa-demo.is-visible .wa-typing{animation:messageTyping 1.45s ease-in-out 2.1s both,waTypingWeg .3s ease 3.5s both}
.motion-ready .wa-demo.is-visible .wa-typing i{animation:typingDot .7s ease-in-out 2.2s 2}
.motion-ready .wa-demo.is-visible .wa-typing i:nth-child(2){animation-delay:2.32s}
.motion-ready .wa-demo.is-visible .wa-typing i:nth-child(3){animation-delay:2.44s}
.motion-ready .wa-demo.is-visible .wa-in{animation:messagePop .55s cubic-bezier(.16,1,.3,1) 3.7s both}
@media(prefers-reduced-motion:reduce){
  .motion-ready .wa-demo .wa-msg,.motion-ready .wa-demo .wa-typing{opacity:1;animation:none!important}
  .motion-ready .wa-demo .wa-typing{display:none}
}
@keyframes waTypingWeg{to{max-height:0;margin-top:-1.7cqw;padding-top:0;padding-bottom:0;opacity:0;box-shadow:none}}
@media(min-width:901px){
  .hero-vsl-layout{align-items:center}
  .vsl-stage{align-self:center;height:auto;aspect-ratio:16/9;min-height:0}
}
@media(min-width:901px){
  .hero-vsl-head h1{max-width:none;font-size:clamp(42px,4.4vw,58px)}
}
.problem{background-image:none;background-color:#f5f2eb}
.deliverables{background-image:none;background-color:#f5f2eb}
.paths,.pricing{background-image:none;background-color:#eee9df}
.team-section{background-color:#eee9df;background-image:linear-gradient(rgba(238,233,223,.84),rgba(238,233,223,.94)),url("assets/images/visual-system/backgrounds/team-restaurant.webp");background-size:cover;background-position:center}
.faq{background-image:none;background-color:#f5f2eb}
.trust-system{background:#f5f2eb;background-image:none}
.trust-system h2{color:var(--ink)}
.trust-system h2 em{color:var(--accent)}
.trust-system .section-label.light{color:var(--accent)}
.trust-system .trust-intro{color:var(--muted)}
.final-cta{position:relative;background-image:none;background-color:#171817}
.final-cta::before{content:none}
.template-story::before{content:none}
.problem .problem-heading h2,.problem h2{color:var(--ink)}
.problem h2 em{color:var(--accent)}
.problem .problem-heading p{color:var(--muted)}
.problem .section-label.light{color:var(--accent)}
.hero-vsl{position:relative;background-image:linear-gradient(180deg,rgba(245,242,235,.72) 0%,rgba(245,242,235,.88) 55%,rgba(245,242,235,.97) 100%),url("assets/images/hero-espresso-desktop.webp");background-size:cover;background-position:center top}
@media(max-width:900px){
  .hero-vsl{background-image:linear-gradient(180deg,rgba(245,242,235,.8) 0%,rgba(245,242,235,.88) 45%,rgba(245,242,235,.97) 100%),url("assets/images/hero-espresso-mobil.webp");background-position:center bottom}
}
.chat-demo.wa-demo{display:block!important}
@media(max-width:900px){
  .chat-feature .chat-copy{order:1;padding-bottom:0}
  .chat-demo.wa-demo{order:2;margin:10px auto 0;width:min(100%,370px)}
}
.wa-demo .wa-mini{display:none}
[data-velaris]{position:relative;overflow:hidden}
[data-velaris]>.velaris-canvas{position:absolute;inset:0;z-index:0;width:100%;height:100%;pointer-events:none;border-radius:inherit}
[data-velaris]>*:not(.velaris-canvas){position:relative;z-index:1}
.template-sticky[data-velaris]{position:sticky}
@media(max-width:600px){.template-sticky[data-velaris]{position:relative}}
.template-story{overflow:clip}
.template-sticky[data-velaris]{position:sticky;top:74px}
@media(max-width:600px){.template-sticky[data-velaris]{position:relative;top:auto}}
.mechanism-zitat{display:none}
@media(max-width:900px){
  .mechanism-zitat{display:block;margin:11rem 0 0;padding:18px 18px 16px;border:1px solid rgba(23,24,23,.1);border-radius:16px;background:rgba(255,255,255,.8);backdrop-filter:blur(8px)}
  .mechanism-zitat blockquote{margin:0;font:700 17px/1.4 var(--serif);letter-spacing:-.02em;color:var(--ink)}
  .mechanism-zitat figcaption{display:flex;align-items:center;gap:11px;margin-top:12px}
  .mechanism-zitat figcaption img{width:44px;height:44px;border-radius:50%;background:linear-gradient(180deg,#f6f2ea,#e9e3d7);object-fit:cover;object-position:top center;border:1px solid rgba(23,24,23,.1)}
  .mechanism-zitat strong{display:block;font-size:13px;color:var(--ink)}
  .mechanism-zitat small{display:block;margin-top:1px;font-size:11px;color:var(--muted)}
  .mechanism-pipeline{margin-top:1.4rem}
}
main#top>.trust-system{position:sticky;top:0;z-index:0}
main#top>.team-section{z-index:1;border-radius:28px 28px 0 0;box-shadow:0 -28px 70px rgba(10,11,10,.18)}
@media(max-width:600px){main#top>.team-section{border-radius:22px 22px 0 0}}
@media(prefers-reduced-motion:reduce){main#top>.trust-system{position:static}}
.hero-vsl{background-color:#f5f2eb;background-image:url("assets/images/visual-system/backgrounds/hero-desktop-warm.webp");background-position:top center;background-size:100% auto;background-repeat:no-repeat}
@media(max-width:600px){
  .hero-vsl{background-image:url("assets/images/visual-system/backgrounds/hero-mobile-warm.webp")}
}
.friction>.restaurant-marquee-bg{opacity:.92}
.friction>.restaurant-marquee-bg::after{background:linear-gradient(180deg,rgba(236,231,222,.94) 0%,rgba(236,231,222,.72) 20%,rgba(236,231,222,0) 38%),radial-gradient(74% 60% at 50% 46%,rgba(236,231,222,.55) 0%,rgba(236,231,222,.32) 45%,rgba(236,231,222,.1) 72%,rgba(236,231,222,0) 100%)}
.friction .compare-card.old-way{background:rgba(255,255,255,.8);backdrop-filter:blur(10px)}
@media(max-width:900px){
  .friction>.restaurant-marquee-bg{opacity:.85}
  .friction>.restaurant-marquee-bg::after{background:linear-gradient(180deg,rgba(236,231,222,.95) 0%,rgba(236,231,222,.86) 24%,rgba(236,231,222,.32) 46%,rgba(236,231,222,.42) 100%)}
}
.compare-card .compare-brand{margin:9px 0 24px}
.compare-brand-logo{display:block;width:200px;height:66px;object-fit:contain;object-position:left center}
@media(max-width:600px){.compare-brand-logo{width:172px;height:58px}}
@media(max-width:600px){
  .br-desktop{display:none}
  .faq{padding:56px 0}
  .faq .faq-grid{gap:22px}
  .faq .faq-grid h2{margin:12px 0 0}
  .faq .accordion details{padding:17px 0}
}
.compare-time.accent strong{color:#ff8350}
.compare-time.accent small{color:#ffb18e}
main#top>.faq,main#top>.final-cta{position:relative;z-index:1}
footer{position:relative;z-index:1}
@media(min-width:901px){
  .hero-vsl-layout{align-items:stretch}
  .vsl-stage{display:flex;align-items:center;align-self:stretch;height:auto;aspect-ratio:auto;min-height:0;background:linear-gradient(160deg,#fdfcf9,#efeadf)}
  .vsl-stage wistia-player{position:relative;inset:auto;width:calc(100% - 28px);height:auto;aspect-ratio:16/9;margin:0 auto;overflow:hidden;border-radius:15px;box-shadow:0 14px 40px rgba(38,31,23,.22)}
  .hero-conversion .cta-subline{display:none}
  .hero-conversion{padding:15px 24px}
  .hero-conversion h2{margin:6px 0;font-size:24px}
  .hero-lead-steps{margin-top:12px}
  .hero-quick-form{margin-top:10px}
  .hero-assurances{margin-top:12px;padding-top:12px}
}
@media(max-width:600px){
  .cmp-jack .compare-scroll-sticky{top:74px}
  .cmp-jack .compare-scroll-sticky .section-intro{display:none}
  .cmp-jack .compare-scroll-sticky h2{margin:10px 0;font-size:34px}
  .cmp-jack .comparison-swipe-cue{margin-top:10px}
  .cmp-jack .friction .comparison-grid{overflow-x:hidden!important}
}
@media(min-width:901px){
  .team-section .team-grid{grid-template-columns:repeat(2,minmax(0,1fr));max-width:800px;margin-left:auto;margin-right:auto}
}

/* Mobile Hero: Aufbau Headline -> Subheadline -> Video -> 3 Schritte -> URL-Feld/Button -> USPs.
   Kompakte Abstaende, damit URL-Feld und Button beim Laden moeglichst direkt sichtbar sind. */
@media(max-width:600px){
  .hero-conversion-intro{order:1;margin-top:2px;padding:8px 4px 0;border-top:0}
  .hero-lead-steps{margin-top:8px}
  .hero-quick-form{order:2;margin-top:14px}
  .hero-review-proof{order:3}
  .hero-assurances{order:4;margin-top:6px}
  .hero{padding-top:28px}
  .hero-vsl-head h1{margin:12px auto 10px;font-size:40px}
  .hero-vsl-head .hero-lead{font-size:14.5px;line-height:1.55}
  .hero-outcomes{display:none}
  .hero-vsl-layout{margin-top:14px}
}

/* Echte Vorher/Nachher-Referenzen im Karten-Faecher */
.template-shot.is-real-site .template-page-hero::after{display:none}
.template-shot.is-real-site .template-page-hero>img{filter:none;object-position:top}
.template-shot.is-real-site .template-screen{background:#fff}
.template-shot.is-real-site .template-page-body{padding:0;background:#fff}
.template-shot.is-real-site .template-page-body>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:top}
.template-shot.is-real-site .template-before-layer{background:#fff}
.template-old-shot{position:absolute;top:0;left:0;width:var(--screen-w,100%);height:100%;max-width:none;object-fit:cover;object-position:top left}

/* "Kein Risiko vorab" als dunkle Glow-Box — Stil 1:1 vom Final-CTA-Shell uebernommen;
   Desktop: in der rechten Spalte unter der Upsell-Karte */
.pricing-cards .pricing-note{position:relative;display:block;overflow:hidden;margin:0;padding:26px 28px;border:1px solid rgba(255,255,255,.13);border-radius:22px;background:linear-gradient(125deg,rgba(255,255,255,.075),rgba(255,255,255,.025)),#171817;box-shadow:0 34px 90px rgba(0,0,0,.28)}
.pricing-cards .pricing-note::before{content:"";position:absolute;right:-110px;top:-140px;width:380px;height:380px;border-radius:50%;background:radial-gradient(circle,rgba(237,106,50,.32),rgba(237,106,50,.06) 45%,transparent 69%);pointer-events:none}
.pricing-cards .pricing-note p{position:relative;z-index:1;margin:0;color:#ddd9d2;font-size:13.5px;line-height:1.65;text-shadow:0 0 18px rgba(255,255,255,.28)}
.pricing-cards .pricing-note strong{color:#fff;font-size:15px;text-shadow:0 0 16px rgba(255,255,255,.55),0 0 42px rgba(255,177,142,.35)}
@media(min-width:601px){
  .pricing-cards{grid-template-rows:auto 1fr}
  .pricing-cards .pricing-card.is-main{grid-column:1;grid-row:1/span 2}
  .pricing-cards .pricing-card.is-addon{grid-column:2;grid-row:1}
  .pricing-cards .pricing-note{grid-column:2;grid-row:2;align-self:start}
}

/* Pricing-Icons deutlich groesser — fuellen die leere Ecke der Karten */
.pricing-card-icon{width:130px;height:130px;margin:-10px -6px -14px 0}
.pricing-card.is-addon .pricing-card-icon{width:106px;height:106px;margin:-6px -4px -10px 0}
@media(max-width:600px){
  .pricing-card-icon{width:116px;height:116px;margin:-8px -2px -12px 0}
  .pricing-card.is-addon .pricing-card-icon{width:96px;height:96px;margin:-4px 0 -8px 0}
}

/* Scroll-Preview: Klick auf die aktive Karte laesst die neue Website durchfahren */
.template-shot.is-real-site .template-screen{cursor:pointer}
.template-shot.is-real-site .template-screen>img{position:absolute;top:0;left:0;width:100%;height:auto;transform:translateY(0);will-change:transform}
.template-shot.is-real-site .template-scroll-hint{opacity:1;transition:opacity .3s}
.template-shot.is-real-site.is-scroll-run .template-scroll-hint{opacity:0}
.template-shot.is-real-site:not(.is-fan-active) .template-scroll-hint{opacity:0}

/* 53%-Kachel: eingefaerbte Texte in unserem Marken-Orange statt Peach */
.problem .research-stat-label,.problem .research-proof-label{color:var(--accent)}
.problem .research-stats-single>.research-stat>strong{color:var(--accent)}
.problem .research-outcome{border-color:rgba(237,106,50,.38);background:rgba(237,106,50,.12)}