:root{--color-bg:#faf9f7;--color-bg-alt:#f2f0ec;--color-surface:#fff;--color-border:#e4e0d8;--color-border-strong:#c9c4b8;--color-primary:#2563eb;--color-primary-hover:#1d4ed8;--color-primary-light:#dbeafe;--color-accent:#0d9488;--color-accent-hover:#0f766e;--color-accent-light:#ccfbf1;--color-text:#1c1917;--color-text-secondary:#57534e;--color-text-muted:#a8a29e;--color-text-inverse:#fff;--color-success:#16a34a;--color-success-light:#dcfce7;--color-warning:#d97706;--color-error:#dc2626;--color-card-bg:#fff;--color-card-face:#e8f4f8;--color-card-name-bg:#1e3a5f;--color-card-name-text:#fff;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--space-20:80px;--space-24:96px;--font-sans:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;--font-mono:"SF Mono","Fira Code","Fira Mono","Roboto Mono",monospace;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--text-5xl:3rem;--font-normal:400;--font-medium:500;--font-semibold:600;--font-bold:700;--font-extrabold:800;--leading-tight:1.2;--leading-snug:1.375;--leading-normal:1.5;--leading-relaxed:1.625;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-2xl:24px;--radius-full:9999px;--shadow-xs:0 1px 2px rgba(0,0,0,.05);--shadow-sm:0 1px 3px rgba(0,0,0,.1),0 1px 2px rgba(0,0,0,.06);--shadow-md:0 4px 6px rgba(0,0,0,.07),0 2px 4px rgba(0,0,0,.06);--shadow-lg:0 10px 15px rgba(0,0,0,.1),0 4px 6px rgba(0,0,0,.05);--shadow-xl:0 20px 25px rgba(0,0,0,.1),0 10px 10px rgba(0,0,0,.04);--shadow-card:0 2px 8px rgba(0,0,0,.08),0 1px 3px rgba(0,0,0,.06);--transition-fast:.1s ease;--transition-base:.15s ease;--transition-slow:.25s ease;--container-max:1200px;--container-pad:var(--space-6)}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{background-color:var(--color-bg);color:var(--color-text);font-family:var(--font-sans);font-size:var(--text-base);line-height:var(--leading-normal);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}img,video{display:block;height:auto;max-width:100%}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{background:none;border:none;cursor:pointer}ol,ul{list-style:none}h1,h2,h3,h4,h5,h6{font-weight:var(--font-bold);line-height:var(--leading-tight)}.container{margin-inline:auto;max-width:var(--container-max);padding-inline:var(--container-pad);width:100%}.btn{align-items:center;border-radius:var(--radius-md);cursor:pointer;display:inline-flex;font-size:var(--text-base);font-weight:var(--font-semibold);gap:var(--space-2);justify-content:center;line-height:1;padding:var(--space-3) var(--space-5);text-decoration:none;transition:background-color var(--transition-base),color var(--transition-base),border-color var(--transition-base),box-shadow var(--transition-base),transform var(--transition-fast);white-space:nowrap}.btn:active:not(:disabled){transform:scale(.98)}.btn:disabled{cursor:not-allowed;opacity:.5}.btn-primary{background-color:var(--color-primary);box-shadow:var(--shadow-sm);color:var(--color-text-inverse)!important}.btn-primary:hover:not(:disabled){background-color:var(--color-primary-hover);box-shadow:var(--shadow-md)}.btn-outline{background-color:transparent;border:2px solid var(--color-primary);color:var(--color-primary)}.btn-outline:hover:not(:disabled){background-color:var(--color-primary-light)}.btn-ghost{background-color:transparent;color:var(--color-text-secondary)}.btn-ghost:hover:not(:disabled){background-color:var(--color-bg-alt);color:var(--color-text)}.btn-sm{font-size:var(--text-sm);padding:var(--space-2) var(--space-4)}.btn-lg{border-radius:var(--radius-lg);font-size:var(--text-lg);padding:var(--space-4) var(--space-8)}.btn-full{width:100%}.nav{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background-color:#faf9f7f2;border-bottom:1px solid var(--color-border);position:sticky;top:0;z-index:100}.nav-inner{align-items:center;display:flex;gap:var(--space-6);height:64px;justify-content:space-between}.nav-logo{align-items:center;color:var(--color-text);display:flex;font-size:var(--text-lg);font-weight:var(--font-bold);gap:var(--space-2);text-decoration:none}.nav-logo .logo-icon{font-size:var(--text-2xl)}.logo-svg{height:44px;width:auto}.logo-text{color:var(--color-text);font-size:var(--text-base);font-weight:var(--font-bold)}.nav-signin{color:var(--color-primary)!important;flex-shrink:0;font-size:var(--text-sm);font-weight:var(--font-semibold)!important;margin-left:auto;text-decoration:none}.nav-links{align-items:center;display:flex;gap:var(--space-6)}.nav-links a{color:var(--color-text-secondary);font-size:var(--text-sm);font-weight:var(--font-medium);transition:color var(--transition-base)}.nav-links a:hover{color:var(--color-text)}.landing{min-height:100vh}.hero{background:linear-gradient(160deg,#eff6ff 0,#f0fdfa 50%,var(--color-bg) 100%);overflow:hidden;padding-block:var(--space-20) var(--space-16)}.hero-inner{align-items:center;display:grid;gap:var(--space-16);grid-template-columns:1fr 1fr}.hero-content{display:flex;flex-direction:column;gap:var(--space-5)}.hero-badge{align-self:flex-start;background-color:var(--color-accent-light);border-radius:var(--radius-full);color:var(--color-accent);display:inline-flex;font-size:var(--text-sm);font-weight:var(--font-semibold);padding:var(--space-1) var(--space-3)}.hero-headline{color:var(--color-text);font-size:var(--text-5xl);font-weight:var(--font-extrabold);letter-spacing:-.02em;line-height:1.1}.hero-headline .headline-accent{color:var(--color-primary)}.hero-subhead{color:var(--color-text-secondary);font-size:var(--text-xl);line-height:var(--leading-relaxed);max-width:520px}.hero-actions{align-items:center;display:flex;flex-wrap:wrap;gap:var(--space-3)}.hero-note{color:var(--color-text-muted);font-size:var(--text-sm)}.hero-visual{align-items:center;display:flex;justify-content:center}.board-preview{background-color:var(--color-surface);border:2px solid var(--color-border);border-radius:var(--radius-2xl);box-shadow:var(--shadow-xl);max-width:400px;padding:var(--space-5);width:100%}.preview-grid{display:grid;gap:var(--space-2);grid-template-columns:repeat(6,1fr)}.preview-card{border-radius:var(--radius-sm);box-shadow:var(--shadow-xs);display:flex;flex-direction:column;gap:2px;overflow:hidden}.preview-card .preview-card-face{aspect-ratio:1/1;background:linear-gradient(135deg,#bfdbfe,#a5f3fc);border-radius:2px 2px 0 0}.preview-card .preview-card-name{background-color:var(--color-card-name-bg);border-radius:0 0 2px 2px;height:6px}.social-proof{background-color:var(--color-surface);border-block:1px solid var(--color-border);padding-block:var(--space-8)}.proof-stats{align-items:center;display:flex;flex-wrap:wrap;gap:var(--space-12);justify-content:center}.stat{align-items:center;display:flex;flex-direction:column;gap:var(--space-1);text-align:center}.stat .stat-number{color:var(--color-primary);font-size:var(--text-3xl);font-weight:var(--font-extrabold)}.stat .stat-label{color:var(--color-text-secondary);font-size:var(--text-sm);font-weight:var(--font-medium)}.stat-divider{background-color:var(--color-border);height:48px;width:1px}.section-header{margin-bottom:var(--space-12);text-align:center}.section-header h2{font-size:var(--text-4xl);font-weight:var(--font-extrabold);letter-spacing:-.01em;margin-bottom:var(--space-3)}.section-header p{color:var(--color-text-secondary);font-size:var(--text-lg);margin-inline:auto;max-width:560px}.how-it-works{background-color:var(--color-bg-alt);padding-block:var(--space-24)}.steps{align-items:flex-start;display:flex;flex-wrap:wrap;gap:var(--space-4);justify-content:center}.step{align-items:center;display:flex;flex:1;flex-direction:column;gap:var(--space-3);max-width:300px;min-width:220px;text-align:center}.step .step-number{align-items:center;background-color:var(--color-primary);border-radius:var(--radius-full);color:#fff;display:flex;font-size:var(--text-sm);font-weight:var(--font-bold);height:32px;justify-content:center;width:32px}.step .step-icon{font-size:2.5rem}.step h3{font-size:var(--text-xl);font-weight:var(--font-bold)}.step p{color:var(--color-text-secondary);font-size:var(--text-base);line-height:var(--leading-relaxed)}.step-arrow{color:var(--color-border-strong);flex-shrink:0;font-size:var(--text-2xl);padding-top:var(--space-12)}.features{padding-block:var(--space-24)}.features-grid{display:grid;gap:var(--space-6);grid-template-columns:repeat(3,1fr)}.feature-card{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-6);transition:box-shadow var(--transition-base),transform var(--transition-base)}.feature-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.feature-card .feature-icon{font-size:2rem}.feature-card h3{font-size:var(--text-lg);font-weight:var(--font-bold)}.feature-card p{color:var(--color-text-secondary);font-size:var(--text-sm);line-height:var(--leading-relaxed)}.use-cases{background-color:var(--color-bg-alt);padding-block:var(--space-24)}.use-cases-grid{display:grid;gap:var(--space-6);grid-template-columns:repeat(4,1fr)}.use-case{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-6);text-align:center}.use-case .use-case-emoji{font-size:2.5rem}.use-case h3{font-size:var(--text-lg);font-weight:var(--font-bold)}.use-case p{color:var(--color-text-secondary);font-size:var(--text-sm);line-height:var(--leading-relaxed)}.pricing{padding-block:var(--space-24)}.pricing-cards{align-items:flex-start;display:flex;flex-wrap:wrap;gap:var(--space-6);justify-content:center}.pricing-card{background-color:var(--color-surface);border:2px solid var(--color-border);border-radius:var(--radius-2xl);display:flex;flex-direction:column;gap:var(--space-5);max-width:360px;padding:var(--space-8);position:relative;width:100%;&--featured{border-color:var(--color-primary);box-shadow:var(--shadow-xl)}}.pricing-card .pricing-tier{color:var(--color-text-muted);font-size:var(--text-sm);font-weight:var(--font-semibold);letter-spacing:.08em;text-transform:uppercase}.pricing-card .pricing-price{color:var(--color-text);font-size:var(--text-5xl);font-weight:var(--font-extrabold);line-height:1}.pricing-card .pricing-price .pricing-period{color:var(--color-text-muted);font-size:var(--text-base);font-weight:var(--font-normal)}.pricing-card .pricing-desc{color:var(--color-text-secondary);font-size:var(--text-sm);line-height:var(--leading-relaxed)}.pricing-badge{background-color:var(--color-primary);border-radius:var(--radius-full);color:#fff;font-size:var(--text-xs);font-weight:var(--font-bold);left:50%;letter-spacing:.06em;padding:var(--space-1) var(--space-4);position:absolute;text-transform:uppercase;top:-14px;transform:translate(-50%);white-space:nowrap}.pricing-features{display:flex;flex-direction:column;gap:var(--space-2)}.pricing-features li{color:var(--color-text-secondary);font-size:var(--text-sm)}.pricing-features li.pricing-feature--no{color:var(--color-text-muted)}.testimonials{background-color:var(--color-bg-alt);padding-block:var(--space-24)}.testimonials-grid{display:grid;gap:var(--space-6);grid-template-columns:repeat(3,1fr)}.testimonial{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);display:flex;flex-direction:column;gap:var(--space-4);padding:var(--space-6)}.testimonial .testimonial-stars{color:#f59e0b;font-size:var(--text-lg);letter-spacing:2px}.testimonial p{color:var(--color-text-secondary);font-size:var(--text-base);font-style:italic;line-height:var(--leading-relaxed)}.testimonial .testimonial-author{color:var(--color-text-muted);font-size:var(--text-sm);font-weight:var(--font-semibold)}.faq{padding-block:var(--space-24)}.faq-list{display:flex;flex-direction:column;gap:var(--space-3);margin-inline:auto;max-width:720px}.faq-item{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;transition:box-shadow var(--transition-base)}.faq-item[open]{box-shadow:var(--shadow-md)}.faq-item summary{align-items:center;cursor:pointer;display:flex;font-size:var(--text-base);font-weight:var(--font-semibold);justify-content:space-between;list-style:none;padding:var(--space-5) var(--space-6)}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary:after{color:var(--color-primary);content:"+";font-size:var(--text-xl);font-weight:var(--font-normal);transition:transform var(--transition-base)}.faq-item summary:hover{background-color:var(--color-bg-alt)}.faq-item[open] summary:after{transform:rotate(45deg)}.faq-item p{color:var(--color-text-secondary);font-size:var(--text-sm);line-height:var(--leading-relaxed);padding:0 var(--space-6) var(--space-5)}.final-cta{background:linear-gradient(135deg,#1e3a5f,#1e4d6b);color:#fff;padding-block:var(--space-24);text-align:center}.final-cta h2{font-size:var(--text-4xl);font-weight:var(--font-extrabold);margin-bottom:var(--space-3)}.final-cta p{font-size:var(--text-lg);margin-inline:auto;margin-bottom:var(--space-8);max-width:480px;opacity:.8}.footer{background-color:var(--color-text);color:#d6d3d1;padding-block:var(--space-10)}.footer-inner{flex-direction:column;gap:var(--space-6);text-align:center}.footer-brand,.footer-inner{align-items:center;display:flex}.footer-brand{color:#fff;font-size:var(--text-lg);font-weight:var(--font-bold);gap:var(--space-2)}.footer-links{display:flex;flex-wrap:wrap;gap:var(--space-6);justify-content:center}.footer-links a{color:#a8a29e;font-size:var(--text-sm);transition:color var(--transition-base)}.footer-links a:hover{color:#fff}.footer-legal p{color:#78716c;font-size:var(--text-xs);line-height:var(--leading-relaxed)}.create-page{background-color:var(--color-bg-alt);display:flex;flex-direction:column;min-height:100vh}.create-header{background-color:var(--color-surface);border-bottom:1px solid #eee}.create-header-inner{align-items:center;display:flex;gap:var(--space-4);height:64px;justify-content:space-between}.create-header-center{align-items:center;display:flex;flex:1;gap:var(--space-2);max-width:480px}.back-to-boards-btn{align-items:center;border-radius:var(--radius-full);color:var(--color-text-secondary);display:flex;flex-shrink:0;height:32px;justify-content:center;transition:background-color var(--transition-base),color var(--transition-base);width:32px}.back-to-boards-btn:hover{background-color:var(--color-bg-alt);color:var(--color-text)}.board-name-display{align-items:center;border-radius:var(--radius-md);cursor:pointer;display:flex;gap:var(--space-2);padding:var(--space-1) var(--space-2) var(--space-1) 0;transition:background-color var(--transition-base)}.board-name-display:hover{background-color:var(--color-bg-alt)}.board-name-bar{align-items:center;border-bottom:1px solid #eee;display:flex;gap:var(--space-2);padding:var(--space-2) 0}@media(max-width:768px){.board-name-bar{padding-left:var(--space-4);padding-right:var(--space-4)}}.breadcrumb-link{color:var(--color-primary);font-size:var(--text-sm);font-weight:var(--font-medium);text-decoration:none}.breadcrumb-link:hover{text-decoration:underline}.breadcrumb-sep{color:var(--color-text-muted);font-size:var(--text-sm)}.board-name-text{color:var(--color-text);font-size:var(--text-base);font-weight:var(--font-semibold)}.board-name-pencil{color:var(--color-text-muted);flex-shrink:0}.board-name-edit{align-items:center;display:flex;flex:1;gap:var(--space-2)}.board-name-edit-input{border:1px solid var(--color-primary);border-radius:var(--radius-md);box-shadow:0 0 0 3px #4f46e51a;flex:1;font-size:var(--text-base);font-weight:var(--font-semibold);outline:none;padding:var(--space-1) var(--space-2)}.board-name-input{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);font-size:var(--text-base);font-weight:var(--font-semibold);padding:var(--space-2) var(--space-3);text-align:center;transition:border-color var(--transition-base),box-shadow var(--transition-base);width:100%}.board-name-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #2563eb1a;outline:none}.create-header-actions{align-items:center;display:flex;gap:var(--space-3)}.header-download-group{align-items:center;display:flex;flex-direction:column;gap:var(--space-1)}.paper-radios{display:flex;gap:var(--space-3)}.paper-radio{align-items:center;color:var(--color-text-muted);cursor:pointer;display:flex;font-size:var(--text-xs);gap:3px;transition:color var(--transition-base)}.paper-radio input{cursor:pointer;margin:0}.paper-radio.active{color:var(--color-text);font-weight:var(--font-medium)}.save-indicator{border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:var(--font-medium);padding:var(--space-1) var(--space-3)}.save-indicator.saving{background-color:#fef3c7;color:var(--color-warning)}.save-indicator.saved{background-color:var(--color-success-light);color:var(--color-success)}.save-indicator.idle{color:var(--color-text-muted)}.paper-size-select{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);cursor:pointer;font-size:var(--text-sm);padding:var(--space-2) var(--space-3);transition:border-color var(--transition-base)}.paper-size-select:focus{border-color:var(--color-primary);outline:none}.loading-state{align-items:center;color:var(--color-text-muted);display:flex;flex:1;flex-direction:column;gap:var(--space-4);justify-content:center}.loading-state p{font-size:var(--text-base)}.loading-spinner{animation:spin .8s linear infinite;border:3px solid var(--color-border);border-radius:50%;border-top-color:var(--color-primary);height:40px;width:40px}@keyframes spin{to{transform:rotate(1turn)}}.create-main{flex:1;padding-bottom:var(--space-8)}.grid-instructions{align-items:center;display:flex;margin-bottom:var(--space-6)}.grid-instructions p{color:var(--color-text-muted);flex:1;font-size:var(--text-sm);text-align:center}.back-to-boards{align-items:center;color:var(--color-primary);display:inline-flex;flex-shrink:0;font-size:var(--text-sm);font-weight:var(--font-medium);gap:var(--space-1);text-decoration:none;transition:opacity var(--transition-base);white-space:nowrap}.back-to-boards:hover{opacity:.7}.grid-signin-link{color:var(--color-primary);flex-shrink:0;font-size:var(--text-sm);font-weight:var(--font-semibold);text-decoration:none;transition:opacity var(--transition-base);white-space:nowrap}.grid-signin-link:hover{opacity:.7}.header-signin-mobile{color:var(--color-primary);display:none;font-size:var(--text-sm);font-weight:var(--font-semibold);margin-left:auto;text-decoration:none}@media(max-width:768px){.header-signin-mobile{display:block}.grid-signin-link{display:none}}.cards-grid{display:grid;gap:var(--space-4);grid-template-columns:repeat(6,1fr)}.card-slot{aspect-ratio:2.5/3.5;background-color:var(--color-card-bg);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);overflow:hidden;position:relative;transition:box-shadow var(--transition-base),transform var(--transition-base);&--drag-over{box-shadow:0 0 0 3px var(--color-primary),var(--shadow-lg);transform:scale(1.02)}}.card-slot:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.file-input-hidden{height:0;inset:0;opacity:0;pointer-events:none;position:absolute;width:0}.card-slot-number{align-items:center;background-color:#00000026;border-radius:var(--radius-full);color:#ffffffe6;display:flex;font-size:10px;font-weight:var(--font-bold);height:20px;justify-content:center;left:var(--space-2);line-height:1;position:absolute;top:var(--space-2);width:20px;z-index:2}.card-slot-empty{background-color:var(--color-bg-alt);border:2px dashed var(--color-border);border-radius:var(--radius-lg);cursor:pointer;display:grid;height:100%;padding:var(--space-4);place-items:center;transition:border-color var(--transition-base),background-color var(--transition-base);width:100%}.card-slot-empty:focus,.card-slot-empty:hover{background-color:var(--color-primary-light);border-color:var(--color-primary);outline:none}.card-slot-empty .upload-icon{align-items:center;background-color:var(--color-border);border-radius:var(--radius-full);color:var(--color-text-muted);display:flex;font-size:var(--text-2xl);height:36px;justify-content:center;line-height:1;transition:background-color var(--transition-base),color var(--transition-base);width:36px}.card-slot-empty:focus .upload-icon,.card-slot-empty:hover .upload-icon{background-color:var(--color-primary);color:#fff}.card-slot-empty .upload-text{bottom:var(--space-6);color:var(--color-text-secondary);font-size:var(--text-xs);font-weight:var(--font-semibold)}.card-slot-empty .upload-subtext,.card-slot-empty .upload-text{left:0;position:absolute;right:0;text-align:center}.card-slot-empty .upload-subtext{bottom:var(--space-3);color:var(--color-text-muted);font-size:10px}.card-slot-filled{display:flex;flex-direction:column;height:100%;width:100%}.card-photo-area{background-color:var(--color-card-face);cursor:pointer;flex:1;overflow:hidden;position:relative}.card-photo-area:hover .card-photo-overlay{opacity:1}.card-photo-area:focus{outline:2px solid var(--color-primary);outline-offset:2px}.card-photo-bg{inset:0;position:absolute}.card-photo{display:block;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center top;object-position:center top;width:100%}.card-photo-overlay{background-color:#2563eb99;font-weight:var(--font-semibold);transition:opacity var(--transition-base)}.card-name-area{background-color:var(--color-card-name-bg);flex-shrink:0;padding:var(--space-2) var(--space-2) var(--space-2)}.card-name-input{background:transparent;border:none;color:var(--color-card-name-text);font-size:var(--text-xs);font-weight:var(--font-bold);letter-spacing:.06em;outline:none;padding:0;text-align:center;text-transform:uppercase;width:100%}.card-name-input::-moz-placeholder{color:#fff6;font-weight:var(--font-normal);letter-spacing:normal;text-transform:none}.card-name-input::placeholder{color:#fff6;font-weight:var(--font-normal);letter-spacing:normal;text-transform:none}.card-name-input:focus{background-color:#ffffff1a;border-radius:var(--radius-sm)}.card-clear-btn{align-items:center;background-color:#0006;border-radius:var(--radius-full);color:#fff;cursor:pointer;display:flex;font-size:var(--text-base);height:20px;justify-content:center;line-height:1;opacity:0;padding:0;position:absolute;right:var(--space-2);top:var(--space-2);transition:opacity var(--transition-base),background-color var(--transition-base);width:20px;z-index:3}.card-clear-btn:hover{background-color:var(--color-error)}.card-slot:hover .card-clear-btn{opacity:1}.create-subheader{border-bottom:1px solid var(--color-border);padding:var(--space-5) 0}.create-subheader-inner{align-items:center;display:flex;gap:var(--space-6);justify-content:center}.subheader-right{align-items:center;display:flex;flex-direction:column;flex-shrink:0;gap:var(--space-2)}:is(.subheader-content,.value-banner-content) h2{color:var(--color-text);font-size:var(--text-xl);font-weight:var(--font-extrabold);margin-bottom:var(--space-3)}:is(.subheader-content,.value-banner-content) ol,:is(.subheader-content,.value-banner-content) ul{display:flex;flex-direction:column;gap:var(--space-1);list-style:none;margin:0 0 var(--space-3);padding:0;text-align:left}:is(.subheader-content,.value-banner-content) ol{counter-reset:steps}:is(.subheader-content,.value-banner-content) ol li{color:var(--color-text-secondary);counter-increment:steps;font-size:var(--text-sm);line-height:var(--leading-relaxed);padding-left:var(--space-5);position:relative}:is(.subheader-content,.value-banner-content) ol li:before{color:var(--color-primary);content:counter(steps) ".";font-weight:var(--font-bold);left:0;position:absolute}:is(.subheader-content,.value-banner-content) ul li{color:var(--color-text-secondary);font-size:var(--text-sm);line-height:var(--leading-relaxed);padding-left:var(--space-4);position:relative}:is(.subheader-content,.value-banner-content) ul li:before{color:var(--color-primary);content:"✓";font-weight:var(--font-bold);left:0;position:absolute}:is(.subheader-content,.value-banner-content) .value-highlight{color:var(--color-text)!important;font-weight:var(--font-semibold)}:is(.subheader-content,.value-banner-content) a{color:var(--color-primary);text-decoration:underline;text-underline-offset:2px}:is(.subheader-content,.value-banner-content) p{color:var(--color-text-secondary);font-size:var(--text-sm);line-height:var(--leading-relaxed);margin-bottom:var(--space-3)}.value-banner-price{align-items:baseline;display:flex;gap:var(--space-2)}.value-price{color:var(--color-primary);font-size:var(--text-3xl);font-weight:var(--font-extrabold)}.value-details{color:var(--color-text-muted);font-size:var(--text-sm)}.value-price-row{align-items:center;display:flex;gap:var(--space-3);margin-top:var(--space-2)}.value-unlimited{color:var(--color-text-muted);font-size:var(--text-xs);margin-top:var(--space-1)}.value-buy-btn{background-color:#16a34a!important;color:#fff!important;font-size:var(--text-base)!important;font-weight:var(--font-semibold);padding:var(--space-3) var(--space-6)!important}.value-banner-preview{flex-shrink:0}.pdf-preview{background:#fff;border-radius:6px;box-shadow:0 2px 12px #0000001f;padding:8px;transform:rotate(2deg);width:120px}.pdf-preview-header{color:#c7d2fe;font-size:8px;font-weight:700;letter-spacing:1px;margin-bottom:6px;text-align:center;text-transform:uppercase}.pdf-preview-grid{display:grid;gap:3px;grid-template-columns:repeat(4,1fr)}.pdf-card{align-items:center;aspect-ratio:2.5/3.5;background:#e8ecf4;border-radius:2px;display:flex;justify-content:center;overflow:hidden}.pdf-card svg{height:100%;width:100%}.pdf-preview-sizes{color:#94a3b8;font-size:7px;margin-top:6px;text-align:center}@media(max-width:768px){.create-subheader-inner,.create-value-banner{flex-direction:column-reverse;gap:var(--space-4);text-align:center}.value-banner-price{justify-content:center}}.create-ways-to-play{margin-bottom:var(--space-2);padding:var(--space-5) 0}.create-ways-to-play h3{color:var(--color-text);font-size:var(--text-lg);font-weight:var(--font-bold);margin-bottom:var(--space-4);text-align:center}.ways-grid{display:grid;gap:var(--space-4);grid-template-columns:1fr 1fr;margin:0 auto;max-width:720px}.way-card{align-items:center;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-5);text-align:center}.way-image{height:75px;width:100px}.way-image svg{height:100%;width:100%}.way-image--wide{height:auto;max-width:260px;width:100%}.way-content strong{display:block;margin-bottom:2px}.way-content p,.way-content strong{font-size:var(--text-sm)}.way-content p{color:var(--color-text-secondary);line-height:var(--leading-relaxed);margin:0}.way-content a{color:var(--color-primary);font-weight:var(--font-semibold);text-decoration:underline;text-underline-offset:2px}@media(max-width:600px){.ways-grid{grid-template-columns:1fr}}.get-started-section{align-items:center;color:var(--color-primary);display:flex;font-size:var(--text-2xl);font-weight:var(--font-extrabold);gap:var(--space-3);justify-content:center;padding:var(--space-6) 0}.get-started-section svg{animation:bounce 1.5s ease infinite}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(6px)}}.create-top-bar{align-items:center;background-color:var(--color-surface);border-bottom:1px solid var(--color-border);display:flex;gap:var(--space-4);justify-content:space-between;margin-bottom:var(--space-6);margin-left:calc(var(--container-pad)*-1);margin-right:calc(var(--container-pad)*-1);padding:var(--space-3) var(--container-pad)}.create-top-bar--sticky{position:sticky;top:0;z-index:50}.create-bottom-bar{align-items:center;background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);display:flex;flex-wrap:wrap;gap:var(--space-4);justify-content:space-between;margin-top:var(--space-8);padding:var(--space-5) var(--space-6)}.bottom-bar-info{color:var(--color-text-secondary);font-size:var(--text-base)}.bottom-bar-info .fill-hint{color:var(--color-text-muted)}.bottom-bar-info .fill-complete{color:var(--color-success);font-weight:var(--font-semibold)}.bottom-bar-actions{align-items:center;display:flex;gap:var(--space-3)}.modal-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#00000080;display:flex;inset:0;justify-content:center;overflow-y:auto;padding:var(--space-4);position:fixed;z-index:1000}.modal{background-color:var(--color-surface);border-radius:var(--radius-2xl);box-shadow:var(--shadow-xl);flex-shrink:0;margin:auto;max-width:480px;padding:var(--space-8);position:relative;width:100%}.modal-close{align-items:center;background-color:var(--color-bg-alt);border-radius:var(--radius-full);color:var(--color-text-secondary);cursor:pointer;display:flex;font-size:var(--text-xl);height:32px;justify-content:center;line-height:1;position:absolute;right:var(--space-4);top:var(--space-4);transition:background-color var(--transition-base);width:32px}.modal-close:hover{background-color:var(--color-border);color:var(--color-text)}.paywall-modal{display:flex;flex-direction:column;gap:var(--space-5);text-align:center}.paywall-icon{font-size:3rem}.paywall-modal h2{font-size:var(--text-2xl);font-weight:var(--font-extrabold)}.paywall-desc{color:var(--color-text-secondary);font-size:var(--text-base);line-height:var(--leading-relaxed)}.paywall-features{background-color:var(--color-bg-alt);border-radius:var(--radius-lg);display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-4) var(--space-5);text-align:left}.paywall-feature{color:var(--color-text-secondary);font-size:var(--text-sm);font-weight:var(--font-medium)}.paywall-price{align-items:baseline;display:flex;gap:var(--space-2);justify-content:center}.paywall-price .paywall-amount{color:var(--color-text);font-size:var(--text-5xl);font-weight:var(--font-extrabold)}.paywall-price .paywall-period{color:var(--color-text-muted);font-size:var(--text-base)}.paywall-note{color:var(--color-text-muted);font-size:var(--text-xs)}.paywall-email-form{display:flex;flex-direction:column;gap:var(--space-3)}.paywall-email-confirmed{color:var(--color-text-secondary);font-size:var(--text-sm);text-align:center}.paywall-existing-user{align-items:center;display:flex;flex-direction:column;gap:var(--space-3);text-align:center}.paywall-existing-user h3{font-size:var(--text-lg);font-weight:var(--font-bold)}.paywall-existing-user p{color:var(--color-text-secondary);font-size:var(--text-sm);line-height:var(--leading-relaxed)}.paywall-email-input{border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--text-sm);outline:none;padding:10px 12px;transition:border-color var(--transition-base);width:100%}.paywall-email-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #4f46e51a}.paywall-loading{align-items:center;color:var(--color-text-muted);display:flex;font-size:var(--text-sm);gap:var(--space-2);justify-content:center;padding:var(--space-3)}.paywall-express{min-height:44px}.paywall-divider{align-items:center;color:var(--color-text-muted);display:flex;font-size:var(--text-xs);gap:var(--space-3)}.paywall-divider:after,.paywall-divider:before{background:var(--color-border);content:"";flex:1;height:1px}.paywall-card-element{min-height:40px}.paywall-error{color:var(--color-error);font-size:var(--text-sm);text-align:center}@media(max-width:1024px){.features-grid,.testimonials-grid,.use-cases-grid{grid-template-columns:repeat(2,1fr)}.testimonials-grid>.testimonial:last-child{grid-column:span 2;margin-inline:auto;max-width:480px}.cards-grid{grid-template-columns:repeat(4,1fr)}}@media(max-width:768px){:root{--container-pad:var(--space-4)}.hero-inner{gap:var(--space-10);grid-template-columns:1fr}.hero-visual{order:-1}.board-preview{max-width:320px}.hero-headline{font-size:var(--text-4xl)}.hero-actions{align-items:stretch;flex-direction:column}.hero-actions .btn{text-align:center}.proof-stats{gap:var(--space-6)}.stat-divider,.step-arrow{display:none}.steps{align-items:center;flex-direction:column}.features-grid{grid-template-columns:1fr}.use-cases-grid{grid-template-columns:repeat(2,1fr)}.testimonials-grid{grid-template-columns:1fr}.testimonials-grid>.testimonial:last-child{grid-column:span 1;max-width:none}.section-header h2{font-size:var(--text-3xl)}.pricing-cards{align-items:center;flex-direction:column}.pricing-card{max-width:100%}.create-header-inner{flex-wrap:wrap;gap:var(--space-3);height:auto;padding-block:var(--space-3)}.create-header-center{flex-basis:100%;max-width:100%;order:3}.create-header-actions{flex-wrap:wrap;justify-content:space-between;width:100%}.cards-grid{gap:var(--space-3);grid-template-columns:repeat(3,1fr)}.create-bottom-bar{align-items:stretch;text-align:center}.bottom-bar-actions,.create-bottom-bar{flex-direction:column}}@media(max-width:480px){.nav-links{display:none}.cards-grid{gap:var(--space-2);grid-template-columns:repeat(3,1fr)}.preview-grid{grid-template-columns:repeat(4,1fr)}.hero-headline{font-size:var(--text-3xl)}}@media(max-width:600px){.no-mobile{display:none}}.card-photo-overlay{align-items:center;background:#00000059;color:#fff;display:flex;font-size:var(--text-sm);font-weight:600;inset:0;justify-content:center;letter-spacing:.03em;opacity:0;position:absolute;transition:opacity .15s}.card-crop-badge{background:#0000008c;border-radius:4px;bottom:6px;color:#fff;font-size:11px;line-height:1;padding:4px 5px;pointer-events:none;position:absolute;right:6px;transition:opacity .15s}.card-photo-area:hover .card-crop-badge{opacity:0}.card-detecting-overlay{align-items:center;background:#00000080;color:#fff;display:flex;flex-direction:column;font-size:var(--text-xs);gap:6px;inset:0;justify-content:center;position:absolute}.card-detecting-overlay .mini-spinner{animation:spin .7s linear infinite;border:2px solid hsla(0,0%,100%,.3);border-radius:50%;border-top-color:#fff;height:18px;width:18px}.card-crop-btn{background:var(--color-bg-alt);border:none;border-bottom:1px solid var(--color-border);color:var(--color-text-secondary);cursor:pointer;display:block;font-size:var(--text-xs);padding:3px 0;transition:background .15s,color .15s;width:100%}.card-crop-btn:hover:not(:disabled){background:var(--color-primary-light);color:var(--color-primary)}.card-crop-btn:disabled{cursor:default;opacity:.4}.crop-editor-backdrop{align-items:center;background:#000000b3;display:flex;inset:0;justify-content:center;padding:var(--space-4);position:fixed;z-index:200}.crop-editor-modal{background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:0 24px 60px #0006;display:flex;flex-direction:column;max-height:90vh;max-width:min(640px,100%);overflow:hidden;width:100%}.crop-editor-header{align-items:center;border-bottom:1px solid var(--color-border);display:flex;gap:var(--space-3);padding:var(--space-3) var(--space-4)}.crop-editor-header h3{font-size:var(--text-base);font-weight:600;margin:0}.crop-editor-header .crop-close-btn{background:none;border:none;color:var(--color-text-muted);cursor:pointer;font-size:1.5rem;line-height:1;margin-left:auto;padding:0 4px}.crop-editor-header .crop-close-btn:hover{color:var(--color-text)}.crop-badge{border-radius:99px;font-size:var(--text-xs);font-weight:600;padding:2px 8px;&--face{background:var(--color-accent-light);color:var(--color-accent)}&--center{background:#fef3c7;color:#92400e}}.crop-canvas-wrap{align-items:center;background:#111;cursor:grab;display:flex;flex:1;justify-content:center;min-height:360px;overflow:hidden;position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none;&--dragging{cursor:grabbing}}.crop-canvas-wrap .crop-img{left:50%;max-height:none!important;max-width:none!important;pointer-events:none;position:absolute;top:50%;will-change:transform}.crop-circle-overlay{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%}.crop-hint{color:var(--color-text-secondary);font-size:var(--text-sm);margin:0;padding:var(--space-2) var(--space-4);text-align:center}.crop-hint--desktop{display:block}.crop-hint--mobile{display:none}@media(hover:none)and (pointer:coarse){.crop-hint--desktop{display:none}.crop-hint--mobile{display:block}}.crop-editor-footer{align-items:center;border-top:1px solid var(--color-border);display:flex;flex-wrap:wrap;gap:var(--space-3);justify-content:space-between;padding:var(--space-3) var(--space-4)}.crop-editor-footer .crop-zoom-btns{display:flex;gap:var(--space-1)}.crop-editor-footer .crop-actions{display:flex;gap:var(--space-2)}.btn-sm{font-size:var(--text-xs);padding:4px 10px}.pdf-generating-modal{background:var(--color-surface);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);margin:auto;max-width:340px;padding:var(--space-8);text-align:center;width:100%}.pdf-generating-modal h3{font-size:var(--text-lg);margin:var(--space-4) 0 var(--space-5)}.pdf-generating-spinner{animation:spin .8s linear infinite;border:3px solid var(--color-border);border-radius:50%;border-top-color:var(--color-primary);height:40px;margin:0 auto;width:40px}.pdf-progress-bar{background:var(--color-border);border-radius:99px;height:6px;overflow:hidden}.pdf-progress-fill{background:var(--color-primary);border-radius:99px;height:100%;transition:width .3s ease}.pdf-progress-text{color:var(--color-text-muted);font-size:var(--text-sm);margin-top:var(--space-2)}.pdf-error{color:var(--color-error);font-size:var(--text-sm);margin-top:var(--space-3)}