.hero{padding:56px 0 90px;position:relative}.hero-copy{container-type:inline-size;min-width:0}.hero-grid{display:grid;grid-template-columns:minmax(0,1.02fr) minmax(0,1fr);gap:56px;align-items:center}.hero-tags{display:flex;gap:10px;margin-bottom:26px;flex-wrap:wrap}.stack{display:flex;flex-direction:column;align-items:flex-start;gap:0;font-size:clamp(28px,14cqw,92px);line-height:1;margin-bottom:28px}.stack span{display:block;white-space:nowrap;background:var(--bg);padding:.06em .2em .1em;border:3px solid var(--ink);border-radius:.16em;box-shadow:5px 5px 0 var(--ink);transform:rotate(var(--rot));margin-top:-.06em;position:relative}.stack span{transition:transform .4s cubic-bezier(.3,1.7,.5,1),box-shadow .3s}.stack span:hover{transform:rotate(calc(var(--rot) * -1.6)) scale(1.04);box-shadow:8px 8px 0 var(--ink);z-index:3}.stack span:nth-child(2){margin-left:.5em;z-index:2}.stack span:nth-child(3){margin-left:.15em}.lead{font-size:19px;color:var(--ink-2);max-width:520px;margin-bottom:30px}.hero-ctas{display:flex;gap:16px;flex-wrap:wrap}.hero-note{font-size:26px;color:var(--blue);margin:20px 0 0 8px;transform:rotate(-2deg)}.hero-media{position:relative}.video-card{position:relative;border:3px solid var(--ink);border-radius:var(--r-lg);background:var(--forest);aspect-ratio:4/5;box-shadow:8px 8px 0 var(--ink);overflow:hidden;transform:rotate(1.5deg)}.video-card video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.video-ph{position:absolute;inset:0;display:grid;place-items:center;background:radial-gradient(circle at 20% 15%,rgba(255,200,61,.35) 0 12%,transparent 13%),radial-gradient(circle at 85% 80%,rgba(255,126,196,.35) 0 14%,transparent 15%),var(--forest)}.vp-doc{width:46%;transform:rotate(-5deg);box-shadow:6px 6px #00000059;border-radius:6px;animation:docIn 6s ease-in-out infinite}.vp-doc .ml{animation:fill 6s ease-in-out infinite;transform-origin:left}@keyframes docIn{0%,to{transform:rotate(-5deg) translateY(0)}50%{transform:rotate(-3deg) translateY(-8px)}}.vp-blob{position:absolute;width:30%;right:9%;bottom:12%}.play{transition:transform .3s cubic-bezier(.3,1.6,.5,1);position:absolute;left:24px;bottom:24px;display:flex;align-items:center;gap:12px;background:var(--card);border:2.5px solid var(--ink);border-radius:99px;padding:8px 18px 8px 8px;font-weight:700;box-shadow:3px 3px 0 var(--ink);cursor:pointer}.play:hover{transform:scale(1.05) rotate(-2deg)}.play:hover i{animation:pulse2 1s infinite}@keyframes pulse2{50%{transform:scale(1.12)}}.play i{width:40px;height:40px;border-radius:50%;background:var(--orange);display:grid;place-items:center;border:2px solid var(--ink)}.play i:after{content:"";border-left:13px solid var(--ink);border-top:8px solid transparent;border-bottom:8px solid transparent;margin-left:4px}.hero-media .tape{top:-12px;left:42%}.hm-sticker{position:absolute;z-index:4}.hm-s1{top:12%;left:-34px}.hm-s2{top:30%;right:-26px}.hm-hand{position:absolute;right:-6px;top:-54px;font-size:24px;color:var(--ink-2);transform:rotate(4deg)}.hm-hand svg{display:inline-block;vertical-align:middle;width:36px}.band{background:var(--ink);color:var(--yellow);border-block:3px solid var(--ink);transform:rotate(-1.6deg);margin:0 -20px;overflow:hidden;position:relative;z-index:5}.band-track{display:flex;width:max-content;animation:marq 32s linear infinite}.band-track span{font:800 30px/1 var(--f-display);padding:18px 0;white-space:nowrap;letter-spacing:-.01em;text-transform:uppercase}.band-track span:after{content:"✦";color:var(--pink);margin:0 26px}@keyframes marq{to{transform:translate(-50%)}}.band:hover .band-track{animation-play-state:paused}.band-track span{transition:color .2s}.band-track span:hover{color:#fff}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}.step{position:relative;background:var(--bg);border:3px solid var(--ink);border-radius:22px;padding:26px 24px 28px;box-shadow:6px 6px 0 var(--ink);transform:rotate(var(--rot));transition:transform .25s cubic-bezier(.3,1.5,.5,1);min-height:330px;display:flex;flex-direction:column}.step:hover{transform:rotate(0) translateY(-6px)}.step .num{font:700 13px/1 var(--f-mono);letter-spacing:.08em}.step svg.ico{width:96px;height:96px;margin:22px 0 26px}.step h3{font-size:28px;margin-bottom:10px}.step p{font-size:16px;color:var(--fg2,var(--ink-2))}.step.dark{color:#fffdf7;--fg2:#d9d2c6}.step.dark .ico{fill:var(--green)}.steps-cta{display:flex;justify-content:center;margin-top:52px;gap:18px;align-items:center;flex-wrap:wrap}.tools{position:relative}.tabs{display:flex;gap:0;padding-left:20px;position:relative;z-index:2}.tab{font:700 13px/1 var(--f-mono);text-transform:uppercase;letter-spacing:.08em;padding:18px 34px 16px;border:none;cursor:pointer;color:#fff;background:#2c2620;clip-path:polygon(10% 0,90% 0,100% 100%,0 100%);margin-right:-14px}.tab[aria-selected=true]{background:var(--blue)}.tab:nth-child(2)[aria-selected=true]{background:var(--orange);color:var(--ink)}.tab:nth-child(3)[aria-selected=true]{background:var(--green);color:var(--ink)}.tab-panel{background:var(--ink);color:#fffdf7;border-radius:0 26px 26px;padding:60px 56px;display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center;min-height:520px}.tab-panel[hidden]{display:none}.tp-date{display:flex;align-items:center;gap:8px;color:#d9d2c6}.tp-date:before{content:"";width:9px;height:9px;border-radius:50%;background:currentColor}.tab-panel h3{font-size:clamp(36px,4.2vw,58px);margin:16px 0 18px}.tab-panel p{color:#d9d2c6;font-size:18px;max-width:470px}.tp-visual{position:relative;display:flex;justify-content:center}.polaroid{background:#fffdf7;padding:14px 14px 46px;border-radius:6px;transform:rotate(var(--rot,3deg));box-shadow:0 18px 40px #00000059;width:min(330px,80%);position:relative}.polaroid .cap{position:absolute;bottom:12px;left:0;right:0;text-align:center;font:600 22px/1 var(--f-hand);color:var(--ink)}.polaroid .tape{top:-12px;left:calc(50% - 43px)}.score-demo{background:#fffdf7;color:var(--ink);border-radius:22px;padding:28px;width:min(380px,92%);transform:rotate(-2deg);box-shadow:0 18px 40px #00000059}.ring{--p:70;width:120px;height:120px;border-radius:50%;background:conic-gradient(var(--green) calc(var(--p)*1%),#E8E1D4 0);display:grid;place-items:center;border:3px solid var(--ink)}.ring b{width:86px;height:86px;border-radius:50%;background:#fffdf7;border:3px solid var(--ink);display:grid;place-items:center;font:800 30px/1 var(--f-display)}.tipline{display:flex;gap:10px;align-items:flex-start;padding:12px 0;border-top:2px dashed #E1D9CA;font-size:15px}.tipline:first-of-type{border-top:0}.tipline i{flex:none;font-style:normal;font:700 11px/1 var(--f-mono);padding:5px 7px;border-radius:6px;border:2px solid var(--ink)}.demo-box{display:grid;grid-template-columns:.9fr 1.2fr;gap:56px;align-items:center}.demo-box h2{font-size:clamp(40px,5vw,66px);margin-bottom:22px}.demo-box>div>p{font-size:19px;color:var(--ink-2);margin-bottom:8px}.demo-box .checks li{font-weight:600}.browser{border:3px solid var(--ink);border-radius:20px;background:var(--card);box-shadow:8px 8px 0 var(--ink);overflow:hidden;position:relative}.browser-bar{display:flex;align-items:center;gap:7px;padding:12px 14px;border-bottom:2.5px solid var(--ink);background:var(--paper-2)}.browser-bar i{width:12px;height:12px;border-radius:50%;border:2px solid var(--ink)}.browser-bar i:nth-child(1){background:var(--orange)}.browser-bar i:nth-child(2){background:var(--yellow)}.browser-bar i:nth-child(3){background:var(--green)}.browser-bar span{margin-left:10px;background:#fff;border:2px solid var(--ink);border-radius:8px;padding:4px 12px;font:700 12px/1 var(--f-mono);flex:1;max-width:260px}.fake-ed{display:grid;grid-template-columns:1fr 1.15fr;gap:18px;padding:18px;background:var(--paper)}.fe-form{display:flex;flex-direction:column;gap:10px}.fe-sec{border:2px solid var(--ink);border-radius:12px;background:#fff;padding:10px 12px;font-weight:700;font-size:13px;display:flex;align-items:center;gap:8px}.fe-sec i{width:10px;height:10px;border-radius:3px;border:1.5px solid var(--ink)}.fe-sec.open{flex-direction:column;align-items:stretch}.fe-sec.open .fe-row{display:flex;gap:8px;align-items:center}.fe-in{height:28px;border:2px solid var(--ink);border-radius:8px;background:var(--paper);font:500 11px/24px var(--f-body);padding:0 8px;color:var(--ink-2);overflow:hidden;white-space:nowrap}.fe-in.typing:after{content:"|";animation:caret 1s steps(1) infinite;color:var(--blue);font-weight:800}@keyframes caret{50%{opacity:0}}.fe-prev .mini{box-shadow:4px 4px #1c17122e;border:2px solid var(--ink)}.fe-coach{position:absolute;right:16px;bottom:16px;display:flex;align-items:flex-end;gap:6px}.fe-coach .bubble{background:var(--card);border:2.5px solid var(--ink);border-radius:14px 14px 4px;padding:9px 12px;font-size:13px;font-weight:600;max-width:220px;box-shadow:3px 3px 0 var(--ink)}.fe-coach .blob{width:54px}.demo-hand{font-size:25px;color:var(--orange);margin-top:22px;transform:rotate(-2deg);display:block}@media(max-width:1100px){.tpls{grid-template-columns:repeat(3,1fr)}.tpls .tpl:nth-child(n+4){display:none}.steps,.trust{grid-template-columns:repeat(2,1fr)}}@media(max-width:1080px){.nav-links{display:none}}@media(max-width:920px){.hero-grid,.demo-box,.tab-panel{grid-template-columns:1fr}.hero{padding-top:34px}.hero-media{max-width:460px;margin:20px auto 0;width:100%}.hm-s1{left:-8px}.hm-s2{right:-8px}.tab-panel{padding:40px 28px}.notes{grid-template-columns:1fr;max-width:460px;margin-inline:auto}.plans{grid-template-columns:1fr}.f-top{grid-template-columns:repeat(3,1fr);gap:30px}.f-news{grid-column:1/-1}}@media(max-width:640px){body{font-size:16px}.wrap{padding:0 16px}.nav-in{height:64px;gap:10px}.nav-login{display:none}.logo{font-size:24px}section.s{padding:76px 0}.stack span{box-shadow:3px 3px 0 var(--ink);border-width:2.5px}.hero-ctas .btn{width:100%}.hm-hand{display:none}.steps,.trust{grid-template-columns:1fr}.step{min-height:0}.tpls{grid-template-columns:repeat(2,1fr);gap:12px}.tpls .tpl:nth-child(n+4){display:flex}.tpls .tpl:nth-child(5){display:none}.tpl h3{font-size:20px}.tpl .use{display:none}.tabs{padding-left:6px}.tab{padding:15px 20px 13px;font-size:11px}.fake-ed{grid-template-columns:1fr}.fe-form{display:none}.fe-coach .bubble{max-width:170px;font-size:12px}.final{padding:60px 20px 120px;border-radius:26px}.final .b2{display:none}.final .b1{width:110px}.f-top{grid-template-columns:1fr 1fr}.side-note{display:none}}