.hero{text-align:center;padding-top:clamp(3rem,6vw,5.5rem);padding-bottom:clamp(2.5rem,5vw,4rem)}.pill{border:1px solid var(--stroke);color:var(--fg-2);background:var(--surface);border-radius:999px;align-items:center;gap:.5rem;padding:.35rem .7rem;font-size:.8125rem;display:inline-flex}.dot{background:var(--green-500);border-radius:50%;width:6px;height:6px}.frame{border:1px solid var(--stroke);border-radius:var(--radius-3xl);background:linear-gradient(180deg,var(--white-200),var(--white-400));margin-top:3.5rem;overflow:hidden}.frame .bar{border-bottom:1px solid var(--stroke);gap:6px;padding:.85rem 1rem;display:flex}.frame .bar i{background:var(--white-700);border-radius:50%;width:10px;height:10px}.frame .body{aspect-ratio:16/8;place-items:center;display:grid}.grid-4{grid-template-columns:repeat(auto-fit,minmax(13rem,1fr));gap:1rem;display:grid}.ai-panel{background:var(--black-50);color:var(--white-300);border-radius:var(--radius-2xl);padding:1.5rem}.ai-panel .row{border-bottom:1px solid var(--black-300);align-items:flex-start;gap:.6rem;padding:.7rem 0;font-size:.9rem;display:flex}.ai-panel .row:last-child{border-bottom:0}.ai-panel .tag{font-family:var(--font-mono);color:var(--green-500);border:1px solid var(--black-400);border-radius:5px;flex:none;padding:.1rem .35rem;font-size:.7rem}.two{grid-template-columns:1.1fr .9fr;align-items:center;gap:3rem;display:grid}.sec-list{grid-template-columns:repeat(auto-fit,minmax(15rem,1fr));gap:1.5rem 2.5rem;margin-top:2.5rem;display:grid}.sec-list h4{letter-spacing:-.01em;font-size:1rem}.sec-list p{color:var(--fg-2);margin-top:.35rem;font-size:.9rem}.check{color:var(--fg);font-family:var(--font-mono)}.tabs{border-bottom:1px solid var(--stroke);flex-wrap:wrap;gap:.15rem;margin-top:2.5rem;display:flex}.tab{appearance:none;color:var(--fg-3);cursor:pointer;letter-spacing:-.01em;background:0 0;border:0;padding:.75rem .95rem;font-size:.95rem;font-weight:500;transition:color .15s;position:relative}.tab:hover,.tab.is-active{color:var(--fg)}.tab.is-active:after{content:"";background:var(--black-100);border-radius:2px;height:2px;position:absolute;bottom:-1px;left:.95rem;right:.95rem}.panels{margin-top:2.25rem}.panel{grid-template-columns:.82fr 1.18fr;align-items:start;gap:3rem;display:none}.panel.is-active{animation:.25s fade;display:grid}@keyframes fade{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}.feat{flex-direction:column;gap:.25rem;margin-top:1rem;padding:0;list-style:none;display:flex}.feat-item{appearance:none;text-align:left;width:100%;color:var(--fg-2);letter-spacing:-.01em;border-radius:var(--radius-lg);cursor:pointer;background:0 0;border:0;align-items:center;gap:.6rem;padding:.6rem .7rem;font-size:.95rem;transition:background .15s,color .15s;display:flex}.feat-item:before{content:"→";font-family:var(--font-mono);color:var(--black-800);opacity:0;flex:none;transition:opacity .15s}.feat-item:hover{color:var(--fg);background:var(--surface-2)}.feat-item.is-active{color:var(--fg);background:var(--surface-2);font-weight:500}.feat-item.is-active:before{opacity:1}.shot{border:1px solid var(--stroke);border-radius:var(--radius-2xl);background:linear-gradient(180deg,var(--white-200),var(--white-400));aspect-ratio:16/10;place-items:center;display:grid;overflow:hidden}.panel-right .summary{color:var(--fg-2);max-width:34rem;margin-top:1.25rem;font-size:1rem;line-height:1.55}.try-grid{grid-template-columns:1fr 1fr;align-items:center;gap:3rem;display:grid}.form{flex-direction:column;gap:.9rem;display:flex}.field{flex-direction:column;gap:.35rem;display:flex}.field label{color:var(--fg-2);font-size:.8rem;font-weight:500}.field input,.field select{font:inherit;border:1px solid var(--stroke-strong);border-radius:var(--radius-lg);background:var(--bg);color:var(--fg);padding:.65rem .8rem;font-size:.95rem}.field input:focus,.field select:focus{outline:2px solid var(--blue-500);outline-offset:1px;border-color:#0000}.form-row{grid-template-columns:1fr 1fr;gap:.9rem;display:grid}.reassure{color:var(--fg-2);flex-direction:column;gap:.6rem;margin-top:1.5rem;padding:0;font-size:.95rem;list-style:none;display:flex}.reassure li{gap:.55rem;display:flex}.reassure li:before{content:"✓";color:var(--green-500);font-weight:600}.thanks{text-align:center;padding:2rem;display:none}.thanks.on{animation:.3s fade;display:block}@media (width<=820px){.two{grid-template-columns:1fr;gap:2rem}.panel.is-active{grid-template-columns:1fr;gap:1.5rem}.try-grid{grid-template-columns:1fr;gap:2rem}}@media (width<=760px){.form-row{grid-template-columns:1fr}}