:root{color:#18202f;background:#f7f9fb;font-family:Inter,Noto Sans JP,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input,select,textarea{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}.nav,.topbar{display:flex;align-items:center;justify-content:space-between;min-height:68px;padding:0 32px;background:#ffffffe0;border-bottom:1px solid #dde5ea;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.brand{display:inline-flex;align-items:center;gap:10px;font-weight:800;letter-spacing:0}.brandMark{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:8px;color:#0f6f7c;background:#dff6f6}.appBrandMark{overflow:hidden;border-radius:8px;background:#fff;box-shadow:0 8px 18px #2248701f}.appBrandMark img{display:block;width:100%;height:100%;object-fit:cover}.navActions,.topbarRight,.heroActions{display:flex;align-items:center;gap:12px}.primaryButton,.secondaryButton,.ghostButton,.iconTextButton{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;border:0;border-radius:8px;padding:0 16px;font-weight:750;letter-spacing:0;white-space:nowrap}.primaryButton{color:#fff;background:#0f6f7c;box-shadow:0 10px 24px #0f6f7c2e}.primaryButton:disabled{cursor:wait;opacity:.72}.secondaryButton{color:#0f4050;background:#e6f2f4}.ghostButton,.iconTextButton{color:#344154;background:transparent}.large{min-height:48px;padding:0 20px}.full{width:100%}.landing{min-height:100vh;background:linear-gradient(120deg,#ffffffeb,#e8f7f7c7),url(https://images.unsplash.com/photo-1519681393784-d120267933ba?auto=format&fit=crop&w=1800&q=80) center/cover fixed}.hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,480px);gap:42px;align-items:center;min-height:calc(100vh - 188px);padding:54px 7vw 42px}.heroText{max-width:760px}.eyebrow{margin:0 0 10px;color:#a45a67;font-size:.78rem;font-weight:850;letter-spacing:0;text-transform:uppercase}.hero h1{margin:0;color:#122233;font-size:clamp(3rem,8vw,7.4rem);line-height:.98;letter-spacing:0}.lead{max-width:560px;margin:22px 0 28px;color:#344154;font-size:clamp(1.08rem,2vw,1.45rem);line-height:1.8;letter-spacing:0}.heroPanel{display:grid;gap:16px;padding:20px;border:1px solid rgba(166,184,193,.55);border-radius:8px;background:#ffffffd1;box-shadow:0 24px 80px #14304029}.heroIconWrap{display:grid;place-items:center}.heroAppIcon{display:block;width:min(100%,300px);aspect-ratio:1;border-radius:26%;object-fit:cover;box-shadow:0 28px 68px #4471a033}.sampleHeader{display:flex;justify-content:space-between;color:#6c7785;font-size:.86rem;font-weight:800}.heroPanel p{margin:0;padding:14px;border-radius:8px;color:#293241;background:#fff;line-height:1.7}.featureBand{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#d8e2e8;border-top:1px solid #d8e2e8}.feature{display:grid;gap:8px;min-height:120px;padding:28px 7vw;background:#ffffffe6}.feature strong{font-size:1.05rem}.feature span{color:#5d6876;line-height:1.65}.demoPage{min-height:100vh;background:linear-gradient(180deg,#f7f9fbf5,#eaf2f4eb),url(https://images.unsplash.com/photo-1495195129352-aeb325a55b65?auto=format&fit=crop&w=1800&q=80) center/cover fixed}.demoHero{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:22px;align-items:end;padding:44px 7vw 22px}.demoHero h1{max-width:780px;color:#122233;font-size:clamp(2.1rem,5vw,4.8rem);line-height:1.08}.demoUsage{display:inline-flex;align-items:center;gap:8px;min-height:42px;border:1px solid #cadbe0;border-radius:8px;padding:0 14px;color:#0f4050;background:#ffffffd1;font-weight:800;white-space:nowrap}.demoWorkspace{display:grid;grid-template-columns:minmax(300px,430px) minmax(0,1fr);gap:18px;padding:0 7vw 48px}.demoControls,.demoResults{align-self:start;border:1px solid #dce5eb;border-radius:8px;background:#ffffffeb;box-shadow:0 24px 70px #1430401a}.demoControls{display:grid;gap:18px;padding:20px}.demoResults{padding:22px}.demoStep{display:grid;gap:10px}.demoStep h2,.demoResults h2{color:#18202f;font-size:1.15rem}.stepLabel{color:#a45a67;font-size:.74rem;font-weight:900;letter-spacing:0;text-transform:uppercase}.segmentedControl{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.segmentedControl button{min-height:44px;border:1px solid #cbd8df;border-radius:8px;padding:0 10px;color:#354255;background:#fbfdfe;font-weight:800}.segmentedControl button.active{border-color:#0f6f7c;color:#fff;background:#0f6f7c;box-shadow:0 10px 24px #0f6f7c29}.controlPair{display:grid;gap:8px}.demoGenerateButton{width:100%;min-height:50px}.resultCard.tappable{cursor:pointer;transition:border-color .16s ease,transform .16s ease,background .16s ease}.resultCard.tappable:hover{border-color:#9ebfc8;transform:translateY(-1px)}.resultCard.copied{border-color:#0f6f7c;background:#f1fbfb}.demoCta{display:grid;gap:14px;margin-top:18px;border-top:1px solid #e0e8ed;padding-top:18px}.demoCta p{margin:0;color:#4b596a;line-height:1.75}.loadingScreen{display:grid;place-items:center;align-content:center;gap:12px;min-height:100vh;color:#0f6f7c}.appShell{min-height:100vh;background:#f3f6f8}.topbar{position:sticky;top:0;z-index:10}.userBadge{max-width:240px;overflow:hidden;color:#627184;font-size:.88rem;text-overflow:ellipsis;white-space:nowrap}.workspace{display:grid;grid-template-columns:minmax(240px,300px) minmax(0,1fr) minmax(240px,320px);gap:18px;padding:24px}.profilePane,.generatorPane,.historyPane{align-self:start;border:1px solid #dce5eb;border-radius:8px;background:#fff}.profilePane,.historyPane{display:grid;gap:16px;padding:18px}.generatorPane{padding:22px}.paneTitle,.sectionHead{display:flex;align-items:center;justify-content:space-between;gap:12px}.paneTitle{justify-content:flex-start;color:#0f6f7c}h1,h2{margin:0;letter-spacing:0}.sectionHead h1{font-size:clamp(1.8rem,4vw,3rem)}label{display:grid;gap:7px;color:#4b596a;font-size:.86rem;font-weight:800}input,select,textarea{width:100%;border:1px solid #ccd8df;border-radius:8px;padding:11px 12px;color:#18202f;background:#fbfdfe;outline:none}input:focus,select:focus,textarea:focus{border-color:#0f6f7c;box-shadow:0 0 0 3px #0f6f7c1f}textarea{resize:vertical;line-height:1.65}.controlsGrid{display:grid;grid-template-columns:repeat(4,minmax(120px,1fr));gap:14px;margin-top:24px}.wide{grid-column:span 4}.statusLine{margin:16px 0 0;color:#a45a67;font-weight:750}.resultList{display:grid;gap:12px;margin-top:18px}.resultCard{display:grid;grid-template-columns:minmax(0,1fr) 38px;align-items:start;gap:12px;border:1px solid #dce5eb;border-radius:8px;padding:16px;background:#fbfdfe}.resultCard p{margin:0;color:#243041;line-height:1.75;word-break:break-word}.iconButton{display:grid;place-items:center;width:38px;height:38px;border:0;border-radius:8px;color:#0f6f7c;background:#e6f2f4}.iconButton:disabled{cursor:default;opacity:.45}.historyItem{display:grid;gap:6px;border-top:1px solid #e4ebef;padding-top:12px}.historyItem time,.emptyText{color:#738091;font-size:.82rem}.historyItem p{margin:0;line-height:1.6}.spin{animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:980px){.hero,.workspace,.demoHero,.demoWorkspace{grid-template-columns:1fr}.hero{min-height:auto}.featureBand{grid-template-columns:1fr}}@media(max-width:640px){.nav,.topbar{align-items:flex-start;flex-direction:column;gap:12px;padding:16px}.navActions,.topbarRight,.heroActions{flex-wrap:wrap;width:100%}.hero,.workspace,.demoHero,.demoWorkspace{padding:18px}.controlsGrid{grid-template-columns:1fr}.wide{grid-column:span 1}.segmentedControl{grid-template-columns:1fr}}