:root{--color-ink:#17211b;--color-muted:#58645d;--color-subtle:#748078;--color-bg:#f7f8f5;--color-surface:#fff;--color-surface-soft:#eef3ed;--color-border:#d8ded5;--color-primary:#116149;--color-primary-strong:#0b4936;--color-danger:#8a1f2d;--color-warning:#785000;--color-info:#29455d;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--radius:8px;--radius-sm:6px;--shadow:0 8px 22px #17211b14;--tap:3rem;color:var(--color-ink);background:var(--color-bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{background:var(--color-bg);min-width:320px}body{min-width:320px;min-height:100dvh;margin:0}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,label{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline-offset:2px;outline:3px solid #1161493d}button{touch-action:manipulation}p{max-width:42rem;color:var(--color-muted);margin:0;font-size:1rem;line-height:1.55}h1,h2,h3{letter-spacing:0;margin:0}h1{font-size:2.45rem;line-height:1}h2{font-size:1.35rem;line-height:1.15}.app-shell{min-height:100dvh;padding:env(safe-area-inset-top) 0 env(safe-area-inset-bottom)}.public-shell,.auth-shell,.system-shell{background:linear-gradient(180deg, #eef3ede6, #f7f8f500 16rem), var(--color-bg)}.public-brand-header,.auth-brand-header,.system-header{z-index:20;min-height:4rem;padding:.75rem max(1rem, env(safe-area-inset-left)) .75rem max(1rem, env(safe-area-inset-right));-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#f7f8f5f5;border-bottom:1px solid #d8ded5e0;justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}.public-brand-header{min-height:3.45rem}.brand{align-items:center;gap:var(--space-3);min-width:0;min-height:2.75rem;color:var(--color-ink);font-weight:900;display:inline-flex}.brand.compact{font-size:.98rem}.brand-mark{border-radius:var(--radius);color:#fff;background:var(--color-primary);width:2.35rem;height:2.35rem;box-shadow:var(--shadow);flex:none;place-items:center;display:grid}.app-main,.public-main,.auth-main,.system-main{width:min(100%,1120px);padding:var(--space-5) max(1rem, env(safe-area-inset-left)) calc(2.5rem + env(safe-area-inset-bottom));margin:0 auto}.public-main,.auth-main{max-width:720px}.system-main{padding-top:var(--space-4)}.screen-shell,.screen-content,.public-step-content,.public-form,.control-stack,.composer-panel,.item-list{gap:var(--space-4);display:grid}.page-header{gap:var(--space-3);padding:var(--space-4) 0 var(--space-2);display:grid}.eyebrow{color:var(--color-primary);text-transform:uppercase;margin:0;font-size:.82rem;font-weight:900}.mobile-menu{inset:calc(4rem + env(safe-area-inset-top)) 0 auto;z-index:19;gap:var(--space-2);padding:var(--space-4);border-bottom:1px solid var(--color-border);box-shadow:var(--shadow);background:#fffffffa;display:none;position:fixed}.mobile-menu.open{display:grid}.mobile-menu a,.mobile-menu button{justify-content:flex-start;width:100%}.mobile-menu a{min-height:var(--tap);border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface);align-items:center;padding:.75rem 1rem;font-weight:800;display:flex}.mobile-menu a.active{color:#fff;border-color:var(--color-primary);background:var(--color-primary)}.icon-button{width:var(--tap);height:var(--tap);border:1px solid var(--color-border);border-radius:var(--radius);color:var(--color-ink);background:var(--color-surface);place-items:center;display:inline-grid}.route-grid,.metric-grid,.button-row,.photo-actions,.preview-grid,.compact-details{gap:var(--space-3);display:grid}.route-card,.metric-card,.empty-state,.placeholder-form,.auth-form,.item-card,.public-candidate-card,.public-flow-panel,.composer-panel,fieldset{border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface);min-width:0;box-shadow:0 1px #17211b08}.route-card{justify-content:space-between;align-items:center;gap:var(--space-4);min-height:5rem;padding:var(--space-4);display:flex}.route-card span,.metric-card,.item-card{gap:var(--space-2);display:grid}.route-card small,.metric-card span,.item-card small,.muted-text{color:var(--color-subtle);font-size:.94rem;line-height:1.4}.metric-card{min-height:5.2rem;padding:var(--space-4)}.metric-card strong{font-size:1.3rem;line-height:1.1}.empty-state{padding:var(--space-5);color:var(--color-muted)}.auth-form,.placeholder-form,.public-flow-panel,.composer-panel,fieldset{gap:var(--space-4);padding:var(--space-4);display:grid}.auth-form label,.placeholder-form label,.public-form label,.composer-panel label{gap:var(--space-2);color:var(--color-ink);font-weight:800;display:grid}.field-caption{color:var(--color-ink);font-weight:900}.auth-form input,.auth-form select,.auth-form textarea,.placeholder-form input,.composer-panel input,.composer-panel select,.composer-panel textarea,.public-form input,.public-form select{min-height:var(--tap);border:1px solid var(--color-border);border-radius:var(--radius);width:100%;color:var(--color-ink);background:#fbfcfa;padding:.8rem .9rem}.auth-form textarea,.composer-panel textarea{resize:vertical;min-height:7rem}.password-control{display:block;position:relative}.password-control input{padding-right:3.7rem}.password-control .icon-button{position:absolute;top:50%;right:.35rem;transform:translateY(-50%)}.primary-action,.secondary-action,.file-button,.auth-form button,.placeholder-form button,.secondary-button{justify-content:center;align-items:center;gap:var(--space-2);min-height:var(--tap);border:1px solid var(--color-primary);border-radius:var(--radius);color:#fff;background:var(--color-primary);cursor:pointer;width:100%;padding:.78rem 1rem;font-weight:900;line-height:1.2;display:inline-flex}.primary-action:hover,.auth-form button:hover{background:var(--color-primary-strong)}.secondary-action,.secondary-button,.file-button.secondary{color:var(--color-primary);border-color:var(--color-border);background:var(--color-surface)}.secondary-action.selected{color:#fff;border-color:var(--color-primary);background:var(--color-primary)}.secondary-action.danger{color:var(--color-danger);background:#fff6f7;border-color:#efc7cc}.primary-action:disabled,.secondary-action:disabled,.auth-form button:disabled{cursor:not-allowed;opacity:.58}.password-control .icon-button{width:var(--tap);min-height:0;color:var(--color-muted);background:0 0;border-color:#0000;padding:0}.standalone{width:auto}.checkbox-field{grid-template-columns:1.35rem 1fr;align-items:start}.checkbox-field input{width:1.35rem;min-height:1.35rem;margin:.12rem 0 0}.auth-links{gap:var(--space-3);flex-wrap:wrap;display:flex}.auth-links a,.text-link{width:max-content;max-width:100%;min-height:2.75rem;color:var(--color-primary);align-items:center;font-weight:900;display:inline-flex}.form-message,.warning-message,.info-message,.success-message,.error-message{border-radius:var(--radius);max-width:none;padding:var(--space-3) var(--space-4);font-weight:800}.form-message-error,.error-message{color:var(--color-danger);background:#fdecee}.form-message-success,.success-message{color:var(--color-primary);background:#e6f5ef}.warning-message{color:var(--color-warning);background:#fff5d7}.info-message{color:var(--color-info);background:#eaf3fb}.form-row{gap:var(--space-4);display:grid}fieldset{gap:var(--space-3);margin:0;display:grid}legend{padding:0 var(--space-2);color:var(--color-ink);font-weight:900}.muted-text,.item-card p{overflow-wrap:anywhere;max-width:none}.image-preview,.frame-preview{border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface-soft);width:100%;max-width:16rem;display:block}.frame-preview{aspect-ratio:4/5;object-fit:contain}.stories-preview{aspect-ratio:9/16}.item-card{padding:var(--space-4)}.item-heading{justify-content:space-between;align-items:flex-start;gap:var(--space-3);display:flex}.status-pill{color:var(--color-muted);background:var(--color-surface-soft);border-radius:999px;flex:none;padding:.3rem .55rem;font-size:.78rem;font-weight:900}.status-pill.active,.status-pill.published{color:var(--color-primary);background:#e6f5ef}.status-pill.blocked,.status-pill.closed{color:var(--color-danger);background:#fdecee}.status-pill.paid,.status-pill.checkout_created,.status-pill.pending{color:var(--color-primary);background:#e6f5ef}.status-pill.expired,.status-pill.canceled,.status-pill.failed,.status-pill.refunded{color:var(--color-danger);background:#fdecee}.compact-details{grid-template-columns:repeat(2,minmax(0,1fr));margin:0}.compact-details div,.audit-row{border:1px solid var(--color-border);border-radius:var(--radius-sm);min-width:0;padding:var(--space-3);background:#fbfcfa}.compact-details dt{color:var(--color-subtle);font-size:.78rem;font-weight:900}.compact-details dd{margin:.15rem 0 0;font-weight:900}.audit-row{gap:var(--space-1);display:grid}.audit-row small,.audit-row span{color:var(--color-subtle)}.public-candidate-card{align-items:center;gap:var(--space-3);padding:var(--space-3);display:flex}.public-candidate-info{min-width:0}.public-candidate-info strong,.item-heading strong,.route-card strong{overflow-wrap:anywhere}.public-candidate-photo{border-radius:var(--radius);object-fit:cover;background:var(--color-surface-soft);flex:none;width:4.25rem;height:4.25rem}.public-candidate-photo.placeholder{color:var(--color-primary);place-items:center;font-size:1.7rem;font-weight:900;display:grid}.public-meta{color:var(--color-subtle);overflow-wrap:anywhere;font-size:.95rem}.public-progress{gap:var(--space-2);display:grid}.public-progress>span{color:var(--color-primary);font-weight:900}.public-progress ol{grid-template-columns:repeat(5,minmax(0,1fr));gap:.35rem;margin:0;padding:0;list-style:none;display:grid}.public-progress li{justify-items:center;gap:.25rem;min-width:0;display:grid}.public-progress li span{border:1px solid var(--color-border);width:2rem;height:2rem;color:var(--color-subtle);background:var(--color-surface);border-radius:999px;place-items:center;font-size:.9rem;font-weight:900;display:grid}.public-progress li small{max-width:100%;color:var(--color-subtle);text-align:center;font-size:.68rem;font-weight:800}.public-progress li.active span,.public-progress li.done span{color:#fff;border-color:var(--color-primary);background:var(--color-primary)}.public-flow-panel,.public-step-content{min-width:0}.field-label-line{justify-content:space-between;align-items:center;gap:var(--space-2);display:flex}.field-label-line small,.consent-box em{color:var(--color-primary);background:#e6f5ef;border-radius:999px;flex:none;padding:.25rem .5rem;font-size:.75rem;font-style:normal;font-weight:900}.field-error{color:var(--color-danger);font-size:.9rem;font-weight:800}.consent-box{gap:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius);padding:var(--space-3);background:#fbfcfa;align-items:flex-start;display:flex}.consent-box input{flex:none;width:1.45rem;height:1.45rem;margin-top:.1rem}.consent-box span{gap:var(--space-2);min-width:0;display:grid}.consent-box small{color:var(--color-muted);font-size:.95rem;line-height:1.48}.file-button{position:relative}.file-button input,.file-inline input{opacity:0;width:1px;height:1px;position:absolute;overflow:hidden}.segmented-control{gap:var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius);padding:var(--space-1);background:var(--color-surface-soft);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.segmented-control button{border-radius:var(--radius-sm);min-height:2.75rem;color:var(--color-muted);background:0 0;border:0;font-weight:900}.segmented-control button.active{color:#fff;background:var(--color-primary)}.photo-adjuster{aspect-ratio:4/5;border:1px solid var(--color-border);border-radius:var(--radius);color:#fff;touch-action:none;-webkit-user-select:none;user-select:none;background:#1b241f;place-items:center;width:100%;display:grid;position:relative;overflow:hidden}.photo-adjuster.feed-preview{aspect-ratio:4/5}.photo-adjuster.stories-preview{aspect-ratio:9/16}.adjuster-photo{object-fit:cover;-webkit-user-select:none;user-select:none;width:100%;height:100%;position:absolute;inset:0}.adjuster-frame{object-fit:fill;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.control-stack input[type=range]{width:100%;min-height:2.75rem;accent-color:var(--color-primary)}.preview-grid figure,.preview-grid article{gap:var(--space-3);margin:0;display:grid}.preview-grid img{object-fit:contain;border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface-soft);width:100%;max-height:72dvh}.preview-grid figcaption{color:var(--color-ink);font-weight:900}.compact-actions{grid-template-columns:repeat(3,minmax(0,1fr))}.landing-hero{gap:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface);display:grid;overflow:hidden}.hero-copy{gap:var(--space-4);padding:var(--space-4);display:grid}.landing-hero img{width:100%;height:auto;display:block}.landing-section,.commerce-summary,.pricing-grid,.benefit-grid,.diagnostic-panel,.quiz-card,.quiz-result,.quiz-options,.section-heading,.simulator-box,.token-equation{gap:var(--space-4);display:grid}.landing-section{padding:var(--space-4) 0}.benefit-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.benefit-grid span{gap:var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius);min-height:4rem;padding:var(--space-3);background:var(--color-surface);color:var(--color-ink);align-content:start;font-weight:900;display:grid}.pricing-card{gap:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius);min-width:0;padding:var(--space-4);background:var(--color-surface);display:grid}.price{color:var(--color-primary);font-size:1.85rem;line-height:1}.metric-card.featured{background:#e6f5ef;border-color:#1161494d}.usage-bar{background:var(--color-surface-soft);border-radius:999px;height:.75rem;overflow:hidden}.usage-bar span{border-radius:inherit;background:var(--color-primary);height:100%;display:block}.diagnostic-panel,.quiz-card,.quiz-result,.simulator-box{border:1px solid var(--color-border);border-radius:var(--radius);min-width:0;padding:var(--space-4);background:var(--color-surface)}.diagnostic-panel{background:#fbfcfa}.progress-track{background:var(--color-surface-soft);border-radius:999px;height:.65rem;overflow:hidden}.progress-track span{border-radius:inherit;background:var(--color-primary);height:100%;transition:width .18s;display:block}.quiz-option{min-height:var(--tap);border:1px solid var(--color-border);border-radius:var(--radius);color:var(--color-ink);background:var(--color-surface);text-align:left;padding:.9rem 1rem;font-weight:900}.quiz-option.selected{color:#fff;border-color:var(--color-primary);background:var(--color-primary)}.quick-token-grid{gap:var(--space-2);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.quantity-stepper{grid-template-columns:var(--tap) minmax(0, 1fr) var(--tap);align-items:center;gap:var(--space-3);display:grid}.quantity-stepper button{width:var(--tap);height:var(--tap);border:1px solid var(--color-border);border-radius:var(--radius);color:var(--color-primary);background:var(--color-surface);place-items:center;display:grid}.quantity-stepper strong{text-align:center;min-width:0}.token-equation{border:1px solid var(--color-border);border-radius:var(--radius);padding:var(--space-4);background:#fbfcfa}.network-illustration{border:1px solid var(--color-border);border-radius:var(--radius);background-color:#fbfcfa;background-image:linear-gradient(90deg,#11614914 1px,#0000 1px),linear-gradient(#11614914 1px,#0000 1px),none;background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:2rem 2rem;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;min-height:18rem;position:relative;overflow:hidden}.phone-card,.supporter-dot{border-radius:var(--radius);color:var(--color-primary);background:var(--color-surface);box-shadow:var(--shadow);border:1px solid #11614940;place-items:center;font-weight:900;display:grid;position:absolute}.phone-card{width:min(64%,15rem);min-height:10rem;padding:var(--space-4);top:50%;left:50%;transform:translate(-50%,-50%)}.phone-card span{color:var(--color-ink);font-size:1.8rem}.supporter-dot{width:5.6rem;min-height:3rem;padding:var(--space-2);font-size:.82rem}.supporter-dot.one{top:1rem;left:.75rem}.supporter-dot.two{top:2.1rem;right:.85rem}.supporter-dot.three{bottom:1.7rem;left:1.2rem}.supporter-dot.four{bottom:1rem;right:1rem}details{border:1px solid var(--color-border);border-radius:var(--radius);padding:var(--space-4);background:var(--color-surface)}summary{min-height:2.75rem;color:var(--color-ink);cursor:pointer;font-weight:900}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (width>=720px){.app-main,.public-main,.auth-main,.system-main{padding-inline:var(--space-6)}.route-grid,.metric-grid,.form-row,.preview-grid,.button-row{grid-template-columns:repeat(2,minmax(0,1fr))}.landing-hero,.split-section{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:center}.landing-hero img,.simulator-box{grid-column:2}.hero-copy,.split-section .section-heading{grid-area:1/1}.network-illustration{grid-area:1/2}.mobile-menu{max-width:1120px;box-shadow:none;margin:0 auto;display:flex;position:sticky;top:4rem}.mobile-menu a,.mobile-menu button{width:auto}.menu-button{display:none}}@media (width>=980px){.metric-grid{grid-template-columns:repeat(4,minmax(0,1fr))}h1{font-size:3.6rem}}
