.hero{padding-top:calc(var(--header-h) + clamp(2.5rem, 6vw, 4.5rem));padding-bottom:clamp(3rem,6vw,5rem);position:relative}.hero-grid{grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);align-items:center;gap:clamp(2rem,5vw,4.5rem);display:grid}.hero-title{margin-bottom:1.25rem}.scribble{white-space:nowrap;display:inline-block;position:relative}.scribble-line{width:100%;height:.2em;position:absolute;bottom:-.12em;left:0;overflow:visible}.scribble-line path{fill:none;stroke:var(--accent);stroke-width:3px;stroke-linecap:round;stroke-dasharray:320;stroke-dashoffset:320px;animation:scribble 1.1s var(--ease) .9s forwards}@keyframes scribble{to{stroke-dashoffset:0}}.hero-lead{max-width:33rem;margin-bottom:2rem}.hero-actions{flex-wrap:wrap;gap:.75rem;display:flex}.hero-visual{padding:1.75rem .5rem .75rem;position:relative;container-type:inline-size}.dossier{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);width:min(74%,340px);box-shadow:var(--shadow-2);transform:perspective(1100px) rotateX(var(--rx,3deg)) rotateY(var(--ry,-7deg));transition:transform .6s var(--ease), box-shadow .6s var(--ease), border-color .4s ease;padding:1.4rem 1.5rem 1.5rem;position:relative}@media (hover:hover){.dossier:hover{box-shadow:var(--shadow-2), 0 30px 60px -30px #ff572259;border-color:#ff57224d}}@media (min-width:901px){.dossier-note{margin-right:3.5rem}}.hero-ringo{z-index:3;--h:min(400px, 84cqw);position:absolute;bottom:-6px;right:0}.dossier-header{border-bottom:1px solid var(--line);align-items:center;margin:0 0 1rem;padding-bottom:.85rem;display:flex}.dossier-meta{font-size:var(--text-xs);color:var(--ink-3);margin-bottom:.3rem}.dossier-title{margin-bottom:1rem;font-size:1.25rem}.dossier-lines{flex-direction:column;gap:.6rem;margin-bottom:1.25rem;display:flex}.dossier-line{background:var(--surface-2);border-radius:999px;height:8px;position:relative;overflow:hidden}.dossier-line.medium{width:84%}.dossier-line.short{width:58%}.dossier-line:after{content:"";border-radius:inherit;background:linear-gradient(90deg, var(--accent), var(--accent-2));width:38%;animation:3.2s ease-in-out infinite alternate scan;position:absolute;inset:0 auto 0 0}.dossier-line.medium:after{animation-delay:-1s}.dossier-line.short:after{animation-delay:-2s}@keyframes scan{0%{transform:translate(0)}to{transform:translate(165%)}}.dossier-note{border-radius:var(--r-md);background:var(--surface-2);font-size:var(--text-sm);color:var(--ink-2);padding:.85rem 1rem;line-height:1.55}.dossier-note-label{letter-spacing:.12em;text-transform:uppercase;color:var(--accent-deep);margin-bottom:.25rem;font-size:.75rem;display:block}.chip{border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow-1);font-size:var(--text-xs);white-space:nowrap;border-radius:999px;align-items:center;gap:.4rem;padding:.45rem .8rem;font-weight:500;animation:5s ease-in-out infinite alternate float-y;display:inline-flex;position:absolute}.chip svg{width:14px;height:14px}.chip-a{color:var(--accent-deep);top:.15rem;left:.5rem}.chip-b{color:var(--ok);animation-delay:-2.5s;bottom:.15rem;left:.5rem}.split-header{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:end;gap:1.5rem 4rem;margin-bottom:clamp(1.75rem,4vw,2.75rem);display:grid}.split-header .lead{max-width:30rem;font-size:1rem}.cards-3{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;display:grid}.feature-card{flex-direction:column;padding:1.5rem 1.5rem 1.65rem;display:flex}.feature-card:before{content:"";background:linear-gradient(90deg, var(--accent), var(--accent-2));transform-origin:0;height:3px;transition:transform .5s var(--ease);position:absolute;inset:0 0 auto;transform:scaleX(0)}@media (hover:hover){.feature-card:hover:before{transform:scaleX(1)}}.feature-top{justify-content:space-between;align-items:center;margin-bottom:1.5rem;display:flex}.feature-icon{background:var(--accent-soft);width:44px;height:44px;color:var(--accent);transition:background-color .35s ease, color .35s ease, transform .5s var(--ease);border-radius:13px;place-items:center;display:grid}@media (hover:hover){.feature-card:hover .feature-icon{background:var(--accent);color:#fff;transform:rotate(-6deg)scale(1.06)}}.feature-index{font-size:var(--text-xs);color:var(--ink-3)}.feature-title{font-size:var(--text-h3);margin-bottom:.5rem}.feature-desc{color:var(--ink-2);font-size:.9375rem;line-height:1.6}.loop-wrap{padding-block:0}.loop{isolation:isolate;border-radius:calc(var(--r-lg) + 6px);background:var(--night);color:var(--on-night);padding:clamp(2rem,5vw,3.75rem) clamp(1.5rem,4vw,3.5rem);position:relative;overflow:hidden}.loop-glow{z-index:-1;aspect-ratio:1;background:radial-gradient(circle,#ff572252,#ff572200 65%);border-radius:50%;width:640px;max-width:90%;animation:20s ease-in-out infinite alternate drift;position:absolute;top:-35%;right:-10%}.loop .eyebrow{color:var(--on-night)}.loop-header{max-width:34rem;margin-bottom:clamp(2rem,4vw,3rem)}.loop-header .title{margin-bottom:.75rem}.loop-lead{color:var(--on-night-2)}.loop-steps{grid-template-columns:repeat(4,minmax(0,1fr));gap:1.5rem;list-style:none;display:grid}.loop-step{border-top:1px solid var(--line-night);padding-top:1.25rem;position:relative}.loop-step:before{content:"";background:linear-gradient(90deg, var(--accent), var(--accent-2));transform-origin:0;height:2px;transition:transform .6s var(--ease);position:absolute;top:-1px;left:0;right:0;transform:scaleX(0)}@media (hover:hover){.loop-step:hover:before{transform:scaleX(1)}}.step-number{font-size:var(--text-sm);color:var(--accent);margin-bottom:1rem;display:block}.loop-step h3{font-size:var(--text-h3);color:var(--on-night);margin-bottom:.5rem}.loop-step p{color:var(--on-night-2);font-size:.9rem;line-height:1.6}.cta-panel{isolation:isolate;background:var(--surface);border:1px solid var(--line);border-radius:calc(var(--r-lg) + 6px);max-width:960px;box-shadow:var(--shadow-1);grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:1.5rem clamp(1rem,4vw,3rem);margin-inline:auto;padding:clamp(2.25rem,5vw,3.5rem) clamp(1.5rem,5vw,3.5rem) 0;display:grid;position:relative;overflow:hidden}.cta-copy{flex-direction:column;align-items:flex-start;gap:1rem;padding-bottom:clamp(2.25rem,5vw,3.5rem);display:flex}.cta-panel .lead{max-width:32rem;margin-bottom:.5rem}.cta-ringo{--h:250px;margin-bottom:-2px}@media (max-width:1000px){.loop-steps{grid-template-columns:repeat(2,minmax(0,1fr));gap:2rem 1.5rem}}@media (max-width:900px){.hero-ringo{--h:min(360px, 62cqw)}.hero-grid{grid-template-columns:1fr}.hero-visual{width:100%;max-width:440px;margin-inline:auto}.split-header,.cards-3{grid-template-columns:1fr}}@media (max-width:700px){.cta-panel{grid-template-columns:1fr;justify-items:start;gap:0;padding-top:1.5rem}.cta-ringo{--h:150px;order:-1;margin-bottom:.75rem}.cta-copy{padding-bottom:2rem}}@media (max-width:560px){.loop-steps{grid-template-columns:1fr}.hero-actions .btn{flex:100%}}
