.planner{padding:clamp(22px,3.5vw,48px);overflow:hidden;background:linear-gradient(160deg,rgba(2,89,250,.1),var(--glass) 55%)}.planner__progress{--p: 20%;position:relative;display:grid;grid-template-columns:repeat(5,1fr);gap:8px;padding-bottom:22px;margin-bottom:clamp(24px,4vw,40px);border-bottom:1px solid var(--line)}.planner__progress:after{content:"";position:absolute;left:0;bottom:-1px;height:2px;width:var(--p);background:linear-gradient(90deg,var(--blue),var(--ice));transition:width .6s var(--ease-out)}.planner__step{display:flex;align-items:center;gap:10px;font:600 .72rem var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--text-3);text-align:left;transition:color .3s}.planner__step i{width:10px;height:10px;border-radius:50%;border:1.5px solid var(--line-2);flex:none;transition:background-color .3s,border-color .3s}.planner__step.is-done{color:var(--text-2)}.planner__step.is-done i{background:var(--blue);border-color:var(--blue)}.planner__step.is-current{color:var(--text)}.planner__step.is-current i{border-color:var(--blue-300);box-shadow:0 0 0 4px #0259fa40}.planner__step[disabled]{cursor:default}@media(max-width:640px){.planner__step span{display:none}.planner__step.is-current span{display:inline}}.planner__q{font-size:.72rem;letter-spacing:.18em;text-transform:uppercase;color:var(--blue-300);margin-bottom:14px}.planner__sub{margin:28px 0 12px;font-size:.85rem;font-weight:600}.planner__view{animation:viewin .6s var(--ease-out) both}@keyframes viewin{0%{opacity:0;transform:translateY(16px)}}.planner__nav{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:clamp(28px,4vw,44px);padding-top:22px;border-top:1px solid var(--line)}.planner__hint{font-size:.85rem;text-align:center;flex:1}@media(max-width:520px){.planner__hint{display:none}}.opt-grid{display:grid;gap:12px;margin-top:24px}@media(min-width:640px){.opt-grid{grid-template-columns:1fr 1fr}}@media(min-width:960px){.opt-grid{grid-template-columns:repeat(3,1fr)}.opt-grid--4{grid-template-columns:repeat(4,1fr)}}.opt-grid--chips{display:flex;flex-wrap:wrap;gap:10px}.opt-grid.shake{animation:shake .35s}@keyframes shake{25%{transform:translate(-4px)}75%{transform:translate(4px)}}.opt{position:relative;display:grid;gap:4px;text-align:left;padding:18px 20px;border-radius:16px;border:1px solid var(--line-2);background:var(--glass);transition:border-color .3s,background-color .3s,transform .4s var(--ease-out)}.opt:hover{border-color:var(--text-3);transform:translateY(-2px)}.opt.is-on{border-color:var(--blue-400);background:#0259fa29;box-shadow:0 0 0 1px var(--blue-400) inset}.opt__label{font-weight:700;letter-spacing:-.01em;padding-right:28px}.opt__desc{font-size:.85rem;color:var(--text-2)}.opt__words{font-size:.78rem;color:var(--text-3)}.opt__tick{position:absolute;top:16px;right:16px;width:20px;height:20px;border-radius:50%;border:1.5px solid var(--line-2);transition:background-color .25s,border-color .25s}.opt__tick:after{content:"";position:absolute;left:6px;top:3px;width:5px;height:9px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg);opacity:0}.opt.is-on .opt__tick{background:var(--blue);border-color:var(--blue)}.opt.is-on .opt__tick:after{opacity:1}.opt--chip{display:inline-flex;padding:11px 18px;border-radius:999px}.opt--chip .opt__label{padding-right:0;font-weight:600;font-size:.92rem}.opt--chip.is-on{background:var(--blue);border-color:var(--blue);color:#fff;box-shadow:none}.opt-grid--lg .opt--chip{padding:14px 22px}.opt-grid--lg .opt--chip .opt__label{font-size:1rem}.mood{display:grid;grid-template-columns:1fr auto auto auto;align-items:center;gap:6px;padding:12px;border-radius:var(--r);background:var(--c1);margin-bottom:10px}.mood b{font-size:1.3rem;font-weight:800;color:var(--c0);letter-spacing:-.03em}.mood i{width:14px;height:14px;border-radius:50%}.mood i:nth-of-type(1){background:var(--c0)}.mood i:nth-of-type(2){background:var(--c2)}.mood i:nth-of-type(3){background:var(--c1);border:1px solid rgba(0,0,0,.15)}.bp{scroll-margin-top:90px;padding-top:clamp(48px,8vw,96px);opacity:0;transform:translateY(24px);transition:opacity .8s var(--ease-out),transform .9s var(--ease-out)}.bp.is-in{opacity:1;transform:none}.bp__head{display:grid;gap:32px;margin-bottom:clamp(32px,5vw,56px)}@media(min-width:1000px){.bp__head{grid-template-columns:1.3fr 1fr;align-items:end}}.bp__actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center}@media(min-width:1000px){.bp__actions{justify-content:flex-end}}.bp__grid{display:grid;gap:20px}@media(min-width:900px){.bp__grid{grid-template-columns:1fr 1fr}.bp__card--wide{grid-column:1 / -1}}.bp__money{font-size:clamp(2.4rem,5vw,4rem);font-weight:800;letter-spacing:-.04em;line-height:1;margin:14px 0 12px}.bp__list{display:grid;gap:10px;margin-top:16px}.bp__hooks{display:grid;gap:8px;margin-top:10px;font-size:.92rem;color:var(--text-2)}.bp__hooks li{padding-left:18px;position:relative}.bp__hooks li:before{content:"";position:absolute;left:0;top:.55em;width:8px;height:8px;border-radius:50%;background:var(--blue-400)}.gantt{display:grid;gap:10px;margin-top:22px}.gantt__row{display:grid;grid-template-columns:90px 1fr 50px;gap:14px;align-items:center}.gantt__label{font-weight:600;font-size:.9rem}.gantt__track{height:22px;border-radius:6px;background:var(--glass-2);position:relative;overflow:hidden}.gantt__track i{position:absolute;top:0;height:100%;left:var(--s);width:var(--w);border-radius:6px;background:linear-gradient(90deg,var(--blue),var(--blue-400));transform:scaleX(0);transform-origin:left;animation:gantt 1s var(--ease-out) forwards;animation-delay:calc(var(--i) * .12s + .3s);opacity:calc(1 - var(--i) * .1)}@keyframes gantt{to{transform:scaleX(1)}}.gantt__wk{font-size:.72rem;color:var(--text-3);text-align:right}.bp__dir{display:grid;gap:28px}@media(min-width:800px){.bp__dir{grid-template-columns:1fr 1fr;align-items:center}}.swatches{display:flex;gap:8px}.swatches span{flex:1;height:64px;border-radius:12px;border:1px solid rgba(255,255,255,.12);display:grid;align-items:end;padding:6px}.swatches em{font-style:normal;font-size:.6rem;background:#00000073;color:#fff;padding:2px 6px;border-radius:4px;justify-self:start}.mini{border-radius:14px;overflow:hidden;background:var(--c1);border:1px solid var(--line-2);box-shadow:0 40px 80px -40px #000c;font-size:0}.mini__bar{display:flex;gap:5px;padding:10px 12px;background:#00000014}.mini__bar i{width:8px;height:8px;border-radius:50%;background:#0003}.mini__nav{display:flex;align-items:center;gap:10px;padding:14px 20px}.mini__nav b{width:40px;height:10px;border-radius:3px;background:var(--c0)}.mini__nav span{width:22px;height:6px;border-radius:3px;background:var(--c0);opacity:.4}.mini__nav span:first-of-type{margin-left:auto}.mini__nav em{width:46px;height:18px;border-radius:var(--r);background:var(--c2)}.mini__hero{display:grid;grid-template-columns:1.2fr 1fr;gap:18px;padding:18px 20px}.mini__hero b{display:block;height:16px;width:90%;border-radius:4px;background:var(--c0);margin-bottom:8px}.mini__hero b.short{width:60%}.mini__hero s{display:block;height:6px;width:80%;border-radius:3px;background:var(--c0);opacity:.4;margin-bottom:6px;margin-top:12px}.mini__hero s.short{width:55%;margin-top:0}.mini__hero em{display:block;width:70px;height:22px;border-radius:var(--r);background:var(--c2);margin-top:16px}.mini__img{border-radius:var(--r);background:linear-gradient(135deg,var(--c2),var(--c0));min-height:110px}.mini__cards{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding:0 20px 20px}.mini__cards div{height:48px;border-radius:var(--r);background:var(--c0);opacity:.1}.mini__cards div.acc{background:var(--c2);opacity:.9}.ideas{display:grid;gap:16px;margin-top:18px}@media(min-width:800px){.ideas{grid-template-columns:repeat(3,1fr)}}.ideas li{display:grid;gap:10px;padding:20px;border-radius:14px;background:var(--glass);border:1px solid var(--line)}.ideas__n{color:var(--blue-300);font-size:.8rem;font-weight:700}.ideas p{font-weight:600;line-height:1.45}.bp__related{display:grid;gap:16px}@media(min-width:800px){.bp__related{grid-template-columns:repeat(3,1fr)}}.bp__rel{display:grid;gap:8px;align-content:start;color:inherit;border-top:3px solid var(--a)}.bp__rel strong{font-weight:800;letter-spacing:-.02em;line-height:1.2}
