@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Manrope:wght@500;600;700;800&display=swap";:root{color:#211c25;font-synthesis:none;text-rendering:optimizelegibility;--coral:#ff4f5e;--coral-dark:#e93b4b;--purple:#6d2ca4;--purple-dark:#4d1b77;--purple-soft:#f1e8f7;--ink:#211c25;--muted:#6f6874;--line:#e9e3e7;--paper:#fff;--ivory:#f8f6f4;--green:#1b8a5a;background:#f8f6f4;font-family:Inter,system-ui,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--ivory);min-width:320px;min-height:100vh;margin:0}button,input,select,textarea{font:inherit}button,select{cursor:pointer}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,a:focus-visible{outline-offset:3px;outline:3px solid #6d2ca447}.app-shell{min-height:100vh;overflow:hidden}.site-header{justify-content:space-between;align-items:center;max-width:1240px;margin:0 auto;padding:20px 28px;display:flex}.brand{color:var(--ink);align-items:center;text-decoration:none;display:inline-flex}.brand img{max-width:100%;height:auto;display:block}.header-badge{color:var(--purple);text-transform:uppercase;letter-spacing:.6px;background:#ffffffbf;border:1px solid #ded4e6;border-radius:999px;align-items:center;gap:7px;padding:9px 13px;font-size:12px;font-weight:700;display:flex}main{max-width:1240px;margin:0 auto;padding:0 28px 72px}.hero{color:#fff;background:var(--purple-dark);border-radius:32px;grid-template-columns:minmax(0,1fr) 300px;align-items:end;gap:60px;min-height:390px;padding:68px 7% 58px;display:grid;position:relative;overflow:hidden}.hero:before{content:"";border:82px solid #ffffff12;border-radius:50%;width:420px;height:420px;position:absolute;top:-200px;right:-130px}.hero:after{content:"";background:var(--coral);border-radius:50% 50% 12%;width:170px;height:170px;position:absolute;bottom:-118px;right:235px;transform:rotate(16deg)}.hero__copy,.hero__note{z-index:1;position:relative}.eyebrow{color:#ecdff6;letter-spacing:1.2px;text-transform:uppercase;align-items:center;gap:10px;margin-bottom:22px;font-size:12px;font-weight:700;display:flex}.eyebrow span{background:var(--coral);border-radius:3px;width:30px;height:3px}.hero h1{letter-spacing:-3.5px;max-width:760px;margin:0;font:700 clamp(40px,5.2vw,70px)/1.02 Manrope,sans-serif}.hero h1 em{color:#ff9aa3;font-style:normal}.hero__copy>p{color:#ded2e7;max-width:660px;margin:24px 0;font-size:18px;line-height:1.65}.hero__meta{color:#fff;flex-wrap:wrap;gap:18px;font-size:13px;font-weight:600;display:flex}.hero__meta span{align-items:center;gap:7px;display:flex}.hero__meta svg{color:#ff9aa3}.hero__note{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff14;border:1px solid #ffffff2e;border-radius:22px;align-self:end;padding:22px}.hero__note-icon{width:42px;height:42px;color:var(--purple-dark);background:#fff;border-radius:14px;place-items:center;margin-bottom:16px;display:grid}.hero__note strong{font-family:Manrope,sans-serif;font-size:16px}.hero__note p{color:#ddd0e6;margin:8px 0 0;font-size:13px;line-height:1.55}.journey{border:1px solid var(--line);background:#fff;border-radius:22px;grid-template-columns:1fr auto 1fr auto 1fr;align-items:center;gap:22px;margin:18px 0 42px;padding:20px 30px;display:grid}.journey>div{grid-template-columns:38px 1fr;column-gap:12px;display:grid}.journey span{width:38px;height:38px;color:var(--purple);background:var(--purple-soft);border-radius:12px;grid-row:1/3;align-self:center;place-items:center;font-size:11px;font-weight:800;display:grid}.journey strong{font:700 14px/1.25 Manrope,sans-serif}.journey small{color:var(--muted);margin-top:3px;font-size:11px}.journey>svg{color:#c8bdcc}.workspace{grid-template-columns:minmax(0,1.06fr) minmax(390px,.94fr);align-items:start;gap:24px;display:grid}.composer-panel,.results-panel{border:1px solid var(--line);background:var(--paper);border-radius:28px;box-shadow:0 18px 60px #35233b0f}.composer-panel{overflow:hidden}.panel-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:20px;padding:28px 30px;display:flex}.panel-kicker{color:var(--coral-dark);letter-spacing:1px;text-transform:uppercase;font-size:11px;font-weight:800}.panel-header h2{letter-spacing:-.7px;margin:5px 0 0;font:700 24px/1.2 Manrope,sans-serif}.clear-button,.regenerate-button{color:var(--muted);background:0 0;border:0;align-items:center;gap:7px;font-size:13px;font-weight:600;display:inline-flex}.clear-button:hover,.regenerate-button:hover{color:var(--purple)}.form-section{border-bottom:1px solid var(--line);padding:30px}.form-section--last{border-bottom:0}.step-heading{align-items:flex-start;gap:13px;margin-bottom:25px;display:flex}.step-heading__number{color:#fff;background:var(--purple);border-radius:12px;flex:0 0 36px;place-items:center;width:36px;height:36px;font:800 12px/1 Manrope,sans-serif;display:grid}.step-heading__eyebrow{color:var(--coral-dark);letter-spacing:1px;text-transform:uppercase;font-size:10px;font-weight:800;display:block}.step-heading h2{letter-spacing:-.5px;margin:3px 0 0;font:700 20px/1.25 Manrope,sans-serif}.select-label,.option-fieldset legend,.details-grid label{color:#4f4753;font-size:12px;font-weight:700}.select-wrap{margin-top:8px;position:relative}.select-wrap select{appearance:none;width:100%;color:var(--ink);background:#fff;border:1px solid #d9d0dc;border-radius:14px;padding:15px 45px 15px 16px;font-weight:600}.select-wrap svg{pointer-events:none;color:var(--purple);position:absolute;top:50%;right:15px;transform:translateY(-50%)}.selection-description{color:var(--muted);align-items:center;gap:7px;margin:9px 0 0;font-size:12px;display:flex}.selection-description svg{color:var(--coral)}.details-toggle{border:0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);width:100%;color:var(--ink);background:0 0;justify-content:space-between;align-items:center;margin-top:24px;padding:15px 0;display:flex}.details-toggle>span{align-items:center;gap:8px;font-weight:700;display:flex}.details-toggle small{color:var(--muted);text-transform:uppercase;background:#f3eff2;border-radius:6px;padding:4px 7px;font-size:9px}.details-toggle>svg{transition:transform .2s}.details-toggle>svg.is-open{transform:rotate(180deg)}.details-grid{grid-template-columns:repeat(2,1fr);gap:15px;margin-top:20px;display:grid}.details-grid label{gap:7px;display:grid}.details-grid__wide{grid-column:1/-1}.details-grid input,.details-grid textarea{width:100%;color:var(--ink);resize:vertical;background:#fdfcfc;border:1px solid #ded6e0;border-radius:12px;padding:12px 13px;font-size:13px;transition:border-color .2s,box-shadow .2s}.details-grid input::placeholder,.details-grid textarea::placeholder{color:#aaa1ac}.details-grid input:focus,.details-grid textarea:focus{border-color:var(--purple);outline:0;box-shadow:0 0 0 3px #6d2ca414}.examples{margin-top:22px}.examples>span{color:var(--muted);margin-bottom:9px;font-size:11px;font-weight:600;display:block}.examples__list{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.examples button{text-align:left;border:1px solid var(--line);min-width:0;color:var(--ink);background:#fff;border-radius:11px;padding:11px;transition:all .2s}.examples button:hover{background:#faf7fc;border-color:#c7afd8;transform:translateY(-1px)}.examples button strong,.examples button small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.examples button strong{font-size:11px}.examples button small{color:var(--muted);margin-top:3px;font-size:9px}.option-fieldset{border:0;margin:0 0 24px;padding:0}.option-fieldset legend{margin-bottom:9px}.option-grid{grid-template-columns:repeat(var(--option-columns), 1fr);gap:8px;display:grid}.option-card{text-align:left;border:1px solid var(--line);min-height:88px;color:var(--ink);background:#fff;border-radius:13px;flex-direction:column;justify-content:flex-end;align-items:flex-start;padding:14px 10px;transition:all .18s;display:flex;position:relative}.option-card:hover{border-color:#cab5d8}.option-card.is-selected{border-color:var(--purple);background:var(--purple-soft);box-shadow:inset 0 0 0 1px var(--purple)}.option-card__check{color:#fff;background:#fff;border:1px solid #d8cedb;border-radius:7px;place-items:center;width:20px;height:20px;display:grid;position:absolute;top:9px;right:9px}.option-card.is-selected .option-card__check{border-color:var(--purple);background:var(--purple)}.option-card strong{font-size:12px}.option-card small{color:var(--muted);margin-top:4px;font-size:9px;line-height:1.35}.generate-button{color:#fff;background:var(--coral);border:0;border-radius:14px;justify-content:center;align-items:center;gap:10px;width:100%;margin-top:3px;padding:16px 18px;font-weight:800;transition:all .2s;display:flex;box-shadow:0 10px 24px #ff4f5e38}.generate-button svg:last-child{margin-left:auto}.generate-button:hover{background:var(--coral-dark);transform:translateY(-1px);box-shadow:0 14px 28px #ff4f5e47}.local-note{color:#8b828d;justify-content:center;align-items:center;gap:5px;margin:11px 0 0;font-size:10px;display:flex}.results-panel{background:#fbf9fb;padding:30px;scroll-margin-top:20px;position:sticky;top:18px}.results-panel__header{justify-content:space-between;align-items:flex-start;gap:16px;min-height:45px;display:flex}.results-panel__header .step-heading{margin:0}.regenerate-button{color:var(--purple);flex:none;padding:9px 0}.empty-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:550px;display:flex}.empty-state__visual{width:230px;height:178px;box-shadow:12px 14px 0 var(--purple-soft);background:#fff;border:1px solid #e4dce7;border-radius:28px;margin-bottom:30px;position:relative;transform:rotate(-2deg)}.empty-state__visual:after{content:"";clip-path:polygon(0 0,100% 0,0 100%);background:#fff;width:38px;height:38px;position:absolute;bottom:-18px;left:34px}.empty-state__visual>svg{color:#fff;background:var(--coral);border-radius:15px;width:44px;height:44px;padding:9px;position:absolute;bottom:18px;right:20px;transform:rotate(2deg)}.chat-line{background:#e9e1ec;border-radius:99px;height:10px;position:absolute;left:28px}.chat-line--one{width:138px;top:42px}.chat-line--two{width:168px;top:68px}.chat-line--three{background:#ffbdc3;width:108px;top:94px}.empty-state h3{letter-spacing:-.6px;margin:0;font:700 23px/1.2 Manrope,sans-serif}.empty-state>p{max-width:350px;color:var(--muted);margin:12px 0 20px;font-size:13px;line-height:1.6}.empty-state__tip{text-align:left;max-width:360px;color:var(--purple);background:var(--purple-soft);border:1px solid #e5dbea;border-radius:12px;align-items:center;gap:10px;padding:12px 14px;font-size:11px;line-height:1.45;display:flex}.messages-list{gap:12px;margin-top:24px;display:grid}.result-summary{color:var(--purple-dark);background:var(--purple-soft);border-radius:12px;gap:8px;padding:12px 14px;font-size:11px;font-weight:600;display:flex}.message-card{background:#fff;border:1px solid #e5dce7;border-radius:18px;padding:20px;box-shadow:0 8px 24px #43284a0b}.message-card__topline{align-items:center;gap:9px;margin-bottom:14px;display:flex}.message-card__number{color:var(--coral-dark);font:800 10px/1 Manrope,sans-serif}.message-card__label{color:var(--purple);background:var(--purple-soft);letter-spacing:.45px;text-transform:uppercase;border-radius:7px;padding:5px 8px;font-size:9px;font-weight:800}.message-card__text{color:#443d47;white-space:pre-wrap;margin:0;font-size:12px;line-height:1.68}.message-card__actions{border-top:1px solid #eee8ef;flex-wrap:wrap;align-items:center;gap:13px;margin-top:17px;padding-top:14px;display:flex}.copy-button{color:var(--purple);background:0 0;border:0;align-items:center;gap:7px;padding:0;font-size:11px;font-weight:800;display:inline-flex}.copy-button.is-copied{color:var(--green)}.review-note{color:#7a717d;align-items:flex-start;gap:7px;margin:5px 0 0;font-size:10px;line-height:1.5;display:flex}.review-note svg{color:var(--green);flex:none}footer{max-width:1240px;color:var(--muted);grid-template-columns:1fr auto 1fr;align-items:center;gap:20px;margin:0 auto;padding:30px 28px 44px;font-size:11px;display:grid}footer p{text-align:center}footer>span{text-align:right;color:var(--purple);font-weight:700}@media (max-width:980px){.hero{grid-template-columns:1fr;gap:32px;padding:52px 7%}.hero__note{max-width:420px}.workspace{grid-template-columns:1fr}.results-panel{position:static}.empty-state{min-height:420px}}@media (max-width:720px){.site-header,main{padding-left:16px;padding-right:16px}.site-header{padding-top:14px;padding-bottom:14px}.header-badge{padding:8px 10px;font-size:9px}.hero{border-radius:24px;min-height:auto;padding:42px 24px 34px}.hero h1{letter-spacing:-2.5px;font-size:clamp(38px,11vw,52px)}.hero__copy>p{font-size:15px}.hero__meta{gap:10px 14px;font-size:11px}.hero__note{padding:18px}.journey{grid-template-columns:1fr;gap:14px;padding:16px}.journey>svg{display:none}.journey>div{border-bottom:1px solid var(--line);padding-bottom:14px}.journey>div:last-child{border-bottom:0;padding-bottom:0}.workspace{gap:16px}.composer-panel,.results-panel{border-radius:22px}.panel-header,.form-section,.results-panel{padding:22px 18px}.panel-header h2{font-size:21px}.details-grid{grid-template-columns:1fr}.details-grid__wide{grid-column:auto}.examples__list{grid-template-columns:1fr}.option-grid{grid-template-columns:repeat(2,1fr)!important}.option-fieldset:first-of-type .option-grid{grid-template-columns:repeat(3,1fr)!important}.option-card{min-height:82px}.option-card small{font-size:8.5px}.results-panel__header{align-items:center}.results-panel__header .step-heading h2{max-width:190px}.empty-state{min-height:390px}.empty-state__visual{width:200px}footer{text-align:center;grid-template-columns:1fr}footer .brand{justify-self:center}footer p,footer>span{text-align:center}}@media (max-width:430px){.site-header .brand img{width:132px}.hero{padding:36px 20px 28px}.hero h1{font-size:39px}.hero__meta{grid-template-columns:1fr 1fr;display:grid}.panel-header{align-items:flex-start}.clear-button{padding-top:5px;font-size:0}.clear-button svg{width:18px;height:18px}.option-fieldset:first-of-type .option-grid{grid-template-columns:1fr!important}.option-fieldset:first-of-type .option-card{min-height:68px}.message-card__actions{flex-direction:column;align-items:flex-start}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important}}
