*{box-sizing:border-box}html{scroll-behavior:smooth}body.demo18{margin:0;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;overflow-x:hidden}body.demo18.font-serif h1,body.demo18.font-serif h2,body.demo18.font-serif .site-brand strong{font-family:Georgia,"Times New Roman",serif}.lab-disclaimer{min-height:40px;padding:8px 18px;background:#f3f5f7;color:#243545;display:flex;align-items:center;justify-content:center;gap:14px;font-size:12px;position:relative;z-index:50}.lab-disclaimer span{font-weight:900}.lab-disclaimer small{opacity:.78}.lab-disclaimer a{color:inherit;font-weight:800}.site-shell{width:min(1240px,calc(100% - 32px));margin:auto}.demo16-header{height:78px;display:flex;align-items:center;gap:24px;border-bottom:1px solid color-mix(in srgb,var(--text) 14%,transparent);position:sticky;top:0;background:color-mix(in srgb,var(--bg) 90%,transparent);backdrop-filter:blur(18px);z-index:40}.site-brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--text);min-width:220px}.site-brand>i{width:42px;height:42px;display:grid;place-items:center;background:var(--accent);color:var(--accent-text);font-style:normal;font-weight:950;box-shadow:0 12px 28px color-mix(in srgb,var(--accent) 30%,transparent)}.site-brand>i[data-shape=round]{border-radius:50%}.site-brand>i[data-shape=soft]{border-radius:13px}.site-brand>i[data-shape=diamond]{border-radius:10px;transform:rotate(10deg)}.site-brand>i[data-shape=pill]{border-radius:999px}.site-brand>i[data-shape=square]{border-radius:4px}.site-brand span{display:grid}.site-brand strong{font-size:17px;letter-spacing:-.02em}.site-brand small{font-size:10px;text-transform:uppercase;letter-spacing:.11em;color:var(--muted)}.demo16-header nav{display:flex;gap:22px;margin-left:auto}.demo16-header nav a{color:var(--text);opacity:.72;text-decoration:none;font-size:13px;font-weight:750}.header-action,.primary,.module-cta{border:0;background:var(--accent);color:var(--accent-text);border-radius:999px;padding:13px 18px;font-weight:900;cursor:pointer}.menu-toggle{display:none;margin-left:auto;border:1px solid color-mix(in srgb,var(--text) 16%,transparent);background:transparent;color:var(--text);width:44px;height:44px;border-radius:14px}.demo16-hero{min-height:650px;display:grid;grid-template-columns:1fr 1fr;gap:clamp(26px,5vw,70px);align-items:center;padding:72px 0 54px}.hero-copy{max-width:650px}.eyebrow,.section-head>span,.experience-copy>span{display:inline-block;font-size:11px;font-weight:900;letter-spacing:.13em;text-transform:uppercase;color:var(--signal)}.hero-copy h1{font-size:clamp(48px,6vw,84px);line-height:.92;letter-spacing:-.055em;margin:14px 0 22px}.hero-copy p{font-size:18px;line-height:1.7;color:var(--muted);max-width:60ch}.hero-actions{display:flex;gap:14px;align-items:center;margin-top:28px;flex-wrap:wrap}.hero-actions a{color:var(--text);font-weight:850}.trust-row{display:flex;gap:8px;flex-wrap:wrap;margin-top:28px}.trust-row span{border:1px solid color-mix(in srgb,var(--text) 14%,transparent);border-radius:999px;padding:8px 11px;font-size:11px;color:var(--muted)}.hero-widget{min-width:0}.mod{border:1px solid color-mix(in srgb,var(--text) 14%,transparent);background:linear-gradient(145deg,color-mix(in srgb,var(--surface) 92%,transparent),color-mix(in srgb,var(--panel) 94%,transparent));border-radius:28px;padding:22px;box-shadow:0 36px 90px color-mix(in srgb,#000 16%,transparent);overflow:hidden;position:relative}.mod:after{content:"";position:absolute;right:-60px;top:-60px;width:180px;height:180px;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--accent) 28%,transparent),transparent 70%);pointer-events:none}.room-visual{height:250px;border-radius:21px;background:linear-gradient(160deg,color-mix(in srgb,var(--accent2) 22%,var(--panel)),color-mix(in srgb,var(--accent) 10%,var(--surface)));position:relative;overflow:hidden;padding:24px;display:flex;flex-direction:column;justify-content:flex-end}.room-visual .sun{position:absolute;right:24px;top:24px;width:70px;height:70px;border-radius:50%;background:var(--accent);opacity:.55}.room-visual .horizon{position:absolute;left:-10%;right:-10%;bottom:42px;height:110px;border-radius:50% 50% 0 0;background:color-mix(in srgb,var(--accent2) 22%,transparent);transform:rotate(-4deg)}.room-visual b,.room-visual small{position:relative;z-index:2}.room-visual b{font-size:24px}.room-visual small{color:var(--muted);margin-top:5px}.date-row{display:grid;grid-template-columns:1fr 1fr 1.25fr;gap:8px;margin-top:12px}.date-row button,.times button,.service-pills button,.route-options button,.catalog-top button{border:1px solid color-mix(in srgb,var(--text) 12%,transparent);background:color-mix(in srgb,var(--surface) 88%,transparent);color:var(--text);border-radius:12px;padding:11px 8px}.date-row .active,.times .active,.service-pills .active,.route-options .active,.catalog-top .active{background:var(--accent);color:var(--accent-text);border-color:var(--accent)}.micro{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-top:15px;font-size:12px}.micro span{color:var(--muted)}.micro b{color:var(--signal)}.profile{display:flex;gap:12px;align-items:center}.avatar{width:58px;height:58px;border-radius:50%;background:radial-gradient(circle at 55% 35%,var(--accent) 0 17%,color-mix(in srgb,var(--accent2) 65%,var(--surface)) 18% 48%,color-mix(in srgb,var(--accent2) 25%,var(--surface)) 49%)}.profile span:last-child{display:grid}.profile small{color:var(--muted)}.week{display:flex;gap:12px;color:var(--signal);font-size:11px;font-weight:800;margin:24px 0 10px}.times{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.catalog-top,.cart-head,.range-head,.progress{display:flex;align-items:center;justify-content:space-between;gap:10px}.catalog-top>div{display:flex;gap:5px}.product-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:16px}.product-grid article{padding:10px;border-radius:16px;background:color-mix(in srgb,var(--surface) 88%,transparent);border:1px solid color-mix(in srgb,var(--text) 10%,transparent);display:grid;gap:5px}.product-art{height:120px;border-radius:12px;background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 26%,var(--surface)),color-mix(in srgb,var(--accent2) 28%,var(--panel)))}.product-art.b{background:linear-gradient(135deg,color-mix(in srgb,var(--accent2) 20%,var(--surface)),color-mix(in srgb,var(--accent) 18%,var(--panel)))}.product-grid small{color:var(--muted)}.order-item{display:grid;grid-template-columns:48px 1fr 38px;gap:10px;align-items:center;margin-top:12px;padding:11px;border-radius:15px;background:color-mix(in srgb,var(--surface) 88%,transparent);border:1px solid color-mix(in srgb,var(--text) 10%,transparent)}.order-item>i{width:44px;height:44px;border-radius:50% 50% 42% 58%;background:radial-gradient(circle at 40% 30%,var(--accent) 0 23%,var(--accent2) 24% 52%,color-mix(in srgb,var(--accent2) 65%,#111) 53%)}.order-item span{display:grid}.order-item small{color:var(--muted)}.order-item button{border:0;background:var(--accent);color:var(--accent-text);width:36px;height:36px;border-radius:12px;font-weight:900}.service-pills,.route-options{display:flex;gap:7px;flex-wrap:wrap}.service-list{display:grid;gap:10px;margin-top:18px}.service-list article{display:grid;grid-template-columns:40px 1fr 20px;align-items:center;gap:10px;padding:14px;border-bottom:1px solid color-mix(in srgb,var(--text) 10%,transparent)}.service-list article>span{color:var(--signal);font-weight:900}.service-list div{display:grid}.service-list small{color:var(--muted)}.quote-mod input[type=range]{width:100%;accent-color:var(--accent);margin:22px 0}.quote-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:15px}.quote-grid span{display:grid;padding:13px;border-radius:14px;background:color-mix(in srgb,var(--surface) 88%,transparent)}.quote-grid small{color:var(--muted)}.route-fields{display:grid;grid-template-columns:1fr 24px 1fr;align-items:center;gap:8px}.route-fields label{display:grid;gap:5px;padding:15px;background:color-mix(in srgb,var(--surface) 88%,transparent);border-radius:15px}.route-fields label span{font-size:11px;color:var(--muted)}.route-fields>i{text-align:center;color:var(--signal)}.route-options{margin-top:14px}.progress{display:grid;grid-template-columns:1fr auto;gap:10px}.progress>i{grid-column:1/-1;height:8px;background:color-mix(in srgb,var(--text) 10%,transparent);border-radius:99px;overflow:hidden}.progress>i em{display:block;width:68%;height:100%;background:var(--accent)}.lesson-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:18px}.lesson-grid article{display:grid;gap:4px;padding:12px;border-radius:14px;border:1px solid color-mix(in srgb,var(--text) 10%,transparent)}.lesson-grid article.active{background:color-mix(in srgb,var(--accent) 15%,transparent);border-color:color-mix(in srgb,var(--accent) 45%,transparent)}.lesson-grid small{color:var(--muted)}.metric-row{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.metric-row article{padding:12px;background:color-mix(in srgb,var(--surface) 88%,transparent);border-radius:13px;display:grid}.metric-row small{color:var(--muted)}.metric-row b{font-size:22px}.chart{height:180px;margin-top:18px;display:flex;align-items:flex-end;gap:8px;padding:14px;border-radius:16px;background:color-mix(in srgb,var(--surface) 70%,transparent)}.chart i{flex:1;background:linear-gradient(180deg,var(--accent),var(--accent2));border-radius:8px 8px 3px 3px}.gallery-mod{display:grid;grid-template-columns:1.35fr .65fr;gap:10px}.gallery-main,.gallery-side article{position:relative;overflow:hidden;border-radius:18px;background:linear-gradient(145deg,color-mix(in srgb,var(--accent) 18%,var(--surface)),color-mix(in srgb,var(--accent2) 30%,var(--panel)));min-height:270px}.gallery-main span,.gallery-side span{position:absolute;inset:16px;border:1px solid color-mix(in srgb,var(--text) 13%,transparent);border-radius:14px}.gallery-main b,.gallery-side b{position:absolute;left:20px;bottom:18px}.gallery-side{display:grid;gap:10px}.gallery-side article{min-height:130px}.feature-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:color-mix(in srgb,var(--text) 10%,transparent);border:1px solid color-mix(in srgb,var(--text) 10%,transparent);border-radius:22px;overflow:hidden;margin:10px 0 90px}.feature-strip article{background:var(--surface);padding:24px}.feature-strip article>span{color:var(--signal);font-size:11px;font-weight:900}.feature-strip h3{font-size:20px;margin:14px 0 8px}.feature-strip p{color:var(--muted);line-height:1.6;font-size:14px}.choice-section,.experience-section,.process-section{padding:82px 0}.section-head{max-width:780px}.section-head h2,.experience-copy h2,.closing h2{font-size:clamp(36px,5vw,62px);letter-spacing:-.045em;line-height:.98;margin:12px 0 14px}.section-head p,.experience-copy p,.closing p{color:var(--muted);line-height:1.7}.choice-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:34px}.choice-card{border:1px solid color-mix(in srgb,var(--text) 12%,transparent);background:var(--surface);color:var(--text);border-radius:22px;padding:22px;min-height:190px;text-align:left;display:flex;flex-direction:column;cursor:pointer}.choice-card>span{font-size:11px;color:var(--signal);font-weight:900}.choice-card b{font-size:24px;margin:auto 0 8px}.choice-card small{color:var(--muted)}.choice-card.is-on{outline:2px solid var(--accent);outline-offset:-2px}.experience-section{display:grid;grid-template-columns:.85fr 1.15fr;gap:44px;align-items:start}.bullet-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:26px}.bullet-grid span{padding:12px;border:1px solid color-mix(in srgb,var(--text) 11%,transparent);border-radius:14px;color:var(--muted)}.bullet-grid b{color:var(--signal);margin-right:6px}.interactive-card{min-width:0}.interaction-note{margin-top:10px;color:var(--muted);font-size:12px;padding:10px 12px;border:1px dashed color-mix(in srgb,var(--text) 14%,transparent);border-radius:12px}.process-section ol{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;padding:0;list-style:none;margin:34px 0 0}.process-section li{border-top:2px solid color-mix(in srgb,var(--text) 16%,transparent);padding-top:16px}.process-section li>b{color:var(--signal);font-size:11px}.process-section strong{display:block;font-size:20px;margin:8px 0}.process-section p{color:var(--muted);font-size:13px;line-height:1.6}.closing{margin:60px 0 50px;padding:clamp(28px,5vw,60px);border-radius:30px;background:linear-gradient(145deg,var(--panel),color-mix(in srgb,var(--panel) 75%,var(--accent2)));border:1px solid color-mix(in srgb,var(--text) 12%,transparent)}.closing>span{color:var(--accent);font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.12em}.closing h2{max-width:850px}.closing p{max-width:700px}.closing a{display:inline-flex;margin-top:20px;background:var(--accent);color:var(--accent-text);padding:14px 18px;border-radius:999px;font-weight:900;text-decoration:none}.demo16-footer{padding:30px 0 50px;border-top:1px solid color-mix(in srgb,var(--text) 12%,transparent);display:flex;justify-content:space-between;gap:18px;color:var(--muted);font-size:12px}.demo16-footer a{color:var(--text)}.toast{position:fixed;right:18px;bottom:18px;background:#fff;color:#13202c;padding:13px 15px;border-radius:13px;box-shadow:0 20px 60px #0003;transform:translateY(160%);transition:.22s;z-index:99}.toast.on{transform:translateY(0)}
/* layout variation */
.layout-split-reverse .demo16-hero .hero-copy{order:2}.layout-split-reverse .demo16-hero .hero-widget{order:1}.layout-centered .demo16-hero{grid-template-columns:1fr;text-align:center}.layout-centered .hero-copy{margin:auto}.layout-centered .hero-actions,.layout-centered .trust-row{justify-content:center}.layout-centered .hero-widget{width:min(760px,100%);margin:auto}.layout-editorial .demo16-hero{grid-template-columns:.82fr 1.18fr}.layout-editorial .hero-copy h1{font-size:clamp(54px,7vw,96px)}.layout-poster .demo16-hero{grid-template-columns:1fr;position:relative;min-height:720px}.layout-poster .hero-copy{max-width:820px;z-index:2}.layout-poster .hero-widget{width:min(600px,72%);margin-left:auto;margin-top:-220px}.layout-gridhero .demo16-hero{grid-template-columns:1.2fr .8fr}.layout-sidebar .demo16-hero{grid-template-columns:.72fr 1.28fr}.layout-stacked .demo16-hero{grid-template-columns:1fr}.layout-stacked .hero-widget{width:min(900px,100%)}.layout-magazine .demo16-hero{grid-template-columns:1fr 1fr}.layout-magazine .hero-copy{align-self:end;padding-bottom:40px}.layout-minimal .demo16-hero{grid-template-columns:1fr;min-height:560px}.layout-minimal .hero-copy{max-width:900px}.layout-minimal .hero-widget{width:min(680px,100%);margin-left:auto}.layout-bold .hero-copy h1{font-size:clamp(58px,8vw,104px);max-width:10ch}.layout-panel .demo16-hero{padding:32px;border:1px solid color-mix(in srgb,var(--text) 12%,transparent);border-radius:32px;margin-top:30px;background:color-mix(in srgb,var(--surface) 72%,transparent)}
@media(max-width:900px){.lab-disclaimer small{display:none}.demo16-header nav,.header-action{display:none}.menu-toggle{display:block}.site-brand{min-width:0}.demo16-hero,.experience-section{grid-template-columns:1fr!important;min-height:0;padding:48px 0}.layout-split-reverse .demo16-hero .hero-copy,.layout-split-reverse .demo16-hero .hero-widget{order:initial}.layout-poster .hero-widget{width:100%;margin:0}.choice-grid,.feature-strip{grid-template-columns:1fr}.process-section ol{grid-template-columns:1fr 1fr}.hero-copy h1{font-size:clamp(42px,10vw,64px)}.feature-strip{gap:0}.feature-strip article{border-bottom:1px solid color-mix(in srgb,var(--text) 10%,transparent)}.feature-strip article:last-child{border:0}}
@media(max-width:560px){.site-shell{width:min(100% - 24px,1240px)}.lab-disclaimer{justify-content:space-between;padding:8px 12px}.lab-disclaimer span{font-size:10px}.lab-disclaimer a{font-size:10px}.demo16-header{height:66px}.site-brand>i{width:36px;height:36px}.site-brand strong{font-size:14px}.site-brand small{font-size:8px}.hero-copy p{font-size:16px}.hero-actions>*{width:100%;text-align:center}.trust-row{gap:6px}.mod{border-radius:22px;padding:15px}.room-visual{height:190px;padding:16px}.times{grid-template-columns:1fr 1fr}.product-art{height:92px}.order-item{grid-template-columns:40px 1fr 34px}.order-item>i{width:38px;height:38px}.route-fields{grid-template-columns:1fr}.route-fields>i{transform:rotate(90deg)}.lesson-grid,.metric-row{grid-template-columns:1fr}.gallery-mod{grid-template-columns:1fr}.gallery-side{grid-template-columns:1fr 1fr}.bullet-grid,.process-section ol{grid-template-columns:1fr}.choice-section,.experience-section,.process-section{padding:58px 0}.section-head h2,.experience-copy h2,.closing h2{font-size:36px}.closing{margin-top:20px}.demo16-footer{display:block}.demo16-footer a{display:block;margin-top:8px}}

/* V18 independent demo refinement */
body.demo18{background:radial-gradient(circle at 85% 0%,color-mix(in srgb,var(--accent) 10%,transparent),transparent 24%),var(--bg);text-rendering:optimizeLegibility}body.demo18 .lab-disclaimer{background:#070914;color:#D6DCE8;border-bottom:1px solid rgba(255,255,255,.08);min-height:44px}body.demo18 .lab-disclaimer span{color:#fff}body.demo18 .lab-disclaimer a{color:#9EACFF}body.demo18 .demo16-header{top:0;border-bottom-color:color-mix(in srgb,var(--text) 11%,transparent);background:color-mix(in srgb,var(--bg) 90%,transparent)}body.demo18 .site-brand>i{box-shadow:0 16px 38px color-mix(in srgb,var(--accent) 18%,transparent)}body.demo18 .demo16-hero{position:relative}body.demo18 .demo16-hero:before{content:"";position:absolute;inset:8% 48% 20% -18%;background:radial-gradient(circle,color-mix(in srgb,var(--accent2) 10%,transparent),transparent 62%);pointer-events:none}body.demo18 .hero-copy h1{max-width:11ch}body.demo18 .hero-copy p{max-width:56ch}.hero-actions .primary,.header-action,.module-cta{box-shadow:0 12px 30px color-mix(in srgb,var(--accent) 18%,transparent)}body.demo18 .trust-row span{background:color-mix(in srgb,var(--surface) 38%,transparent);color:var(--text);border-color:color-mix(in srgb,var(--text) 12%,transparent)}body.demo18 .feature-strip article,body.demo18 .choice-card,body.demo18 .process-grid article{background:color-mix(in srgb,var(--surface) 58%,transparent)}body.demo18 .feature-strip article h3,body.demo18 .choice-card b,body.demo18 .process-grid h3{color:var(--text)}body.demo18 .feature-strip article p,body.demo18 .process-grid p{color:var(--muted)}body.demo18 .bullet-grid span{background:color-mix(in srgb,var(--surface) 62%,transparent);border-color:color-mix(in srgb,var(--text) 10%,transparent)}body.demo18 .closing{background:linear-gradient(145deg,color-mix(in srgb,var(--surface) 82%,transparent),color-mix(in srgb,var(--panel) 92%,transparent))}@media(prefers-reduced-motion:no-preference){body.demo18 .demo16-hero .hero-copy{animation:v18Enter .62s cubic-bezier(.2,.7,.2,1) both}body.demo18 .demo16-hero .hero-widget{animation:v18Enter .72s .08s cubic-bezier(.2,.7,.2,1) both}.reveal18{opacity:0;transform:translateY(22px);transition:opacity .55s ease,transform .55s ease}.reveal18.is-visible{opacity:1;transform:none}.choice-card,.primary,.header-action,.module-cta{transition:transform .18s ease,box-shadow .18s ease,background .18s ease}.choice-card:hover,.primary:hover,.header-action:hover,.module-cta:hover{transform:translateY(-2px)}@keyframes v18Enter{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}}@media(max-width:680px){body.demo18 .lab-disclaimer{justify-content:flex-start;flex-wrap:wrap;gap:4px 10px;padding:9px 14px}body.demo18 .lab-disclaimer small{width:100%}body.demo18 .demo16-hero{padding-top:46px}body.demo18 .hero-copy h1{max-width:12ch}}