@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@600;700;800&display=swap";:root{--bg: #f7f8f5;--ink: #111713;--muted: #67716b;--line: #dfe4df;--green: #1d6b47;--green-dark: #145238;--green-soft: #e7f3ec;--lime: #d9f99d;--white: #fff;--red: #9f2f2f;--red-soft: #fbe9e7;--shadow: 0 20px 60px rgba(17, 23, 19, .08);font-family:DM Sans,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:var(--ink);background:var(--bg);font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg)}button,input{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}.nav{height:78px;max-width:1180px;margin:0 auto;padding:0 24px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:10px;font-family:Manrope;font-size:18px}.brand-mark{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:10px;background:var(--green);color:#fff;font-weight:800}.brand strong{color:var(--green)}nav{display:flex;gap:28px;align-items:center;font-size:14px;font-weight:600;color:#465149}.nav-cta{padding:10px 15px;background:#fff;border:1px solid var(--line);border-radius:999px;color:var(--ink)}.hero{max-width:1180px;margin:0 auto;padding:76px 24px 88px;display:grid;grid-template-columns:1.02fr .98fr;gap:72px;align-items:center}.eyebrow,.kicker{font-size:12px;letter-spacing:.16em;font-weight:800;color:var(--green)}.hero h1,.section h2{margin:16px 0 18px;font-family:Manrope;font-weight:800;letter-spacing:-.045em;line-height:1.03}.hero h1{font-size:clamp(48px,6.2vw,80px)}.hero h1 span{color:var(--green)}.hero-lead{max-width:620px;color:var(--muted);font-size:18px;line-height:1.65}.hero-actions{display:flex;gap:12px;margin-top:28px}.btn{border:0;border-radius:12px;padding:13px 18px;font-weight:700;display:inline-flex;justify-content:center;align-items:center;transition:.2s ease}.btn:hover{transform:translateY(-1px)}.btn-primary{color:#fff;background:var(--green);box-shadow:0 8px 24px #1d6b472e}.btn-primary:hover{background:var(--green-dark)}.btn-primary:disabled{background:#aeb8b1;box-shadow:none;cursor:not-allowed;transform:none}.btn-secondary{background:#fff;border:1px solid var(--line)}.btn-full{width:100%;margin-top:18px}.btn-large{min-width:240px;padding:15px 22px}.trust-row{display:flex;flex-wrap:wrap;gap:16px;margin-top:28px;font-size:12px;color:#5e6962}.hero-card{border:1px solid #d8ded9;border-radius:30px;padding:22px;background:#eef3ef;transform:rotate(1deg);box-shadow:var(--shadow)}.mini-window{overflow:hidden;border-radius:19px;background:#fff;border:1px solid #dce1dd}.window-top{height:42px;padding:0 14px;display:flex;align-items:center;gap:6px;border-bottom:1px solid #edf0ed;background:#fafbfa}.window-top span{width:8px;height:8px;background:#c9cfca;border-radius:50%}.window-top small{margin-left:auto;color:#788178}.question-preview{padding:28px}.q-label{color:var(--green);font-size:12px;font-weight:800;text-transform:uppercase}.question-preview h3{font-family:Manrope;font-size:21px;margin:8px 0 18px}.answer{padding:11px 13px;border-radius:10px;border:1px solid #e6e9e6;margin:8px 0;font-size:14px;display:flex;gap:8px;align-items:center}.answer em{margin-left:auto;font-style:normal;font-size:10px;font-weight:700;color:var(--green)}.answer.correct{border-color:#9fceb4;background:#eff8f2}.shuffle-arrow{text-align:center;color:#7c867f;font-size:11px;margin:16px 0}.mapping{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:10px;padding:14px;border-radius:12px;background:#10271c;color:#fff;text-align:center}.mapping span{background:#204633;border-radius:8px;padding:8px;font-weight:800}.mapping small{grid-column:1/-1;color:#a8bfaf;font-size:10px}.strip{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#fff;display:grid;grid-template-columns:repeat(4,1fr);max-width:100%}.strip div{padding:21px 32px;border-right:1px solid var(--line);display:flex;flex-direction:column;gap:4px}.strip div:last-child{border-right:0}.strip strong{font-family:Manrope;font-size:14px}.strip span{color:var(--muted);font-size:12px}.section{max-width:1180px;margin:0 auto;padding:96px 24px}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:30px}.section-heading h2{font-size:42px;margin:8px 0 0}.section-heading p{max-width:420px;color:var(--muted);line-height:1.55;margin:0}.section-heading.centered{align-items:center;text-align:center;flex-direction:column;gap:4px}.section-heading.centered p{max-width:620px}.workspace-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.panel{background:#fff;border:1px solid var(--line);border-radius:20px;padding:24px;box-shadow:0 10px 32px #1117130a}.panel-title{display:flex;gap:14px;align-items:flex-start;margin-bottom:20px}.panel-title h3{margin:0;font:800 19px Manrope}.panel-title p{margin:4px 0 0;color:var(--muted);font-size:13px}.step{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:var(--green-soft);color:var(--green);font-weight:800;font-size:11px}.dropzone{min-height:255px;border:1.5px dashed #b7c1ba;border-radius:16px;background:#fbfcfb;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:26px;transition:.2s ease}.dropzone:hover,.dropzone.dragging{border-color:var(--green);background:#f3faf5}.upload-icon{width:52px;height:52px;border-radius:16px;background:var(--green-soft);color:var(--green);display:grid;place-items:center;font-size:30px;margin-bottom:15px}.dropzone strong{font-family:Manrope}.dropzone span{color:var(--muted);font-size:13px;margin-top:5px}.dropzone small{color:#9aa29c;margin-top:18px}.file-meta{margin-top:12px;padding:12px;border:1px solid var(--line);border-radius:12px;display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center}.file-meta.hidden{display:none}.file-badge{width:36px;height:36px;border-radius:9px;background:#2463b3;color:#fff;display:grid;place-items:center;font-weight:800}.file-meta strong,.file-meta span{display:block}.file-meta strong{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:320px}.file-meta span{color:var(--muted);font-size:11px;margin-top:2px}.file-meta button{border:0;background:transparent;font-size:23px;color:#8e9790}.config-panel{display:flex;flex-direction:column}.field{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:15px 0;border-bottom:1px solid #edf0ed}.field>span,.toggle-row strong{font-size:14px;font-weight:700}.field input[type=text]{width:240px;border:1px solid var(--line);border-radius:10px;padding:10px 12px;outline:none}.field input:focus{border-color:var(--green);box-shadow:0 0 0 3px #1d6b4714}.number-wrap{display:flex;gap:8px;align-items:center}.number-wrap input{width:74px;border:1px solid var(--line);border-radius:10px;padding:10px}.number-wrap small{color:var(--muted)}.toggle-row{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:16px 0;border-bottom:1px solid #edf0ed}.toggle-row strong,.toggle-row span{display:block}.toggle-row span{color:var(--muted);font-size:12px;margin-top:3px}.toggle-row input{appearance:none;width:42px;height:24px;border-radius:20px;background:#cdd4cf;position:relative;flex:none;transition:.18s}.toggle-row input:after{content:"";width:18px;height:18px;border-radius:50%;background:#fff;position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #0003;transition:.18s}.toggle-row input:checked{background:var(--green)}.toggle-row input:checked:after{transform:translate(18px)}.validation{margin-top:18px;border-radius:15px;padding:17px 18px;display:flex;gap:14px;align-items:flex-start;border:1px solid var(--line);background:#fff}.validation-icon{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;font-weight:800;flex:none}.validation strong,.validation span{display:block}.validation span{color:var(--muted);font-size:13px;margin-top:4px}.validation.success{border-color:#acd1ba;background:#f3faf5}.validation.success .validation-icon{background:#dcefe3;color:var(--green)}.validation.error{border-color:#e8b9b4;background:#fff7f6}.validation.error .validation-icon{background:#f5d8d5;color:var(--red)}.validation.empty .validation-icon{background:#edf0ed;color:#7f8982}.validation ul{margin:9px 0 0;padding-left:18px;color:#7b3d37;font-size:12px;line-height:1.6}.status-pill{margin-left:auto;font-size:11px;font-weight:800;padding:6px 9px;border-radius:999px;background:#fff;border:1px solid currentColor}.result-actions{display:flex;align-items:center;gap:15px;margin-top:18px}.result-actions span{color:var(--muted);font-size:12px}.process{border-top:1px solid var(--line)}.cards-4{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:40px}.cards-4 article{min-height:220px;padding:22px;border:1px solid var(--line);border-radius:16px;background:#fff}.cards-4 article>span{width:34px;height:34px;border-radius:10px;background:var(--green);color:#fff;display:grid;place-items:center;font-weight:800}.cards-4 h3{margin:36px 0 9px;font:800 17px Manrope}.cards-4 p{color:var(--muted);font-size:13px;line-height:1.6}.format-section{display:grid;grid-template-columns:.9fr 1.1fr;gap:70px;align-items:center}.format-copy h2{font-size:48px}.format-copy>p{color:var(--muted);line-height:1.7}.notice{margin-top:26px;padding:16px;border-left:3px solid var(--green);background:var(--green-soft)}.notice strong,.notice span{display:block}.notice span{font-size:12px;line-height:1.55;color:#4f6657;margin-top:4px}.code-card{position:relative;background:#10271c;color:#dce9e1;border-radius:18px;padding:24px;box-shadow:var(--shadow);overflow:auto}.code-card pre{margin:0;font:13px/1.7 ui-monospace,SFMono-Regular,Menlo,monospace;white-space:pre-wrap}.copy-btn{position:absolute;top:12px;right:12px;border:1px solid #345142;background:#183426;color:#fff;border-radius:9px;padding:8px 10px;font-size:11px}footer{border-top:1px solid var(--line);max-width:1180px;margin:0 auto;padding:32px 24px 60px;display:flex;align-items:center;justify-content:space-between;color:var(--muted);font-size:12px}.footer-brand{color:var(--ink)}.toast{position:fixed;left:50%;bottom:24px;transform:translate(-50%,20px);opacity:0;pointer-events:none;background:#15231a;color:#fff;padding:11px 15px;border-radius:10px;font-size:12px;font-weight:700;box-shadow:0 12px 30px #0000002e;transition:.2s ease;z-index:10}.toast.show{opacity:1;transform:translate(-50%)}.toast.error{background:#7d2d29}@media(max-width:900px){nav a:not(.nav-cta){display:none}.hero{grid-template-columns:1fr;gap:42px;padding-top:48px}.strip{grid-template-columns:1fr 1fr}.strip div:nth-child(2){border-right:0}.strip div:nth-child(-n+2){border-bottom:1px solid var(--line)}.workspace-grid,.format-section{grid-template-columns:1fr}.cards-4{grid-template-columns:1fr 1fr}}@media(max-width:600px){.nav{height:66px}.hero h1{font-size:43px}.hero-actions{flex-direction:column}.strip{grid-template-columns:1fr}.strip div{border-right:0;border-bottom:1px solid var(--line)}.section{padding:72px 18px}.section-heading{align-items:flex-start;flex-direction:column}.section-heading h2,.format-copy h2{font-size:36px}.workspace-grid{gap:12px}.panel{padding:18px}.cards-4{grid-template-columns:1fr}.field{align-items:flex-start;flex-direction:column;gap:8px}.field input[type=text]{width:100%}.result-actions{align-items:stretch;flex-direction:column}footer{flex-direction:column;align-items:flex-start;gap:14px}}.preview{max-width:1180px;margin:14px auto 0;padding:18px 20px;background:var(--white);border:1px solid var(--line);border-radius:16px}.preview.hidden{display:none}.pv-head strong{display:block;font-family:Manrope;font-size:15px}.pv-head span{display:block;color:var(--muted);font-size:13px;margin-top:4px}.pv-notes{margin:12px 0 0;padding:10px 12px 10px 28px;list-style:disc;background:var(--green-soft);border-radius:10px;color:var(--green-dark);font-size:12.5px;line-height:1.7}.pv-body{margin-top:14px;display:grid;gap:14px;max-height:560px;overflow-y:auto;padding-right:6px}.pv-protected{margin-top:14px;padding:12px 14px;border-radius:10px;background:var(--green-soft);font-size:12px;line-height:1.6}.pv-protected strong{display:block;color:var(--green-dark)}.pv-protected span{color:#4f6657}.pv-q{padding:14px 16px;border:1px solid var(--line);border-radius:12px;background:#fcfdfc;font-size:14px;line-height:1.65}.pv-qtext{margin:0 0 8px}.pv-c{padding:3px 0 3px 14px;color:#39433c}.pv-correct{color:var(--green-dark);font-weight:600}.pv-more{margin:12px 0 0;color:var(--muted);font-size:12.5px}.math-chip{display:inline-block;padding:1px 7px;border-radius:6px;background:var(--lime);border:1px solid #c3e46b;font-family:"Cambria Math",Cambria,Georgia,serif;font-style:italic}.pv-q sub,.pv-q sup{font-size:75%}@media(max-width:860px){.preview{margin:14px 16px 0;padding:16px}}