:root{color:#0d1733;font-family:Inter,Pretendard,Apple SD Gothic Neo,Malgun Gothic,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;min-height:100vh;overflow-x:hidden;background:radial-gradient(circle at 12% 12%,rgba(126,95,255,.34),transparent 30%),radial-gradient(circle at 84% 18%,rgba(42,217,184,.22),transparent 26%),linear-gradient(135deg,#5960ff,#1f78ff 46%,#2aa7ff)}button,input{font:inherit}button{cursor:pointer}a{color:inherit}.app-shell{position:relative;min-height:100vh;padding:24px 30px 28px;color:#17233f}.app-shell:before{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;content:"";background-image:linear-gradient(rgba(255,255,255,.11) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.11) 1px,transparent 1px);background-size:36px 36px;-webkit-mask-image:linear-gradient(to bottom,rgba(0,0,0,.75),transparent 82%);mask-image:linear-gradient(to bottom,rgba(0,0,0,.75),transparent 82%)}.topbar,.website-page,.studio-grid,.setup-view{position:relative;z-index:1}.topbar{position:sticky;top:16px;z-index:10;display:grid;grid-template-columns:minmax(220px,1fr) auto minmax(220px,1fr);align-items:center;gap:18px;height:58px;margin-bottom:18px}.brand-button,.view-switch,.top-actions,.status-panel,.sidebar,.stage,.panel,.test-console,.site-stats span,.setup-shell{backdrop-filter:blur(28px);-webkit-backdrop-filter:blur(28px)}.brand-button{display:inline-flex;align-items:center;gap:12px;min-width:0;width:max-content;border:0;color:#fff;background:transparent;text-align:left}.brand-button img,.hero-logo{object-fit:cover;object-position:50% 36%;border:1px solid rgba(255,255,255,.62);background:#fffffff0;box-shadow:0 16px 42px #05236f2e}.brand-button img{width:46px;height:46px;padding:3px;border-radius:15px}.brand-button strong{display:block;font-size:19px;line-height:1}.brand-button small{display:block;margin-top:4px;color:#ffffffc7;font-size:12px;font-weight:800}.view-switch{display:inline-flex;justify-self:center;gap:5px;padding:5px;border:1px solid rgba(255,255,255,.45);border-radius:999px;background:#ffffff2b;box-shadow:inset 0 1px #ffffff3d}.view-switch button{display:inline-flex;align-items:center;gap:7px;height:32px;padding:0 12px;border:0;border-radius:999px;color:#ffffffbd;background:transparent;font-size:12px;font-weight:900;transition:color .16s ease,background .16s ease,transform .16s ease}.view-switch button:hover,.view-switch button.active{color:#153064;background:#ffffffdb}.view-switch button.active{transform:translateY(-1px)}.top-actions{display:flex;justify-content:flex-end;align-items:center;gap:10px}.icon-button,.composer button{display:inline-grid;place-items:center;width:42px;height:42px;border:1px solid rgba(255,255,255,.48);border-radius:15px;color:#153064;background:#ffffffb8;box-shadow:inset 0 1px #ffffffbd;transition:transform .16s ease,background .16s ease,box-shadow .16s ease}.icon-button:hover,.composer button:hover,.download-cta:hover,.hero-actions button:hover,.quick-controls button:hover,.market-item:hover{transform:translateY(-1px)}.primary-action,.download-cta,.setup-primary{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;color:#fff;background:linear-gradient(135deg,#172cff,#138cff);box-shadow:0 16px 30px #0740bf52;font-weight:950;text-decoration:none}.primary-action{height:42px;padding:0 18px;border-radius:15px;font-size:13px}.eyebrow{display:block;margin-bottom:7px;color:#607092;font-size:11px;font-weight:950;letter-spacing:0}.website-page{display:grid;gap:84px;padding-bottom:64px}.hero-section{display:grid;grid-template-columns:minmax(360px,.9fr) minmax(520px,1.1fr);gap:28px;align-items:center;min-height:calc(100svh - 116px)}.hero-copy{color:#fff}.hero-copy .eyebrow,.section-heading.invert .eyebrow{color:#fffc}.hero-logo{width:74px;height:74px;padding:5px;margin-bottom:22px;border-radius:22px}.hero-copy h1{max-width:760px;margin:0;font-size:clamp(50px,8vw,104px);line-height:.92;letter-spacing:0;word-break:keep-all}.hero-copy p{max-width:590px;margin:24px 0 0;color:#ffffffd6;font-size:17px;font-weight:800;line-height:1.7;word-break:keep-all}.hero-actions,.download-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}.download-cta,.hero-actions button,.download-section>a{min-height:52px;padding:0 20px;border-radius:16px;font-size:14px}.hero-actions button{display:inline-flex;align-items:center;gap:9px;border:1px solid rgba(255,255,255,.58);color:#123063;background:#ffffffc2;font-weight:950}.site-stats{display:flex;flex-wrap:wrap;gap:10px;margin-top:26px}.site-stats span{display:inline-flex;align-items:center;gap:7px;min-height:34px;padding:0 11px;border:1px solid rgba(255,255,255,.32);border-radius:999px;color:#ffffffeb;background:#ffffff29;font-size:12px;font-weight:900}.hero-product{min-width:0}.product-canvas{position:relative;min-height:470px;overflow:hidden;border:1px solid rgba(255,255,255,.58);border-radius:24px;background:linear-gradient(rgba(255,255,255,.15) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.15) 1px,transparent 1px),radial-gradient(circle at center,rgba(255,255,255,.62),transparent 34%),#b1d3fc70;background-size:38px 38px,38px 38px,auto,auto;box-shadow:inset 0 1px #ffffffa3,0 30px 70px #08236542}.product-canvas.compact{min-height:540px}.links{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.links path{fill:none;stroke:#1c61d552;stroke-width:.55;stroke-dasharray:1.5 1.8;filter:drop-shadow(0 1px 0 rgba(255,255,255,.5));animation:dash 8s linear infinite}.core-node{position:absolute;left:50%;top:50%;display:grid;place-items:center;width:156px;height:156px;transform:translate(-50%,-50%)}.core-aura{position:absolute;width:150px;height:150px;border-radius:999px;background:radial-gradient(circle,#3476ff4d,#7558ff0a 66%);animation:pulse 2.8s ease-in-out infinite}.core-card{position:relative;display:grid;place-items:center;width:122px;height:122px;border:1px solid rgba(255,255,255,.75);border-radius:30px;color:#fff;background:linear-gradient(145deg,#0c6ffff5,#7144fff2);box-shadow:inset 0 1px #ffffff57,0 22px 46px #224fb95c}.core-card strong,.core-card span{display:block}.core-card strong{font-size:18px}.core-card span{color:#ffffffd1;font-size:12px;font-weight:800}.canvas-block{position:absolute;display:grid;grid-template-columns:24px 1fr;grid-template-rows:auto auto;align-items:center;gap:1px 8px;width:170px;min-height:68px;padding:11px 12px;border:1px solid rgba(255,255,255,.72);border-radius:17px;color:#182744;background:#fffc;box-shadow:inset 0 1px #ffffffbd,0 16px 32px #103b9129;text-align:left;transform:translate(-50%,-50%);transition:transform .18s ease,box-shadow .18s ease,background .18s ease}.canvas-block:hover{transform:translate(-50%,-54%);background:#fffffff2;box-shadow:0 20px 38px #103b9138}.canvas-block svg{grid-row:1 / 3}.canvas-block span{font-size:13px;font-weight:950;white-space:nowrap}.canvas-block small{color:#67718b;font-size:11px;font-weight:850;white-space:nowrap}.section-heading{max-width:820px;margin-bottom:28px}.section-heading h2,.explain-copy h2,.download-section h2{margin:0;color:#12213e;font-size:clamp(30px,5vw,58px);line-height:1;letter-spacing:0;word-break:keep-all}.section-heading p,.explain-copy p,.download-section p{margin:14px 0 0;color:#53637d;font-size:15px;font-weight:800;line-height:1.65;word-break:keep-all}.section-heading.invert h2,.section-heading.invert p{color:#fff}.section-heading.invert p{color:#ffffffc7}.promo-section,.explain-section,.roadmap-section,.block-matrix,.download-section{border:1px solid rgba(255,255,255,.56);border-radius:28px;background:#ebf5ffbd;box-shadow:inset 0 1px #ffffffb8,0 26px 60px #0a2f7a2e;backdrop-filter:blur(28px);-webkit-backdrop-filter:blur(28px)}.promo-section{padding:34px;color:#fff;background:linear-gradient(#ffffff1f,#ffffff05),linear-gradient(135deg,#0a1d4dc7,#1b63d8b8)}.promo-lines{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.promo-lines article{display:grid;gap:12px;padding-top:20px;border-top:1px solid rgba(255,255,255,.26)}.promo-lines span{color:#ffffff94;font-size:13px;font-weight:950}.promo-lines strong{font-size:21px;line-height:1.2;word-break:keep-all}.promo-lines p{margin:0;color:#ffffffbd;font-size:13px;font-weight:800;line-height:1.55}.explain-section{display:grid;grid-template-columns:minmax(300px,.74fr) minmax(460px,1.26fr);gap:28px;align-items:center;padding:28px}.explain-copy ul{display:grid;gap:10px;margin:22px 0 0;padding:0;list-style:none}.explain-copy li{display:flex;align-items:center;gap:8px;color:#233655;font-size:13px;font-weight:900}.explain-copy li svg{color:#0f8f7f}.roadmap-section,.block-matrix,.download-section{padding:32px}.phase-board{display:grid;gap:12px}.phase-board.wide{grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}.phase-row{display:grid;grid-template-columns:34px 1fr;gap:10px;align-items:center}.phase-board.wide .phase-row{display:block;min-height:178px;padding:16px;border:1px solid rgba(255,255,255,.62);border-radius:19px;background:#ffffff9e}.phase-icon{display:grid;place-items:center;width:34px;height:34px;border-radius:13px;color:#196cff;background:#ffffffb8}.phase-board.wide .phase-icon{margin-bottom:12px}.phase-head{display:grid;grid-template-columns:32px minmax(0,1fr) auto;align-items:center;gap:7px;margin-bottom:6px;font-size:12px}.phase-head span,.phase-head em{color:#6a7489;font-style:normal;font-weight:950}.phase-head strong{overflow:hidden;color:#263754;font-size:13px;text-overflow:ellipsis;white-space:nowrap}.phase-board.wide .phase-head{grid-template-columns:34px 1fr auto}.phase-board.wide .phase-head strong{white-space:normal}.phase-board.wide p{margin:11px 0 0;color:#66728a;font-size:12px;font-weight:800;line-height:1.5}.meter{height:7px;overflow:hidden;border-radius:999px;background:#5474a821}.meter span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#246fff,#2fd5bd)}.phase-feature-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-top:16px}.phase-feature-grid article{padding:14px;border-radius:17px;background:#ffffff75}.phase-feature-grid strong{display:block;margin-bottom:10px}.phase-feature-grid div{display:flex;flex-wrap:wrap;gap:6px}.phase-feature-grid span,.permission-list span,.block-chip,.score-strip span,.setup-checks span{display:inline-flex;align-items:center;gap:5px;min-height:30px;padding:0 9px;border:1px solid rgba(255,255,255,.56);border-radius:999px;color:#2d3c56;background:#ffffffa3;font-size:11px;font-weight:900}.block-category-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.block-category{padding:15px;border:1px solid rgba(255,255,255,.62);border-radius:19px;background:#ffffff94}.block-category header{display:grid;grid-template-columns:24px 1fr auto;align-items:center;gap:8px}.block-category header strong{font-size:15px}.block-category header em{color:#236fff;font-style:normal;font-weight:950}.block-category p{min-height:42px;margin:10px 0 11px;color:#607092;font-size:12px;font-weight:800;line-height:1.45}.block-chip-list,.pill-stack{display:flex;flex-wrap:wrap;gap:7px}.block-chip{border:0}.download-section{display:flex;align-items:center;justify-content:space-between;gap:24px}.download-section>div{max-width:720px}.studio-grid{display:grid;grid-template-columns:292px minmax(520px,1fr) 330px;gap:18px;min-height:calc(100vh - 126px)}.sidebar,.stage,.panel,.test-console{border:1px solid rgba(255,255,255,.58);background:#ebf5ffb8;box-shadow:inset 0 1px #ffffffb8,0 26px 60px #0a2f7a33}.sidebar,.stage,.panel{border-radius:22px}.sidebar{display:flex;flex-direction:column;gap:14px;min-height:0;padding:18px}.status-panel{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:70px;padding:14px;border:1px solid rgba(255,255,255,.56);border-radius:17px;background:#ffffff75}.status-panel strong{font-size:19px}.status-badge{flex:0 0 auto;padding:7px 10px;border-radius:999px;color:#fff;background:linear-gradient(135deg,#276dff,#7b4dff);font-size:11px;font-weight:950;white-space:nowrap}.quick-controls{display:grid;gap:9px}.quick-controls button{display:flex;align-items:center;justify-content:center;gap:9px;height:42px;border:1px solid rgba(255,255,255,.58);border-radius:14px;color:#17233f;background:#ffffff9e;font-size:13px;font-weight:950}.quick-controls button:first-child{color:#fff;border:0;background:linear-gradient(135deg,#2478ff,#4947ff)}.library-list,.inspector{min-height:0;overflow:auto}.library-list{display:flex;flex-direction:column;gap:15px;padding-right:4px}.library-list::-webkit-scrollbar,.inspector::-webkit-scrollbar{width:8px}.library-list::-webkit-scrollbar-thumb,.inspector::-webkit-scrollbar-thumb{border-radius:999px;background:#245aaf40}.library-title{display:grid;grid-template-columns:20px 1fr auto;align-items:center;gap:8px;margin-bottom:8px;color:#273758;font-size:13px}.library-title em{color:#236fff;font-style:normal;font-weight:950}.block-pill{display:inline-flex;align-items:center;gap:5px;min-height:32px;padding:0 10px;border:1px solid rgba(255,255,255,.62);border-radius:999px;color:#263854;background:#ffffff9e;font-size:11px;font-weight:900}.stage{display:grid;grid-template-rows:auto minmax(420px,1fr) auto;min-width:0;min-height:0;padding:22px}.stage-header{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:12px}.stage-header h1{max-width:680px;margin:0;color:#12213e;font-size:clamp(25px,3vw,42px);line-height:1.04;letter-spacing:0;word-break:keep-all}.stage-score{display:grid;place-items:center;min-width:76px;padding:10px;border-radius:17px;color:#fff;background:linear-gradient(135deg,#126cff,#744bff)}.stage-score strong,.stage-score span{display:block}.stage-score strong{font-size:20px}.stage-score span{font-size:10px;font-weight:900}.test-console{display:grid;grid-template-columns:minmax(240px,1fr) minmax(360px,1.1fr);gap:14px;align-items:end;margin-top:14px;padding:14px;border-radius:20px;background:#ffffff94}.bot-message{display:flex;align-items:flex-start;gap:8px;color:#213251;font-size:13px;font-weight:850;line-height:1.45}.bot-message svg{flex:0 0 auto;margin-top:2px;color:#286dff}.score-strip{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.score-strip strong{color:#1d63e8}.composer{display:grid;grid-template-columns:42px minmax(0,1fr) 42px 46px;gap:9px;align-items:center;min-width:0}.composer input{width:100%;height:46px;min-width:0;border:0;border-radius:999px;outline:none;padding:0 18px;color:#253550;background:#ffffffd6;box-shadow:inset 0 1px #ffffffd1;font-size:13px;font-weight:850}.composer .send{width:46px;color:#fff;border:0;background:#071126}.inspector{display:flex;flex-direction:column;gap:14px}.panel{padding:16px}.panel-title{margin-bottom:13px}.panel-title strong{display:block;color:#182744;font-size:17px}.market-panel{display:grid;gap:9px}.market-item{display:flex;justify-content:space-between;gap:12px;width:100%;min-height:56px;padding:11px;border:1px solid rgba(255,255,255,.58);border-radius:15px;color:#17233f;background:#ffffff8c;text-align:left}.market-item strong,.market-item span{display:block}.market-item strong{margin-bottom:4px;font-size:13px}.market-item span{color:#66728a;font-size:11px;font-weight:800}.market-item em{color:#236fff;font-size:12px;font-style:normal;font-weight:950;white-space:nowrap}.permission-list{display:flex;flex-wrap:wrap;gap:8px}.permission-list svg{color:#0f8f7f}.structure-panel{display:grid;gap:10px}.structure-row{display:grid;gap:3px;padding:10px 0;border-top:1px solid rgba(104,128,170,.16)}.structure-row strong{color:#17233f;font-size:12px}.structure-row span{color:#66728a;font-size:11px;font-weight:800}.studio-bottom{grid-column:1 / -1}.studio-bottom .block-matrix{margin-top:4px}.setup-view{display:grid;place-items:center;min-height:calc(100vh - 126px)}.setup-shell{display:grid;grid-template-columns:315px minmax(520px,690px);width:min(100%,1040px);min-height:590px;overflow:hidden;border:1px solid rgba(255,255,255,.62);border-radius:30px;background:#e6f2ffc2;box-shadow:inset 0 1px #ffffffb8,0 34px 80px #06256c52}.setup-rail{display:flex;flex-direction:column;gap:22px;padding:30px;color:#fff;background:linear-gradient(#ffffff1f,#ffffff05),linear-gradient(145deg,#126cff,#744bff)}.setup-rail .eyebrow{color:#ffffffb3}.setup-rail img{width:82px;height:82px;padding:4px;object-fit:cover;object-position:50% 36%;border-radius:24px;background:#fff;box-shadow:0 18px 34px #04194838}.setup-rail strong{display:block;font-size:25px;line-height:1.12;word-break:keep-all}.setup-steps{display:grid;gap:10px;margin-top:auto}.setup-steps span{display:inline-flex;align-items:center;gap:9px;min-height:38px;padding:0 12px;border-radius:14px;color:#ffffffc2;background:#ffffff14;font-size:13px;font-weight:900}.setup-steps span.done,.setup-steps span.active{color:#fff;background:#ffffff2e}.setup-main{display:flex;flex-direction:column;padding:36px}.setup-title h1{margin:0;color:#12213e;font-size:clamp(34px,4vw,56px);line-height:.98;letter-spacing:0;word-break:keep-all}.setup-title p{max-width:560px;margin:16px 0 0;color:#607092;font-size:14px;font-weight:850;line-height:1.65}.setup-dashboard{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:32px 0 18px}.setup-dashboard label{display:grid;align-content:start;min-height:112px;padding:16px;border:1px solid rgba(255,255,255,.62);border-radius:18px;background:#ffffff94}.setup-dashboard span,.setup-dashboard strong{display:block}.setup-dashboard span{color:#607092;font-size:11px;font-weight:950}.setup-dashboard strong{margin-top:8px;color:#182744;font-size:14px;line-height:1.35;overflow-wrap:anywhere}.setup-checks{display:flex;flex-wrap:wrap;gap:8px}.setup-checks svg{color:#0f8f7f}.setup-progress{display:grid;gap:13px;margin-top:auto;padding:18px;border:1px solid rgba(255,255,255,.62);border-radius:18px;background:#ffffff94}.setup-progress strong,.setup-progress span{display:block}.setup-progress span{margin-top:4px;color:#607092;font-size:12px;font-weight:900}.setup-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}.setup-actions button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-width:108px;height:44px;border:1px solid rgba(255,255,255,.62);border-radius:15px;color:#233655;background:#ffffffb8;font-size:13px;font-weight:950}.setup-actions .setup-primary{border:0}.tone-blue svg,.tone-cyan svg{color:#126cff}.tone-violet svg,.tone-indigo svg{color:#744bff}.tone-mint svg,.tone-green svg{color:#009f88}.tone-amber svg{color:#c47a00}.tone-rose svg,.tone-red svg{color:#d23666}.tone-slate svg{color:#51617d}@keyframes pulse{0%,to{transform:scale(.92);opacity:.72}50%{transform:scale(1.08);opacity:1}}@keyframes dash{to{stroke-dashoffset:-18}}@media(max-width:1180px){.app-shell{padding:18px}.topbar{grid-template-columns:1fr auto;height:auto}.view-switch{justify-self:end}.top-actions{grid-column:1 / -1;justify-content:flex-start}.hero-section,.explain-section,.studio-grid{grid-template-columns:1fr}.studio-grid{min-height:0}.sidebar,.inspector{max-height:none;overflow:visible}.phase-board.wide,.phase-feature-grid,.block-category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.promo-lines{grid-template-columns:1fr}.setup-view{min-height:0}}@media(max-width:760px){.topbar{grid-template-columns:1fr}.view-switch{justify-self:stretch;overflow-x:auto}.view-switch button{flex:1 0 auto}.hero-copy h1{font-size:46px}.product-canvas,.product-canvas.compact{min-height:560px}.canvas-block{width:min(170px,42vw)}.canvas-block span,.canvas-block small{white-space:normal}.phase-board.wide,.phase-feature-grid,.block-category-grid,.setup-shell,.setup-dashboard,.test-console{grid-template-columns:1fr}.composer{grid-template-columns:42px minmax(0,1fr) 42px}.composer .send{grid-column:3}.download-section{display:grid}}