[hidden]{display:none!important}
.demo-hero{background:linear-gradient(120deg,#f8fbff,#dceeff);padding:78px 0 70px}.demo-hero h1{font-size:clamp(42px,5vw,64px);margin:20px 0}.demo-hero p{max-width:690px;color:#415978;font-size:16px}.demo-notice{max-width:760px;background:#fff;border:1px solid #c8dcf0;border-radius:12px;padding:13px 18px;color:#46617c;font-size:13px}.demo-workspace{background:#f6f9fd}.demo-grid{display:grid;grid-template-columns:minmax(300px,.86fr) minmax(0,1.14fr);gap:24px;align-items:start}.demo-input,.demo-output{background:#fff;border:1px solid var(--line);border-radius:20px;padding:32px;box-shadow:0 16px 42px #1239630b}.eyebrow,.result-kicker{color:#3177b8;font-size:11px;font-weight:800;letter-spacing:.12em}.demo-input h2,.demo-output h2{font-size:24px;line-height:1.4;margin:7px 0 24px}.choice-group{padding:0;border:0;display:grid;gap:10px;margin:0 0 28px}.choice{display:flex;gap:13px;align-items:center;border:1px solid var(--line);border-radius:12px;padding:15px;cursor:pointer;transition:.2s}.choice:has(input:checked){border-color:#448ecb;background:#eef7ff;box-shadow:0 0 0 2px #cce7fa}.choice input{accent-color:#1758a5}.choice-icon{width:34px;height:34px;border-radius:9px;background:#e3effa;color:#1758a5;display:grid;place-items:center;font-size:20px;flex:none}.line-icon{background:#e3f8e9;color:#08a44a}.choice strong,.choice small{display:block;line-height:1.5}.choice strong{font-size:15px;color:var(--navy)}.choice small{font-size:12px;color:#61758d}.form-eyebrow{display:block;margin-bottom:16px}.field{margin:0 0 17px}.field label{display:block;color:var(--navy);font-size:13px;font-weight:800;margin-bottom:7px}.field label span{color:#3177b8;font-size:11px;margin-left:5px}.field input,.field textarea{font:inherit;font-size:14px;line-height:1.6;color:var(--ink);width:100%;border:1px solid #bdd0e2;border-radius:9px;padding:11px 12px;background:#fff}.field input:focus,.field textarea:focus{outline:3px solid #cce7fa;border-color:#3177b8}.run-button{width:100%;margin-top:6px}.form-note{font-size:11px!important;margin:10px 0 0;color:#718398!important}.output-head{display:flex;justify-content:space-between;gap:12px;align-items:start}.output-head h2{margin-bottom:18px}.status{white-space:nowrap;border-radius:100px;background:#edf3f9;padding:5px 12px;color:#5d7086;font-size:11px;font-weight:800}.status.running{background:#fff2d8;color:#8a5e0c}.status.done{background:#e2f5ec;color:#177a4c}.run-steps{display:flex;gap:8px;list-style:none;margin:0 0 23px;padding:0}.run-steps li{flex:1;display:flex;align-items:center;gap:7px;border-radius:8px;padding:8px;background:#f3f7fb;color:#718398;font-size:11px;font-weight:700;line-height:1.3}.run-steps li span{width:20px;height:20px;border-radius:50%;background:#e3ebf3;display:grid;place-items:center;flex:none}.run-steps li.active{background:#e4f1ff;color:#1758a5}.run-steps li.complete{background:#e2f5ec;color:#177a4c}.empty-result{min-height:430px;border:1px dashed #b8cee2;border-radius:14px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:28px}.empty-result>span{font-size:36px;color:#67a4d5}.empty-result strong{color:var(--navy);font-size:16px}.empty-result p{font-size:13px;margin:5px 0 0}.result-top{display:flex;justify-content:space-between;gap:10px;align-items:start;margin-bottom:20px}.result h3{font-size:20px;color:var(--navy);margin:5px 0}.result-top p{font-size:13px;margin:0}.text-button{border:0;background:none;color:#1764aa;text-decoration:underline;font:inherit;font-size:12px;font-weight:800;cursor:pointer;white-space:nowrap}.preview-caption{font-size:11px;color:#6a7f95;font-weight:800;margin-bottom:8px}.site-preview{border:1px solid #cfdfea;border-radius:12px;overflow:hidden;background:#fff}.site-preview-nav{height:48px;display:flex;justify-content:space-between;align-items:center;padding:0 20px;border-bottom:1px solid #e3ebf3;font-size:11px;color:#62758b}.site-preview-nav strong{font-size:15px;color:#153d67}.site-preview-hero{background:linear-gradient(135deg,#edf7ff,#d9edfb);padding:55px 34px}.site-preview-hero small{color:#2d78b5;font-weight:800;letter-spacing:.12em;font-size:10px}.site-preview-hero h4{font-size:clamp(22px,3vw,32px);line-height:1.45;color:#0b2349;margin:12px 0}.site-preview-hero p{color:#46617c;font-size:13px;max-width:400px}.preview-cta{display:inline-block;background:#0b2349;color:white;border-radius:7px;padding:9px 18px;font-size:12px;font-weight:800}.site-preview-feature{padding:24px 34px}.site-preview-feature strong{color:#0b2349}.site-preview-feature p{font-size:13px;margin:7px 0 0}.line-preview{background:#d7e6df;border-radius:12px;overflow:hidden;padding-bottom:26px}.line-preview-bar{display:flex;align-items:center;gap:10px;background:#fff;padding:12px 16px;font-size:13px}.line-preview-bar strong{color:var(--navy)}.line-preview-bar small{margin-left:auto;font-size:10px;color:#74889a}.line-avatar{display:grid;place-items:center;background:#13b75c;color:white;border-radius:50%;width:30px;height:30px;font-weight:800}.line-bubble{background:#fff;border-radius:0 14px 14px 14px;margin:22px 18px 0 52px;padding:18px;white-space:pre-wrap;font-size:13px;line-height:1.8;box-shadow:0 5px 15px #26463814}.result-block{margin-top:21px;padding:18px 20px;border:1px solid var(--line);border-radius:10px}.result-block h4{color:var(--navy);margin:0 0 9px}.result-block ol{padding-left:19px;margin:0;color:#4d627a;font-size:13px}.result-block li+li{margin-top:7px}.result-actions{margin-top:18px}.result-disclaimer{font-size:11px!important;margin:18px 0 0}.demo-next h2{margin-bottom:10px}.demo-next p{max-width:620px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.demo-teaser{background:#eaf4ff}.demo-teaser-in{display:flex;justify-content:space-between;align-items:center;gap:35px}.demo-teaser-in>div{max-width:690px}.demo-teaser-in p{margin:0 0 8px}.demo-teaser-in .btn{flex:none}@media(max-width:850px){.demo-grid{grid-template-columns:1fr}.demo-teaser-in{display:block}.demo-teaser-in .btn{margin-top:20px}}@media(max-width:600px){.demo-hero{padding:50px 0}.demo-input,.demo-output{padding:22px}.run-steps li{font-size:0;justify-content:center}.run-steps li span{font-size:11px}.result-top{display:block}.text-button{margin:9px 0 0;padding:0}.site-preview-nav span{display:none}.site-preview-hero{padding:35px 24px}.site-preview-feature{padding:20px 24px}}

.copy-fallback{margin-top:16px;padding:16px;border:1px solid #bdd0e2;border-radius:10px;background:#f7fbff}.copy-fallback label{display:block;color:#38526e;font-size:12px;margin-bottom:8px}.copy-fallback textarea{width:100%;border:1px solid #bdd0e2;border-radius:7px;padding:10px;font:inherit;font-size:12px;line-height:1.6;resize:vertical}

.template-group{border:0;padding:0;margin:0 0 28px;min-width:0}.template-group legend{color:var(--navy);font-size:14px;font-weight:800;margin-bottom:4px}.template-group>p{font-size:12px;margin:0 0 12px!important}.template-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.template-option{position:relative;border:1px solid var(--line);border-radius:11px;padding:7px 7px 11px;cursor:pointer;min-width:0}.template-option:has(input:checked){border-color:#448ecb;box-shadow:0 0 0 2px #cce7fa;background:#f6fbff}.template-option input{position:absolute;top:10px;right:10px;accent-color:#1758a5;z-index:1}.template-name,.template-option small{display:block;line-height:1.45}.template-name{font-size:12px;font-weight:800;color:var(--navy);margin:8px 3px 1px}.template-option small{font-size:10px;color:#61758d;margin:0 3px}.template-thumb{height:76px;border-radius:6px;display:block;position:relative;overflow:hidden}.template-thumb i,.template-thumb b,.template-thumb em{position:absolute;display:block}.template-thumb i{left:12px;top:18px;width:46%;height:7px;border-radius:3px}.template-thumb b{left:12px;top:33px;width:38%;height:4px;border-radius:2px}.template-thumb em{left:12px;top:51px;width:28%;height:10px;border-radius:3px}.thumb-clean{background:linear-gradient(135deg,#edf7ff,#d9edfb)}.thumb-clean i,.thumb-clean b,.thumb-clean em{background:#3c79b3}.thumb-clean:after{content:'';position:absolute;width:55px;height:55px;border-radius:50%;border:9px solid #b2d8f4;right:5px;top:12px}.thumb-natural{background:#f7f0e3}.thumb-natural i,.thumb-natural b,.thumb-natural em{background:#9c6146}.thumb-natural:after{content:'';position:absolute;width:65px;height:65px;border-radius:50%;background:#e7d2b6;right:-5px;top:11px}.thumb-bold{background:#172337}.thumb-bold i,.thumb-bold b,.thumb-bold em{background:#d6ff62}.thumb-bold:after{content:'';position:absolute;width:58px;height:58px;border-radius:50%;background:#36465e;right:4px;top:10px}.site-preview.template-natural{background:#fffaf2}.template-natural .site-preview-nav{background:#fffaf2}.template-natural .site-preview-nav strong,.template-natural .site-preview-feature strong{color:#493b31}.template-natural .site-preview-hero{background:radial-gradient(circle at 86% 28%,#e7d2b6 0 17%,transparent 18%),#f7f0e3}.template-natural .site-preview-hero small{color:#9c6146}.template-natural .site-preview-hero h4{font-family:Georgia,serif;color:#493b31}.template-natural .site-preview-hero p{color:#68594d}.template-natural .preview-cta{background:#9c6146}.template-bold .site-preview-nav{background:#f3f5f5}.template-bold .site-preview-hero{background:radial-gradient(circle at 85% 24%,#36465e 0 18%,transparent 19%),#172337;text-align:center}.template-bold .site-preview-hero small{color:#d6ff62}.template-bold .site-preview-hero h4{color:#fff;max-width:490px;margin-left:auto;margin-right:auto}.template-bold .site-preview-hero p{color:#dce6f2;margin-left:auto;margin-right:auto}.template-bold .preview-cta{background:#d6ff62;color:#172337}.template-bold .site-preview-feature{background:#f3f5f5}@media(max-width:420px){.template-options{grid-template-columns:1fr}.template-option{display:grid;grid-template-columns:94px 1fr;grid-template-rows:auto auto;column-gap:9px;align-items:center}.template-thumb{grid-row:1/3;height:56px}.template-name{align-self:end}.template-option small{align-self:start}.template-option input{right:11px}}