*,:before,:after{box-sizing:border-box}body{background:var(--bg);color:var(--ink);font:400 1.0625rem/1.6 var(--font-body);margin:0}a{color:inherit}::selection{background:var(--accent);color:var(--on-accent)}:focus-visible{outline:3px solid var(--accent-2);outline-offset:3px;border-radius:4px}h1,h2{font-family:var(--font-display);letter-spacing:-.02em;text-wrap:balance;margin:0;font-weight:700}.wrap{width:100%;max-width:1200px;margin-inline:auto;padding-inline:clamp(16px,4vw,32px)}.top-in{justify-content:space-between;align-items:center;min-height:72px;display:flex}.logo{font-family:var(--font-display);letter-spacing:-.03em;font-size:1.5rem;font-weight:700;text-decoration:none}.logo span{color:var(--accent-2)}.back{color:var(--ink-2);text-underline-offset:5px;font-weight:600}.page{grid-template-columns:1fr 1.15fr;align-items:start;gap:clamp(2rem,5vw,5rem);padding-block:clamp(2rem,5vw,4.5rem);display:grid}.intro h1{font-size:clamp(2.1rem,4vw,3.2rem);line-height:1.06}.lede{color:var(--ink-2);max-width:36ch;margin:1.2rem 0 1.8rem;font-size:1.2rem}.points{background:var(--deep);color:var(--on-deep);border-radius:18px;gap:.7rem;margin:0;padding:1.4rem 1.5rem;list-style:none;display:grid}.points li{padding-left:1.6rem;position:relative}.points li:before{content:"";background:var(--accent);border-radius:50%;width:10px;height:10px;position:absolute;top:.5em;left:0}.how{margin-top:2rem}.how h2{margin-bottom:1rem;font-size:1.25rem}.how ol{gap:.9rem;margin:0;padding:0;list-style:none;display:grid}.how li{grid-template-columns:34px 1fr;align-items:start;gap:.8rem;display:grid}.how li>span:last-child{color:var(--ink-2);line-height:1.45}.how b{color:var(--ink);display:block}.how .n{background:var(--trio-1);width:34px;height:34px;color:var(--ink);border-radius:50%;place-items:center;font-weight:800;display:grid}.card{background:var(--surface);box-shadow:inset 0 0 0 1px var(--line);border-radius:22px;padding:clamp(1.5rem,3vw,2.25rem)}.bar{grid-template-columns:repeat(3,1fr);gap:6px;margin-bottom:1.4rem;display:grid}.bar span{background:var(--tint);border-radius:3px;height:5px}.bar span.on{background:var(--deep)}.step-label{color:var(--accent-2);margin:0;font-size:.85rem;font-weight:700}.step h2{margin:.3rem 0 .4rem;font-size:1.5rem}.hint{color:var(--ink-2);margin:0 0 1.3rem}.field{gap:.35rem;margin-bottom:1rem;display:grid}.field label{font-size:.95rem;font-weight:600}input[type=text],input[type=email],input[type=tel],select,textarea{width:100%;font:inherit;color:var(--ink);background:var(--bg);border:1.5px solid var(--line);border-radius:10px;padding:.75rem .9rem}input:focus,select:focus,textarea:focus{border-color:var(--deep);box-shadow:0 0 0 3px color-mix(in srgb, var(--deep) 18%, transparent);outline:none}input:disabled{opacity:.5}[aria-invalid=true]{border-color:#b42318!important}textarea{resize:vertical;min-height:96px}.check{cursor:pointer;align-items:flex-start;gap:.65rem;margin-bottom:.8rem;font-size:.95rem;display:flex}.check input{width:18px;height:18px;accent-color:var(--deep);flex:none;margin-top:.2rem}.hp{width:1px;height:1px;position:absolute;left:-9999px;overflow:hidden}.free{color:var(--ink-2);margin:.9rem 0 0;font-size:.95rem}.field-error{color:#b42318;font-size:.9rem;font-weight:600;display:none}.field-error.show{margin-bottom:.6rem;display:block}.form-msg{margin-top:.8rem;font-weight:600}.form-msg.error{color:#b42318}.q{margin:1.1rem 0 .5rem;font-weight:700}.choices{grid-template-columns:1fr 1fr;gap:.7rem;margin-bottom:.6rem;display:grid}.choice{border:2px solid var(--line);cursor:pointer;background:var(--surface);border-radius:14px;align-content:start;gap:.2rem;padding:1rem 2.9rem 1rem 1.05rem;transition:border-color .2s,background-color .2s,box-shadow .2s,transform .2s cubic-bezier(.16,1,.3,1);display:grid;position:relative;box-shadow:0 1px 2px #0b1a4a0f,0 6px 14px -10px #0b1a4a4d}.choice:hover{border-color:var(--accent-2);transform:translateY(-1px);box-shadow:0 1px 2px #0b1a4a0f,0 10px 20px -12px #0b1a4a66}.choice input{opacity:0;pointer-events:none;position:absolute}.choice strong{font-size:1.02rem}.choice span{color:var(--ink-2);font-size:.9rem;line-height:1.35}.choice .tick{border:2px solid var(--line);background:var(--surface);border-radius:50%;place-items:center;width:24px;height:24px;transition:background-color .2s,border-color .2s;display:grid;position:absolute;top:.95rem;right:.95rem}.choice .tick svg{width:14px;height:14px;stroke:var(--on-deep);stroke-width:3.5px;opacity:0;transition:opacity .2s,transform .25s cubic-bezier(.16,1,.3,1);transform:scale(.6)}.choice:hover .tick{border-color:var(--accent-2)}.choice:has(input:checked){border-color:var(--deep);background:var(--tint);box-shadow:0 0 0 1px var(--deep);transform:none}.choice:has(input:checked) .tick{background:var(--deep);border-color:var(--deep)}.choice:has(input:checked) .tick svg{opacity:1;transform:none}.choice:has(input:focus-visible){outline:3px solid var(--accent-2);outline-offset:2px}.choices-main .choice{min-height:104px;padding-block:1.15rem}.choices-main .choice strong{font-size:1.1rem}.swatches{grid-template-columns:repeat(3,1fr);gap:.5rem;margin-bottom:1rem;display:grid}.swatch{border:1.5px solid var(--line);cursor:pointer;border-radius:10px;align-items:center;gap:.5rem;padding:.55rem .65rem;font-size:.9rem;display:flex}.swatch input{opacity:0;pointer-events:none;position:absolute}.swatch i{border-radius:50%;flex:none;width:20px;height:20px}.swatch .logo-swatch{background:conic-gradient(#0bb3c2,#ff7a59,#e6d3a8,#0e2a47,#0bb3c2)}.swatch:has(input:checked){border-color:var(--deep);box-shadow:inset 0 0 0 1px var(--deep)}.swatch:has(input:focus-visible){outline:3px solid var(--accent-2);outline-offset:2px}.btn{--sq:54px;isolation:isolate;cursor:pointer;background:var(--ink);color:var(--bg);font:700 1.0625rem var(--font-body);border:0;border-radius:10px;align-items:stretch;margin-top:.6rem;padding:0;transition:color .45s cubic-bezier(.16,1,.3,1);display:inline-flex;position:relative;overflow:hidden}.btn:before{content:"";z-index:-1;background:var(--accent);clip-path:inset(0 0 0 calc(100% - var(--sq) + 10px) round 7px);border-radius:7px;transition:clip-path .55s cubic-bezier(.16,1,.3,1);position:absolute;inset:5px}.btn span{padding:16px 22px}.btn i{flex:0 0 var(--sq);color:var(--on-accent);place-items:center;display:grid}.btn svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:22px;height:22px;transition:transform .45s cubic-bezier(.16,1,.3,1)}@media (hover:hover){.btn:hover{color:var(--on-accent)}.btn:hover:before{clip-path:inset(0 round 7px)}.btn:hover svg{transform:translate(4px)}.step .btn-send:hover{color:var(--on-accent)}}.btn:disabled{opacity:.6;cursor:wait}.btn-send{background:var(--deep);width:100%;color:var(--on-deep);margin-top:1.4rem;font-size:1.125rem;display:flex;box-shadow:0 12px 24px -14px #1530a8b3}.btn-send span{text-align:left;flex:1;padding-block:19px}.btn-send:before{inset:6px}.success h2{margin-bottom:.6rem;font-size:1.6rem}.success p{color:var(--ink-2);margin:0}.foot{color:var(--ink-2);justify-content:space-between;gap:2rem;padding-block:2rem;font-size:.82rem;display:flex}@media (width<=900px){.page{grid-template-columns:1fr}.foot{flex-direction:column}}@media (width<=520px){.choices,.swatches{grid-template-columns:1fr 1fr}.choices-main{grid-template-columns:1fr}.choices-main .choice{min-height:0}.choice{padding-right:2.5rem}.choice .tick{width:22px;height:22px;top:.8rem;right:.75rem}.back{font-size:.9rem}}@media (prefers-reduced-motion:reduce){*{transition:none!important}}
