:root{color:#111;background:#fff;font-family:system-ui,sans-serif;line-height:1.5}body{margin:0}#root{min-height:100vh}*{box-sizing:border-box}:root{--bg-0:#f7f0e6;--bg-1:#f6f8fc;--ink-0:#171516;--ink-1:#514c48;--line-soft:#1715161a;--line-strong:#1715162e;--surface:#fffbf5d6;--surface-strong:#ffffffeb;--surface-dark:#16131a;--accent:#a4532a;--accent-strong:#7d3510;--accent-soft:#a4532a1f;--success:#1e7b55;--error:#b84639;--shadow-lg:0 28px 90px #34251a24;--shadow-md:0 18px 50px #34251a1a;--radius-xl:32px;--radius-lg:24px;--radius-md:18px;--radius-sm:12px}body{color:var(--ink-0);background:radial-gradient(circle at top left, #ffe1c6e6, transparent 26%), radial-gradient(circle at top right, #cee1ffb8, transparent 24%), linear-gradient(180deg, var(--bg-0), var(--bg-1));margin:0;font-family:IBM Plex Sans,Avenir Next,Segoe UI,sans-serif}a{color:inherit}button,input,textarea,select{font:inherit}button{cursor:pointer}:focus-visible{outline-offset:2px;outline:3px solid #a4532a52}.app-shell{width:min(1380px,100vw - 32px);margin:0 auto;padding:40px 0 64px}#pricing,#studio,#faq,#privacy,#terms{scroll-margin-top:112px}.site-navbar{z-index:200;border:1px solid var(--line-soft);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#fffbf5f0;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:16px;margin:-8px 0 24px;padding:12px 18px;display:grid;position:sticky;top:0}.site-navbar-brand{letter-spacing:-.02em;font-size:1.05rem;font-weight:800;text-decoration:none}.site-navbar-panel{align-items:center;gap:16px;min-width:0;display:flex}.site-navbar-links{flex-wrap:wrap;flex:auto;justify-content:center;align-items:center;gap:6px;min-width:0;display:flex}.site-navbar-link{color:var(--ink-1);white-space:nowrap;background:#ffffff9e;border:1px solid #17151614;border-radius:999px;padding:8px 12px;font-size:.84rem;font-weight:700;text-decoration:none;transition:border-color .16s,background .16s,box-shadow .16s,color .16s,transform .16s}.site-navbar-link:hover{color:var(--ink-0);border-color:#a4532a3d;transform:translateY(-1px)}.site-navbar-link.is-active,.site-navbar-link[aria-current=location]{color:var(--ink-0);background:#a4532a24;border-color:#a4532a47;font-weight:800;box-shadow:0 12px 28px #7d35101a}.site-navbar-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:12px;display:flex}.site-navbar-menu-toggle{background:#ffffffd1;border:1px solid #1715161a;border-radius:999px;justify-content:center;align-items:center;width:44px;height:44px;padding:0;display:none;box-shadow:0 10px 24px #34251a14}.site-navbar-menu-icon{gap:4px;display:grid}.site-navbar-menu-line{background:var(--ink-0);border-radius:999px;width:18px;height:2px;transition:transform .16s,opacity .16s;display:block}.site-navbar.is-menu-open .site-navbar-menu-line:first-child{transform:translateY(6px)rotate(45deg)}.site-navbar.is-menu-open .site-navbar-menu-line:nth-child(2){opacity:0}.site-navbar.is-menu-open .site-navbar-menu-line:nth-child(3){transform:translateY(-6px)rotate(-45deg)}.locale-switcher{background:#ffffffb8;border:1px solid #1715161a;border-radius:999px;align-items:center;gap:4px;padding:4px 6px;font-size:.78rem;font-weight:800;display:inline-flex}.locale-link{color:var(--ink-1);border-radius:999px;padding:6px 10px;text-decoration:none}.locale-link.is-active{color:var(--ink-0);background:#a4532a29}.locale-divider{color:#17151638;-webkit-user-select:none;user-select:none}.billing-hint{border:1px solid var(--line-soft);border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffbf5c7;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:20px;padding:16px 20px;display:flex;position:relative;overflow:hidden;box-shadow:0 10px 28px #34251a14}.billing-hint__copy{flex:240px;min-width:0}.billing-hint__copy h2{letter-spacing:-.03em;margin:0;font-family:Iowan Old Style,Palatino Linotype,Book Antiqua,serif;font-size:clamp(1.15rem,2.5vw,1.5rem);line-height:1.15}.billing-hint__note{max-width:62ch;color:var(--ink-1);margin:8px 0 0;font-size:.92rem;line-height:1.55}.billing-hint__note.is-info{color:#6e4c2f}.billing-hint__note.is-success{color:var(--success)}.billing-hint__note.is-error{color:var(--error)}.billing-hint__actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:12px;display:flex}.purchase-panel,.auth-user{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.purchase-panel{justify-content:flex-end}.purchase-pill,.auth-btn{border:1px solid #1715161a;border-radius:999px;justify-content:center;align-items:center;min-height:44px;padding:0 16px;display:inline-flex}.purchase-pill{color:var(--ink-0);letter-spacing:.03em;background:#ffffffb8;font-size:.84rem;font-weight:700}.purchase-pill.is-loading{color:#6e4c2f;background:#fff4e7eb}.purchase-pill.is-paid{color:var(--success);background:#eafaf2fa}.purchase-pill.is-refunded{color:var(--error);background:#ffedeafa}.purchase-meta{color:var(--ink-1);font-size:.88rem}.purchase-button{min-width:190px}.auth-user{background:#ffffffad;border:1px solid #17151614;border-radius:999px;padding:6px 8px 6px 6px}.auth-avatar{object-fit:cover;border-radius:999px;display:block;box-shadow:0 6px 18px #1715161f}.auth-name{text-overflow:ellipsis;white-space:nowrap;max-width:18ch;font-size:.92rem;font-weight:700;overflow:hidden}.auth-btn{color:var(--ink-0);background:#ffffffc7;gap:10px;text-decoration:none;transition:transform .16s,border-color .16s,box-shadow .16s,background .16s}.auth-btn:hover{border-color:#a4532a3d;transform:translateY(-1px);box-shadow:0 16px 32px #34251a14}.auth-btn:disabled{opacity:.7;cursor:not-allowed;box-shadow:none;transform:none}.auth-signin{background:#ffffffeb}.auth-signout{background:#ffffffe0}.auth-loading,.auth-disabled{color:var(--ink-1);cursor:default;background:#fffaf6c7}.auth-btn svg{flex:none}.auth-btn-navbar{min-height:40px;padding:0 14px;font-size:.86rem}.auth-user-navbar{padding:4px 6px 4px 4px}.auth-name-navbar{max-width:14ch;font-size:.84rem}@media (width<=960px){.site-navbar{grid-template-columns:minmax(0,1fr) auto;align-items:center}.site-navbar-menu-toggle{display:inline-flex}.site-navbar-panel{border-top:1px solid #17151614;flex-direction:column;grid-column:1/-1;align-items:stretch;gap:14px;padding-top:12px;display:none}.site-navbar.is-menu-open .site-navbar-panel{display:flex}.site-navbar-links,.site-navbar-actions{justify-content:flex-start;width:100%}.site-navbar-links{flex-direction:column;align-items:stretch;gap:8px}.site-navbar-link{text-align:left;width:100%;padding:12px 14px}.site-navbar-actions{flex-direction:column;align-items:stretch;gap:10px}.locale-switcher{width:fit-content}.auth-btn-navbar,.auth-user-navbar{width:100%}}.hero{grid-template-columns:minmax(0,1.35fr) minmax(320px,.95fr);align-items:stretch;gap:24px;margin-bottom:24px;display:grid}.hero-copy,.hero-panel,.studio-panel,.marketing-section,.site-footer{border:1px solid var(--line-soft);border-radius:var(--radius-xl);background:var(--surface);box-shadow:var(--shadow-lg);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);position:relative;overflow:hidden}.hero-copy{padding:36px}.hero-copy:before,.hero-panel:before,.studio-panel:before,.marketing-section:before,.site-footer:before{content:"";pointer-events:none;background:linear-gradient(#fff6,#0000 28%);position:absolute;inset:0}.hero-panel{color:#faf5f1f0;background:linear-gradient(160deg,#17131af5,#221713e6),#17131aeb;padding:28px}.marketing-section,.site-footer{margin-top:24px;padding:28px}.eyebrow{text-transform:uppercase;letter-spacing:.14em;color:#514c48c7;margin:0 0 12px;font-size:.74rem;font-weight:700}.hero-panel .eyebrow,.live-chip{color:#ffe7d5c7}.hero-copy h1{letter-spacing:-.04em;max-width:12ch;margin:0;font-family:Iowan Old Style,Palatino Linotype,Book Antiqua,serif;font-size:clamp(3rem,6vw,5.6rem);line-height:.95}.hero-text{max-width:56ch;color:var(--ink-1);margin:18px 0 0;font-size:1.03rem;line-height:1.7}.hero-panel-copy{color:#fcf5f1d1;margin:14px 0 0;line-height:1.6}.hero-actions,.action-row{flex-wrap:wrap;gap:12px;display:flex}.hero-actions{margin-top:28px}.button{border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;min-height:48px;padding:0 18px;text-decoration:none;transition:transform .16s,box-shadow .16s,background .16s,border-color .16s;display:inline-flex}.button:hover{transform:translateY(-1px)}.button:disabled{opacity:.6;cursor:not-allowed;transform:none}.button-primary{background:linear-gradient(135deg, var(--accent), var(--accent-strong));color:#fff7ef;box-shadow:0 14px 30px #7d35103d}.button-secondary{border-color:var(--line-soft);color:var(--ink-0);background:#ffffffb8}.button-quiet{border-color:var(--line-soft);color:var(--ink-1);background:#ffffff85}.hero-stats,.insight-grid{gap:12px;display:grid}.hero-stats{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:32px}.stat-card,.insight-card{background:#ffffff94;border:1px solid #17151614;border-radius:20px;padding:16px}.stat-card strong,.insight-card strong{margin-top:8px;font-size:1.02rem;display:block}.stat-label{color:#514c48bd;text-transform:uppercase;letter-spacing:.08em;font-size:.78rem}.hero-panel-head h2,.section-heading h2,.export-card h3{letter-spacing:-.03em;margin:0;font-family:Iowan Old Style,Palatino Linotype,Book Antiqua,serif;font-size:clamp(1.6rem,3vw,2.5rem);line-height:1.04}.path-list{gap:14px;margin-top:18px;display:grid}.path-item{background:#ffffff0d;border:1px solid #ffffff14;border-radius:18px;grid-template-columns:auto 1fr;align-items:start;gap:12px;padding:14px;display:grid}.path-item strong{margin-bottom:4px;display:block}.path-item p,.workflow-list,.field-help,.status-card p{color:inherit;margin:0;line-height:1.55}.badge{letter-spacing:.06em;text-transform:uppercase;border-radius:999px;justify-content:center;align-items:center;min-width:78px;min-height:32px;padding:0 10px;font-size:.78rem;font-weight:700;display:inline-flex}.badge-good{color:#93f1c8;background:#33c28924}.badge-muted{color:#fff0e1d1;background:#ffffff1a}.badge-accent{color:#ffd1b6;background:#ffb68629}.workflow-list{color:#fcf5f1d1;margin-top:20px;padding-left:20px}.workflow-list li+li{margin-top:10px}.workspace{grid-template-columns:minmax(0,1.16fr) minmax(360px,.84fr);align-items:start;gap:24px;display:grid}.studio-panel{padding:28px}.preview-panel{position:sticky;top:20px}.section-heading{justify-content:space-between;align-items:start;gap:16px;margin-bottom:18px;display:flex}.section-heading .eyebrow{margin-bottom:8px}.section-heading-stack{align-items:end}.section-subtitle,.section-lead span,.pricing-billing-alt,.pricing-note span,.faq-question-alt,.faq-answer-alt,.legal-copy-alt,.footer-brand-alt,.footer-links a span:last-child{color:#514c48e0;margin-top:4px;display:block}.section-subtitle{margin:10px 0 0;font-size:1rem}.section-lead{max-width:52ch;color:var(--ink-1);margin:0;line-height:1.65}.marketing-grid,.faq-grid,.legal-grid{gap:18px;display:grid}.marketing-grid{grid-template-columns:minmax(0,1.05fr) minmax(280px,.95fr);align-items:stretch}.faq-grid,.legal-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.marketing-card{z-index:1;background:#ffffffa8;border:1px solid #17151614;border-radius:28px;padding:22px;position:relative}.pricing-card-main{gap:18px;display:grid}.pricing-offer{gap:8px;display:grid}.pricing-badge{width:fit-content;min-height:32px;color:var(--accent-strong);letter-spacing:.08em;text-transform:uppercase;background:#a4532a1f;border-radius:999px;align-items:center;padding:0 12px;font-size:.76rem;font-weight:700;display:inline-flex}.pricing-amount{letter-spacing:-.04em;font-family:Iowan Old Style,Palatino Linotype,Book Antiqua,serif;font-size:clamp(2.8rem,6vw,4.8rem);line-height:.95}.pricing-price-state{gap:10px;display:grid}.pricing-price-state-title{letter-spacing:-.03em;font-family:Iowan Old Style,Palatino Linotype,Book Antiqua,serif;font-size:clamp(1.7rem,4vw,2.4rem);line-height:1.05}.pricing-billing{color:var(--ink-1);margin:0;font-size:1rem;font-weight:700}.pricing-billing-alt,.pricing-note,.faq-answer,.legal-intro,.legal-section p{margin:0;line-height:1.65}.pricing-note{color:var(--ink-1)}.pricing-cta{flex-direction:column;gap:2px;width:fit-content;min-width:240px}.pricing-cta span{color:#fff7efdb;font-size:.82rem}.benefit-card h3,.faq-card h3,.legal-card h2,.legal-section h3{letter-spacing:-.02em;margin:0;font-family:Iowan Old Style,Palatino Linotype,Book Antiqua,serif}.benefit-card h3{margin-bottom:14px;font-size:1.8rem}.benefit-list,.legal-bullets{gap:14px;margin:0;padding:0;list-style:none;display:grid}.benefit-list li,.legal-bullets li{gap:4px;display:grid}.benefit-list strong,.legal-bullets strong{font-size:.96rem}.benefit-list span,.legal-bullets span{color:var(--ink-1);line-height:1.55}.faq-card{gap:12px;display:grid}.faq-card h3{font-size:1.35rem}.legal-card{gap:18px;display:grid}.legal-intro,.legal-section-list{gap:16px;display:grid}.legal-section{border-top:1px solid #17151614;gap:10px;padding-top:16px;display:grid}.site-footer{justify-content:space-between;align-items:start;gap:24px;margin-bottom:24px;display:flex}.footer-brand,.footer-copy{margin:0}.footer-copy{color:var(--ink-1);margin-top:12px}.footer-links{flex-wrap:wrap;justify-content:flex-end;gap:12px;display:flex}.footer-links a{background:#ffffff9e;border:1px solid #17151614;border-radius:16px;flex-direction:column;gap:2px;padding:10px 14px;text-decoration:none;display:inline-flex}.preset-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:18px;display:grid}.preset-card{text-align:left;background:#ffffffa3;border:1px solid #17151614;border-radius:22px;padding:18px;transition:border-color .18s,transform .18s,box-shadow .18s}.preset-card:hover,.preset-card.is-active{box-shadow:var(--shadow-md);border-color:#a4532a59;transform:translateY(-1px)}.preset-kicker{color:#514c48b8;text-transform:uppercase;letter-spacing:.08em;margin-bottom:10px;font-size:.74rem;font-weight:700;display:inline-block}.preset-card strong{margin-bottom:6px;font-size:1rem;display:block}.preset-card p{color:var(--ink-1);margin:0;line-height:1.5}.field-label{letter-spacing:.02em;color:#171516d1;margin-bottom:8px;font-size:.82rem;font-weight:700;display:block}.field-row{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.field-help{color:#514c48d1;font-size:.9rem}.textarea,.input,.select{width:100%;color:var(--ink-0);background:#ffffffc7;border:1px solid #1715161f;border-radius:22px}.textarea{resize:vertical;min-height:320px;padding:18px 20px;font-family:IBM Plex Mono,SFMono-Regular,monospace;font-size:.97rem;line-height:1.72}.input,.select{min-height:48px;padding:0 14px}.insight-grid{grid-template-columns:repeat(4,minmax(0,1fr));margin-top:18px}.control-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:18px;display:grid}.control-card,.timeline-card,.status-card,.export-card,.advanced-panel{background:#ffffff9e;border:1px solid #17151614;border-radius:24px}.control-card{padding:18px}.toggle{align-items:start;gap:12px;font-size:.95rem;line-height:1.5;display:flex}.toggle input{margin-top:3px}.advanced-panel{margin-top:18px;padding:18px 18px 20px}.advanced-panel summary{cursor:pointer;font-weight:700;list-style:none}.advanced-panel summary::-webkit-details-marker{display:none}.advanced-panel[open] summary{margin-bottom:16px}.advanced-grid,.card-body-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.color-field-row{grid-template-columns:72px minmax(0,1fr);align-items:center;gap:12px;display:grid}.card-body-row{align-items:center;margin-bottom:14px}.ui-color-input{background:#fffc;border:1px solid #1715161a;border-radius:16px;width:100%;min-height:48px;padding:4px}.ui-color-input::-webkit-color-swatch-wrapper{padding:0}.ui-color-input::-webkit-color-swatch{border:none;border-radius:12px}.ui-color-input::-moz-color-swatch{border:none;border-radius:12px}.advanced-panel .field-label:not(:first-child),.advanced-panel .toggle,.advanced-panel .advanced-grid+.field-label,.advanced-panel .card-body-row+.field-label,.advanced-panel .color-field-row+.field-label{margin-top:14px}.live-chip,.status-pill{background:#1715160f;border-radius:999px;align-items:center;min-height:34px;padding:0 12px;font-size:.8rem;font-weight:700;display:inline-flex}.preview-box{background:radial-gradient(circle at top,#ffffff52,#0000 54%),linear-gradient(#1b1820,#100f13);border-radius:28px;justify-content:center;padding:22px;display:flex;box-shadow:inset 0 1px #ffffff0d}.preview-canvas{border-radius:24px;width:min(100%,378px);height:auto;display:block;box-shadow:0 26px 60px #0006}.preview-meta{color:#514c48d6;flex-wrap:wrap;gap:10px;margin-top:14px;font-size:.9rem;display:flex}.preview-meta span{background:#ffffffa6;border:1px solid #17151614;border-radius:999px;padding:8px 12px}.timeline-card,.status-card,.export-card{margin-top:16px;padding:18px}.status-card{gap:12px;display:grid}.status-card.is-neutral{background:#ffffff9e}.status-card.is-info{background:#fff5ece6}.status-card.is-success{background:#eafaf2f5}.status-card.is-error{background:#ffedeaf5}.status-head{justify-content:space-between;align-items:start;gap:12px;display:flex}.status-card.is-success .status-pill{color:var(--success);background:#1e7b551a}.status-card.is-error .status-pill{color:var(--error);background:#b846391a}.progress-stack{gap:8px;display:grid}.progress-track{background:#17151614;border-radius:999px;height:10px;overflow:hidden}.progress-track span{border-radius:inherit;background:linear-gradient(135deg, var(--accent), var(--accent-strong));height:100%;display:block}.export-card{justify-content:space-between;align-items:end;gap:16px;display:flex}.export-card h3{margin:0 0 10px}.export-actions{flex-direction:column;align-items:flex-end;gap:8px;display:flex}.export-button{min-width:180px}.quota-badge{letter-spacing:.02em;color:var(--ink-1);background:#ffffffb8;border:1px solid #1715161a;border-radius:999px;align-items:center;padding:4px 12px;font-size:.78rem;font-weight:700;display:inline-flex}.quota-badge.is-exhausted{color:var(--error);background:#ffedeafa;border-color:#b846392e}.quota-badge.is-paid{color:var(--success);background:#eafaf2fa;border-color:#1e7b552e}.export-upgrade-link{min-height:38px;padding:0 16px;font-size:.84rem}@media (width<=1100px){.billing-hint{flex-direction:column;align-items:start}.billing-hint__actions,.purchase-panel{justify-content:flex-start}.hero,.workspace,.marketing-grid,.legal-grid,.faq-grid{grid-template-columns:1fr}.preview-panel{position:static}.preset-grid,.control-grid,.insight-grid,.hero-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=720px){.app-shell{width:min(100vw - 20px,100%);padding:18px 0 40px}.site-navbar{border-radius:22px;gap:12px;padding:10px 12px}.billing-hint{border-radius:24px;padding:18px}.billing-hint__actions,.purchase-panel,.auth-user{width:100%}.auth-user{justify-content:space-between}.hero-copy,.hero-panel,.studio-panel,.marketing-section,.site-footer{border-radius:24px;padding:20px}.hero-copy h1{max-width:none;font-size:clamp(2.4rem,15vw,4rem)}.preset-grid,.control-grid,.insight-grid,.advanced-grid,.card-body-row,.hero-stats{grid-template-columns:1fr}.color-field-row{grid-template-columns:64px minmax(0,1fr)}.section-heading,.export-card,.status-head,.site-footer{flex-direction:column;align-items:stretch}.button,.export-button,.purchase-button,.pricing-cta,.footer-links a{width:100%}.footer-links{justify-content:stretch}.site-navbar-actions .locale-switcher{justify-content:center;width:100%}.locale-link{text-align:center;flex:auto}.site-navbar-link{text-align:left}.preview-box{padding:14px}}
