header{padding-block:32px}.brand{font-size:32px}.hero{padding-top:85px;min-height:860px}.hero h1{font-size:clamp(78px,8vw,118px);letter-spacing:-.065em;line-height:1.04}.hero>p{font-size:24px}.hero-pill{font-size:11px;padding:11px 18px;box-shadow:inset 0 1px #fff2}.hero-detail{font-size:12px}.hero .button{font-size:15px;min-height:58px;padding:17px 28px}.orbital{width:530px;height:170px;margin-top:50px}.orbital>span{font-size:12px}.orbital>i{font-size:75px;left:43%}.glass{border-color:#ffffff38;background:linear-gradient(140deg,#ffffff1a,#ffffff06);box-shadow:inset 0 1px #ffffff12,0 35px 100px #0b082c50}.workbench{border-radius:22px}.section-intro h2{font-size:56px;line-height:1.1}.section-intro>p:last-child{font-size:18px}.workbench-top{padding:22px 30px;font-size:11px}.input-pane,.output-pane{padding:35px}.pane-label label,.pane-label h3{font-size:16px}.pane-label button{font-size:12px}.pane-label>span{font-size:11px}textarea{font-size:17px;line-height:1.8;min-height:250px;background:#0c0e2d55;border-color:#ffffff30;padding:22px}.input-foot{font-size:11px}.input-foot button{font-size:12px}legend{font-size:14px}.mode-options span{font-size:12px;padding:11px 15px}.input-pane>.button{font-size:14px}.playground-note{font-size:12px;line-height:1.8}#output-content{font-size:18px;line-height:1.8}#output-kicker{font-size:11px}#output-empty>p{font-size:29px}.workflow-shelf{max-width:1280px;margin:auto;padding:45px 5% 100px;display:grid;grid-template-columns:.8fr 1.2fr;gap:70px;align-items:start}.workflow-shelf h2{font-size:48px;line-height:1.12;margin:25px 0}.workflow-shelf>div>p:last-child{font-size:17px;color:#b9afd1;max-width:350px}.workflow-presets{display:flex;flex-direction:column;gap:12px}.workflow-presets button{position:relative;border:1px solid #ffffff25;border-radius:12px;background:linear-gradient(115deg,#ffffff0e,#ffffff04);padding:23px 55px 23px 25px;text-align:left;transition:background .2s,transform .2s}.workflow-presets button:hover{background:#ffffff15;transform:translateX(5px)}.workflow-presets button>span{font-size:11px;letter-spacing:.09em;color:#c4a9e2}.workflow-presets strong{font:400 22px Lexend;letter-spacing:-.04em;display:block;margin:12px 0}.workflow-presets p{font-size:13px;color:#b7a8cb}.workflow-presets b{position:absolute;right:25px;top:45%;font-size:23px;font-weight:300}.workflow h2{font-size:65px}.workflow-line h3{font-size:22px}.workflow-line p{font-size:16px}.plan-table{padding:35px}th,td{padding:22px 12px;font-size:14px}tbody th{font-size:13px}tbody td{font-size:14px}.plans h2{font-size:57px}.closing h2{font-size:57px}
@media(max-width:1000px){.workflow-shelf{gap:40px}.workflow-shelf h2{font-size:42px}.input-pane,.output-pane{padding:25px}.mode-options span{font-size:11px;padding:10px 12px}}
@media(max-width:760px){header{padding-block:25px}.brand{font-size:27px}.hero{padding-top:45px;min-height:0}.hero h1{font-size:62px;line-height:1.03}.hero>p{font-size:20px}.hero-pill{font-size:11px;padding:10px 13px;line-height:1.6}.hero-detail{font-size:11px}.hero .button{font-size:13px}.orbital{width:310px;height:150px;margin-top:35px}.orbital>span{font-size:11px}.orbital>i{font-size:58px;left:42%}.section-intro h2{font-size:39px}.section-intro>p:last-child{font-size:16px}.input-pane,.output-pane{padding:25px 20px}.workbench-top{font-size:11px;padding:18px 20px}.pane-label label,.pane-label h3{font-size:15px}.pane-label button{font-size:11px}.pane-label>span{font-size:11px}textarea{font-size:16px;min-height:240px;padding:18px}.mode-options span{font-size:11px;padding:10px 13px}.playground-note{font-size:12px}#output-content{font-size:17px}#output-empty>p{font-size:26px}.workflow-shelf{display:block;padding:30px 7% 60px}.workflow-shelf h2{font-size:38px}.workflow-shelf>div>p:last-child{font-size:16px}.workflow-presets{margin-top:30px}.workflow-presets button{padding:22px 45px 22px 20px}.workflow-presets strong{font-size:20px}.workflow-presets button>span{font-size:11px}.workflow-presets p{font-size:13px}.workflow-presets b{right:20px}.workflow h2{font-size:47px}.workflow-line h3{font-size:20px}.workflow-line p{font-size:15px}.plans h2{font-size:42px}.closing h2{font-size:37px}.plan-table{padding:18px}th,td{padding:18px 7px}tbody th,tbody td{font-size:12px}}

@media (max-width: 480px) {
  .hero h1 { font-size: clamp(2.65rem, 13vw, 3.875rem); }
  .orbital { max-width: calc(100% - 40px); }
  .orbital > div::after { inset-inline: -12px; }
  .orbital > i { left: 50%; transform: translateX(-50%); }
}