:root{--color-bg:#fefefe;--color-surface:#fff;--color-card:#f6f8fa;--color-text:#0b0b0b;--color-text-muted:#5a6370;--color-border:#e2e5ea;--color-accent:#0891b2;--color-accent-light:#e0f7fa;--color-accent-dark:#0167b4;--color-nav-bg:#ffffffbf;--color-nav-border:#00000014;--color-dark-section:#0a0c10;--max-width:1200px;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-pill:100px;--font:"DM Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif}[data-theme=dark]{--color-bg:#070a0f;--color-surface:#0d1117;--color-card:#131920;--color-text:#eaeef3;--color-text-muted:#8799a8;--color-border:#1e2733;--color-accent:#69edfe;--color-accent-light:#0d2a36;--color-accent-dark:#0167b4;--color-nav-bg:#0b0b0bd1;--color-nav-border:#1e2733;--color-dark-section:#000206}*,:before,:after{box-sizing:border-box}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth;font-size:100%}body{font-family:var(--font);color:var(--color-text);background:var(--color-bg);margin:0;padding:0;font-size:16px;line-height:1.55;transition:background .3s,color .3s}h1,h2,h3,h4,h5,h6,p,figure{margin:0}a{color:inherit;text-decoration:none}button{cursor:pointer;font-family:inherit}ul,ol{margin:0;padding:0;list-style:none}img{max-width:100%;display:block}@keyframes fadeUp{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.animate-on-scroll{opacity:0;transition:opacity .7s cubic-bezier(.23,1,.32,1),transform .7s cubic-bezier(.23,1,.32,1);transform:translateY(50px)}.animate-on-scroll.is-visible{opacity:1;transform:translateY(0)}.site-wrapper{flex-direction:column;min-height:100vh;display:flex}.site-wrapper main{flex:1}.site-nav{z-index:1000;background:var(--color-nav-bg);-webkit-backdrop-filter:blur(16px);border:1px solid var(--color-nav-border);border-radius:var(--radius-pill);width:calc(100% - 40px);max-width:900px;padding:10px 20px;transition:background .3s,border-color .3s;animation:.6s cubic-bezier(.23,1,.32,1) .1s both fadeUp;position:fixed;top:16px;left:50%;transform:translate(-50%)}.nav-inner{justify-content:space-between;align-items:center;gap:16px;display:flex}.nav-brand{align-items:center;gap:8px;text-decoration:none;display:flex}.nav-logo-icon{width:20px;height:20px;color:var(--color-accent);flex-shrink:0}.nav-brand-text{color:var(--color-text);font-size:15px;font-weight:700;transition:color .2s}.nav-brand:hover .nav-brand-text{color:var(--color-accent)}.nav-links{align-items:center;gap:24px;display:flex}.nav-link{color:var(--color-text-muted);font-size:14px;font-weight:500;transition:color .15s;position:relative}.nav-link:hover{color:var(--color-text)}.nav-cta{background:var(--color-accent);color:#000;border-radius:var(--radius-pill);white-space:nowrap;padding:8px 16px;font-size:13px;font-weight:600;text-decoration:none;transition:all .2s}.nav-cta:hover{background:var(--color-accent-dark);color:#fff;transform:translateY(-1px)}.theme-toggle{border:1px solid var(--color-border);background:var(--color-surface);width:32px;height:32px;color:var(--color-text-muted);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;transition:border-color .15s,color .15s;display:flex}.theme-toggle:hover{border-color:var(--color-accent);color:var(--color-accent)}.theme-toggle svg{width:15px;height:15px}.site-footer{background:var(--color-dark-section);color:#eaeef3;padding:60px 32px 40px}[data-theme=dark] .site-footer{background:#000206}.footer-inner{max-width:var(--max-width);margin:0 auto}.footer-top{justify-content:space-between;align-items:flex-start;margin-bottom:40px;display:flex}.footer-brand{color:#fff;align-items:center;gap:8px;font-size:15px;font-weight:700;display:flex}.footer-logo-icon{width:18px;height:18px;color:var(--color-accent);flex-shrink:0}.footer-links{flex-wrap:wrap;gap:28px;display:flex}.footer-links a{color:#8799a8;font-size:14px;font-weight:400;transition:color .2s}.footer-links a:hover{color:var(--color-accent)}.footer-bottom{border-top:1px solid #ffffff14;padding-top:20px}.footer-bottom p{color:#5a6370;text-align:center;font-size:13px}.btn{border-radius:var(--radius-pill);cursor:pointer;border:none;align-items:center;gap:8px;padding:12px 22px;font-size:14px;font-weight:600;text-decoration:none;transition:all .2s cubic-bezier(.23,1,.32,1);display:inline-flex}.btn:hover{transform:translateY(-2px)}.btn:active{transform:translateY(0)}.btn-primary{background:var(--color-accent);color:#000}.btn-primary:hover{background:var(--color-accent-dark);color:#fff;box-shadow:0 8px 20px #0891b240}.btn-outline{background:var(--color-surface);color:var(--color-text);border:1px solid var(--color-border)}.btn-outline:hover{border-color:var(--color-accent);color:var(--color-accent)}.btn-dark{background:var(--color-text);color:var(--color-bg)}.btn-dark:hover{opacity:.85}.btn-lg{padding:14px 28px;font-size:15px}.btn:disabled{opacity:.4;cursor:not-allowed;transform:none}.btn svg{flex-shrink:0;width:16px;height:16px}.hero-section{background:linear-gradient(180deg, var(--color-accent-light) 0%, var(--color-bg) 60%);padding:140px 32px 80px;position:relative;overflow:hidden}[data-theme=dark] .hero-section{background:linear-gradient(180deg, #69edfe0a 0%, var(--color-bg) 60%)}.hero-content{max-width:var(--max-width);align-items:center;gap:56px;margin:0 auto;display:flex}.hero-text{flex:1;animation:.7s cubic-bezier(.23,1,.32,1) .2s both fadeUp}.hero-badge{background:var(--color-accent-light);border-radius:var(--radius-pill);border:1px solid #0891b233;align-items:center;gap:6px;margin-bottom:24px;padding:6px 14px;display:inline-flex}.hero-badge svg{width:13px;height:13px;color:var(--color-accent);flex-shrink:0}.hero-badge span{color:var(--color-accent-dark);font-size:12px;font-weight:600}[data-theme=dark] .hero-badge span{color:var(--color-accent)}.hero-title{letter-spacing:-.02em;color:var(--color-text);margin-bottom:20px;font-size:52px;font-weight:700;line-height:1.1}.hero-subtitle{color:var(--color-text-muted);max-width:500px;margin-bottom:32px;font-size:18px;line-height:1.6}.hero-buttons{flex-wrap:wrap;gap:12px;margin-bottom:24px;display:flex}.hero-trust{flex-wrap:wrap;gap:20px;padding-top:4px;display:flex}.trust-item{color:var(--color-text-muted);align-items:center;gap:6px;font-size:13px;font-weight:500;display:flex}.trust-item svg{width:14px;height:14px;color:var(--color-accent);flex-shrink:0}.hero-preview{flex-shrink:0;width:440px;animation:.7s cubic-bezier(.23,1,.32,1) .4s both fadeUp}.worksheet-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:24px;transition:transform .3s,box-shadow .3s;position:relative;transform:rotate(1.5deg);box-shadow:0 12px 40px #0000000f}.worksheet-card:hover{transform:rotate(0)translateY(-4px);box-shadow:0 20px 50px #0000001a}.worksheet-card-header{border-bottom:2px solid var(--color-text);justify-content:space-between;align-items:flex-start;margin-bottom:16px;padding-bottom:12px;display:flex}.worksheet-card-title{font-size:16px;font-weight:700}.worksheet-card-meta{color:var(--color-text-muted);font-size:12px}.worksheet-card-name{color:var(--color-text-muted);font-size:11px}.worksheet-card-grid{grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:16px;display:grid}.worksheet-q{border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:10px;font-size:13px;font-weight:500}.worksheet-card-footer{border-top:1px solid var(--color-border);color:var(--color-text-muted);justify-content:space-between;padding-top:8px;font-size:10px;display:flex}.worksheet-answer-badge{background:var(--color-accent);border-radius:var(--radius-pill);color:#000;border:none;align-items:center;gap:6px;padding:8px 16px;font-size:12px;font-weight:600;display:flex;position:absolute;bottom:-16px;right:-16px;box-shadow:0 8px 24px #0891b24d}.worksheet-answer-badge svg{width:14px;height:14px}.section-container{max-width:var(--max-width);width:100%;margin:0 auto}.section-header{text-align:center;margin-bottom:48px}.section-title{color:var(--color-text);letter-spacing:-.02em;font-size:42px;font-weight:700;line-height:1.2}.section-title--light{color:#fff}.section-title .accent{background:linear-gradient(91deg, var(--color-accent) 0%, var(--color-accent-dark) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.section-subtitle{color:var(--color-text-muted);max-width:550px;margin-top:12px;margin-left:auto;margin-right:auto;font-size:16px}.features-section{padding:100px 32px}.features-grid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.feature-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:28px;transition:all .25s cubic-bezier(.23,1,.32,1)}.feature-card:hover{border-color:var(--color-accent);transform:translateY(-4px);box-shadow:0 12px 32px #0891b214}.feature-icon{border-radius:var(--radius-md);background:var(--color-accent-light);justify-content:center;align-items:center;width:40px;height:40px;margin-bottom:16px;transition:background .2s;display:flex}.feature-card:hover .feature-icon{background:var(--color-accent)}.feature-card:hover .feature-icon svg{color:#000}.feature-icon svg{width:18px;height:18px;color:var(--color-accent);flex-shrink:0;transition:color .2s}.feature-title{margin-bottom:8px;font-size:16px;font-weight:700}.feature-desc{color:var(--color-text-muted);font-size:14px;line-height:1.5}.how-it-works-section{background:var(--color-card);padding:100px 32px}[data-theme=dark] .how-it-works-section{background:var(--color-surface)}.steps-grid{grid-template-columns:repeat(3,1fr);gap:20px;max-width:900px;margin:0 auto;display:grid}.step-item{flex-direction:column;gap:8px;display:flex}.step-num{color:var(--color-accent);font-size:24px;font-weight:700}.step-text{color:var(--color-text-muted);font-size:15px;font-weight:500}.stats-section{background:var(--color-dark-section);padding:80px 32px}.stats-grid{grid-template-columns:repeat(4,1fr);gap:16px;max-width:960px;margin:0 auto;display:grid}.stat-card{border-radius:var(--radius-lg);text-align:center;background:#ffffff0a;border:1px solid #ffffff0f;padding:28px;transition:transform .2s,box-shadow .2s}.stat-card:hover{transform:translateY(-2px);box-shadow:0 0 30px #69edfe14}.stat-value{background:linear-gradient(90deg, var(--color-accent) 50%, var(--color-accent-dark) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:6px;font-size:32px;font-weight:700}.stat-label{color:#8799a8;font-size:13px}.faq-section{padding:100px 32px}.faq-list{flex-direction:column;gap:10px;max-width:640px;margin:0 auto;display:flex}.faq-item{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);transition:border-color .2s;overflow:hidden}.faq-item:hover{border-color:var(--color-accent)}.faq-question{width:100%;color:var(--color-text);text-align:left;cursor:pointer;background:0 0;border:none;justify-content:space-between;align-items:center;padding:18px 20px;font-size:15px;font-weight:600;transition:color .15s;display:flex}.faq-question:hover{color:var(--color-accent)}.faq-chevron{width:16px;height:16px;color:var(--color-text-muted);flex-shrink:0;transition:transform .25s}.faq-item--open .faq-chevron{transform:rotate(45deg)}.faq-answer{padding:0 20px 18px}.faq-answer p{color:var(--color-text-muted);font-size:14px;line-height:1.6}.generator-section{background:var(--color-card);padding:48px 32px 72px}[data-theme=dark] .generator-section{background:var(--color-surface)}.generator-page .generator-section{padding-top:64px}.generator-widget{width:100%}.generator-layout{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);gap:0;max-width:1060px;margin:0 auto;display:flex;overflow:hidden;box-shadow:0 4px 16px #0000000a}.generator-config{border-right:1px solid var(--color-border);flex:1;padding:28px}.generator-preview{background:var(--color-card);flex-direction:column;flex:1;align-items:center;gap:14px;padding:28px;display:flex}.action-buttons{gap:8px;width:100%;max-width:360px;display:flex}.action-buttons .btn{flex:1;justify-content:center;padding:9px 14px;font-size:13px}.content-page{max-width:var(--max-width);margin:0 auto}.page-hero{text-align:center;padding:140px 32px 64px}.page-label{color:var(--color-accent);letter-spacing:.05em;text-transform:uppercase;margin-bottom:16px;font-size:13px;font-weight:600;display:block}.page-title{color:var(--color-text);text-wrap:balance;letter-spacing:-.02em;max-width:640px;margin:0 auto 16px;font-size:38px;font-weight:700}.page-subtitle{color:var(--color-text-muted);max-width:600px;margin:0 auto;font-size:17px;line-height:1.6}.page-date{color:var(--color-text-muted);font-size:14px}.back-link{color:var(--color-accent);margin-bottom:16px;font-size:14px;font-weight:500;display:inline-block}.back-link:hover{text-decoration:underline}.page-body{padding:0 32px 96px}.prose{max-width:680px;margin:0 auto}.prose p{color:var(--color-text-muted);margin-bottom:16px;font-size:16px;line-height:1.7}.prose h2{color:var(--color-text);margin:32px 0 12px;font-size:22px;font-weight:700}.prose h3{color:var(--color-text);margin:24px 0 8px;font-size:18px;font-weight:600}.prose ul{margin-bottom:16px;padding-left:20px}.prose ul li{color:var(--color-text-muted);margin-bottom:8px;font-size:16px;line-height:1.7;list-style:outside}.prose strong{font-weight:600}.values-section{background:var(--color-card);padding:64px 32px}[data-theme=dark] .values-section{background:var(--color-surface)}.values-title{text-align:center;margin-bottom:32px;font-size:26px;font-weight:700}.values-grid{grid-template-columns:repeat(3,1fr);gap:20px;max-width:1000px;margin:0 auto;display:grid}.value-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:24px;transition:all .2s}.value-card:hover{border-color:var(--color-accent);transform:translateY(-2px)}.value-card h3{margin-bottom:8px;font-size:16px;font-weight:700}.value-card p{color:var(--color-text-muted);font-size:14px;line-height:1.5}.cta-section{text-align:center;padding:80px 32px 100px}.cta-section h2{margin-bottom:20px;font-size:28px;font-weight:700}.blog-grid{grid-template-columns:repeat(3,1fr);gap:24px;max-width:1000px;margin:0 auto;display:grid}.blog-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);text-decoration:none;transition:all .25s cubic-bezier(.23,1,.32,1);overflow:hidden}.blog-card:hover{border-color:var(--color-accent);transform:translateY(-4px);box-shadow:0 12px 32px #0000000f}.blog-card-preview{background:var(--color-accent-light);height:140px}.blog-card-content{padding:20px}.blog-card-date{color:var(--color-text-muted);margin-bottom:8px;font-size:12px;display:block}.blog-card-title{color:var(--color-text);margin-bottom:8px;font-size:16px;font-weight:700}.blog-card-excerpt{color:var(--color-text-muted);font-size:14px;line-height:1.5}.samples-section{background:var(--color-card);padding:96px 32px}[data-theme=dark] .samples-section{background:var(--color-surface)}.samples-grid{max-width:var(--max-width);grid-template-columns:repeat(3,1fr);gap:20px;margin:0 auto;display:grid}.sample-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);text-align:center;cursor:pointer;padding:20px;transition:all .2s}.sample-card:hover{border-color:var(--color-accent);transform:translateY(-2px);box-shadow:0 8px 24px #0000000f}.sample-preview{background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-sm);flex-direction:column;gap:6px;height:140px;margin-bottom:12px;padding:12px;display:flex}.sample-line{border-radius:2px}.sample-line--title{background:var(--color-text);width:80%;height:6px}.sample-line--sub{background:var(--color-border);width:60%;height:4px}.sample-line--divider{background:var(--color-border);width:100%;height:1px}.sample-line--content{background:var(--color-border);width:70%;height:4px}.sample-line--content-sm{background:var(--color-border);width:55%;height:4px}.sample-label{font-size:14px;font-weight:600}.generation-error{border-radius:var(--radius-sm);color:#991b1b;background:#fef2f2;border:1px solid #fca5a5;align-items:center;gap:8px;margin-bottom:16px;padding:12px 16px;font-size:14px;display:flex}.generation-error svg{flex-shrink:0;width:16px;height:16px}.success-toast{background:var(--color-accent-light);border:1px solid var(--color-accent);border-radius:var(--radius-pill);color:var(--color-accent-dark);align-items:center;gap:8px;padding:12px 20px;font-size:14px;font-weight:500;animation:.3s slideIn;display:flex;position:fixed;bottom:24px;right:24px;box-shadow:0 8px 24px #0000001a}.success-toast svg{width:16px;height:16px}@keyframes slideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.generator-config .config-panel{box-shadow:none;background:0 0;border:none;padding:0}.generator-preview .preview-pane{width:100%;max-width:500px}.generator-preview .preview-pane iframe{border-radius:var(--radius-md);border:1px solid var(--color-border)}.config-panel{flex-direction:column;gap:20px;display:flex}.panel-heading{align-items:center;gap:8px;font-size:1rem;font-weight:700;display:flex}.panel-heading svg{width:18px;height:18px;color:var(--color-accent);flex-shrink:0}.preview-pane{width:100%}.preview-pane-header{margin-bottom:12px}.preview-pane-frame-wrap{width:100%}.preview-pane-frame{border:1px solid var(--color-border);border-radius:var(--radius-md);width:100%;min-height:560px}.preview-pane-empty{text-align:center;border:1px dashed var(--color-border);border-radius:var(--radius-md);flex-direction:column;justify-content:center;align-items:center;gap:8px;min-height:300px;padding:48px 24px;display:flex}.preview-pane-empty svg{width:32px;height:32px;color:var(--color-border)}.preview-pane-empty-title{color:var(--color-text-muted);font-size:15px;font-weight:600}.preview-pane-empty-desc{color:var(--color-text-muted);max-width:260px;font-size:13px}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg)}.config-field{flex-direction:column;gap:8px;display:flex}.field-label{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.03em;font-size:.78rem;font-weight:600}.field-hint{color:var(--color-text-muted);font-size:.8rem}input[type=text],input[type=number]{width:100%;color:var(--color-text);background:var(--color-surface);border:1.5px solid var(--color-border);border-radius:var(--radius-sm);padding:.55rem .75rem;font-family:inherit;font-size:.95rem;transition:border-color .15s}input[type=text]:hover,input[type=number]:hover{border-color:var(--color-accent)}input[type=text]:focus,input[type=number]:focus{border-color:var(--color-accent);outline:none;box-shadow:0 0 0 3px #0891b21a}.grade-pills{grid-template-columns:repeat(6,1fr);gap:8px;display:grid}.grade-pill{color:var(--color-text-muted);background:var(--color-card);border:1.5px solid var(--color-border);border-radius:var(--radius-sm);cursor:pointer;place-items:center;padding:.5rem 0;font-size:.9rem;font-weight:600;transition:all .15s;display:grid;position:relative}.grade-pill:hover{border-color:var(--color-accent);color:var(--color-accent)}.grade-pill.is-selected{background:var(--color-accent);border-color:var(--color-accent);color:#000}[data-theme=dark] .grade-pill.is-selected{color:#000}.grade-pill input{opacity:0;pointer-events:none;position:absolute}.question-type-list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.question-type-chip{border:1.5px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-card);cursor:pointer;align-items:center;gap:12px;padding:.55rem .7rem;font-size:.92rem;transition:all .15s;display:flex}.question-type-chip:hover{border-color:var(--color-accent)}.question-type-chip.is-checked{background:var(--color-accent-light);border-color:var(--color-accent)}.question-type-chip input{opacity:0;pointer-events:none;position:absolute}.chip-checkbox{border:1.5px solid var(--color-border);background:var(--color-surface);border-radius:4px;flex-shrink:0;place-items:center;width:1.1rem;height:1.1rem;transition:all .15s;display:grid}.question-type-chip.is-checked .chip-checkbox{background:var(--color-accent);border-color:var(--color-accent);color:#000}.chip-checkbox svg{opacity:0;width:.75rem;height:.75rem}.question-type-chip.is-checked .chip-checkbox svg{opacity:1}.chip-copy{flex-direction:column;gap:.1rem;display:flex}.chip-copy-label{font-weight:500}.chip-copy-desc{color:var(--color-text-muted);font-size:.76rem;display:none}.question-type-chip:hover .chip-copy-desc{display:block}.stepper{border:1.5px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);align-items:stretch;display:flex;overflow:hidden}.stepper:hover{border-color:var(--color-accent)}.stepper button{background:var(--color-card);width:2.5rem;color:var(--color-accent);cursor:pointer;border:none;place-items:center;transition:background .15s;display:grid}.stepper button:hover:not(:disabled){background:var(--color-accent-light)}.stepper button:disabled{color:var(--color-border);cursor:not-allowed}.stepper button svg{width:1rem;height:1rem}.stepper input{text-align:center;background:var(--color-surface);min-width:0;color:var(--color-text);border:none;flex:1;font-size:.95rem;font-weight:600}.stepper input:focus{box-shadow:none;outline:none}input[type=number]{-moz-appearance:textfield}input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.switch-row{justify-content:space-between;align-items:center;gap:12px;display:flex}.switch-copy{flex-direction:column;gap:2px;display:flex}.switch-copy-title{font-size:.92rem;font-weight:600}.switch-copy-desc{color:var(--color-text-muted);font-size:.8rem}.switch{background:var(--color-border);cursor:pointer;border-radius:999px;flex-shrink:0;width:2.5rem;height:1.4rem;transition:background .18s;position:relative}.switch.is-on{background:var(--color-accent)}.switch-knob{background:#fff;border-radius:50%;width:1.06rem;height:1.06rem;transition:transform .18s;position:absolute;top:.17rem;left:.17rem;box-shadow:0 1px 2px #0000004d}.switch.is-on .switch-knob{transform:translate(1.1rem)}.switch input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.validation-errors{border-radius:var(--radius-sm);color:#991b1b;background:#fef2f2;border:1px solid #fca5a5;padding:12px 16px;font-size:.85rem}.validation-errors-title{align-items:center;gap:6px;margin-bottom:6px;font-weight:600;display:flex}.validation-errors-title svg{flex-shrink:0;width:16px;height:16px}.validation-errors ul{margin:0;padding-left:18px}.validation-errors li{margin-bottom:2px;list-style:outside}.summary-strip{background:var(--color-card);border-radius:var(--radius-sm);color:var(--color-text-muted);align-items:center;gap:8px;padding:10px 12px;font-size:.82rem;display:flex}.summary-strip svg{width:14px;height:14px;color:var(--color-accent);flex-shrink:0}.notice{background:var(--color-accent-light);border-radius:var(--radius-sm);color:var(--color-text-muted);align-items:flex-start;gap:8px;padding:10px 12px;font-size:.82rem;display:flex}.notice svg{width:14px;height:14px;color:var(--color-accent);flex-shrink:0;margin-top:2px}.spin-icon{animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.generate-field .btn{justify-content:center;width:100%}.generate-field .btn svg{width:18px;height:18px}.consent-banner{z-index:9999;background:var(--color-surface);border-top:1px solid var(--color-border);animation:.3s slideUp;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -4px 24px #0000001a}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.consent-banner-inner{max-width:var(--max-width);flex-direction:column;gap:16px;margin:0 auto;padding:24px 32px;display:flex}.consent-banner-text{flex:1}.consent-banner-title{color:var(--color-text);margin-bottom:6px;font-size:16px;font-weight:700}.consent-banner-desc{color:var(--color-text-muted);font-size:13px;line-height:1.5}.consent-banner-desc a{color:var(--color-accent);text-decoration:underline}.consent-banner-actions{flex-wrap:wrap;gap:10px;display:flex}.consent-banner-actions .btn{padding:10px 18px;font-size:13px}.consent-options{flex-direction:column;gap:12px;padding:12px 0;display:flex}.consent-option{border:1px solid var(--color-border);border-radius:var(--radius-md);justify-content:space-between;align-items:center;gap:12px;padding:10px 14px;display:flex}.consent-option-info{flex-direction:column;gap:2px;display:flex}.consent-option-info strong{color:var(--color-text);font-size:14px}.consent-option-info small{color:var(--color-text-muted);font-size:12px}.consent-option input[type=checkbox]{width:18px;height:18px;accent-color:var(--color-accent);cursor:pointer;flex-shrink:0}.consent-option input[type=checkbox]:disabled{opacity:.6;cursor:not-allowed}@media (width<=1199px){.hero-content{flex-direction:column;gap:48px}.hero-preview{width:100%;max-width:440px}.hero-title{font-size:42px}.generator-layout{flex-direction:column}.generator-config{border-right:none;border-bottom:1px solid var(--color-border)}.features-grid,.samples-grid,.stats-grid,.blog-grid,.values-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=809px){.site-nav{width:calc(100% - 24px);padding:8px 14px;top:10px}.nav-links{display:none}.nav-cta{padding:8px 12px;font-size:12px}.nav-brand-text{font-size:13px}.hero-section{padding:120px 20px 60px}.hero-title{font-size:32px}.hero-subtitle{font-size:16px}.hero-content{gap:32px}.hero-preview{display:none}.section-title{font-size:28px}.features-grid,.samples-grid,.steps-grid,.blog-grid,.values-grid{grid-template-columns:1fr}.stats-grid{grid-template-columns:repeat(2,1fr);gap:12px}.page-title{font-size:28px}.page-hero{padding:120px 20px 40px}.page-body{padding:0 20px 64px}.footer-top{flex-direction:column;align-items:flex-start;gap:20px}.footer-links{flex-wrap:wrap;gap:16px}.generator-section{padding:32px 16px 64px}.section-container{padding:0 4px}.features-section,.how-it-works-section,.faq-section,.stats-section{padding:60px 20px}.consent-banner-inner{padding:16px 20px}.consent-banner-actions{flex-direction:column}.consent-banner-actions .btn{justify-content:center;width:100%}}:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.footer-cookie-btn{color:#8799a8;cursor:pointer;background:0 0;border:none;margin:0;padding:0;font-family:inherit;font-size:14px;font-weight:400;transition:color .2s}.footer-cookie-btn:hover{color:var(--color-accent)}