@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Montserrat:wght@700;800&display=swap";
:root{--bg:#f9f9f9;--surface:#fff;--surface-soft:#f2f8f8;--surface-muted:#ebf2f3;--text:#1a1c1c;--text-soft:#446067;--line:#c9d9dc;--line-strong:#acc8cd;--green:#28c3a8;--green-deep:#0a6b73;--green-shadow:#0d8f86;--slate:#5c7087;--gold:#d7ae00;--cyan:#40c0f2;--purple:#9b59b6;--shadow-card:0 10px 30px #1c2e1f14;--shadow-floating:0 18px 44px #1c2e1f1f}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--bg)}body{color:var(--text);background:radial-gradient(circle at 20% 0,#28c3a824,#0000 24%),radial-gradient(circle at 85% 10%,#40c0f21f,#0000 18%),linear-gradient(#fff 0%,#f3f8f8 34%,#f8fbfb 100%);margin:0;font-family:Inter,sans-serif}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}svg{display:block}.figu-page{min-height:100vh}.topbar{z-index:10;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffe6;border-bottom:1px solid #acc8cd73;position:sticky;top:0}.topbar__inner,.composer__inner,.results__inner{width:min(1280px,100% - 40px);margin:0 auto}.topbar__inner{justify-content:space-between;align-items:center;min-height:92px;display:flex}.brand{letter-spacing:-.04em;color:var(--green-deep);font-family:Montserrat,sans-serif;font-size:clamp(2.2rem,4vw,3.35rem);font-style:italic;font-weight:800}.icon-button{width:44px;height:44px;color:var(--text-soft);cursor:pointer;background:0 0;border:0;place-items:center;display:grid}.icon-button svg{width:34px;height:34px}.composer{position:relative;overflow:hidden}.composer:before{content:"";opacity:.4;pointer-events:none;background-image:radial-gradient(circle,#a3c5ca8c 1px,#0000 1px);background-size:36px 36px;position:absolute;inset:0}.composer__inner{padding:56px 0 44px;position:relative}.hero-copy{text-align:center;margin-bottom:44px}.hero-copy h1,.proposal-header h2,.trade-summary-band h2,.message-panel h3,.input-card h2,.trade-team__title h3{margin:0;font-family:Montserrat,sans-serif}.hero-copy h1{letter-spacing:-.05em;font-size:clamp(3.2rem,8vw,3.8rem);line-height:.96}.hero-copy p{max-width:28ch;color:var(--text-soft);margin:14px auto 0;font-size:clamp(1.1rem,2vw,1.45rem)}.input-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.input-card{gap:14px;display:grid}.input-card__heading{justify-content:space-between;align-items:center;gap:14px;display:flex}.input-card__heading h2{letter-spacing:-.04em;font-size:clamp(1.8rem,3vw,2.5rem)}.saved-pill,.paste-chip{border-radius:999px;padding:10px 16px;font-size:.95rem;font-weight:700}.saved-pill{color:#49647f;background:#d7e8fb}.paste-chip{color:#708171;cursor:pointer;background:#ffffffd1;border:0;align-items:center;gap:10px;display:inline-flex;box-shadow:0 1px #70817124}.paste-chip svg,.privacy-note svg,.proposal-header a svg,.copy-button svg{width:24px;height:24px}.input-card textarea,.name-field input{border:2px solid var(--line-strong);width:100%;color:var(--text);background:#fffffff5;outline:none;transition:border-color .18s,box-shadow .18s,transform .18s}.input-card textarea:focus,.name-field input:focus{border-color:var(--slate);box-shadow:0 0 0 4px #5c70871f}.input-card textarea{resize:vertical;min-height:440px;box-shadow:var(--shadow-card);border-radius:26px;padding:34px 38px;font-size:clamp(1.25rem,1.8vw,1.5rem);line-height:1.45}.input-card--ghost textarea{background:linear-gradient(#fffffff0,#f8fbf8fa);border-style:dashed}.input-card__hint{color:#6d7d6e;margin:0;font-size:.98rem}.input-card__hint strong{color:var(--green-deep)}.composer__actions{justify-content:center;align-items:end;gap:20px;margin-top:26px;display:flex}.name-field{gap:10px;width:min(100%,340px);display:grid}.trade-rules-toggle{cursor:pointer;border-radius:22px;align-items:flex-start;gap:14px;width:min(100%,420px);padding:16px 18px;display:flex}.trade-rules-toggle input{width:20px;height:20px;accent-color:var(--green-deep);flex:none;margin-top:2px}.trade-rules-toggle__copy{gap:6px;display:grid}.trade-rules-toggle__title{color:var(--text);align-items:center;gap:10px;font-size:small;font-weight:600;line-height:1.3;display:inline-flex}.trade-rules-toggle__title svg{width:20px;height:20px;color:var(--green-deep)}.trade-rules-toggle__copy small,.proposal-mode{color:var(--text-soft);margin:0;line-height:1.45}.name-field span{color:var(--text-soft);text-transform:uppercase;letter-spacing:.04em;font-size:.9rem;font-weight:700}.name-field input{height:62px;box-shadow:var(--shadow-card);border-radius:22px;padding:0 18px}.analyze-button,.copy-button,.message-panel button{cursor:pointer;border:0}.analyze-button{background:var(--green);color:#054924;min-width:min(100%,414px);min-height:92px;box-shadow:inset 0 1px 0 #ffffff38, 0 8px 0 var(--green-shadow);border-radius:24px;justify-content:center;align-items:center;gap:14px;font-size:clamp(1.35rem,2vw,1.85rem);font-weight:800;transition:transform .16s,box-shadow .16s,opacity .16s;display:inline-flex}.analyze-button:hover:not(:disabled){transform:translateY(-2px)}.analyze-button:disabled{opacity:.55;cursor:not-allowed;box-shadow:inset 0 1px #ffffff38,0 6px #7ca58e}.analyze-button svg{width:28px;height:28px}.privacy-note{color:#708171;justify-content:center;align-items:center;gap:10px;margin-top:26px;font-size:.98rem;display:flex}.steps-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:52px;display:grid}.step-card{background:var(--surface);border:1px solid var(--line);min-height:152px;box-shadow:var(--shadow-card);border-radius:22px;padding:26px 22px;position:relative}.step-card:after{content:"";background:#d6eefb;border-radius:0 22px 0 62px;width:62px;height:62px;position:absolute;top:0;right:0}.step-card:nth-child(2):after{background:#ebdbf3}.step-card:nth-child(3):after{background:#f8efbf}.step-card:nth-child(4):after{background:#d8f7de}.step-card span{color:var(--green-deep);margin-bottom:10px;font-size:1.1rem;font-weight:800;display:block}.step-card strong{z-index:1;font-size:1.15rem;line-height:1.35;display:block;position:relative}.results{padding:18px 0 64px}.summary-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.summary-stat{border:2px solid var(--line);background:var(--surface);text-align:center;box-shadow:var(--shadow-card);border-radius:24px;padding:26px 28px}.summary-stat span{color:var(--text-soft);text-transform:uppercase;letter-spacing:.04em;margin-bottom:8px;font-size:.98rem;font-weight:800;display:block}.summary-stat strong{font-family:Montserrat,sans-serif;font-size:clamp(3rem,5vw,4.3rem);line-height:.95;display:block}.summary-stat--green strong{color:var(--green-deep)}.summary-stat--slate strong{color:var(--slate)}.summary-stat--gold strong{color:var(--gold)}.copy-cta{text-align:center;margin:42px auto 38px}.copy-button{background:var(--green);color:#054924;min-width:min(100%,560px);min-height:72px;box-shadow:inset 0 1px 0 #ffffff38, 0 7px 0 var(--green-shadow);border-radius:20px;justify-content:center;align-items:center;gap:14px;font-size:clamp(1.15rem,1.8vw,1.45rem);font-weight:800;display:inline-flex}.copy-cta p{color:#b3c2b4;margin:18px 0 0;font-size:.98rem}.trade-summary-band{border:2px solid var(--line);background:var(--surface);box-shadow:var(--shadow-card);border-radius:20px;padding:20px 28px}.trade-summary-band h2{text-align:center;text-transform:uppercase;margin-bottom:10px;font-size:1.05rem}.trade-summary-band__items{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px;display:grid}.trade-summary-band__item{background:var(--surface-soft);border:1px solid var(--line);text-align:center;border-radius:16px;gap:4px;padding:14px 16px;display:grid}.trade-summary-band__item span{color:var(--text-soft);text-transform:uppercase;letter-spacing:.04em;font-size:.85rem;font-weight:800}.trade-summary-band__item strong{font-family:Montserrat,sans-serif;font-size:1.55rem;line-height:1}.proposal-header{justify-content:space-between;align-items:center;gap:16px;margin:44px 0 22px;display:flex}.proposal-header h2{letter-spacing:-.04em;font-size:clamp(2rem,4vw,3rem)}.proposal-header--secondary{align-items:flex-start;margin-top:38px}.proposal-header--secondary p{max-width:52ch;color:var(--text-soft);margin:0;line-height:1.5}.proposal-mode{margin-top:8px;font-size:.98rem}.how-button,.proposal-header a{color:var(--green-deep);cursor:pointer;background:0 0;border:0;align-items:center;gap:10px;padding:0;font-size:1.05rem;font-weight:600;display:inline-flex}.how-panel{border:1px solid var(--line);box-shadow:var(--shadow-card);background:linear-gradient(#fff,#f5faf6);border-radius:18px;margin:0 0 24px;padding:18px 18px 16px}.how-panel h3{margin:0 0 10px;font-family:Montserrat,sans-serif;font-size:1.05rem}.how-panel p{color:var(--text-soft);margin:0;font-size:.96rem;line-height:1.5}.how-panel p+p{margin-top:10px}.trade-columns{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;display:grid}.trade-column__header{color:#fff;text-align:center;letter-spacing:-.03em;border-radius:22px 22px 0 0;padding:18px 20px;font-family:Montserrat,sans-serif;font-size:clamp(1.6rem,2vw,2.1rem)}.trade-column__header--mine{background:#09793c}.trade-column__header--theirs{background:#62758b}.trade-team{margin-top:24px}.trade-team__title{align-items:center;gap:8px;margin-bottom:10px;display:flex}.trade-team__title span{font-size:1rem}.trade-team__title h3{font-family:Inter,sans-serif;font-size:1.1rem;font-weight:600}.trade-team__title small{color:var(--text-soft);font-size:1em}.trade-sticker-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.sticker-card{background:var(--surface);min-height:0;box-shadow:var(--shadow-card);border:1px solid #edf2ee;border-radius:14px;gap:4px;padding:12px 14px;display:grid}.sticker-card__code{margin:0;font-size:.96rem;font-weight:700;line-height:1.2}.sticker-card__name{color:#6f7f70;margin:0;font-size:.92rem;line-height:1.3}.trade-empty{color:var(--text-soft);margin:18px 0 0;line-height:1.5}.message-panel{border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow-card);border-radius:22px;margin-top:30px;padding:22px}.message-panel--compact pre{font-size:.95rem;line-height:1.45}.message-panel__header{justify-content:space-between;align-items:center;gap:16px;display:flex}.message-panel h3{font-size:1.2rem}.message-panel button{background:var(--text);color:#fff;border-radius:999px;padding:12px 16px;font-weight:700}.message-panel pre{white-space:pre-wrap;color:var(--text-soft);margin:16px 0 0;font-family:Inter,sans-serif;line-height:1.55}@media (max-width:1100px){.input-grid,.trade-columns,.summary-stats,.steps-grid{grid-template-columns:1fr}.composer__actions{flex-direction:column;align-items:stretch}.name-field,.trade-rules-toggle,.analyze-button,.copy-button{width:100%}}@media (max-width:780px){.topbar__inner,.composer__inner,.results__inner{width:min(100% - 24px,1280px)}.topbar__inner{min-height:78px}.hero-copy{margin-bottom:28px}.input-card__heading,.proposal-header,.message-panel__header{flex-direction:column;align-items:flex-start}.summary-stats{gap:12px}.summary-stat{padding:18px 16px}.input-card textarea{min-height:260px;padding:20px 18px;font-size:1rem}.trade-sticker-grid{grid-template-columns:1fr}.trade-columns{gap:18px}.trade-rules-toggle{padding:14px 16px}.trade-summary-band{padding:18px 16px}.trade-summary-band__items{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.trade-summary-band__item{padding:12px}.trade-summary-band__item strong{font-size:1.3rem}.trade-column__header{padding:14px 16px;font-size:1.3rem}.trade-team{margin-top:18px}.sticker-card{padding:10px 12px}.message-panel{padding:16px}}@media (max-width:520px){.composer__inner{padding:34px 0 28px}.hero-copy h1{font-size:1.65rem}.hero-copy p{font-size:1rem}.saved-pill,.paste-chip{padding:8px 12px;font-size:.82rem}.input-card__heading h2{font-size:1.55rem}.analyze-button,.copy-button{border-radius:18px;min-height:62px;font-size:1.08rem}.step-card{min-height:118px;padding:18px 16px}.proposal-header h2{font-size:1.8rem}.trade-summary-band__items{grid-template-columns:1fr}.how-panel{padding:14px}}