.hm{
  --ink:#1a1a1a; --muted:#55505e; --btn:#86198f; --btn-dark:#701a75;
  --accent:#d946ef; --accent-dark:#c026d3; --accent-bg:#fdf4ff;
  --surface:#f8f6fb; --border:#e6e3ee; --border-2:#d9d2e6; --ground:#0a0713;
  --grad:linear-gradient(100deg,#f06bff,#d946ef 55%,#a35bff); 
  font-family:'Inter','Segoe UI',Arial,sans-serif; color:var(--ink);
  line-height:1.6; font-size:17px; background:#fff; margin:0; overflow-x:hidden;
}
.hm *{box-sizing:border-box}
.hm img{max-width:100%}
.hm .wrap{max-width:1140px; margin:0 auto; padding:0 20px}
.hm h1,.hm h2{font-family:'Libre Baskerville',Georgia,serif; font-weight:700; line-height:1.14; margin:0 0 20px}
.hm h1{font-size:clamp(36px,5vw,62px); letter-spacing:-.6px}
.hm h2{font-size:clamp(26px,3.3vw,40px); letter-spacing:-.3px}
.hm h3{font-size:19px; margin:0 0 8px; font-weight:700}
.hm p{margin:0 0 16px}
.hm a{color:var(--btn)}
.hm .muted{color:var(--muted)}
.hm section{padding:96px 0}
.hm .s-surface{background:var(--surface)}
.hm .s-tint{background:linear-gradient(180deg,#fff, var(--accent-bg))}
.hm .s-ground{background:var(--ground); color:#efeaf6; position:relative}
.hm .s-ground::before{content:""; position:absolute; inset:0; pointer-events:none; opacity:.5;
  background-image:radial-gradient(rgba(255,255,255,.07) 1px, transparent 1px); background-size:26px 26px}
.hm .s-ground > *{position:relative}
.hm .s-ground h2{color:#fff}
.hm .s-ground a{color:var(--accent)}
.hm .serif-i{font-family:'Libre Baskerville',Georgia,serif; font-style:italic; font-weight:400}
.hm .grad-text{background:var(--grad); -webkit-background-clip:text; background-clip:text; color:transparent}
.hm .kicker{display:flex; align-items:center; gap:14px; font-size:12.5px; font-weight:800; letter-spacing:.24em; text-transform:uppercase; color:var(--btn); margin:0 0 16px}
.hm .kicker::before{content:""; width:34px; height:2px; background:var(--grad); border-radius:2px}
.hm .s-ground .kicker{color:var(--accent)}
.hm .rv{opacity:0; transform:translateY(22px); transition:opacity .65s cubic-bezier(.2,.7,.2,1),transform .65s cubic-bezier(.2,.7,.2,1)}
.hm .rv.in{opacity:1; transform:none}
.hm .btn{display:inline-block; position:relative; font-weight:600; font-size:16.5px; border-radius:12px; padding:16px 30px; text-decoration:none; transition:transform .18s, box-shadow .18s, background .18s, border-color .18s; cursor:pointer}
.hm .btn--p{background:linear-gradient(100deg,var(--btn), #a21caf 60%, var(--btn)); background-size:200% 100%; color:#fff; box-shadow:0 8px 26px rgba(134,25,143,.35)}
.hm .btn--p:hover{background-image:var(--grad); background-position:100% 0; transform:translateY(-2px); box-shadow:0 12px 34px rgba(217,70,239,.42)}
.hm .btn--o{background:transparent; color:var(--ink); border:1.5px solid var(--border-2)}
.hm .btn--o:hover{border-color:var(--btn); transform:translateY(-2px)}
.hm .btn--ghost-light{background:rgba(255,255,255,.06); color:#fff; border:1.5px solid rgba(255,255,255,.28)}
.hm .btn--ghost-light:hover{background:rgba(255,255,255,.12); transform:translateY(-2px)}
.hm .btn-row{display:flex; gap:16px; flex-wrap:wrap; align-items:center}
.hm .soon-badge{position:absolute; top:-12px; right:-14px; background:#fff; color:var(--btn-dark); border:1px solid var(--border-2); font-size:10.5px; font-weight:800; letter-spacing:.1em; border-radius:999px; padding:5px 12px; transform:rotate(4deg); box-shadow:0 4px 12px rgba(112,26,117,.22)}
.hm .progress{position:fixed; top:0; left:0; height:3px; width:0; background:var(--grad); z-index:90}
.hm .hero{position:relative; background:var(--ground); color:#efeaf6; padding:132px 0 128px; overflow:hidden}
.hm .hero::before{content:""; position:absolute; inset:0;
  background:
   radial-gradient(860px 560px at 82% 8%, rgba(217,70,239,.17), transparent 62%),
   radial-gradient(720px 520px at 8% 96%, rgba(134,25,143,.22), transparent 60%),
   radial-gradient(500px 300px at 50% 115%, rgba(163,91,255,.07), transparent 70%)}
.hm .hero::after{content:""; position:absolute; inset:0; opacity:.55; pointer-events:none;
  background-image:radial-gradient(rgba(255,255,255,.065) 1px, transparent 1px); background-size:26px 26px;
  -webkit-mask-image:radial-gradient(900px 600px at 70% 30%, #000, transparent 75%); mask-image:radial-gradient(900px 600px at 70% 30%, #000, transparent 75%)}
.hm .hero .wrap{position:relative; z-index:2}
.hm .hero-copy{max-width:60em}
.hm .hero h1{color:#fff; margin-bottom:26px}
.hm .hero h1 .grad-text{font-style:italic}
.hm .hero .lead{font-size:19.5px; line-height:1.72; color:#c9c1d6; max-width:33em}
.hm .hero .kicker{margin-bottom:22px}
.hm .hero .btn-row{margin-top:40px}
.hm .byline{margin-top:30px; font-size:15px; color:#a99fba}
.hm .byline b{color:#fff; font-weight:600}
.hm .byl{color:inherit; text-decoration:none; border-bottom:1px solid rgba(255,255,255,.22)}
.hm .byl:hover{border-bottom-color:var(--accent)}
.hm .mod-b a, .hm .fq-b a{font-weight:600}
.hm .ann{display:inline-flex; align-items:center; gap:11px; background:rgba(255,255,255,.07); border:1px solid rgba(255,255,255,.16); border-radius:999px; padding:8px 18px 8px 11px; font-size:12.5px; font-weight:800; letter-spacing:.18em; text-transform:uppercase; color:#e8def2; margin-bottom:34px}
.hm .ann .dot{width:9px; height:9px; border-radius:50%; background:var(--accent); box-shadow:0 0 0 0 rgba(217,70,239,.55); animation:hm-pulse 2.2s infinite}
@keyframes hm-pulse{70%{box-shadow:0 0 0 9px rgba(217,70,239,0)} 100%{box-shadow:0 0 0 0 rgba(217,70,239,0)}}
@keyframes hm-up{from{opacity:0; transform:translateY(26px)} to{opacity:1; transform:none}}
.hm .hero .e1,.hm .hero .e2,.hm .hero .e3,.hm .hero .e4,.hm .hero .e5,.hm .hero .e6{animation:hm-up .8s cubic-bezier(.2,.7,.2,1) both}
.hm .hero .e2{animation-delay:.08s}.hm .hero .e3{animation-delay:.16s}.hm .hero .e4{animation-delay:.24s}.hm .hero .e5{animation-delay:.32s}.hm .hero .e6{animation-delay:.4s}
.hm .stack{position:relative; height:430px; margin-top:84px}
.hm .stack .sl{position:absolute; left:50%; top:34px; width:50%;
  transform:translateX(calc(-50% + var(--i) * 30%)) translateY(calc(var(--d) * 14px)) rotate(calc(var(--i) * 2.8deg));
  transition:transform 1.4s cubic-bezier(.22,.61,.36,1), filter 1.4s ease}
.hm .stack .sl img{display:block; width:100%; height:auto; border-radius:14px;
  border:1px solid rgba(255,255,255,.24); box-shadow:0 28px 80px rgba(0,0,0,.6)}
.hm .stack .sl[style*="--d:1"]{filter:brightness(.82)}
.hm .stack .sl[style*="--d:2"]{filter:brightness(.66)}
.hm .stack:hover .sl{transform:translateX(calc(-50% + var(--i) * 36%)) translateY(calc(var(--d) * 8px)) rotate(calc(var(--i) * 1.4deg))}
.hm .stack:hover .sl[style*="--d:1"]{filter:brightness(.9)}
.hm .stack:hover .sl[style*="--d:2"]{filter:brightness(.78)}
.hm .hero-marquee{position:relative; z-index:2; margin-top:84px; overflow:hidden; border-top:1px solid rgba(255,255,255,.1); border-bottom:1px solid rgba(255,255,255,.1); padding:16px 0}
.hm .hero-marquee .mq{display:flex; gap:56px; width:max-content; animation:hm-scroll 36s linear infinite; font-size:13px; font-weight:700; letter-spacing:.22em; text-transform:uppercase; color:#8d82a3; white-space:nowrap}
.hm .hero-marquee .mq i{font-style:normal; color:var(--accent)}
.hm .contrast-s{padding:88px 0 92px; background:#fff}
.hm .contrast{display:grid; grid-template-columns:1fr 1fr; gap:22px; margin-top:34px}
.hm .ct{border-radius:18px; padding:30px 32px 32px; position:relative; overflow:hidden}
.hm .ct p{margin:0; font-size:17px; line-height:1.7}
.hm .ct-tag{display:inline-block; font-size:11.5px; font-weight:800; letter-spacing:.18em; text-transform:uppercase; border-radius:999px; padding:6px 14px; margin-bottom:16px}
.hm .ct--theatre{background:var(--surface); border:1px solid var(--border)}
.hm .ct--theatre p{color:var(--muted)}
.hm .ct--theatre .ct-tag{background:#ece9f1; color:#6d6878}
.hm .ct--perform{background:#fff; border:1px solid var(--border-2); box-shadow:0 18px 50px rgba(26,10,30,.09)}
.hm .ct--perform::before{content:""; position:absolute; inset:0 0 auto 0; height:3px; background:var(--grad)}
.hm .ct--perform p{color:var(--ink)}
.hm .ct--perform .ct-tag{background:var(--btn); color:#fff}
.hm .notes{display:grid; grid-template-columns:1fr 1fr; gap:20px; margin-top:40px}
.hm .note{margin:0; background:#fff; border:1px solid var(--border); border-radius:16px; padding:28px 30px; position:relative}
.hm .note::before{content:"\201C"; position:absolute; top:6px; right:22px; font-family:'Libre Baskerville',Georgia,serif; font-size:84px; line-height:1; color:var(--accent-bg); -webkit-text-stroke:1px var(--border-2)}
.hm .note blockquote{margin:0 0 20px; font-family:'Libre Baskerville',Georgia,serif; font-size:18px; line-height:1.6; color:var(--ink); position:relative}
.hm .note .who{display:flex; align-items:center; gap:12px; font-size:13.5px; color:var(--muted)}
.hm .note .who b{color:var(--ink); font-weight:600}
.hm .note .gk{width:38px; height:38px; border-radius:50%; display:grid; place-items:center; font-size:13px; font-weight:800; color:#fff; background:var(--grad); flex:0 0 auto}
.hm .notes-k{font-size:12.5px; font-weight:800; letter-spacing:.2em; text-transform:uppercase; color:var(--accent-dark); margin:44px 0 0}
.hm .mods{margin-top:36px; counter-reset:mod; position:relative}
.hm .mods::before{content:""; position:absolute; left:29px; top:14px; bottom:14px; width:2px; background:linear-gradient(180deg,var(--accent), var(--btn) 70%, var(--border-2)); opacity:.45; border-radius:2px}
.hm details.mod{position:relative; background:#fff; border:1px solid var(--border); border-radius:14px; margin:0 0 12px 0; overflow:hidden; transition:border-color .25s, box-shadow .25s}
.hm details.mod::before{content:""; position:absolute; inset:0 auto 0 0; width:3px; background:var(--grad); opacity:0; transition:opacity .25s}
.hm details.mod[open]{border-color:var(--border-2); box-shadow:0 10px 34px rgba(26,10,30,.09)}
.hm details.mod[open]::before{opacity:1}
.hm details.mod summary{list-style:none; cursor:pointer; display:flex; align-items:center; gap:18px; padding:19px 24px; font-weight:600; font-size:17px}
.hm details.mod summary::-webkit-details-marker{display:none}
.hm details.mod summary .no{counter-increment:mod; min-width:40px; height:40px; border-radius:50%;
  display:grid; place-items:center; font-family:'Libre Baskerville',Georgia,serif; font-size:14.5px;
  background:var(--accent-bg); border:1px solid var(--border-2); color:var(--btn-dark); position:relative; z-index:1}
.hm details.mod summary .no::before{content:counter(mod,decimal-leading-zero)}
.hm details.mod[open] summary .no{background:var(--grad); border-color:transparent; color:#fff}
.hm details.mod summary .tt small{display:block; font-size:12.5px; font-weight:600; letter-spacing:.12em; text-transform:uppercase; color:var(--accent-dark)}
.hm details.mod summary::after{content:"+"; margin-left:auto; font-size:23px; font-weight:400; color:var(--btn); transition:transform .3s}
.hm details.mod[open] summary::after{transform:rotate(45deg)}
.hm details.mod .mod-b{padding:0 24px 20px 82px; font-size:15px; color:var(--muted)}
.hm details.mod .mod-b p{margin:0}
.hm .toolband{position:relative; background:#fff; border:1px solid var(--border); border-radius:18px; padding:14px 34px; margin-top:32px; box-shadow:0 10px 36px rgba(26,10,30,.06); overflow:hidden}
.hm .toolband::before{content:""; position:absolute; inset:0 auto 0 0; width:4px; background:var(--grad)}
.hm .tool-list{list-style:none; margin:0; padding:0; display:grid; grid-template-columns:1fr 1fr; column-gap:44px}
.hm .tool-list li{display:flex; align-items:flex-start; gap:16px; padding:16px 0; border-top:1px solid var(--surface); font-size:15px; line-height:1.55}
.hm .tool-list li:nth-child(-n+2){border-top:0}
.hm .tool-list li span{flex:1; min-width:0; color:var(--muted)}
.hm .tool-list b{color:var(--ink); font-weight:600}
.hm .tool-list i{order:-1; flex:0 0 58px; margin-top:1px; text-align:center; font-style:normal;
  font-size:10.5px; font-weight:800; letter-spacing:.12em; line-height:1; padding:6px 0;
  color:var(--btn-dark); background:var(--accent-bg); border:1px solid var(--border-2); border-radius:999px}
.hm .phases{list-style:none; margin:14px 0 16px; padding:0; counter-reset:ph}
.hm .phases li{position:relative; padding:7px 0 7px 34px; font-size:14px; color:var(--muted)}
.hm .phases li b{color:var(--ink); font-weight:600}
.hm .phases li::before{counter-increment:ph; content:counter(ph);
  position:absolute; left:0; top:7px; width:22px; height:22px; border-radius:50%;
  display:grid; place-items:center; font-size:11.5px; font-weight:700;
  background:var(--accent-bg); border:1px solid var(--border-2); color:var(--btn-dark)}
.hm .phases.plain li{padding-left:22px}
.hm .phases.plain li::before{content:""; counter-increment:none; width:6px; height:6px; top:15px; left:4px; background:var(--btn); border:0}
.hm .keepline{font-size:13.5px; color:var(--muted); background:var(--surface); border:1px solid var(--border); border-radius:10px; padding:10px 14px; margin:0 0 14px}
.hm .mathline{font-size:13px; color:var(--muted); font-style:italic; margin:12px 0 0}
.hm .car-outer{overflow:hidden; margin-top:34px; padding:16px 0 10px; -webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent); mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)}
.hm .car{display:flex; gap:22px; width:max-content; animation:hm-scroll 64s linear infinite}
.hm .car:hover{animation-play-state:paused}
@keyframes hm-scroll{to{transform:translateX(-50%)}}
.hm .car .ci{flex:0 0 auto; display:block}
.hm .car img{height:236px; width:auto; display:block; border-radius:12px; border:1px solid var(--border-2); box-shadow:0 8px 26px rgba(26,10,30,.11)}
.hm .car .lbl{display:block; margin-top:9px; font-size:11.5px; font-weight:800; letter-spacing:.16em; color:var(--muted); text-transform:uppercase; text-align:center}
.hm .poster{margin-top:44px; border-radius:20px; overflow:hidden; border:1px solid var(--border-2);
  box-shadow:0 34px 90px rgba(26,10,30,.35)}
.hm .poster img{display:block; width:100%; height:auto}
.hm .poster-cap{text-align:center; font-size:14.5px; color:var(--muted); margin:20px auto 0; max-width:48em}
.hm .poster-cap b{color:var(--ink)}
.hm .personas{display:grid; grid-template-columns:repeat(2,1fr); gap:20px; margin-top:34px}
.hm .persona{position:relative; background:#fff; border:1px solid var(--border); border-radius:16px; padding:28px 30px; transition:transform .25s, box-shadow .25s; overflow:hidden}
.hm .persona::after{content:""; position:absolute; inset:0 0 auto 0; height:3px; background:var(--grad); opacity:0; transition:opacity .25s}
.hm .persona:hover{transform:translateY(-4px); box-shadow:0 14px 38px rgba(26,10,30,.1)}
.hm .persona:hover::after{opacity:1}
.hm .persona .role{font-size:12.5px; font-weight:800; letter-spacing:.18em; color:var(--accent-dark); text-transform:uppercase; margin-bottom:8px}
.hm .persona h3{font-family:'Libre Baskerville',Georgia,serif; font-size:20px}
.hm .persona p{font-size:15px; color:var(--muted)}
.hm .persona ul{list-style:none; margin:16px 0 0; padding:0; font-size:14.5px}
.hm .persona li{padding:8px 0 8px 28px; position:relative; border-top:1px solid var(--surface)}
.hm .persona li::before{content:"✓"; position:absolute; left:2px; color:var(--btn); font-weight:700}
.hm .price-grid{display:grid; grid-template-columns:1.25fr .75fr; gap:24px; margin-top:38px; align-items:start}
.hm .price-frame{background:var(--grad); border-radius:20px; padding:2px; box-shadow:0 24px 64px rgba(134,25,143,.18)}
.hm .price-card{background:#fff; border-radius:18px; padding:38px 40px; position:relative}
.hm .price-card .plan{font-size:12.5px; font-weight:800; letter-spacing:.2em; text-transform:uppercase; margin-bottom:8px}
.hm .price-card h3{font-family:'Libre Baskerville',Georgia,serif; font-size:26px}
.hm .includes{list-style:none; margin:22px 0 26px; padding:0}
.hm .includes li{padding:10px 0 10px 30px; position:relative; font-size:15.5px; border-top:1px solid var(--surface)}
.hm .includes li:first-child{border-top:0}
.hm .includes li::before{content:"✓"; position:absolute; left:2px; color:var(--btn); font-weight:700}
.hm .includes .hl{font-weight:600}
.hm .includes .hl::before{content:"★"; color:var(--accent-dark)}
.hm .price-line{display:flex; align-items:baseline; gap:12px; margin:4px 0 20px}
.hm .price-line b{font-family:'Libre Baskerville',Georgia,serif; font-size:27px; color:var(--btn-dark)}
.hm .price-line span{font-size:14px; color:var(--muted)}
.hm .mini-card{background:#fff; border:1px solid var(--border); border-radius:16px; padding:28px 30px; transition:transform .25s, box-shadow .25s}
.hm .mini-card:hover{transform:translateY(-3px); box-shadow:0 12px 32px rgba(26,10,30,.09)}
.hm .mini-card + .mini-card{margin-top:20px}
.hm .mini-card .plan{font-size:12px; font-weight:800; letter-spacing:.18em; text-transform:uppercase; color:var(--muted); margin-bottom:6px}
.hm .mini-card h3{font-family:'Libre Baskerville',Georgia,serif; font-size:19px}
.hm .mini-card p{font-size:14.5px; color:var(--muted); margin:0 0 16px}
.hm .now{display:inline-block; font-size:10.5px; font-weight:800; letter-spacing:.12em; color:#0c5e3c; background:#d9f2e5; border-radius:999px; padding:4px 10px; margin-left:8px; vertical-align:2px}
.hm .subwrap{background:linear-gradient(180deg,var(--accent-bg), #fff); border:1px solid var(--border-2); border-radius:16px; padding:24px 26px; margin-top:24px}
.hm .subwrap .why{display:flex; gap:20px; flex-wrap:wrap; margin:0 0 16px; padding:0; list-style:none; font-size:14px; color:var(--muted); font-weight:500}
.hm .subwrap .why li::before{content:"✓ "; color:var(--btn); font-weight:700}
.hm form.sub{display:flex; gap:10px}
.hm form.sub input{flex:1; font:inherit; font-size:16px; padding:14px 18px; border:1.5px solid var(--border-2); border-radius:11px; background:#fff; min-width:0}
.hm form.sub input:focus{outline:2px solid var(--accent); outline-offset:1px; border-color:var(--accent-dark)}
.hm form.sub button{font:inherit; font-weight:700; font-size:16px; color:#fff; background:linear-gradient(100deg,var(--btn), #a21caf); border:0; border-radius:11px; padding:14px 24px; cursor:pointer; white-space:nowrap; box-shadow:0 6px 20px rgba(134,25,143,.3); transition:transform .18s, box-shadow .18s}
.hm form.sub button:hover{transform:translateY(-2px); box-shadow:0 10px 28px rgba(217,70,239,.4); background-image:var(--grad)}
.hm .privacy{font-size:12.5px; color:var(--muted); margin:12px 0 0}
.hm .faq{max-width:800px; margin-top:28px}
.hm details.fq{border-top:1px solid var(--border)}
.hm details.fq:last-child{border-bottom:1px solid var(--border)}
.hm details.fq summary{list-style:none; cursor:pointer; padding:22px 38px 22px 2px; font-weight:600; font-size:17.5px; position:relative; transition:color .2s}
.hm details.fq summary:hover{color:var(--btn-dark)}
.hm details.fq summary::-webkit-details-marker{display:none}
.hm details.fq summary::after{content:"+"; position:absolute; right:8px; top:18px; font-size:23px; font-weight:400; color:var(--btn); transition:transform .28s}
.hm details.fq[open] summary::after{transform:rotate(45deg)}
.hm details.fq .fq-b{padding:0 2px 24px; font-size:15.5px; color:var(--muted)}
.hm details.fq .fq-b p{margin:0 0 10px}
.hm .deeper{display:grid; grid-template-columns:repeat(4,1fr); gap:18px; margin-top:30px}
@media (max-width:1120px){ .hm .deeper{grid-template-columns:repeat(2,1fr)} }
.hm .deep .tag{display:block; line-height:1.5}
.hm .deeper-more{margin:26px 0 0; font-size:14.5px; color:var(--muted)}
.hm .deeper-more a{font-weight:600; text-decoration:none}
.hm .deeper-more a:hover{text-decoration:underline}
.hm .deep{position:relative; background:#fff; border:1px solid var(--border); border-radius:16px; padding:26px 28px; text-decoration:none; color:var(--ink); transition:transform .25s, box-shadow .25s; display:block; overflow:hidden}
.hm .deep::after{content:""; position:absolute; inset:0 0 auto 0; height:3px; background:var(--grad); opacity:0; transition:opacity .25s}
.hm .deep:hover{transform:translateY(-4px); box-shadow:0 14px 36px rgba(26,10,30,.1)}
.hm .deep:hover::after{opacity:1}
.hm .deep .tag{font-size:11.5px; font-weight:800; letter-spacing:.16em; color:var(--accent-dark); text-transform:uppercase}
.hm .deep h3{font-family:'Libre Baskerville',Georgia,serif; font-size:18px; margin:9px 0 7px}
.hm .deep p{font-size:14px; color:var(--muted); margin:0 0 12px}
.hm .deep .go{font-size:14px; font-weight:700; color:var(--btn)}
.hm .deep .go::after{content:" →"; transition:margin-left .2s}
.hm .deep:hover .go::after{margin-left:5px}
.hm .close{padding:88px 0 100px; text-align:center}
.hm .close h2{font-size:clamp(28px,3.6vw,44px)}
.hm .close .subwrap{max-width:580px; margin:30px auto 0; text-align:left}
.hm .attr{font-size:13.5px; color:var(--muted); max-width:50em; margin:34px auto 0}
@media (max-width:980px){
  .hm .stack{height:330px; margin-top:64px}
  .hm .stack .sl{width:58%}
  .hm .tool-list{grid-template-columns:1fr}
  .hm .deeper{grid-template-columns:repeat(2,1fr)}
  .hm .tool-list li:nth-child(2){border-top:1px solid var(--surface)}
  .hm .price-grid{grid-template-columns:1fr}
}
@media (max-width:680px){
  .hm section{padding:60px 0}
  .hm .hero{padding:64px 0 80px}
  .hm .toolband{padding:8px 20px}
  .hm .personas{grid-template-columns:1fr}
  .hm .contrast,.hm .notes{grid-template-columns:1fr}
  .hm .contrast-s{padding:60px 0}
  .hm .deeper{grid-template-columns:1fr}
  .hm form.sub{flex-direction:column}
  .hm .stack{height:230px; margin-top:48px}
  .hm .stack .sl{width:74%; top:24px; transform:translateX(calc(-50% + var(--i) * 9%)) translateY(calc(var(--d) * 10px)) rotate(calc(var(--i) * 2.4deg))}
  .hm .stack:hover .sl{transform:translateX(calc(-50% + var(--i) * 9%)) translateY(calc(var(--d) * 10px)) rotate(calc(var(--i) * 2.4deg))}
  .hm .price-card{padding:28px 22px}
  .hm .mods::before{display:none}
  .hm details.mod .mod-b{padding-left:24px}
  .hm .hero-marquee{margin-top:56px}
}
@media (prefers-reduced-motion: reduce){
  .hm .car,.hm .hero-marquee .mq{animation:none}
  .hm .stack .sl{transition:none}
  .hm .ann .dot{animation:none}
  .hm .rv{opacity:1; transform:none; transition:none}
  .hm .hero .e1,.hm .hero .e2,.hm .hero .e3,.hm .hero .e4,.hm .hero .e5,.hm .hero .e6{animation:none}
}
.hm .hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.hm .sub-ok{background:#d9f2e5;border:1px solid #9fdcbe;border-radius:11px;padding:14px 18px;font-size:15.5px;color:#0c5e3c}
.hm .sub-err{font-size:13.5px;color:#b4232a;margin:10px 0 0}
.hm .sub-err ul{margin:0;padding-left:18px}
.hm form.sub .validation-message{display:none}