/* Marketing components: mocks, home sections, 3D scene, builder, misc. */
.muted-d{color:#8E97AF}
.mock{border-radius:20px;padding:20px;position:relative;color:#E8EBF4}
.mock-head{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:14px;flex-wrap:wrap}
.mock .input{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14);color:#fff;border-radius:11px;min-height:44px;padding:10px 12px;width:100%}
.mock .input::placeholder{color:#7C86A2}
.mock .chip{background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.14);color:#D6DAE6}
.mock .chip.active{background:rgba(255,90,60,.3);border-color:#FF8A5B;color:#fff}
.mock .tab{background:rgba(255,255,255,.04);border-color:rgba(255,255,255,.12);color:#C9CFDF;padding:7px 11px;font-size:.8rem}
.mock .tab[aria-selected="true"]{background:#fff;color:var(--ink)}
.mock .btn-ghost{color:#fff;border-color:rgba(255,255,255,.2)}
.icon-inline{width:14px;height:14px}

/* review flow */
.rv{display:flex;gap:12px;padding:14px;border-radius:14px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08)}
.rv-av{flex:0 0 38px;height:38px;border-radius:50%;background:linear-gradient(135deg,#F59E0B,#EF4444);display:grid;place-items:center;font-weight:800;font-size:.8rem;color:#fff}
.rv p{margin:4px 0 0;color:#C9CFDF}
.stars{color:#FBBF24;letter-spacing:1px}
.rv-steps{display:flex;gap:6px;margin:14px 0;flex-wrap:wrap}
.rv-step{font-size:.72rem;font-weight:700;padding:5px 10px;border-radius:99px;background:rgba(255,255,255,.05);color:#7C86A2;border:1px solid rgba(255,255,255,.08);transition:.3s}
.rv-step.on{background:rgba(52,211,153,.15);color:#6EE7B7;border-color:rgba(52,211,153,.35)}
.rv-text{min-height:96px!important;resize:vertical;font-size:.9rem}
.rv-status{margin:10px 0 0;color:#6EE7B7}

/* social */
.soc-list{display:grid;gap:10px}
.soc-post{display:grid;grid-template-columns:44px 1fr;gap:12px;padding:12px;border-radius:14px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);transition:.25s}
.soc-post[data-status="rejected"]{opacity:.45}
.soc-post[data-status="approved"],.soc-post[data-status="scheduled"]{border-color:rgba(52,211,153,.35)}
.soc-day{font-size:.7rem;font-weight:800;letter-spacing:.08em;color:#FFB59E;background:rgba(255,90,60,.15);border-radius:10px;display:grid;place-items:center;height:44px}
.soc-body p{margin:2px 0 6px;color:#A9B1C7}
.soc-act{grid-column:1/-1;display:flex;gap:6px;flex-wrap:wrap}
.soc-act .btn{min-height:30px;padding:5px 10px;font-size:.76rem}

/* seo bars */
.seo-bars{display:grid;gap:12px}
.seo-bars div{display:grid;grid-template-columns:150px 1fr 30px;align-items:center;gap:10px;font-size:.85rem}
.seo-bars b{height:8px;border-radius:9px;background:rgba(255,255,255,.08);position:relative;overflow:hidden}
.seo-bars b::after{content:"";position:absolute;inset:0;width:var(--w);background:var(--grad);border-radius:9px}
.seo-bars em{font-style:normal;font-weight:800;color:#fff;text-align:right}
@media (max-width:420px){.seo-bars div{grid-template-columns:110px 1fr 28px;font-size:.78rem}}

/* crm mini */
.crm-mini-rows{display:grid;gap:8px}
.crm-mini-rows>div{display:grid;grid-template-columns:34px 1fr auto;grid-template-rows:auto auto;column-gap:10px;align-items:center;padding:10px;border-radius:12px;background:rgba(255,255,255,.04);font-size:.85rem}
.crm-mini-rows .av{grid-row:span 2;width:34px;height:34px;border-radius:50%;background:rgba(255,90,60,.3);display:grid;place-items:center;font-size:.7rem;font-weight:800}
.crm-mini-rows b{color:#fff}.crm-mini-rows span:not(.av):not(.badge){color:#8E97AF;font-size:.78rem;grid-column:2}
.crm-mini-rows .badge{grid-row:1/3;grid-column:3}
.crm-mini-rows>div[hidden]{display:none}

/* templates */
.tpl-preview{display:grid;grid-template-columns:1.4fr 1fr;gap:10px}
.tpl-email,.tpl-sms{padding:14px;border-radius:14px;background:#fff;color:var(--ink)}
.tpl-sms{background:#E9FBEF}
.tpl-email p,.tpl-sms p{margin:6px 0 0;color:var(--ink-2)}
@media (max-width:520px){.tpl-preview{grid-template-columns:1fr}}

/* loyalty */
.lp-card{margin-top:16px;padding:16px;border-radius:16px;background:linear-gradient(135deg,#FF5A3C,#FFB547);color:#fff;display:grid;gap:10px}
.lp-meter{height:8px;border-radius:9px;background:rgba(255,255,255,.3);overflow:hidden}.lp-meter span{display:block;height:100%;width:62%;background:#fff;border-radius:9px}
input[type=range]{accent-color:var(--brand)}

/* chat */
.chat-log{display:flex;flex-direction:column;gap:8px;max-height:260px;min-height:120px;overflow-y:auto;margin-bottom:10px;padding-right:4px}
.msg{max-width:88%;padding:10px 13px;border-radius:14px;font-size:.88rem;line-height:1.45;white-space:pre-wrap}
.msg.bot{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.08);align-self:flex-start;border-bottom-left-radius:4px}
.msg.user{background:var(--grad-btn);color:#fff;align-self:flex-end;border-bottom-right-radius:4px}
.msg.typing{opacity:.7}
.msg .src{display:block;font-size:.7rem;color:#8E97AF;margin-top:6px}
.chat-suggest{margin-bottom:10px}
.chat-suggest .chip{font-size:.76rem;padding:6px 10px}
.chat-form{display:flex;gap:8px}
.light-chat .msg.bot{background:#F1F3F8;border-color:#E4E7F0;color:var(--ink)}
.light-chat .msg .src{color:var(--muted)}

/* automation mini */
.flow-nodes{display:grid;gap:0}
.fnode{padding:12px 14px;border-radius:14px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);display:grid;grid-template-columns:auto 1fr;column-gap:8px;align-items:center;font-size:.86rem}
.fnode span{grid-column:2;color:#A9B1C7;font-size:.8rem}
.fnode.trig{border-color:rgba(255,90,60,.6);background:rgba(255,90,60,.14)}
.fnode.cond{border-color:rgba(251,191,36,.5);background:rgba(251,191,36,.08)}
.fconn{display:block;width:2px;height:18px;margin-left:24px;background:linear-gradient(#FF5A3C,#FFB547)}

/* analytics mini */
.kpi-row{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:12px}
.kpi-row div{padding:10px;border-radius:12px;background:rgba(255,255,255,.04);display:grid}
.kpi-row b{font-size:1.25rem;color:#fff;letter-spacing:-.02em}
.kpi-row .xs{color:#8E97AF}
@media (max-width:520px){.kpi-row{grid-template-columns:1fr 1fr}}
.spark{width:100%;height:80px}
.loc-table{display:grid;gap:6px}.loc-table div{display:grid;grid-template-columns:1fr auto auto;gap:16px;padding:9px 12px;border-radius:10px;background:rgba(255,255,255,.04);font-size:.85rem}

/* order mini */
.om-item{display:flex;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid rgba(255,255,255,.08);font-size:.9rem}
.om-item em{display:block;color:#8E97AF;font-style:normal}
.om-item.tot{font-weight:700;border:0;margin-bottom:8px}
.om-slots{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:10px}
.mini-kanban{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
.mini-kanban>div{background:rgba(255,255,255,.04);border-radius:12px;padding:10px}
.mini-kanban h4{font-size:.72rem;letter-spacing:.06em;text-transform:uppercase;color:#8E97AF;margin-bottom:8px}
.mini-kanban p{background:rgba(255,255,255,.07);border-radius:9px;padding:8px;font-size:.78rem;margin:0 0 6px;color:#E8EBF4}
@media (max-width:520px){.mini-kanban{grid-template-columns:1fr 1fr}}

/* AI builder */
.aib-input-row{display:flex;gap:8px}
@media (max-width:560px){.aib-input-row{flex-direction:column}}
.aib-stage{margin-top:16px;min-height:40px}
.aib-steps{list-style:none;padding:0;margin:0;display:grid;gap:6px}
.aib-steps li{font-size:.85rem;color:#A9B1C7;display:flex;gap:8px;align-items:center;animation:fadeUp .3s ease}
.aib-steps li::before{content:"";width:14px;height:14px;border-radius:50%;border:2px solid #FF5A3C;border-top-color:transparent;animation:spin .8s linear infinite;flex:0 0 auto}
.aib-steps li.done{color:#E8EBF4}
.aib-steps li.done::before{border:0;background:#34D399 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='white'%3E%3Cpath d='M8.1 13.3 4.8 10l-1.1 1.1 4.4 4.4 9-9-1.1-1.1z'/%3E%3C/svg%3E") center/10px no-repeat;animation:none}
.aib-preview{margin-top:14px;border-radius:14px;overflow:hidden;background:#fff;color:var(--ink);animation:fadeUp .4s ease}
.aib-site-hero{padding:22px;color:#fff;background:var(--site-grad,linear-gradient(135deg,#7C2D12,#B45309))}
.aib-site-hero .xs{opacity:.8;letter-spacing:.1em;text-transform:uppercase}
.aib-site-hero h4{font-size:1.35rem;margin:6px 0;letter-spacing:-.02em}
.aib-site-hero p{font-size:.85rem;opacity:.9;margin:0 0 12px}
.aib-site-hero .b{display:inline-block;padding:8px 14px;border-radius:9px;background:#fff;color:#111;font-weight:800;font-size:.8rem;margin-right:6px}
.aib-site-body{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:12px}
.aib-site-body div{border:1px solid var(--line);border-radius:10px;padding:10px;font-size:.75rem}
.aib-site-body b{display:block;font-size:.8rem}
.aib-site-foot{padding:10px 12px;border-top:1px solid var(--line);font-size:.72rem;color:var(--muted);display:flex;justify-content:space-between;gap:8px;flex-wrap:wrap}

/* industry card */
.ind-card{padding:28px;border-radius:24px}
.ind-icon{width:56px;height:56px;border-radius:16px;background:var(--grad);display:grid;place-items:center;color:#fff;margin-bottom:18px}
.ind-icon svg{width:28px;height:28px}
.ind-tile .badge{font-size:.62rem}

/* home: problem */
.tool-pile{display:flex;flex-wrap:wrap;gap:10px}
.tool-pile span{padding:10px 14px;border-radius:12px;background:#fff;border:1px solid var(--line);font-weight:650;font-size:.88rem;box-shadow:var(--shadow);position:relative}
.tool-pile span em{font-style:normal;color:var(--rose);font-weight:800;margin-left:6px;font-size:.78rem}
.vs-arrow{font-size:2rem;text-align:center;color:var(--brand);margin:12px 0}
.one-box{padding:22px;border-radius:18px;background:var(--grad-btn);color:#fff;font-weight:800;text-align:center;font-size:1.2rem;box-shadow:0 20px 50px rgba(255,90,60,.35)}

/* home: three ways */
.way{display:flex;flex-direction:column}
.way .num{font-size:.78rem;font-weight:800;letter-spacing:.12em;color:var(--brand)}
.way h3{font-size:1.5rem;margin:8px 0}
.way .from{font-size:.95rem;color:var(--muted);margin-bottom:12px}
.way .from b{font-size:1.6rem;color:var(--ink);letter-spacing:-.03em}
.way .card-list{flex:1;margin-bottom:22px}

/* 3D storefront scene */
.scene3d{position:relative;height:440px;perspective:1100px;display:grid;place-items:center;touch-action:pan-y;cursor:grab;user-select:none;overflow:hidden;border-radius:20px}
.scene3d:active{cursor:grabbing}
.scene3d .rig{position:relative;width:260px;height:220px;transform-style:preserve-3d;transform:rotateX(-14deg) rotateY(var(--ry,-28deg));transition:transform .08s linear}
.scene3d.auto .rig{animation:rigspin 18s linear infinite}
@keyframes rigspin{from{transform:rotateX(-14deg) rotateY(-28deg)}to{transform:rotateX(-14deg) rotateY(332deg)}}
.face{position:absolute;backface-visibility:hidden;border:1px solid rgba(255,255,255,.12)}
.f-front,.f-back{width:260px;height:220px}
.f-left,.f-right{width:180px;height:220px;left:40px}
.f-top{width:260px;height:180px;top:20px}
.f-front{transform:translateZ(90px);background:linear-gradient(180deg,#431407,#7C2D12);display:grid;grid-template-rows:52px 1fr;}
.f-back{transform:rotateY(180deg) translateZ(90px);background:linear-gradient(180deg,#431407,#1E293B);display:grid;place-items:center;color:#FED7C7;font-size:.75rem;font-weight:700;letter-spacing:.1em}
.f-right{transform:rotateY(90deg) translateZ(130px);background:linear-gradient(180deg,#5A200C,#431407);padding:14px}
.f-left{transform:rotateY(-90deg) translateZ(130px);background:linear-gradient(180deg,#5A200C,#431407);padding:14px}
.f-top{transform:rotateX(90deg) translateZ(110px);background:linear-gradient(135deg,#B93A0B,#F97316);opacity:.9}
.sign{margin:10px 14px 0;border-radius:8px;background:linear-gradient(90deg,#F59E0B,#EF4444);display:grid;place-items:center;color:#fff;font-weight:900;letter-spacing:.06em;font-size:.95rem;box-shadow:0 0 24px rgba(245,158,11,.6)}
.storefront{display:grid;grid-template-columns:1fr 70px 1fr;gap:10px;padding:14px}
.win{border-radius:6px;background:linear-gradient(180deg,rgba(255,200,140,.55),rgba(249,115,22,.2));box-shadow:inset 0 0 20px rgba(255,255,255,.25)}
.door{border-radius:6px 6px 0 0;background:linear-gradient(180deg,#0F172A,#1E293B);border:2px solid #F59E0B55}
.menu-board{height:100%;border-radius:8px;background:#0B1020;color:#FDE68A;font-size:.62rem;font-weight:700;padding:10px;line-height:1.7;letter-spacing:.04em}
.side-panel{height:100%;border-radius:8px;background:rgba(255,255,255,.06);display:grid;gap:8px;padding:10px;align-content:start}
.side-panel i{display:block;height:10px;border-radius:5px;background:rgba(255,255,255,.18)}
.side-panel b{font-size:.6rem;color:#FDBA9B;letter-spacing:.08em}
.ground{position:absolute;width:520px;height:520px;left:50%;top:58%;transform:translate(-50%,-50%) rotateX(80deg);background:radial-gradient(circle,rgba(255,90,60,.45),transparent 60%);pointer-events:none;filter:blur(4px)}
.hotspots{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-top:8px}
.hotspot-info{min-height:56px;text-align:center;color:#C9CFDF;font-size:.92rem;margin-top:14px}
.scene-fallback{display:none}
@media (prefers-reduced-motion:reduce){.scene3d.auto .rig{animation:none}}
#hero-canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;opacity:.55}

/* 5 steps preview */
.preview-steps{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;counter-reset:ps}
.preview-steps li{list-style:none;position:relative;padding:22px 18px;border-radius:18px;background:rgba(255,255,255,.04);border:1px solid var(--night-line)}
.preview-steps li .n{font-size:2.4rem;font-weight:900;letter-spacing:-.05em;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent;line-height:1}
.preview-steps h3{font-size:1rem;margin:12px 0 4px}
.preview-steps p{font-size:.86rem;color:#A9B1C7;margin:0}
@media (max-width:960px){.preview-steps{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.preview-steps{grid-template-columns:1fr}}

/* integration tiles */
.int-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px}
.int-tile{display:flex;flex-direction:column;gap:8px;padding:16px;border-radius:14px;background:#fff;border:1px solid var(--line)}
.int-tile .logo-ph{width:40px;height:40px;border-radius:10px;display:grid;place-items:center;font-weight:900;color:#fff;font-size:.9rem}
.int-tile b{font-size:.95rem}
.int-tile .xs{color:var(--muted)}

/* portfolio */
.pf-card{overflow:hidden;padding:0}
.pf-thumb{aspect-ratio:16/10;position:relative;overflow:hidden;display:grid;place-items:center;color:#fff;text-align:center;padding:18px}
.pf-thumb h3{color:#fff;font-size:1.3rem;margin:0}
.pf-thumb .badge{position:absolute;top:12px;left:12px}
.pf-thumb .pf-mini{position:absolute;bottom:-20px;left:50%;transform:translateX(-50%);width:78%;height:46%;border-radius:10px 10px 0 0;background:rgba(255,255,255,.95);box-shadow:0 -8px 30px rgba(0,0,0,.25);padding:10px;display:grid;grid-template-columns:1fr 1fr 1fr;gap:6px}
.pf-thumb .pf-mini i{border-radius:6px;background:#EEF0F6;display:block}
.pf-thumb .pf-mini i:first-child{grid-column:1/-1;background:currentColor;opacity:.25}
.pf-body{padding:20px}
.pf-body p{font-size:.9rem}

/* cookie bar */

/* pricing helpers */
.addon-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px}
.addon{display:flex;justify-content:space-between;gap:12px;padding:16px;border-radius:14px;background:#fff;border:1px solid var(--line);align-items:flex-start}
.addon b{display:block}.addon .xs{color:var(--muted)}
.addon .p{font-weight:800;white-space:nowrap;text-align:right}
.addon .p small{display:block;font-weight:600;color:var(--muted);font-size:.72rem}
.addon.selectable{cursor:pointer}
.addon.selectable:has(input:checked){border-color:var(--brand);box-shadow:0 0 0 3px rgba(255,90,60,.12)}
.addon input{accent-color:var(--brand);width:18px;height:18px;margin-top:3px}

/* checklist page */
.check-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:8px}
.check-grid a{display:flex;gap:8px;align-items:center;padding:10px 12px;background:#fff;border:1px solid var(--line);border-radius:10px;font-size:.88rem;color:var(--ink);font-weight:600}
.check-grid a::before{content:"✓";color:#059669;font-weight:900}

/* team/value */
.timeline{border-left:2px solid var(--line);padding-left:20px;display:grid;gap:22px}
.timeline div{position:relative}.timeline div::before{content:"";position:absolute;left:-27px;top:6px;width:12px;height:12px;border-radius:50%;background:var(--grad)}
/* real client cards (portfolio, home, restaurants) */
.badge.client{background:#ECFDF5;color:#065F46;border:1px solid #A7F3D0}
.client-card,.client-strip{display:grid;grid-template-columns:1.25fr 1fr;gap:0;border-radius:24px;overflow:hidden;background:#fff;border:1px solid var(--line,#e5e7eb);box-shadow:0 30px 70px -40px rgba(15,23,42,.45)}
.client-strip{grid-template-columns:1fr 1fr;margin-bottom:32px}
.client-shot{position:relative;display:block;background:#0b0b0b;min-height:240px}
.client-shot picture,.client-shot img{display:block;width:100%;height:100%;object-fit:cover;object-position:left top}
.client-url{position:absolute;left:14px;bottom:14px;padding:5px 12px;border-radius:999px;background:rgba(0,0,0,.65);color:#fff;font:600 .78rem ui-monospace,Menlo,monospace}
.client-body{padding:28px 30px;display:flex;flex-direction:column;align-items:flex-start;gap:6px}
.client-body h3{font-size:1.6rem;margin:6px 0 0}
.client-meta{color:var(--muted,#4b5563);margin:0 0 6px}
.client-svc-l{margin:8px 0 2px;font-weight:700;font-size:.9rem}
.client-svc{list-style:none;padding:0;margin:0 0 14px;display:flex;flex-wrap:wrap;gap:6px}
.client-svc li{padding:5px 11px;border-radius:999px;background:#F3F4F6;font-size:.82rem;font-weight:600;color:#1f2937}
.client-note{margin:14px 0 0;font-size:.82rem;color:var(--muted-2,#687184)}
.pf-sub{display:flex;align-items:center;gap:10px;margin:0 0 18px;font-size:1.15rem}
@media (max-width:860px){.client-card,.client-strip{grid-template-columns:1fr}.client-shot{aspect-ratio:2/1;min-height:0}.client-body{padding:22px}}

/* ===== 30-day website trial ===== */
[hidden]{display:none!important}
.trial-badge{--tb-bg:#0B1030;display:inline-flex;align-items:center;gap:12px;max-width:100%;padding:6px 18px 6px 6px;border-radius:999px;border:1px solid transparent;
  background:linear-gradient(var(--tb-bg),var(--tb-bg)) padding-box,linear-gradient(120deg,rgba(255,138,91,.9),rgba(255,181,71,.7) 45%,rgba(245,208,138,.85)) border-box;
  color:#EEF1FA;box-shadow:0 10px 30px -12px rgba(255,90,60,.55),inset 0 1px 0 rgba(255,255,255,.08);position:relative;isolation:isolate;overflow:hidden}
.trial-badge::after{content:"";position:absolute;inset:0;background:linear-gradient(105deg,transparent 35%,rgba(255,255,255,.14) 50%,transparent 65%);transform:translateX(-120%);animation:tbShine 6s ease-in-out 1.5s infinite;z-index:-1}
@keyframes tbShine{0%,70%{transform:translateX(-120%)}100%{transform:translateX(120%)}}
.tb-seal{flex:none;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 30% 25%,#FFF1CF,#E7B866 55%,#B07A2A);color:#3A2405;box-shadow:inset 0 0 0 1px rgba(255,255,255,.5),0 2px 8px rgba(176,122,42,.45)}
.tb-seal svg{width:16px;height:16px}
.tb-t{display:flex;flex-wrap:wrap;align-items:center;gap:4px 10px;font-size:.7rem;font-weight:700;letter-spacing:.16em;line-height:1.35;text-transform:uppercase}
.tb-t b{font-weight:800;color:#fff}
.tb-t span{color:#C9D0E4}
.tb-t i{width:4px;height:4px;border-radius:50%;background:#E7B866;display:inline-block}
.trial-badge.hero{margin:22px 0 14px}
.trial-hero .trial-badge.hero{margin:0 auto 22px}
.trial-badge.light{--tb-bg:#fff;color:var(--ink);box-shadow:0 8px 24px -14px rgba(194,65,12,.45);margin-top:18px}
.trial-badge.light .tb-t b{color:var(--ink)}.trial-badge.light .tb-t span{color:var(--muted)}
.section-head.center .trial-badge,.cta-band .trial-badge{margin-left:auto;margin-right:auto}
.cta-band .trial-badge{margin-bottom:18px}
.hero-kicker{display:inline-block;font-size:clamp(.95rem,1.3vw,1.1rem);font-weight:750;letter-spacing:-.01em;color:#D6DBEA;margin:0 0 14px;padding-left:14px;border-left:3px solid var(--brand-2)}
.home-hero h1{max-width:15ch}
@media (prefers-reduced-motion:reduce){.trial-badge::after{animation:none;display:none}}
@media (max-width:520px){.trial-badge{padding:6px 14px 6px 6px;gap:10px}.tb-t{font-size:.62rem;letter-spacing:.12em}.tb-t i{display:none}}

.trial-steps{grid-template-columns:repeat(4,1fr)}
.trial-steps li{padding:26px 22px}
.trial-steps .ts-ic{position:absolute;top:22px;right:20px;width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:rgba(255,90,60,.18);color:#FFC9B5}
.trial-steps .ts-ic svg{width:20px;height:20px}
.trial-steps li:not(:last-child)::after{content:"";position:absolute;top:44px;right:-12px;width:10px;height:10px;border-top:2px solid rgba(255,138,91,.6);border-right:2px solid rgba(255,138,91,.6);transform:rotate(45deg)}
.trial-steps h3{font-size:1.1rem}
@media (max-width:900px){.trial-steps{grid-template-columns:1fr 1fr}.trial-steps li::after{display:none}}
@media (max-width:520px){.trial-steps{grid-template-columns:1fr}}

.norisk{display:grid;grid-template-columns:1.1fr 1fr;gap:clamp(28px,5vw,64px);align-items:center;padding:clamp(28px,5vw,56px);border-radius:28px;background:radial-gradient(700px 300px at 0% 0%,rgba(245,208,138,.22),transparent 60%),linear-gradient(180deg,#FFFDF7,#fff);border:1px solid #F1E6CC;box-shadow:var(--shadow-lg)}
.norisk h2{font-size:clamp(1.9rem,4vw,3rem);letter-spacing:-.035em;line-height:1.05}
.nr-compare{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.nr-col{border-radius:18px;padding:20px}
.nr-col h3{font-size:.8rem;letter-spacing:.14em;text-transform:uppercase;margin-bottom:12px}
.nr-col ol{margin:0;padding:0;list-style:none;counter-reset:nr;display:grid;gap:10px}
.nr-col li{counter-increment:nr;display:flex;gap:10px;align-items:baseline;font-weight:650;font-size:.95rem}
.nr-col li::before{content:counter(nr);flex:none;width:22px;height:22px;border-radius:50%;display:grid;place-items:center;font-size:.72rem;font-weight:800}
.nr-old{background:#F4F5F9;color:#6B7285}.nr-old h3{color:#8A90A2}.nr-old li{text-decoration:line-through;text-decoration-color:rgba(244,63,94,.55);text-decoration-thickness:2px}.nr-old li::before{background:#E4E6EE;color:#8A90A2}
.nr-new{background:var(--night);color:#fff;box-shadow:0 20px 40px -18px rgba(11,16,48,.6)}.nr-new h3{color:#E7B866}.nr-new li::before{background:linear-gradient(135deg,#E7B866,#FFF1CF);color:#3A2405}
@media (max-width:860px){.norisk{grid-template-columns:1fr}}
@media (max-width:460px){.nr-compare{grid-template-columns:1fr}}

.after-card .icon{background:linear-gradient(135deg,rgba(231,184,102,.22),rgba(255,90,60,.12));color:#9A6A1F}
.incl-list{margin:0;gap:12px}
.trial-extra,.trial-own{margin-top:20px}
.ph-note{display:block;margin-top:6px;font-style:normal;font-size:.8rem;font-weight:700;color:#92400E;background:#FEF3C7;border-radius:8px;padding:4px 8px;width:fit-content}

.ba{display:grid;grid-template-columns:1fr auto 1fr;gap:18px;align-items:stretch}
.ba-col{border-radius:22px;padding:clamp(20px,3vw,32px)}
.ba-col ul{list-style:none;margin:16px 0 0;padding:0;display:grid;gap:12px}
.ba-col li{position:relative;padding-left:30px;font-weight:600}
.ba-col li::before{position:absolute;left:0;top:1px;width:20px;height:20px;border-radius:50%;display:grid;place-items:center;font-size:.72rem;font-weight:900}
.ba-old{background:#fff;border:1px dashed #D5D9E4;color:#5B6478;filter:saturate(.6)}
.ba-old li::before{content:"✕";background:#FDE8EC;color:#E11D48}
.ba-new{background:linear-gradient(160deg,#0E1430,#151C3D);color:#E8EBF4;box-shadow:var(--shadow-lg);border:1px solid rgba(255,138,91,.35)}
.ba-new h3{color:#fff}.ba-new li::before{content:"✓";background:rgba(52,211,153,.18);color:#34D399}
.ba-h{display:flex;align-items:center;gap:12px}.ba-h h3{margin:0}
.ba-tag{font-size:.68rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;padding:4px 10px;border-radius:999px;background:#EEF0F6;color:#5B6478}
.ba-new .ba-tag{background:linear-gradient(135deg,#E7B866,#FFF1CF);color:#3A2405}
.ba-mid{align-self:center;width:46px;height:46px;border-radius:50%;display:grid;place-items:center;background:var(--grad-btn);color:#fff;font-weight:900;font-size:1.2rem;box-shadow:0 10px 24px -8px rgba(255,90,60,.6)}
@media (max-width:820px){.ba{grid-template-columns:1fr}.ba-mid{justify-self:center;transform:rotate(90deg)}}

.ind15-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.ind15{display:flex;flex-direction:column;gap:10px;padding:18px;border-radius:16px;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow);color:var(--ink);text-decoration:none;transition:transform .2s,box-shadow .2s,border-color .2s}
.ind15:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg);border-color:#FFC9B5}
.ind15 .ic{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:var(--grad-soft);color:var(--brand)}.ind15 .ic svg{width:20px;height:20px}
.ind15 b{font-size:.98rem}.ind15 .go{font-size:.8rem;font-weight:700;color:var(--brand-ink);margin-top:auto}
.ind15-more{display:inline-block;margin-left:18px;font-weight:650}
@media (max-width:760px){.ind15-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){.ind15-grid{grid-template-columns:1fr 1fr}.ind15{padding:14px}.ind15-more{display:block;margin:14px 0 0}}

.trial-band{display:grid;grid-template-columns:1.4fr 1fr;gap:clamp(20px,4vw,48px);align-items:center;padding:clamp(24px,4vw,44px);border-radius:28px;color:#E8EBF4;
  background:radial-gradient(600px 260px at 100% 0%,rgba(231,184,102,.22),transparent 60%),radial-gradient(700px 300px at 0% 100%,rgba(255,90,60,.35),transparent 60%),#0B1030;border:1px solid rgba(231,184,102,.35);box-shadow:var(--shadow-lg)}
.trial-band h2{color:#fff;font-size:clamp(1.8rem,3.4vw,2.6rem);letter-spacing:-.03em;margin:.2em 0 .35em}
.trial-band p{color:#B5BDD3}
.tbd-kicker{display:inline-block;font-size:.74rem;font-weight:800;letter-spacing:.18em;text-transform:uppercase;color:#E7B866}
.tbd-pts{list-style:none;padding:0;margin:16px 0 0;display:flex;flex-wrap:wrap;gap:8px 18px;font-weight:650;font-size:.92rem}
.tbd-pts li{display:flex;align-items:center;gap:6px}.tbd-pts svg{width:16px;height:16px;color:#34D399}
.tbd-r{padding:22px;border-radius:20px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.12);display:grid;gap:12px}
.tbd-price{display:flex;align-items:center;gap:12px}.tbd-price .big{font-size:3.2rem;font-weight:900;letter-spacing:-.05em;line-height:1;background:linear-gradient(135deg,#FFF1CF,#E7B866);-webkit-background-clip:text;background-clip:text;color:transparent}
.tbd-price small{font-size:.78rem;color:#B5BDD3;line-height:1.3;text-transform:uppercase;letter-spacing:.1em;font-weight:700}
.tbd-r .xs{color:#8E97AF;margin:0}.tbd-r a:not(.btn){color:#FFC9B5}
@media (max-width:820px){.trial-band{grid-template-columns:1fr}}
.trial-link{display:block;text-align:center;margin-top:10px;font-size:.84rem;font-weight:650;color:var(--brand-ink)}

.start-path{border:0;padding:0;margin:0 0 22px;display:grid;grid-template-columns:1fr 1fr;gap:12px}
.start-path legend{font-weight:800;font-size:1.1rem;margin-bottom:10px;padding:0}
.sp-opt{display:flex;gap:12px;align-items:flex-start;padding:16px;border-radius:14px;border:1.5px solid var(--line);background:#fff;cursor:pointer;transition:.15s}
.sp-opt:hover{border-color:#FFC9B5}
.sp-opt input{margin-top:4px;accent-color:var(--brand)}
.sp-opt b{display:block}.sp-opt small{display:block;color:var(--muted);font-size:.84rem;margin-top:3px}
.sp-opt:has(input:checked){border-color:var(--brand);background:rgba(255,90,60,.05);box-shadow:0 0 0 3px rgba(255,90,60,.12)}
@media (max-width:620px){.start-path{grid-template-columns:1fr}}
.co-trial-note{margin-top:16px}
.trial-prog{height:6px;border-radius:99px;background:#EEF0F6;margin-top:6px;overflow:hidden}.trial-prog i{display:block;height:100%;background:var(--grad);border-radius:inherit}
.src-table td,.src-table th{font-size:.88rem}.src-table tr.ours{background:#FFF1EB}.src-table a{word-break:break-word}
.proof-ph .card{border-style:dashed}
.pf-filter{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 22px}
.pf-filter .chip{cursor:pointer;font:inherit;font-size:.86rem}
.pf-filter .chip[aria-pressed="true"]{background:var(--brand,#C2410C);color:#fff;border-color:transparent}
.pf-card[hidden]{display:none!important}
.src-table a{text-decoration:underline;text-underline-offset:2px}
/* understated trial mentions (Oct 16): text links, not badges */
.trial-link{margin:14px 0 0;font-size:.92rem}
.trial-link a{color:inherit;opacity:.78;text-decoration:underline;text-decoration-color:rgba(127,127,160,.45);text-underline-offset:3px}
.trial-link a:hover{opacity:1}
.hero .trial-link{margin-top:16px}
.section-head.center .trial-link,.cta-band .trial-link,.center .trial-link{text-align:center}
.cta-band .trial-link{margin-top:18px}
.trial-slim{display:flex;align-items:center;justify-content:space-between;gap:12px 28px;flex-wrap:wrap;padding:18px 26px;border:1px solid var(--line,#E4E7F0);border-radius:16px;background:var(--surface,#fff)}
.trial-slim p{margin:0;color:var(--ink-2,#3A4256)}
.drawer-trial{display:block;text-align:center;margin-top:12px;font-size:.92rem;color:inherit;opacity:.8;text-decoration:underline;text-underline-offset:3px}
.trial-band .btn-ghost{color:#fff;border-color:rgba(255,255,255,.3)}.trial-band .btn-ghost:hover{background:rgba(255,255,255,.08)}
.trial-band h2{font-size:clamp(1.5rem,2.6vw,2rem)}
.trial-band .tbd-price .big{font-size:clamp(2rem,4vw,2.6rem)}
.home-hero .trial-link{text-align:left}
.home-sound{margin-top:20px;min-height:52px}
.home-sound .los-music{position:relative!important;left:auto!important;bottom:auto!important;z-index:1!important;display:inline-flex;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12)}
.home-sound .los-music .lm-sub{display:block!important}

/* Stripe checkout note under plan buttons */
.checkout-note{text-align:center;margin:8px 0 0}