.hero{padding:clamp(40px,7vw,88px) 0 clamp(40px,6vw,72px);position:relative;overflow:clip}.hero:before{content:"";background-image:radial-gradient(var(--line-strong) 1px, transparent 1.2px);pointer-events:none;background-size:26px 26px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(70% 60% at 70% 40%,#000 20%,#0000 75%);mask-image:radial-gradient(70% 60% at 70% 40%,#000 20%,#0000 75%)}.hero-grid{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);align-items:center;gap:clamp(32px,5vw,72px);display:grid;position:relative}.hero-copy{justify-items:start;gap:24px;display:grid}.hero h1{letter-spacing:-.05em;font-size:clamp(40px,5.2vw,70px);font-weight:650;line-height:.98}.hero h1 .hl{background:linear-gradient(transparent 62%, var(--accent) 62%, var(--accent) 92%, transparent 92%);-webkit-box-decoration-break:clone;box-decoration-break:clone;padding:0 .04em;display:inline}:root[data-theme=dark] .hero h1 .hl{color:var(--accent);background:0 0}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .hero h1 .hl{color:var(--accent);background:0 0}}.hero-sub{color:var(--muted);max-width:34ch;font-size:clamp(17px,1.6vw,19px);line-height:1.55}.hero-ctas{flex-wrap:wrap;gap:12px;margin-top:4px;display:flex}.hero-ctas .btn{--h:54px;padding:0 26px}.hero-visual{position:relative}.stage{aspect-ratio:5/5.6;max-height:calc(100dvh - var(--nav-h) - 80px);background:radial-gradient(120% 80% at 80% 10%, var(--accent-soft), transparent 60%), linear-gradient(160deg, var(--surface-2), var(--bg-deep));border:1px solid var(--line);box-shadow:var(--shadow-lg);border-radius:28px;place-items:center;margin-left:auto;display:grid;position:relative;overflow:hidden}.shot{margin:0}.shot img{border-radius:16px}.shot-main{filter:drop-shadow(0 30px 50px #00000059);justify-content:center;height:88%;display:flex}.shot-main img{width:auto;max-width:none;height:100%}@media (prefers-reduced-motion:no-preference){.shot-main{animation:9s ease-in-out infinite float}}@keyframes float{50%{transform:translateY(-8px)}}@media (width<=900px){.hero-grid{grid-template-columns:minmax(0,1fr)}.hero-sub{max-width:44ch}.stage{aspect-ratio:auto;max-height:none;margin-left:0;padding:32px 0}.shot-main{width:min(360px,84%);height:auto}.shot-main img{width:100%;height:auto}}.rounds{padding:8px 0 24px}.marquee{display:flex;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 10% 90%,#0000);mask-image:linear-gradient(90deg,#0000,#000 10% 90%,#0000)}.marquee-track{flex:none;gap:12px;padding-right:12px;display:flex}.marquee-track span{white-space:nowrap;border:1px solid var(--line);color:var(--muted);border-radius:999px;padding:10px 18px;font-size:15px}@media (prefers-reduced-motion:no-preference){.marquee-track{animation:38s linear infinite marquee}.marquee:hover .marquee-track{animation-play-state:paused}}@keyframes marquee{to{transform:translate(-100%)}}.section-title{max-width:18ch;font-size:clamp(32px,4.4vw,54px)}.how,.features,.pricing,.faq{padding:clamp(64px,9vw,120px) 0}.how-grid{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:start;gap:clamp(32px,6vw,96px);display:grid}.how-head{top:calc(var(--nav-h) + 40px);gap:18px;display:grid;position:sticky}.how-head h2{font-size:clamp(36px,5vw,64px)}.how-head p{max-width:32ch;font-size:18px}.how-steps{gap:18px;margin:0;padding:0;list-style:none;display:grid}.how-steps li{border-radius:var(--r-card);background:var(--surface);border:1px solid var(--line);grid-template-columns:auto 1fr;gap:20px;padding:28px;display:grid}.how-steps h3{letter-spacing:-.025em;margin-bottom:8px;font-size:22px;line-height:1.2}.how-icon{background:var(--accent-soft);width:52px;height:52px;color:var(--accent-text);border-radius:16px;place-items:center;display:grid}.how-icon .ph{width:26px;height:26px}@media (width<=860px){.how-grid{grid-template-columns:1fr}.how-head{position:static}.how-steps li{grid-template-columns:1fr;padding:22px}}.features .section-title{margin-bottom:clamp(28px,4vw,48px)}.bento{grid-template-columns:repeat(6,minmax(0,1fr));gap:16px;display:grid}.tile{border-radius:var(--r-card);border:1px solid var(--line);background:var(--surface);flex-direction:column;gap:10px;min-height:260px;padding:30px;display:flex;position:relative;overflow:hidden}.tile h3{letter-spacing:-.03em;font-size:24px;line-height:1.15}.tile p{max-width:44ch}.tile>.ph{width:44px;height:44px;margin-bottom:auto}.tile-solve{background:radial-gradient(90% 90% at 100% 0%, var(--accent-soft), transparent 60%), var(--surface);grid-column:span 4;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);align-items:end;gap:24px;padding-bottom:0;display:grid}.tile-solve .tile-copy{align-self:center;gap:10px;padding-bottom:30px;display:grid}.tile-solve img{object-fit:cover;object-position:top;width:100%;max-height:380px;box-shadow:var(--shadow-lg);border-radius:14px 14px 0 0;transform:translateY(4px)}.tile-hidden{background:var(--accent);color:var(--accent-ink);border-color:#0000;grid-column:span 2}.tile-hidden p{color:#141710c7}.tile-profile{background:linear-gradient(180deg, var(--surface-2), var(--surface));grid-column:span 2;padding-top:0}.tile-profile img{width:calc(100% + 16px);max-width:none;box-shadow:var(--shadow);border-radius:0 0 14px 14px;margin:0 -8px 12px}.tile-practice{grid-column:span 2}.tile-practice>.ph{color:var(--accent-text)}.tile-keys{background:repeating-linear-gradient(135deg, transparent 0 14px, var(--line) 14px 15px), var(--surface);grid-column:span 2}.keys{gap:10px;margin-top:auto;display:grid}.keys span{align-items:center;gap:6px;display:flex}.keys em{color:var(--muted);margin-left:6px;font-size:15px;font-style:normal}kbd{font-family:var(--mono);text-align:center;border:1px solid var(--line-strong);background:var(--surface);border-bottom-width:2px;border-radius:8px;min-width:30px;padding:4px 8px;font-size:13px}@media (width<=960px){.bento{grid-template-columns:repeat(2,minmax(0,1fr))}.tile-solve{grid-column:span 2}.tile-hidden,.tile-profile,.tile-practice,.tile-keys{grid-column:span 1}}@media (width<=680px){.bento{grid-template-columns:1fr}.tile-solve{grid-column:auto;grid-template-columns:1fr}.tile-solve .tile-copy{padding-bottom:0}.tile-hidden,.tile-profile,.tile-practice,.tile-keys{grid-column:auto}.tile{min-height:0;padding:24px}.tile-profile{padding-top:0}}.pricing-head{text-align:center;justify-items:center;gap:18px;margin-bottom:clamp(32px,5vw,56px);display:grid}.pricing-head .section-title{max-width:20ch}.plans{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;gap:16px;display:grid}.plan{border-radius:var(--r-card);border:1px solid var(--line);background:var(--surface);flex-direction:column;gap:24px;padding:32px;display:flex;position:relative}.plan header{gap:8px;display:grid}.plan h3{letter-spacing:-.02em;font-size:20px}.price{align-items:baseline;gap:10px;display:flex}.price .amount{letter-spacing:-.05em;font-size:46px;font-weight:650;line-height:1}.price .per{color:var(--muted);font-size:16px}.plan ul{flex:1;gap:12px;margin:0;padding:0;list-style:none;display:grid}.plan li{align-items:flex-start;gap:12px;display:flex}.plan li .ph{color:var(--accent-text);margin-top:3px}.plan .btn{width:100%}.plan .fine{color:var(--faint);margin-top:-8px;font-size:13px;line-height:1.5}.plan-best{background:var(--text);color:var(--bg);box-shadow:var(--shadow-lg);border-color:#0000}.plan-best .muted,.plan-best .per{color:color-mix(in oklab, var(--bg) 68%, var(--text))}.plan-best li .ph{color:var(--accent)}:root[data-theme=dark] .plan-best li .ph{color:var(--accent-ink)}.best{background:var(--accent);color:var(--accent-ink);border-radius:999px;padding:4px 12px;font-size:13px;font-weight:600;position:absolute;top:22px;right:22px}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .plan-best li .ph{color:var(--accent-ink)}}@media (width<=960px){.plans{grid-template-columns:1fr;max-width:520px;margin:0 auto}}.faq-grid{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);align-items:start;gap:clamp(28px,6vw,96px);display:grid}.faq-list{gap:10px;display:grid}.faq details{border-radius:var(--r-card);background:var(--surface);border:1px solid var(--line);padding:0 24px;transition:background-color .2s}.faq details[open]{background:var(--surface-2)}.faq summary{cursor:pointer;justify-content:space-between;align-items:center;gap:16px;padding:20px 0;font-size:17px;font-weight:560;list-style:none;display:flex}.faq summary::-webkit-details-marker{display:none}.faq summary .ph{color:var(--muted);transition:transform .35s var(--ease)}.faq details[open] summary .ph{transform:rotate(45deg)}.faq details p{color:var(--muted);max-width:62ch;padding-bottom:22px}.faq details a{color:var(--accent-text)}@media (width<=860px){.faq-grid{grid-template-columns:1fr}}.closer{padding:20px 0 clamp(48px,6vw,80px)}.closer-card{background:radial-gradient(70% 120% at 100% 100%, #ffffff59, transparent 60%), var(--accent);color:var(--accent-ink);border-radius:28px;justify-items:start;gap:16px;padding:clamp(40px,7vw,88px) clamp(24px,6vw,72px);display:grid}.closer-card h2{letter-spacing:-.05em;max-width:14ch;font-size:clamp(38px,5.6vw,72px)}.closer-card p{color:#141710bf;font-size:18px}.closer-ctas{flex-wrap:wrap;gap:12px;margin-top:12px;display:flex}.closer .btn-dark{color:#f3f4f0;background:#141710}.btn-ghost.on-accent{color:#141710;border-color:#1417104d}.btn-ghost.on-accent:hover{background:#14171012}.download-sheet{z-index:40;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#080a0680;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.download-sheet[hidden]{display:none}.sheet-card{gap:12px;width:min(480px,100%);padding:32px;display:grid;position:relative}.sheet-card h3{font-size:26px}.sheet-options{gap:10px;margin-top:10px;display:grid}.sheet-option{border:1px solid var(--line-strong);border-radius:14px;align-items:center;gap:16px;padding:16px 18px;text-decoration:none;transition:background-color .2s,border-color .2s;display:flex}.sheet-option:hover{background:var(--surface-2);border-color:var(--accent-text)}.sheet-option .ph{width:30px;height:30px}.sheet-option span{display:grid}.sheet-option small{color:var(--muted);font-size:14px}.sheet-option.disabled{opacity:.55;pointer-events:none}.sheet-close{position:absolute;top:16px;right:16px}
