:root{--bg:#0a0d12;--panel:#10151d;--panel-2:#141a23;--line:#202936;--line-2:#2a3545;--text:#f4f7fb;--muted:#98a4b5;--muted-2:#6f7b8d;--accent:#7280ff;--good:#56c99a;--warn:#e3b85f;--bad:#e56f80;--shadow:0 22px 60px rgba(0,0,0,.32)}
*{box-sizing:border-box}[hidden]{display:none!important}html{scroll-behavior:smooth}html,body{margin:0;min-height:100%;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}body{background:radial-gradient(circle at 76% -10%,rgba(114,128,255,.08),transparent 28%),var(--bg)}button,input,select{font:inherit}button{color:inherit}.container{width:min(1180px,calc(100% - 40px));margin-inline:auto}a{color:inherit;text-decoration:none}
.site-nav{height:72px;display:flex;align-items:center;gap:28px;border-bottom:1px solid rgba(255,255,255,.04)}.brand{display:flex;align-items:center;gap:10px;min-width:max-content}.mark{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:#141a23;border:1px solid #2b3646;color:#eaf0ff;font-weight:850;font-size:14px}.brand-copy{display:flex;flex-direction:column;line-height:1.05}.brand-copy b{font-size:14px;letter-spacing:-.02em}.brand-copy span{font-size:8px;color:var(--muted-2);margin-top:4px}.nav-center{margin:auto;display:flex;align-items:center;gap:6px}.nav-link{padding:8px 10px;border-radius:9px;font-size:10px;color:#8793a4}.nav-link:hover,.nav-link.active{color:#dfe6f2;background:#111720}.nav-actions{display:flex;align-items:center;gap:7px}.btn{min-height:39px;padding:0 14px;border:1px solid #293445;border-radius:10px;background:#111720;color:#b8c2d0;display:inline-flex;align-items:center;justify-content:center;gap:7px;font-size:10px;font-weight:650;cursor:pointer;transition:.16s ease}.btn:hover{background:#151d27;border-color:#37465c;color:#edf2f9}.btn.primary{background:#eef2ff;border-color:#eef2ff;color:#11151c;box-shadow:0 8px 24px rgba(113,128,255,.13)}.btn.primary:hover{background:#fff}.btn.secondary{background:#111720}.btn.ghost,.btn.nav-signin{background:transparent;border-color:transparent}.btn.compact,.btn.small{min-height:34px;padding:0 11px;font-size:9px}.btn.danger{background:#32171d;border-color:#56303a;color:#f3a0ad}
.hero-simple{min-height:650px;display:grid;grid-template-columns:minmax(0,.92fr) minmax(460px,1.08fr);gap:74px;align-items:center;padding:68px 0 76px}.product-status{display:inline-flex;align-items:center;gap:8px;color:#8290a3;font-size:9px;text-transform:uppercase;letter-spacing:.12em;font-weight:700}.product-status span{width:6px;height:6px;border-radius:50%;background:var(--good);box-shadow:0 0 0 4px rgba(86,201,154,.08)}.hero-copy-block h1{font-size:clamp(48px,5.4vw,76px);line-height:.99;letter-spacing:-.057em;margin:18px 0 24px;font-weight:740}.hero-copy-block h1 em{font-style:normal;color:#909bff}.hero-copy-block>p{max-width:590px;margin:0;color:#9aa6b6;font-size:16px;line-height:1.7}.hero-actions{display:flex;gap:9px;margin-top:29px}.hero-actions .btn{min-height:44px;padding:0 18px}.returning{margin-top:18px;display:flex;align-items:center;gap:8px;color:#7e8b9d;font-size:9px}.returning span{width:6px;height:6px;border-radius:50%;background:var(--accent)}
.studio-showcase{border:1px solid #273241;border-radius:20px;background:#0d1219;overflow:hidden;box-shadow:0 36px 80px rgba(0,0,0,.34)}.showcase-top{height:43px;padding:0 13px;display:flex;align-items:center;gap:13px;border-bottom:1px solid #202936;background:#111720;color:#748196;font-size:8px}.showcase-top .showcase-brand{font-weight:850;color:#b9c4d4;letter-spacing:.09em}.showcase-top i{margin-left:auto;width:6px;height:6px;border-radius:50%;background:var(--good)}.showcase-grid{display:grid;grid-template-columns:1.15fr .85fr;min-height:390px}.showcase-code{padding:28px 25px;background:#0a0f15;border-right:1px solid #202936;color:#b7c1cf;font:12px/1.9 "SFMono-Regular",Consolas,monospace;overflow:hidden}.code-dim{color:#536073}.code-type{color:#90a6ff}.code-id{color:#79c8f1}.code-fn{color:#b7a7f9}.code-string{color:#b0d79d}.showcase-preview{display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 50% 40%,rgba(114,128,255,.08),transparent 42%),#0c1118}.device-mini{width:154px;height:316px;border-radius:31px;padding:7px;background:linear-gradient(155deg,#566071,#1a2029 45%,#414957);box-shadow:0 28px 50px rgba(0,0,0,.42)}.device-ui{height:100%;border-radius:24px;background:#f7f9fc;padding:74px 18px 18px;color:#18202b;display:flex;flex-direction:column;gap:12px}.device-ui b{font-size:15px}.device-ui span{height:8px;border-radius:5px;background:#e1e6ed}.device-ui span:nth-of-type(2){width:72%}.device-ui button{margin-top:10px;height:34px;border:0;border-radius:9px;background:#6e78ed;color:white;font-size:8px;text-transform:uppercase;letter-spacing:.05em}.showcase-foot{height:40px;padding:0 14px;display:flex;align-items:center;justify-content:space-between;border-top:1px solid #202936;background:#10161e;color:#6f7d91;font-size:8px}.showcase-foot span{display:flex;align-items:center;gap:7px;color:#8ca1a0}.showcase-foot i{width:6px;height:6px;border-radius:50%;background:var(--good)}
.product-proof{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #1c2430;border-bottom:1px solid #1c2430}.proof-item{padding:28px 24px;border-right:1px solid #1c2430}.proof-item:last-child{border-right:0}.proof-item b{display:block;font-size:12px}.proof-item span{display:block;margin-top:7px;color:#778598;font-size:9px;line-height:1.5}.flow-section{padding:110px 0}.flow-head{display:flex;align-items:end;justify-content:space-between;margin-bottom:34px}.flow-head span,.product-focus span{font-size:9px;text-transform:uppercase;letter-spacing:.12em;color:#748196}.flow-head h2,.product-focus h2,.final-cta h2{margin:7px 0 0;font-size:34px;letter-spacing:-.04em}.flow-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.flow-grid article{min-height:180px;padding:24px;border:1px solid #202936;border-radius:15px;background:#0e131a}.flow-grid small{color:#667487;font-size:8px}.flow-grid b{display:block;margin-top:30px;font-size:15px}.flow-grid p{margin:9px 0 0;color:#7e8b9c;font-size:10px;line-height:1.6;max-width:270px}.product-focus{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:end;padding:0 0 110px;border-bottom:1px solid #1c2430}.product-focus p{margin:0;color:#8592a3;font-size:12px;line-height:1.75}.final-cta{margin-top:70px;margin-bottom:70px;padding:30px 0;display:flex;align-items:center;justify-content:space-between}.final-cta p{margin:7px 0 0;color:#748196;font-size:10px}.cta-actions{display:flex;gap:8px}
.dashboard{padding:55px 0 80px}.projects-head{display:flex;align-items:end;justify-content:space-between;gap:20px}.page-kicker{font-size:9px;text-transform:uppercase;letter-spacing:.12em;color:#748196}.projects-head h1{font-size:38px;letter-spacing:-.045em;margin:7px 0 0}.projects-head-actions{display:flex;gap:8px}.status-banner{margin-top:22px;min-height:42px;border:1px solid #273546;border-radius:12px;background:#0e151d;padding:8px 10px 8px 14px;display:flex;align-items:center;justify-content:space-between;gap:12px;color:#8290a2;font-size:9px}.status-banner.warn{border-color:#4b3d28;background:#17140d}.project-tools{margin-top:18px;display:grid;grid-template-columns:minmax(220px,1fr) auto auto auto;gap:8px}.search-wrap{position:relative;min-width:0}.search-wrap svg{position:absolute;left:11px;top:50%;width:15px;height:15px;transform:translateY(-50%);color:#69778a;pointer-events:none}.search{width:100%;height:38px;padding:0 12px 0 35px;border:1px solid #273445;border-radius:10px;background:#0f151d;color:#e9eef5;outline:none}.search:focus,.sort-select:focus{border-color:#4b5f81;box-shadow:0 0 0 3px rgba(114,128,255,.07)}.sort-select{height:38px;border:1px solid #273445;border-radius:10px;background:#0f151d;color:#98a5b5;padding:0 31px 0 10px;outline:none}.workspace-summary{display:flex;gap:8px;margin:15px 0 0}.summary-card{min-width:110px;border:1px solid #202936;border-radius:11px;background:#0d131a;padding:11px 13px;display:flex;align-items:center;justify-content:space-between;gap:16px}.summary-card span{font-size:8px;color:#69778b}.summary-card b{font-size:11px;color:#c9d2df}.quick-templates{display:flex;gap:7px;margin:18px 0 14px;overflow:auto;scrollbar-width:none}.quick-template{height:32px;padding:0 11px;border:1px solid #273445;border-radius:9px;background:#0e151d;color:#7e8c9f;font-size:8px;cursor:pointer;white-space:nowrap}.quick-template:hover{color:#d7deea;border-color:#3c4b61}.project-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.project-card{position:relative;min-height:238px;border:1px solid #202936;border-radius:15px;background:#0e131a;padding:12px;display:flex;flex-direction:column;cursor:pointer;transition:.16s}.project-card:hover{border-color:#344258;background:#101720;transform:translateY(-1px)}.project-preview{height:126px;border:1px solid #1f2936;border-radius:11px;background:#0a0f15;overflow:hidden;position:relative;margin-bottom:14px}.mini-phone{position:absolute;right:18px;top:14px;width:58px;height:104px;border-radius:12px;background:#e9edf3;padding:10px 7px;display:flex;flex-direction:column;gap:5px;box-shadow:0 10px 24px rgba(0,0,0,.25)}.mini-ui-title,.mini-ui-text{height:4px;border-radius:3px;background:#aeb7c3}.mini-ui-title{height:7px;width:72%;background:#8996a7}.mini-ui-input{height:11px;border:1px solid #c5cdd7;border-radius:3px}.mini-ui-button{height:10px;border-radius:3px;background:#727de9}.mini-ui-check{width:8px;height:8px;border:1px solid #aeb7c3;border-radius:2px}.mini-code{position:absolute;left:13px;top:17px;color:#536173;font:700 8px/1.6 ui-monospace,monospace}.project-card h3{font-size:13px;margin:0 36px 5px 1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.project-card p{font-size:9px;color:#728094;margin:0 1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.project-meta{display:flex;justify-content:space-between;align-items:center;margin-top:auto;padding:14px 1px 1px;color:#68768a;font-size:8px}.project-meta strong{font-weight:600;color:#8a98aa}.project-badge{position:absolute;left:22px;top:22px;z-index:2;border:1px solid #273546;border-radius:999px;background:rgba(11,16,23,.86);padding:5px 7px;color:#8795a8;font-size:7px}.card-menu{position:absolute;right:19px;top:19px;z-index:3;width:29px;height:29px;border-radius:9px;border:1px solid #273445;background:#101720;color:#8d9aab;cursor:pointer}.empty-projects{grid-column:1/-1;padding:70px 20px;text-align:center;border:1px dashed #2b3747;border-radius:15px;color:#758397;background:#0c1117}.empty-icon{width:44px;height:44px;border:1px solid #2b3747;border-radius:12px;background:#111720;margin:0 auto 14px;display:grid;place-items:center;color:#a8b3c2;font-weight:850}.empty-projects b{display:block;color:#dce3ec;margin-bottom:6px;font-size:12px}.empty-projects span{display:block;font-size:9px;margin-bottom:16px}.onboarding-card{margin-top:14px;border:1px solid #263447;border-radius:13px;background:#0e151d;padding:13px;display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center}.onboarding-number{width:34px;height:34px;border-radius:10px;background:#141c27;border:1px solid #2d3a4d;display:grid;place-items:center;color:#b3bdcc;font-weight:850}.onboarding-copy b{font-size:9px}.onboarding-copy span{display:block;color:#758397;font-size:8px;margin-top:3px}.cloud-chip{min-height:38px;border:1px solid #273445;border-radius:10px;background:#0e151d;padding:0 11px;display:flex;align-items:center;gap:8px}.cloud-indicator{width:6px;height:6px;border-radius:50%;background:#6b7789}.cloud-copy{display:flex;flex-direction:column}.cloud-copy b{font-size:8px}.cloud-copy span{font-size:7px;color:#6f7c8e;margin-top:2px}.account-chip{min-height:38px;border:1px solid #273445;border-radius:10px;background:#0e151d;padding:0 10px;display:flex;align-items:center;gap:8px;cursor:pointer}.avatar{width:23px;height:23px;border-radius:8px;background:#182130;color:#aeb9c8;display:grid;place-items:center;font-size:8px;font-weight:850}.account-copy{display:flex;flex-direction:column;align-items:flex-start}.account-copy b{font-size:8px}.account-copy span{font-size:7px;color:#6f7c8e}
.modal-backdrop{position:fixed;inset:0;background:rgba(3,6,10,.74);backdrop-filter:blur(8px);display:none;place-items:center;padding:20px;z-index:100}.modal-backdrop.open{display:grid}.modal{width:min(100%,460px);max-height:min(760px,calc(100vh - 40px));overflow:auto;border:1px solid #2a3647;border-radius:17px;background:#10161e;padding:20px;box-shadow:var(--shadow)}.modal.wide{width:min(100%,650px)}.modal-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.modal h2{margin:0 0 6px;font-size:20px;letter-spacing:-.03em}.modal>p,.modal-head p{margin:0 0 16px;color:#8190a3;font-size:9px;line-height:1.55}.modal-close{width:29px;height:29px;border:1px solid #293646;border-radius:9px;background:#131b25;cursor:pointer;color:#8997a9}.field{display:grid;gap:6px;margin:11px 0}.field label{font-size:8px;color:#8f9caf}.field input,.field select{height:41px;border:1px solid #293646;border-radius:10px;background:#0d131a;color:var(--text);padding:0 11px;outline:none}.field input:focus,.field select:focus{border-color:#506589;box-shadow:0 0 0 3px rgba(114,128,255,.07)}.field-help{font-size:7px;color:#69778a}.template-options{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin:10px 0}.template-option,.start-option{border:1px solid #263344;border-radius:11px;background:#0d131a;padding:12px 10px;cursor:pointer;text-align:left}.template-option.active,.start-option.active{border-color:#58698d;background:#131b27}.template-option b,.start-option b{display:block;font-size:9px}.template-option span,.start-option span{display:block;font-size:7.5px;color:#718094;line-height:1.45;margin-top:4px}.template-option i{display:block;margin-top:8px;font-style:normal;font-size:7px;color:#8a97aa}.start-options{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:17px}.modal-actions.split{justify-content:space-between}.auth-tabs{display:flex;gap:4px;background:#0b1118;padding:4px;border-radius:10px;margin-bottom:13px}.auth-tab{flex:1;border:0;background:transparent;border-radius:8px;height:31px;color:#78869a;cursor:pointer;font-size:8.5px}.auth-tab.active{background:#161e29;color:#edf2f8}.auth-google{width:100%;margin-bottom:11px}.divider{display:flex;align-items:center;gap:10px;color:#657386;font-size:8px;margin:11px 0}.divider:before,.divider:after{content:"";height:1px;flex:1;background:#202a37}.auth-msg{font-size:8px;color:#8795a7;min-height:16px;margin-top:9px;line-height:1.45}.auth-msg.bad{color:#e98a98}.auth-msg.good{color:#66c99b}.auth-utility{display:flex;justify-content:flex-end;margin-top:-3px}.link-button{border:0;background:transparent;color:#a5b1ff;font-size:8px;padding:4px 0;cursor:pointer}.danger-zone{border:1px solid #4a2a33;border-radius:11px;background:#1b1015;padding:11px;margin-top:12px}.danger-zone b{display:block;font-size:9px;color:#ec9aa6;margin-bottom:4px}.danger-zone span{font-size:8px;color:#98727a;line-height:1.45}.file-drop{width:100%;border:1px dashed #35455a;border-radius:12px;padding:24px 14px;text-align:center;background:#0c1219;color:#8090a4;cursor:pointer}.file-drop.drag{border-color:#6777db;background:#121a27}.file-drop b{display:block;color:#cbd4df;font-size:10px;margin-bottom:4px}.file-drop span{font-size:8px}.toast{position:fixed;right:18px;bottom:18px;max-width:min(360px,calc(100% - 36px));border:1px solid #2c3a4c;background:#121a24;border-radius:11px;padding:10px 12px;color:#c7d0dc;font-size:9px;box-shadow:0 18px 42px rgba(0,0,0,.34);transform:translateY(15px);opacity:0;pointer-events:none;transition:.18s;z-index:200}.toast.show{transform:none;opacity:1}.toast[data-type="success"]{border-color:#2b5443}.toast[data-type="bad"]{border-color:#56303a}footer,.footer{border-top:1px solid #1c2430;color:#6d7a8c;font-size:8px;padding:28px 0}.footer{display:flex;justify-content:space-between}.footer a{color:#8c99aa}
@media(max-width:980px){.hero-simple{grid-template-columns:1fr;gap:42px;min-height:0}.studio-showcase{max-width:760px}.project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.nav-center{display:none}.product-focus{grid-template-columns:1fr;gap:20px}}
@media(max-width:680px){.container{width:min(100% - 22px,1180px)}.site-nav{height:62px}.brand-copy span,.hide-phone{display:none!important}.site-nav .btn.primary{padding:0 11px;min-height:36px}.hero-simple{padding:48px 0 54px}.hero-copy-block h1{font-size:44px}.hero-copy-block>p{font-size:13px}.hero-actions{display:grid;grid-template-columns:1fr}.hero-actions .btn{width:100%}.showcase-grid{grid-template-columns:minmax(0,1fr) 118px;min-height:310px}.showcase-code{padding:16px 13px;font-size:7.5px}.showcase-preview{padding:12px}.device-mini{width:88px;height:182px;border-radius:20px;padding:4px}.device-ui{border-radius:16px;padding:48px 9px 9px}.product-proof,.flow-grid{grid-template-columns:1fr}.proof-item{border-right:0;border-bottom:1px solid #1c2430;padding:18px 4px}.proof-item:last-child{border-bottom:0}.flow-section{padding:70px 0}.flow-head{display:block}.flow-head h2,.product-focus h2,.final-cta h2{font-size:28px}.flow-grid article{min-height:145px}.product-focus{padding-bottom:70px}.final-cta{margin:45px 0;align-items:flex-start;flex-direction:column;gap:18px}.cta-actions{width:100%;display:grid;grid-template-columns:1fr}.projects-head{align-items:flex-start}.projects-head h1{font-size:32px}.projects-head-actions{display:grid;grid-template-columns:auto 1fr}.project-tools{grid-template-columns:1fr auto}.search-wrap{grid-column:1/-1}.project-tools>.btn:last-child{display:none}.workspace-summary{overflow:auto}.summary-card{min-width:102px}.project-grid{grid-template-columns:1fr}.project-card{min-height:224px}.project-preview{height:116px}.status-banner{align-items:flex-start}.modal{padding:17px}.template-options,.start-options{grid-template-columns:1fr}.modal-actions{display:grid;grid-template-columns:1fr}.modal-actions .btn{width:100%}.account-copy{display:none}.onboarding-card{grid-template-columns:auto 1fr}.onboarding-card>.btn{grid-column:1/-1}.footer{display:block}.footer>*+*{margin-top:10px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}


/* v1.5.3 — reference-safe polish */
.hero-copy-block h1{font-weight:760;letter-spacing:-.06em}
.hero-copy-block>p{max-width:56ch}
.studio-showcase,.project-card,.summary-card,.status-banner,.onboarding-card,.modal,.project-preview{box-shadow:0 8px 24px rgba(0,0,0,.08)}
.project-card{background:linear-gradient(180deg,#0f141c,#0d1218)}
.project-preview{background:linear-gradient(180deg,#0b1016,#0c1118)}
.project-card h3{letter-spacing:-.01em}
.modal h2,.projects-head h1,.flow-head h2,.product-focus h2,.final-cta h2{font-weight:730}
.nav-link,.proof-item span,.flow-grid p,.product-focus p,.project-card p,.project-meta,.status-banner,.summary-card span{letter-spacing:0}
.footer-links{display:flex;gap:12px;align-items:center;flex-wrap:wrap}
@media(max-width:680px){.projects-head-actions{display:flex;gap:8px;flex-wrap:wrap}.project-tools{gap:10px}.workspace-summary{padding-bottom:2px}}

/* =========================================================
   Kodari v1.5.4 — editorial developer-product landing page
   ========================================================= */
body.landing-v154{--landing-bg:#080b10;--landing-surface:#0d1118;--landing-surface-2:#111722;--landing-line:#1d2633;--landing-line-strong:#2a3544;--landing-text:#f3f6fa;--landing-muted:#7e8a9b;--landing-dim:#536071;--landing-indigo:#7885ff;--landing-cyan:#65c7e8;background:#080b10;color:var(--landing-text);overflow-x:hidden}
.landing-v154 .shell{width:min(1240px,calc(100% - 48px));margin-inline:auto}
.landing-v154 .landing-nav{height:76px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #171e29}
.landing-brand{display:flex;align-items:center;gap:10px}.landing-mark{width:34px;height:34px;border-radius:9px;display:grid;place-items:center;border:1px solid #303a49;background:#111722;color:#f4f6fb;font-size:14px;font-weight:900}.landing-brand>span:last-child{display:flex;flex-direction:column;line-height:1}.landing-brand b{font-size:14px;letter-spacing:-.02em}.landing-brand small{margin-top:5px;color:#697587;font-size:8px;letter-spacing:.02em}
.landing-nav-links{display:flex;align-items:center;gap:5px}.landing-nav-links>a:not(.landing-nav-cta),.landing-nav-links>button{height:36px;padding:0 11px;border:0;background:transparent;color:#8995a6;font-size:10px;cursor:pointer;border-radius:8px}.landing-nav-links>a:not(.landing-nav-cta):hover,.landing-nav-links>button:hover{color:#f1f4f8;background:#0e141c}.landing-nav-cta{height:38px;padding:0 13px;display:inline-flex;align-items:center;gap:11px;border:1px solid #303b4d;border-radius:9px;background:#f2f4f8;color:#10141a;font-size:10px;font-weight:750}.landing-nav-cta span{font-size:13px}
.landing-hero{min-height:690px;display:grid;grid-template-columns:minmax(0,.78fr) minmax(570px,1.22fr);gap:70px;align-items:center;padding:78px 0 82px}.landing-kicker{display:flex;align-items:center;gap:9px;color:#7c899b;font:700 9px/1 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.09em;text-transform:uppercase}.landing-kicker i{width:7px;height:7px;border-radius:2px;background:#7885ff;box-shadow:0 0 0 4px rgba(120,133,255,.08)}.landing-hero-copy h1{margin:19px 0 23px;font-size:clamp(54px,5.5vw,82px);line-height:.93;letter-spacing:-.067em;font-weight:760}.landing-hero-copy h1 span{color:#8995a7}.landing-hero-copy>p{max-width:540px;margin:0;color:#939eae;font-size:15px;line-height:1.75}.landing-hero-actions{display:flex;gap:9px;margin-top:31px}.landing-primary,.landing-secondary{height:44px;padding:0 17px;border-radius:9px;display:inline-flex;align-items:center;justify-content:center;gap:12px;font-size:10px;font-weight:750;cursor:pointer}.landing-primary{border:1px solid #eef1f6;background:#eef1f6;color:#10141a}.landing-primary:hover{background:#fff}.landing-primary span{font-size:14px}.landing-secondary{border:1px solid #273242;background:#0d1219;color:#aab4c2}.landing-secondary:hover{border-color:#3a485d;color:#edf1f6;background:#111821}.play-dot{font-size:7px;color:#7885ff}.landing-returning{margin-top:15px;display:flex;align-items:center;gap:8px;color:#738195;font-size:9px}.landing-returning i{width:5px;height:5px;border-radius:50%;background:#5bd39a}.landing-tech-row{display:flex;gap:14px;flex-wrap:wrap;margin-top:34px;color:#505d6e;font:650 8px/1 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.08em}.landing-tech-row span+span:before{content:"/";margin-right:14px;color:#2d3745}
.demo-stage{min-width:0}.demo-window{border:1px solid #263140;border-radius:16px;background:#0a0e14;overflow:hidden;box-shadow:0 38px 90px rgba(0,0,0,.38)}.demo-titlebar{height:43px;padding:0 12px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #1c2531;background:#0e131b}.demo-title-left,.demo-runtime{display:flex;align-items:center;gap:9px;color:#667386;font:650 8px/1 ui-monospace,monospace}.demo-title-left b{color:#aeb8c6;letter-spacing:.08em;font-size:8px}.demo-k{width:22px;height:22px;border-radius:6px;border:1px solid #313b4a;background:#161c25;display:grid;place-items:center;color:#dce2eb;font:850 8px/1 system-ui}.demo-separator{width:1px;height:15px;background:#27303d}.demo-runtime i{width:6px;height:6px;border-radius:50%;background:#697587;transition:.25s}.demo-runtime i.good{background:#58d69b;box-shadow:0 0 10px rgba(88,214,155,.36)}.demo-runtime i.run{background:#7e8aff;animation:demoPulse .85s infinite}.demo-workspace{height:430px;display:grid;grid-template-columns:132px minmax(0,1fr) 220px}.demo-tree{padding:15px 10px;border-right:1px solid #1b2430;background:#0b1016;color:#697688}.demo-tree>small,.demo-id-lens small{display:block;margin:0 7px 7px;color:#465364;font:800 7px/1 ui-monospace,monospace;letter-spacing:.1em}.demo-tree>b{display:block;padding:4px 7px 11px;color:#9ba6b5;font-size:8px}.demo-tree-files{display:grid;gap:3px}.demo-tree-files span{height:28px;padding:0 7px;border-radius:6px;display:flex;align-items:center;gap:7px;color:#647185;font-size:7.5px}.demo-tree-files span.active{background:#121923;color:#c0c9d5}.demo-tree-files i{width:5px;height:5px;border-radius:50%}.java-dot{background:#d39a68}.xml-dot{background:#62bcd9}.demo-id-lens{margin-top:23px;padding-top:13px;border-top:1px solid #171f29}.demo-id-lens span{display:block;padding:4px 7px;color:#6c7990;font:6.8px/1.3 ui-monospace,monospace}.demo-code-pane{min-width:0;display:grid;grid-template-rows:34px minmax(0,1fr) 22px;background:#090d13}.demo-tabs{display:flex;border-bottom:1px solid #1a232e}.demo-tabs button{height:34px;padding:0 11px;border:0;border-right:1px solid #171f29;background:#0b1016;color:#566376;font:7px/1 ui-monospace,monospace}.demo-tabs button.active{background:#0d131b;color:#b9c4d2;box-shadow:inset 0 -1px #7784f5}.demo-editor{position:relative;display:grid;grid-template-columns:29px 1fr;min-height:0;overflow:hidden}.demo-lines{margin:0;padding:16px 7px;color:#343f4d;text-align:right;background:#080c11;border-right:1px solid #151d27;font:8.5px/1.8 ui-monospace,SFMono-Regular,Consolas,monospace;user-select:none}.demo-code{margin:0;padding:16px 12px;color:#b8c2cf;white-space:pre;overflow:hidden;font:8.5px/1.8 ui-monospace,SFMono-Regular,Consolas,monospace}.demo-code .tok-tag{color:#91a7ff}.demo-code .tok-attr{color:#6cc3df}.demo-code .tok-string{color:#a8c897}.demo-code .tok-key{color:#9f95e8}.demo-code .tok-type{color:#88a0f4}.demo-code .tok-call{color:#70bdd9}.demo-code .tok-id{color:#d5b477}.demo-code .tok-comment{color:#4c596a}.demo-caret{position:absolute;width:1px;height:14px;background:#dce4f2;opacity:0;pointer-events:none}.demo-caret.show{opacity:1;animation:caretBlink .8s steps(1) infinite}.demo-status{height:22px;padding:0 9px;display:flex;align-items:center;gap:13px;border-top:1px solid #171f29;color:#485568;font:6.5px/1 ui-monospace,monospace}.demo-status span:first-child{margin-right:auto;color:#68778c}.demo-preview-pane{display:grid;grid-template-rows:34px minmax(0,1fr);border-left:1px solid #1b2430;background:#0a0f15}.demo-preview-head{padding:0 10px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #1a232e;color:#566477;font:750 6.5px/1 ui-monospace,monospace;letter-spacing:.08em}.demo-preview-head i{width:6px;height:6px;border-radius:50%;background:#5b6675;transition:.3s}.demo-preview-head i.good{background:#57d197;box-shadow:0 0 0 3px rgba(87,209,151,.07)}.demo-device-stage{position:relative;display:grid;place-items:center;overflow:hidden;background:radial-gradient(circle at 50% 45%,rgba(119,132,245,.065),transparent 42%),linear-gradient(#0c1118,#0a0f15)}.demo-device{position:relative;width:132px;height:278px;border-radius:27px;padding:6px;background:linear-gradient(155deg,#596271,#181d25 44%,#444b57);box-shadow:0 24px 45px rgba(0,0,0,.4);transition:.45s cubic-bezier(.2,.8,.2,1)}.demo-device.wake{transform:scale(1.055);box-shadow:0 28px 60px rgba(0,0,0,.5),0 0 35px rgba(120,133,255,.11)}.demo-camera{position:absolute;z-index:3;width:49px;height:13px;left:50%;top:8px;transform:translateX(-50%);border-radius:10px;background:#0b0f14}.demo-screen{height:100%;border-radius:21px;overflow:hidden;background:#f6f8fb;color:#17202b;display:flex;flex-direction:column}.demo-phone-status{height:24px;padding:9px 8px 0;display:flex;justify-content:space-between;font:5px/1 system-ui;background:#f6f8fb;color:#505967}.demo-appbar{height:31px;padding:0 9px;display:flex;align-items:center;border-bottom:1px solid #e2e6ec;background:#fff;font-size:7px;font-weight:750}.demo-app-content{flex:1;padding:30px 13px 13px;display:flex;flex-direction:column;align-items:flex-start}.demo-app-content small{font-size:4.5px;letter-spacing:.08em;color:#8993a1}.demo-app-content h3{margin:8px 0 19px;font-size:10px;line-height:1.35;letter-spacing:-.02em}.demo-app-content button{height:28px;padding:0 10px;border:0;border-radius:7px;background:#6874e8;color:white;font:700 5.5px/1 system-ui;letter-spacing:.04em}.demo-app-content button.press{transform:scale(.95);filter:brightness(.9)}.demo-phone-nav{height:18px;display:grid;place-items:center}.demo-phone-nav span{width:35px;height:3px;border-radius:3px;background:#9da5af}.demo-wake-ring{position:absolute;width:174px;height:174px;border:1px solid rgba(120,133,255,0);border-radius:50%;pointer-events:none}.demo-wake-ring.on{animation:wakeRing 1s ease-out}.demo-console{height:34px;padding:0 10px;display:flex;align-items:center;border-top:1px solid #1b2430;background:#0b1016;color:#536074;font:6.5px/1 ui-monospace,monospace}.demo-console>span{display:flex;align-items:center;gap:6px;margin-right:15px;color:#718096}.demo-console>span i{width:5px;height:5px;border-radius:50%;background:#4d5968}.demo-console code{color:#607087;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.demo-console button{margin-left:auto;border:0;background:transparent;color:#536174;font:6.5px/1 ui-monospace,monospace}.demo-caption{min-height:46px;padding:11px 4px 0;display:flex;align-items:flex-start;gap:13px;color:#6d798b}.demo-caption span{font:750 8px/1 ui-monospace,monospace;color:#8592a5}.demo-caption p{margin:0;font-size:9px;line-height:1.5}
.landing-rail{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #1c2430;border-bottom:1px solid #1c2430}.landing-rail>div{padding:28px 28px 29px 0;border-right:1px solid #1c2430}.landing-rail>div+div{padding-left:28px}.landing-rail>div:last-child{border-right:0}.landing-rail span{font:700 8px/1 ui-monospace,monospace;color:#4f5c6e}.landing-rail b{display:block;margin-top:17px;font-size:12px}.landing-rail p{margin:7px 0 0;color:#6d7a8d;font-size:9px;line-height:1.5}
.landing-feature{padding:115px 0;display:grid;grid-template-columns:.75fr 1.25fr;gap:100px;align-items:center}.landing-feature-copy small,.landing-final small{color:#536174;font:750 8px/1 ui-monospace,monospace;letter-spacing:.11em}.landing-feature-copy h2{margin:16px 0 20px;font-size:clamp(35px,4vw,52px);line-height:1.05;letter-spacing:-.052em}.landing-feature-copy p{margin:0;color:#7f8b9c;font-size:12px;line-height:1.75;max-width:470px}.landing-feature-copy>a{display:inline-flex;margin-top:27px;gap:10px;color:#c9d1dc;font-size:10px;font-weight:700}.landing-feature-code{border:1px solid #222d3b;border-radius:14px;background:#0b1016;overflow:hidden}.feature-code-bar{height:38px;padding:0 13px;display:flex;align-items:center;gap:10px;border-bottom:1px solid #1b2430;color:#69778a;font:700 7px/1 ui-monospace,monospace}.feature-code-bar i{width:1px;height:13px;background:#27313e}.feature-code-body{min-height:270px;display:grid;grid-template-columns:1fr 120px 1fr;align-items:center;padding:31px}.feature-xml,.feature-java{font:9px/1.8 ui-monospace,SFMono-Regular,Consolas,monospace;color:#aab5c3}.feature-xml em,.feature-java em{font-style:normal;color:#91a7ff}.feature-xml strong,.feature-java strong{font-weight:500;color:#70bdd9}.feature-xml q,.feature-java q{quotes:none;color:#a5c693}.feature-link{display:flex;align-items:center;justify-content:center;gap:0}.feature-link span{height:1px;width:18px;background:#374458}.feature-link b{padding:7px 9px;border:1px solid #35445a;background:#111a25;border-radius:7px;color:#d2b272;font:700 6.5px/1 ui-monospace,monospace;white-space:nowrap}
.landing-final{padding:82px 0;border-top:1px solid #1b2430;display:flex;align-items:flex-end;justify-content:space-between;gap:40px}.landing-final h2{margin:14px 0 0;font-size:clamp(38px,4.4vw,58px);line-height:1.02;letter-spacing:-.055em}.landing-final>div:last-child{text-align:right}.landing-final>div:last-child p{margin:9px 0 0;color:#576476;font-size:8px}.landing-footer{height:75px;border-top:1px solid #171f29;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;color:#536174;font:650 8px/1 ui-monospace,monospace}.landing-footer b{justify-self:center;color:#79869a;letter-spacing:.08em}.landing-footer div{justify-self:end;display:flex;gap:14px}.landing-footer button{border:0;background:none;color:inherit;font:inherit;cursor:pointer}.landing-footer a:hover,.landing-footer button:hover{color:#d3d9e2}
@keyframes caretBlink{50%{opacity:.15}}@keyframes demoPulse{50%{opacity:.35}}@keyframes wakeRing{0%{transform:scale(.55);border-color:rgba(120,133,255,.35);opacity:0}25%{opacity:1}100%{transform:scale(1.25);border-color:rgba(120,133,255,0);opacity:0}}@keyframes demoFlash{0%{background:#f4f6fb}45%{background:#dfe5ff}100%{background:#f4f6fb}}
@media(max-width:1050px){.landing-hero{grid-template-columns:1fr;gap:48px;padding-top:62px}.landing-hero-copy{max-width:760px}.demo-stage{max-width:900px}.landing-feature{gap:50px}.demo-workspace{grid-template-columns:120px minmax(0,1fr) 205px}}
@media(max-width:760px){.landing-v154 .shell{width:min(100% - 24px,1240px)}.landing-nav{height:62px}.landing-brand small{display:none}.landing-nav-links>a:not(.landing-nav-cta){display:none}.landing-nav-links>button{display:none}.landing-nav-cta{height:35px;padding:0 10px}.landing-hero{min-height:0;padding:53px 0 62px}.landing-hero-copy h1{font-size:49px}.landing-hero-copy>p{font-size:13px}.landing-hero-actions{display:grid;grid-template-columns:1fr}.landing-primary,.landing-secondary{width:100%}.landing-tech-row{gap:8px 10px}.landing-tech-row span+span:before{margin-right:10px}.demo-window{border-radius:12px}.demo-workspace{height:355px;grid-template-columns:minmax(0,1fr) 134px}.demo-tree{display:none}.demo-code{font-size:6.6px;padding:12px 8px}.demo-lines{font-size:6.6px;padding:12px 5px}.demo-preview-pane{min-width:0}.demo-device{width:96px;height:203px;border-radius:21px;padding:4px}.demo-screen{border-radius:17px}.demo-camera{width:37px;height:10px;top:6px}.demo-app-content{padding:20px 9px 9px}.demo-app-content h3{font-size:7px;margin:6px 0 13px}.demo-app-content button{height:22px;font-size:4.5px}.demo-caption{padding-inline:1px}.landing-rail{grid-template-columns:1fr}.landing-rail>div,.landing-rail>div+div{padding:19px 2px;border-right:0;border-bottom:1px solid #1c2430}.landing-rail>div:last-child{border-bottom:0}.landing-feature{padding:75px 0;grid-template-columns:1fr;gap:38px}.feature-code-body{grid-template-columns:1fr;padding:22px;gap:14px}.feature-link{transform:rotate(90deg);height:55px}.landing-final{padding:58px 0;display:block}.landing-final>div:last-child{text-align:left;margin-top:25px}.landing-footer{grid-template-columns:1fr auto;height:65px}.landing-footer b{display:none}.landing-footer div{gap:10px}}
@media(max-width:430px){.landing-hero-copy h1{font-size:43px}.demo-workspace{height:320px;grid-template-columns:minmax(0,1fr) 114px}.demo-preview-head{padding-inline:6px}.demo-device{width:82px;height:174px}.demo-code{font-size:5.7px}.demo-lines{font-size:5.7px}.demo-title-left #demoFileName{display:none}.landing-tech-row{font-size:6.8px}}
@media(prefers-reduced-motion:reduce){.demo-caret,.demo-runtime i,.demo-wake-ring{animation:none!important}}


/* =========================================================
   Kodari v1.5.5 — signature landing / product-first reset
   ========================================================= */
body.landing-v155{
  --k-bg:#090a0c;--k-surface:#0d0f13;--k-surface-2:#11141a;--k-line:#22262d;
  --k-line-soft:#171a20;--k-text:#f3f3ef;--k-muted:#9a9da4;--k-dim:#666a72;
  --k-blue:#8290ff;--k-blue-soft:#6f7be5;--k-green:#69d29b;--k-amber:#d4ad6d;
  margin:0;background:#090a0c;color:var(--k-text);overflow-x:hidden;
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Inter,system-ui,sans-serif;
}
.landing-v155 .v155-shell{width:min(1280px,calc(100% - 48px));margin-inline:auto}
.landing-v155 button,.landing-v155 a{font:inherit}.landing-v155 button{color:inherit}
.v155-nav{height:72px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--k-line-soft)}
.v155-brand{display:flex;align-items:center;gap:10px;color:var(--k-text);text-decoration:none}
.v155-brand-mark{width:31px;height:31px;display:grid;place-items:center;border:1px solid #30343c;border-radius:8px;background:#111319;font-size:12px;font-weight:800}
.v155-brand-name{font-size:14px;font-weight:680;letter-spacing:-.02em}.v155-brand-name small{font-size:8px;font-weight:500;color:#747881;margin-left:5px;letter-spacing:0}
.v155-nav-actions{display:flex;align-items:center;gap:6px}.v155-nav-actions>a:not(.v155-nav-primary),.v155-nav-actions>button{height:35px;padding:0 10px;border:0;background:transparent;color:#8c9098;font-size:10px;cursor:pointer;text-decoration:none;border-radius:7px}.v155-nav-actions>a:not(.v155-nav-primary):hover,.v155-nav-actions>button:hover{color:#efefeb;background:#101217}
.v155-nav-primary{height:35px;padding:0 12px;display:inline-flex;align-items:center;border:1px solid #343841;border-radius:8px;background:#15181e;color:#e8e8e4;text-decoration:none;font-size:10px;font-weight:650}.v155-nav-primary:hover{background:#1b1f26;border-color:#414650}
.v155-hero{padding:92px 0 42px}.v155-hero-copy{max-width:900px;margin:0 auto;text-align:center}.v155-hero h1{margin:0;font-size:clamp(48px,6.2vw,88px);line-height:.98;letter-spacing:-.064em;font-weight:680;text-wrap:balance}.v155-hero-copy>p{max-width:670px;margin:25px auto 0;color:#989ca5;font-size:16px;line-height:1.65;letter-spacing:-.012em;text-wrap:balance}.v155-hero-actions{margin-top:29px;display:flex;gap:9px;justify-content:center}.v155-btn{height:42px;padding:0 15px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;font-size:10px;font-weight:680;cursor:pointer}.v155-btn-primary{border:1px solid #f0f0ec;background:#f0f0ec;color:#111216}.v155-btn-primary:hover{background:#fff}.v155-btn-quiet{border:1px solid #292d34;background:#101217;color:#aaaeb7}.v155-btn-quiet:hover{border-color:#383d46;background:#14171c;color:#ededeb}.v155-returning{margin:14px auto 0;display:flex;justify-content:center;align-items:center;gap:7px;color:#737781;font-size:9px}.v155-returning span{width:5px;height:5px;border-radius:50%;background:var(--k-green)}
.v155-product-demo{margin:74px auto 0;border:1px solid #2b3038;border-radius:14px;background:#0b0d10;overflow:hidden;box-shadow:0 36px 90px rgba(0,0,0,.34);text-align:left;animation:v155Reveal .55s ease both}.v155-demo-topbar{height:44px;padding:0 11px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #20242b;background:#101217}.v155-demo-brand,.v155-demo-top-actions,.v155-run-state{display:flex;align-items:center}.v155-demo-brand{gap:8px;color:#858a93;font:650 8px/1 ui-monospace,SFMono-Regular,Consolas,monospace}.v155-demo-brand>span{width:21px;height:21px;display:grid;place-items:center;border:1px solid #343944;border-radius:6px;color:#d6d8dd;background:#171a20;font:800 8px/1 system-ui}.v155-demo-brand b{color:#b6bac2;letter-spacing:.08em}.v155-demo-brand i{width:1px;height:14px;background:#30343d;margin:0 2px}.v155-demo-brand em{font-style:normal;color:#6f747d}.v155-demo-top-actions{gap:9px}.v155-demo-top-actions>button{width:28px;height:28px;border:1px solid #282c34;border-radius:7px;background:#12151a;color:#6d727c;cursor:pointer}.v155-demo-top-actions>button:hover{color:#dddfe3;border-color:#3a3f49}.v155-run-state{gap:6px;color:#717680;font:650 7px/1 ui-monospace,monospace}.v155-run-state i{width:6px;height:6px;border-radius:50%;background:#626873}.v155-run-state.running i{background:var(--k-blue);box-shadow:0 0 0 4px rgba(130,144,255,.08)}.v155-run-state.good i{background:var(--k-green);box-shadow:0 0 0 4px rgba(105,210,155,.08)}.v155-run-state b{font-weight:650}
.v155-demo-body{height:470px;display:grid;grid-template-columns:154px minmax(0,1fr) 285px}.v155-demo-sidebar{padding:15px 9px;border-right:1px solid #1d2128;background:#0c0e12}.v155-demo-sidebar>small,.v155-id-lens>small{display:block;padding:0 7px 7px;color:#4f545e;font:750 6.7px/1 ui-monospace,monospace;letter-spacing:.12em}.v155-demo-sidebar>button{width:100%;height:29px;padding:0 7px;border:0;border-radius:6px;background:transparent;color:#676d77;display:flex;align-items:center;gap:7px;font-size:7.5px;text-align:left}.v155-demo-sidebar>button.active{background:#14171c;color:#bcc0c8}.v155-demo-sidebar>button i{width:5px;height:5px;border-radius:50%}.v155-demo-sidebar>button i.java{background:#cc9262}.v155-demo-sidebar>button i.xml{background:#62b5d2}.v155-id-lens{margin-top:26px;padding-top:14px;border-top:1px solid #191c22;opacity:.48;transition:opacity .22s}.v155-id-lens.found{opacity:1}.v155-id-lens button{width:100%;padding:7px;border:1px solid transparent;border-radius:7px;background:transparent;color:#767d88;text-align:left;cursor:default}.v155-id-lens.found button{border-color:#262c35;background:#11151b;animation:v155Pop .25s ease}.v155-id-lens b,.v155-id-lens span{display:block}.v155-id-lens b{font:650 6.8px/1.3 ui-monospace,monospace;color:#aab0ba}.v155-id-lens span{margin-top:3px;font-size:6.2px;color:#535a65}
.v155-demo-editor{min-width:0;display:grid;grid-template-rows:35px minmax(0,1fr) 23px;background:#090b0e}.v155-editor-tabs{display:flex;border-bottom:1px solid #1c2026}.v155-editor-tabs button{height:35px;padding:0 11px;border:0;border-right:1px solid #191d23;background:#0b0d11;color:#505660;font:6.8px/1 ui-monospace,monospace}.v155-editor-tabs button.active{background:#0f1217;color:#b6bbc4;box-shadow:inset 0 -1px var(--k-blue)}.v155-editor-canvas{position:relative;display:grid;grid-template-columns:33px minmax(0,1fr);overflow:hidden}.v155-gutter{margin:0;padding:17px 8px;color:#32363d;text-align:right;border-right:1px solid #15181d;background:#080a0d;font:8px/1.82 ui-monospace,SFMono-Regular,Consolas,monospace;user-select:none}.v155-code{margin:0;padding:17px 14px;color:#b9bdc5;white-space:pre;overflow:hidden;font:8.5px/1.82 ui-monospace,SFMono-Regular,Consolas,monospace}.v155-code .tag{color:#91a0ef}.v155-code .attr{color:#67b7d0}.v155-code .str{color:#a8c78e}.v155-code .type{color:#8fa1eb}.v155-code .method{color:#75b9d0}.v155-code .id{color:#d1af74}.v155-code .dim{color:#555b66}.v155-code .bad{color:#e07f8c;text-decoration:underline;text-decoration-style:wavy;text-decoration-color:#d96978;text-underline-offset:3px}.v155-editor-status{padding:0 9px;display:flex;align-items:center;justify-content:space-between;border-top:1px solid #171b20;color:#4b515b;font:6.5px/1 ui-monospace,monospace}.v155-editor-status span:first-child{color:#6d7480}.v155-complete{position:absolute;left:48px;top:106px;width:230px;padding:6px;border:1px solid #343a46;border-radius:9px;background:#15181e;box-shadow:0 22px 55px rgba(0,0,0,.5);z-index:10}.v155-complete[hidden]{display:none}.v155-complete>small{display:block;padding:5px 7px;color:#5e6570;font:650 6.5px/1 ui-monospace,monospace}.v155-complete button{width:100%;padding:7px;border:0;border-radius:6px;background:transparent;text-align:left;color:#8e949d}.v155-complete button.active{background:#20252d;color:#e2e4e7}.v155-complete b,.v155-complete span{display:block}.v155-complete b{font:650 7.2px/1.2 ui-monospace,monospace}.v155-complete span{margin-top:3px;font-size:6.2px;color:#686e78}.v155-inline-note{position:absolute;right:15px;top:20px;display:flex;align-items:center;gap:6px;padding:6px 8px;border:1px solid #2c3743;border-radius:7px;background:#11171d;color:#87929e;font:650 6.5px/1 ui-monospace,monospace}.v155-inline-note[hidden]{display:none}.v155-inline-note span{width:5px;height:5px;border-radius:50%;background:var(--k-green)}
.v155-demo-preview{display:grid;grid-template-rows:35px minmax(0,1fr);border-left:1px solid #1d2128;background:#0b0e12}.v155-preview-head{padding:0 10px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #1c2026;color:#555b66;font:750 6.5px/1 ui-monospace,monospace;letter-spacing:.08em}.v155-preview-head i{width:6px;height:6px;border-radius:50%;background:#535a64}.v155-preview-head i.good{background:var(--k-green)}.v155-device-stage{position:relative;display:grid;place-items:center;overflow:hidden;background:#0c0f13}.v155-device-aura{position:absolute;width:230px;height:230px;border:1px solid rgba(130,144,255,0);border-radius:50%;opacity:0}.v155-device-aura.on{animation:v155Aura 1s ease-out}.v155-device{position:relative;width:157px;height:326px;padding:6px;border-radius:32px;background:#262a31;border:1px solid #4b505a;box-shadow:0 28px 55px rgba(0,0,0,.44);transition:transform .38s cubic-bezier(.2,.75,.2,1),box-shadow .38s}.v155-device.wake{transform:scale(1.045);box-shadow:0 34px 70px rgba(0,0,0,.54),0 0 35px rgba(130,144,255,.09)}.v155-device-camera{position:absolute;z-index:2;top:9px;left:50%;width:59px;height:15px;transform:translateX(-50%);border-radius:12px;background:#0a0c0f}.v155-device-screen{height:100%;overflow:hidden;border-radius:25px;background:#f4f6fa;color:#1d232c;display:flex;flex-direction:column}.v155-phone-status{height:26px;padding:9px 9px 0;display:flex;justify-content:space-between;font:5.3px/1 system-ui;color:#515965}.v155-phone-bar{height:34px;padding:0 10px;display:flex;align-items:center;background:#fff;border-bottom:1px solid #e2e5e9;font-size:7.5px;font-weight:700}.v155-phone-content{flex:1;padding:39px 15px 15px;display:flex;flex-direction:column;align-items:flex-start}.v155-phone-content small{font-size:4.6px;letter-spacing:.1em;color:#8a929e}.v155-phone-content h3{margin:8px 0 21px;font-size:11px;line-height:1.3;letter-spacing:-.02em}.v155-phone-content button{height:29px;padding:0 11px;border:0;border-radius:7px;background:#6673df;color:#fff;font:700 5.5px/1 system-ui;letter-spacing:.04em;transition:transform .12s}.v155-phone-content button.press{transform:scale(.94)}.v155-phone-home{height:18px;display:grid;place-items:center}.v155-phone-home span{width:38px;height:3px;border-radius:3px;background:#959da8}
.v155-demo-bottom{height:35px;padding:0 11px;display:flex;align-items:center;border-top:1px solid #1d2128;background:#0d1014;color:#5c626c;font:6.6px/1 ui-monospace,monospace}.v155-demo-event{display:flex;align-items:center;gap:7px}.v155-demo-event i{width:5px;height:5px;border-radius:50%;background:#5a606b}.v155-demo-event i.blue{background:var(--k-blue)}.v155-demo-event i.good{background:var(--k-green)}.v155-demo-event b{font-weight:650;color:#7b828d}.v155-demo-bottom code{margin-left:auto;color:#565d68}.v155-demo-bottom code.good{color:#7fae95}
.v155-statement{padding:120px 0;border-bottom:1px solid var(--k-line-soft)}.v155-overline{margin:0 0 24px;color:#595e67;font:700 8px/1 ui-monospace,monospace;letter-spacing:.13em}.v155-statement-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,.62fr);gap:100px;align-items:end}.v155-statement h2,.v155-bridge h2,.v155-final h2{margin:0;font-size:clamp(34px,4vw,57px);line-height:1.03;letter-spacing:-.052em;font-weight:650;text-wrap:balance}.v155-statement-grid>p{margin:0;color:#969aa3;font-size:14px;line-height:1.7;max-width:510px}
.v155-bridge{padding:120px 0;display:grid;grid-template-columns:.65fr 1.35fr;gap:90px;align-items:center;border-bottom:1px solid var(--k-line-soft)}.v155-bridge-copy>p:last-child{max-width:380px;margin:18px 0 0;color:#9397a0;font-size:13px;line-height:1.7}.v155-bridge-demo{min-width:0;display:grid;grid-template-columns:1fr 105px 1fr;align-items:center;border:1px solid #252a32;background:#0c0e12;border-radius:12px;padding:24px}.v155-bridge-file{min-width:0}.v155-bridge-file>span{display:block;margin-bottom:12px;color:#646a74;font:650 7px/1 ui-monospace,monospace}.v155-bridge-file code{display:block;padding:15px;border:1px solid #1f242b;border-radius:8px;background:#090b0e;color:#8c929b;font:8px/1.75 ui-monospace,monospace;white-space:nowrap;overflow:hidden}.v155-bridge-file code em{font-style:normal;color:#68b5ce}.v155-bridge-file code b{color:#cfad72;font-weight:600}.v155-bridge-file.java code b{color:#cfad72}.v155-bridge-file.java code em{color:#75b9d0}.v155-bridge-link{display:flex;align-items:center;gap:7px}.v155-bridge-link i{height:1px;flex:1;background:#343a44}.v155-bridge-link span{padding:6px 8px;border:1px solid #343b46;border-radius:999px;background:#14171c;color:#949aa4;font:650 6.5px/1 ui-monospace,monospace}
.v155-final{padding:86px 0;display:flex;align-items:end;justify-content:space-between;gap:40px}.v155-final h2{font-size:clamp(32px,3.7vw,52px)}.v155-final p{margin:12px 0 0;color:#777c85;font-size:11px}.v155-footer{height:78px;display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--k-line-soft);color:#666b74;font-size:8px}.v155-footer>span{color:#858a93}.v155-footer>div{display:flex;align-items:center;gap:15px}.v155-footer a,.v155-footer button{border:0;background:transparent;color:#747983;text-decoration:none;font-size:8px;cursor:pointer;padding:0}.v155-footer small{color:#4e535b}
@keyframes v155Reveal{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes v155Pop{from{opacity:0;transform:translateY(4px) scale(.985)}to{opacity:1;transform:none}}@keyframes v155Aura{0%{opacity:0;border-color:rgba(130,144,255,.35);transform:scale(.65)}45%{opacity:1}100%{opacity:0;border-color:rgba(130,144,255,0);transform:scale(1.35)}}
@media(max-width:1000px){.v155-demo-body{grid-template-columns:125px minmax(0,1fr) 235px}.v155-bridge{grid-template-columns:1fr;gap:45px}.v155-bridge-copy{max-width:680px}.v155-statement-grid{gap:55px}}
@media(max-width:760px){.landing-v155 .v155-shell{width:min(100% - 24px,1280px)}.v155-nav{height:62px}.v155-brand-name small{display:none}.v155-nav-actions>a:not(.v155-nav-primary),.v155-nav-actions>button{display:none}.v155-nav-primary{height:34px;padding-inline:10px}.v155-hero{padding:62px 0 30px}.v155-hero h1{font-size:48px}.v155-hero-copy>p{font-size:13px;max-width:560px}.v155-hero-actions{display:grid;grid-template-columns:1fr;margin-top:24px}.v155-btn{width:100%}.v155-product-demo{margin-top:48px;border-radius:10px}.v155-demo-body{height:360px;grid-template-columns:minmax(0,1fr) 135px}.v155-demo-sidebar{display:none}.v155-code{font-size:6.2px;padding:12px 8px}.v155-gutter{font-size:6.2px;padding:12px 5px}.v155-complete{left:37px;top:92px;width:190px}.v155-demo-preview{min-width:0}.v155-device{width:92px;height:194px;border-radius:21px;padding:4px}.v155-device-screen{border-radius:17px}.v155-device-camera{top:6px;width:37px;height:10px}.v155-phone-content{padding:22px 9px 9px}.v155-phone-content h3{font-size:7.3px;margin:6px 0 13px}.v155-phone-content button{height:21px;font-size:4.2px;padding-inline:7px}.v155-demo-brand em{display:none}.v155-demo-bottom{font-size:5.7px}.v155-statement,.v155-bridge{padding:78px 0}.v155-statement-grid{grid-template-columns:1fr;gap:22px}.v155-statement h2,.v155-bridge h2{font-size:38px}.v155-statement-grid>p{font-size:12px}.v155-bridge-demo{grid-template-columns:1fr;padding:15px;gap:12px}.v155-bridge-link{height:42px;transform:rotate(90deg);max-width:80px;margin:auto}.v155-bridge-file code{font-size:7.2px}.v155-final{padding:60px 0;display:block}.v155-final .v155-btn{margin-top:24px}.v155-footer{height:auto;min-height:70px;gap:16px}.v155-footer>div{gap:10px;flex-wrap:wrap;justify-content:flex-end}.v155-footer small{display:none}}
@media(max-width:430px){.v155-hero h1{font-size:42px}.v155-demo-body{height:325px;grid-template-columns:minmax(0,1fr) 112px}.v155-editor-tabs button{font-size:5.7px;padding-inline:7px}.v155-code,.v155-gutter{font-size:5.3px}.v155-complete{width:166px;left:32px}.v155-preview-head{padding-inline:6px}.v155-device{width:80px;height:169px}.v155-demo-topbar{padding-inline:8px}.v155-demo-brand b{font-size:7px}.v155-demo-top-actions{gap:5px}}
@media(prefers-reduced-motion:reduce){.landing-v155 *{scroll-behavior:auto!important;animation:none!important;transition:none!important}}

/* =========================================================
   Kodari v1.5.6 — cinematic landing / coordinated motion
   ========================================================= */
body.landing-v156{
  --c-bg:#05070a;--c-surface:#090c11;--c-surface-2:#0e1219;--c-line:#202734;--c-line-soft:#141922;
  --c-text:#f4f7fb;--c-muted:#8c97a8;--c-dim:#596476;--c-blue:#246bff;--c-blue-2:#668cff;--c-cyan:#52c8ff;
  --c-green:#59d49b;--c-amber:#d5ae72;--c-red:#e97787;
  margin:0;background:var(--c-bg);color:var(--c-text);overflow-x:hidden;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",system-ui,sans-serif;
}
body.landing-v156::before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-3;background:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);background-size:48px 48px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.52),transparent 76%)}
body.landing-v156::after{content:"";position:fixed;inset:0;pointer-events:none;z-index:300;background:radial-gradient(ellipse at center,transparent 45%,rgba(0,0,0,.34) 100%);opacity:.75}
.landing-v156 [hidden]{display:none!important}.landing-v156 .v156-shell{width:min(1320px,calc(100% - 48px));margin-inline:auto}.landing-v156 a{color:inherit;text-decoration:none}.landing-v156 button,.landing-v156 input{font:inherit;color:inherit}
.v156-page-glow{position:fixed;z-index:-2;width:640px;height:640px;border-radius:50%;pointer-events:none;opacity:.16;background:radial-gradient(circle,rgba(36,107,255,.55),rgba(36,107,255,0) 68%)}.glow-a{right:-210px;top:-300px}.glow-b{left:-340px;top:46vh;opacity:.08}
.v156-intro{position:fixed;inset:0;z-index:500;background:#030405;display:grid;place-items:center;overflow:hidden;transition:opacity .55s ease,visibility .55s ease}.v156-intro.done{opacity:0;visibility:hidden}.v156-intro-logo{width:min(650px,72vw);height:auto;opacity:0;transform:translateY(12px) scale(.985);animation:v156LogoIn .7s .16s cubic-bezier(.2,.8,.2,1) forwards}.v156-intro-line{position:absolute;left:50%;top:50%;width:min(760px,78vw);height:1px;background:linear-gradient(90deg,transparent,rgba(82,200,255,.5),rgba(36,107,255,.95),rgba(82,200,255,.5),transparent);transform:translate(-50%,-50%) scaleX(0);animation:v156Line 1.15s .08s ease forwards}.v156-intro-scan{position:absolute;width:260px;height:100%;background:linear-gradient(90deg,transparent,rgba(70,130,255,.08),transparent);transform:translateX(-70vw) skewX(-12deg);animation:v156Scan 1.15s .42s ease forwards}
.v156-nav{height:74px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.055);position:relative;z-index:20}.v156-brand{display:flex;align-items:center;gap:10px}.v156-brand>img{width:34px;height:28px;object-fit:contain;filter:drop-shadow(0 0 12px rgba(36,107,255,.18))}.v156-brand>span{display:flex;align-items:baseline;gap:7px}.v156-brand b{font-size:14px;letter-spacing:-.02em}.v156-brand small{font-size:8px;color:#697589}.v156-nav-links{display:flex;align-items:center;gap:5px}.v156-nav-links>a:not(.v156-nav-cta),.v156-nav-links>button{height:35px;padding:0 10px;border:0;background:transparent;border-radius:8px;color:#7e8999;font-size:10px;cursor:pointer}.v156-nav-links>a:not(.v156-nav-cta):hover,.v156-nav-links>button:hover{background:#0b1017;color:#dce4ef}.v156-nav-cta{height:36px;padding:0 13px;border:1px solid #293345;border-radius:9px;background:#0d131c;display:inline-flex;align-items:center;color:#e8edf5;font-size:10px;font-weight:650;transition:transform .16s,border-color .16s,background .16s}.v156-nav-cta:hover{transform:translateY(-1px);background:#111927;border-color:#3a4b69}
.v156-hero{padding:96px 0 72px;position:relative}.v156-hero::before{content:"";position:absolute;left:50%;top:120px;width:880px;height:420px;transform:translateX(-50%);background:radial-gradient(ellipse,rgba(36,107,255,.09),transparent 66%);pointer-events:none}.v156-hero-copy{max-width:950px;margin:auto;text-align:center;position:relative;z-index:2}.v156-kicker{display:inline-flex;align-items:center;gap:9px;color:#657187;font:650 8px/1 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.13em}.v156-kicker span{width:6px;height:6px;border-radius:50%;background:var(--c-blue);box-shadow:0 0 0 5px rgba(36,107,255,.09),0 0 18px rgba(36,107,255,.35)}.v156-hero h1{margin:21px 0 0;font-size:clamp(54px,7.3vw,104px);line-height:.91;letter-spacing:-.068em;font-weight:720;text-wrap:balance}.v156-hero h1 em{font-style:normal;color:#7f8da5;font-weight:580}.v156-hero-copy>p{max-width:650px;margin:27px auto 0;color:#8c97a8;font-size:15px;line-height:1.72;letter-spacing:-.01em}.v156-hero-actions{margin-top:31px;display:flex;justify-content:center;gap:9px}.v156-btn{height:43px;padding:0 16px;border-radius:9px;display:inline-flex;align-items:center;justify-content:center;gap:11px;border:1px solid transparent;font-size:10px;font-weight:680;cursor:pointer;transition:transform .18s,background .18s,border-color .18s,color .18s}.v156-btn.primary{background:#eff4ff;color:#0b1017;border-color:#eff4ff}.v156-btn.primary:hover{background:#fff;transform:translateY(-1px)}.v156-btn.quiet{background:#0a0e14;border-color:#242d3b;color:#98a4b5}.v156-btn.quiet:hover{border-color:#35435a;color:#e2e8f1;background:#0d131c}.v156-returning{margin:14px auto 0;display:flex;justify-content:center;align-items:center;gap:8px;color:#647187;font-size:9px}.v156-returning i{width:5px;height:5px;background:var(--c-green);border-radius:50%}
.v156-stage-wrap{margin-top:74px;position:relative;perspective:1700px}.v156-stage-light{position:absolute;left:12%;right:12%;bottom:-55px;height:120px;background:radial-gradient(ellipse,rgba(36,107,255,.24),transparent 68%);filter:blur(20px);opacity:.34;pointer-events:none}.v156-product-demo{position:relative;border:1px solid #263142;border-radius:16px;background:#070a0f;overflow:hidden;box-shadow:0 50px 130px rgba(0,0,0,.56),0 0 0 1px rgba(255,255,255,.012) inset;transform-style:preserve-3d;transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s}.v156-product-demo::before{content:"";position:absolute;inset:0;z-index:25;pointer-events:none;background:radial-gradient(420px circle at var(--spot-x,50%) var(--spot-y,30%),rgba(80,125,255,.08),transparent 66%)}.v156-demo-chrome{height:48px;padding:0 11px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;border-bottom:1px solid #1b2330;background:linear-gradient(180deg,#0d1219,#0a0e14);position:relative;z-index:5}.v156-window-dots{display:flex;gap:5px}.v156-window-dots i{width:6px;height:6px;border-radius:50%;background:#303846}.v156-window-dots i:nth-child(2){background:#28384b}.v156-window-dots i:nth-child(3){background:#25424a}.v156-demo-title{justify-self:center;display:flex;align-items:center;gap:8px;color:#5f6a7a;font:650 7px/1 ui-monospace,SFMono-Regular,Consolas,monospace}.v156-demo-title img{width:19px;height:15px;object-fit:contain}.v156-demo-title b{color:#aeb7c5;letter-spacing:.04em}.v156-demo-title em{font-style:normal}.v156-demo-run{justify-self:end;height:30px;padding:0 10px;border:1px solid #294d3f;border-radius:8px;background:#0d1c17;color:#77d3a8;display:flex;align-items:center;gap:6px;font-size:7px;cursor:pointer;transition:transform .15s,background .15s}.v156-demo-run:hover{background:#10261e;transform:translateY(-1px)}.v156-demo-run.running{border-color:#314d77;background:#101a2b;color:#8db4ff}.v156-demo-run span{font-size:6px}
.v156-demo-body{height:478px;display:grid;grid-template-columns:155px minmax(0,1fr) 300px;position:relative;overflow:hidden}.v156-demo-rail{padding:13px 9px;border-right:1px solid #19212d;background:#080b10;position:relative;z-index:3}.v156-rail-file{height:31px;padding:0 8px;border-radius:7px;display:flex;align-items:center;gap:8px;color:#596679;font-size:7px}.v156-rail-file.active-xml,.v156-rail-file.active-java{background:#0f151e;color:#bec7d4}.v156-rail-file i{width:21px;height:17px;border:1px solid #293445;border-radius:5px;display:grid;place-items:center;font:700 5.5px/1 ui-monospace,monospace;font-style:normal}.v156-rail-file.active-xml i{color:#70d0f3;border-color:#28526a}.v156-rail-file.active-java i{color:#e1a26e;border-color:#60462f}.v156-rail-divider{height:1px;background:#18202b;margin:18px 7px 15px}.v156-lens-label{padding:0 7px 8px;color:#424e60;font:700 6px/1 ui-monospace,monospace;letter-spacing:.13em}.v156-lens-item{margin:0 3px;padding:8px;border:1px solid transparent;border-radius:8px;display:flex;align-items:center;gap:8px;opacity:.34;transition:opacity .22s,border-color .22s,background .22s,transform .22s}.v156-lens-item.found{opacity:1;border-color:#263447;background:#0e151e;transform:translateY(-1px)}.v156-lens-item>span{width:6px;height:6px;border-radius:50%;background:var(--c-blue);box-shadow:0 0 12px rgba(36,107,255,.5)}.v156-lens-item b,.v156-lens-item small{display:block}.v156-lens-item b{font:650 6.8px/1.3 ui-monospace,monospace;color:#b6c1d0}.v156-lens-item small{margin-top:3px;font-size:6px;color:#4f5b6c}
.v156-editor{min-width:0;display:grid;grid-template-rows:37px minmax(0,1fr) 24px;background:#06090d;position:relative;z-index:2}.v156-editor-tabs{display:flex;border-bottom:1px solid #19212c;background:#080b10}.v156-editor-tabs button{height:37px;padding:0 12px;border:0;border-right:1px solid #151c26;background:transparent;color:#495567;display:flex;align-items:center;gap:6px;font:6.8px/1 ui-monospace,monospace}.v156-editor-tabs button i{width:5px;height:5px;border-radius:50%;background:#394454}.v156-editor-tabs button.active{color:#b6c1cf;background:#0b1017;box-shadow:inset 0 -1px var(--c-blue)}.v156-editor-tabs button.active:first-child i{background:#70c9eb}.v156-editor-tabs button.active:last-child i{background:#d79b68}.v156-code-surface{position:relative;display:grid;grid-template-columns:36px minmax(0,1fr);overflow:hidden;background:radial-gradient(circle at 80% 10%,rgba(36,107,255,.035),transparent 34%)}.v156-gutter{margin:0;padding:17px 8px;color:#2f3948;text-align:right;border-right:1px solid #121923;background:#05080c;font:8px/1.83 ui-monospace,SFMono-Regular,Consolas,monospace;user-select:none}.v156-code{margin:0;padding:17px 15px;color:#aab4c2;white-space:pre;overflow:hidden;font:8.8px/1.83 ui-monospace,SFMono-Regular,Consolas,monospace}.v156-code .tag{color:#7d91e5}.v156-code .attr{color:#62bfdc}.v156-code .str{color:#a8c88e}.v156-code .type{color:#9aa9ed}.v156-code .method{color:#72c2dc}.v156-code .id{color:#d2ad70}.v156-code .keyword{color:#b19be6}.v156-code .comment{color:#4b586a}.v156-caret{position:absolute;display:none;width:1px;height:14px;background:#cfd7e6;box-shadow:0 0 7px rgba(207,215,230,.5);animation:v156Blink .9s steps(1) infinite}.v156-complete{position:absolute;left:55px;top:112px;width:240px;padding:6px;border:1px solid #303d52;border-radius:9px;background:#101722;box-shadow:0 24px 60px rgba(0,0,0,.58);z-index:12}.v156-complete-head{height:25px;padding:0 7px;display:flex;align-items:center;justify-content:space-between;color:#55647a;font:650 6px/1 ui-monospace,monospace}.v156-complete button{width:100%;padding:8px;border:0;border-radius:6px;background:transparent;text-align:left}.v156-complete button.active{background:#172234}.v156-complete b,.v156-complete span{display:block}.v156-complete b{color:#cbd4df;font:650 7px/1.2 ui-monospace,monospace}.v156-complete span{margin-top:3px;color:#5e6c80;font-size:6px}.v156-toast-note{position:absolute;right:13px;top:18px;display:flex;align-items:center;gap:5px;padding:7px 8px;border:1px solid #26384b;border-radius:7px;background:#0c141d;color:#6f8298;font:650 6px/1 ui-monospace,monospace}.v156-toast-note i{width:5px;height:5px;background:var(--c-green);border-radius:50%}.v156-toast-note b{color:#a9bbc9}.v156-editor-foot{padding:0 9px;border-top:1px solid #141b25;display:flex;align-items:center;justify-content:space-between;color:#465366;font:6px/1 ui-monospace,monospace}.v156-editor-foot code.good{color:#6eae8f}
.v156-preview{display:grid;grid-template-rows:37px minmax(0,1fr);border-left:1px solid #19212d;background:#080c11;position:relative;z-index:2}.v156-preview-head{padding:0 10px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #19212d;color:#4c5869;font:700 6px/1 ui-monospace,monospace;letter-spacing:.08em}.v156-preview-head i{width:6px;height:6px;border-radius:50%;background:#455164}.v156-preview-head i.good{background:var(--c-green);box-shadow:0 0 14px rgba(89,212,155,.34)}.v156-preview-stage{position:relative;display:grid;place-items:center;overflow:hidden;background:radial-gradient(circle at 50% 47%,rgba(36,107,255,.07),transparent 35%),#070b10}.v156-orbit{position:absolute;border:1px solid rgba(70,110,175,.12);border-radius:50%;opacity:.5;transition:transform .6s,opacity .6s}.orbit-a{width:235px;height:235px}.orbit-b{width:315px;height:315px}.v156-preview-stage.running .orbit-a{transform:scale(1.08);opacity:.85}.v156-preview-stage.running .orbit-b{transform:scale(.94);opacity:.7}.v156-device{position:relative;width:164px;height:342px;padding:7px;border:1px solid #536071;border-radius:35px;background:linear-gradient(155deg,#5e6878,#242b35 40%,#485260);box-shadow:0 34px 65px rgba(0,0,0,.52);transition:transform .55s cubic-bezier(.18,.82,.2,1),box-shadow .55s;z-index:3}.v156-device.wake{transform:scale(1.055) translateY(-3px);box-shadow:0 40px 85px rgba(0,0,0,.58),0 0 42px rgba(36,107,255,.16)}.v156-device-key{position:absolute;right:-3px;width:4px;border-radius:0 3px 3px 0;background:#586271}.key-a{top:75px;height:42px}.key-b{top:126px;height:28px}.v156-camera{position:absolute;z-index:6;left:50%;top:10px;transform:translateX(-50%);width:72px;height:18px;border-radius:999px;background:#080b0e;display:grid;place-items:center}.v156-camera i{width:7px;height:7px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#345578,#111923 65%)}.v156-screen{height:100%;border-radius:27px;overflow:hidden;background:#f4f7fb;color:#18202b;display:flex;flex-direction:column;position:relative}.v156-phone-status{height:27px;padding:9px 10px 0;display:flex;justify-content:space-between;font:5px/1 system-ui;color:#515a68}.v156-phone-bar{height:36px;padding:0 11px;display:flex;align-items:center;border-bottom:1px solid #e2e6ec;background:#fff;font-size:7px;font-weight:720}.v156-phone-content{flex:1;padding:40px 16px 15px;display:flex;flex-direction:column;align-items:flex-start}.v156-phone-content small{color:#8d96a3;font-size:4.4px;letter-spacing:.12em}.v156-phone-content h3{margin:8px 0 21px;font-size:11px;line-height:1.3;letter-spacing:-.025em}.v156-phone-content button{height:30px;padding:0 12px;border:0;border-radius:8px;background:linear-gradient(180deg,#376ff0,#2d61d9);color:white;font:700 5.3px/1 system-ui;letter-spacing:.04em;box-shadow:0 7px 14px rgba(45,97,217,.18);transition:transform .12s}.v156-phone-content button.press{transform:scale(.94)}.v156-phone-home{height:19px;display:grid;place-items:center}.v156-phone-home i{width:39px;height:3px;border-radius:3px;background:#929ca9}.v156-screen-sweep{position:absolute;inset:0;background:linear-gradient(110deg,transparent 35%,rgba(255,255,255,.42) 50%,transparent 65%);transform:translateX(-140%);pointer-events:none}.v156-screen-sweep.on{animation:v156ScreenSweep .75s ease}
.v156-signal{position:absolute;inset:0;width:100%;height:100%;z-index:4;pointer-events:none}.v156-signal path{fill:none;stroke-width:1.4;vector-effect:non-scaling-stroke;stroke-linecap:round;stroke-dasharray:8 10;opacity:0}.v156-signal path.signal-id{stroke:rgba(82,200,255,.75)}.v156-signal path.signal-run{stroke:rgba(36,107,255,.8)}.v156-signal path.flow{opacity:1;animation:v156Dash .85s linear infinite}
.v156-demo-status{height:37px;padding:0 11px;border-top:1px solid #1a2230;background:#090d13;display:grid;grid-template-columns:1fr 180px 1fr;align-items:center;position:relative;z-index:5;color:#566477;font:6.2px/1 ui-monospace,monospace}.v156-status-left,.v156-status-right>span{display:flex;align-items:center;gap:7px}.v156-status-left i,.v156-status-right i{width:5px;height:5px;border-radius:50%;background:#4f5c70}.v156-status-left i.blue,.v156-status-right .running i{background:var(--c-blue)}.v156-status-left i.good,.v156-status-right .good i{background:var(--c-green)}.v156-status-center span{display:block;height:2px;border-radius:999px;background:#1b2431;overflow:hidden}.v156-status-center i{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--c-blue),var(--c-cyan));transition:width .45s ease}.v156-status-right{justify-self:end}.v156-status-right b{font-weight:650;color:#7f8ca0}.v156-stage-caption{height:38px;padding:0 3px;display:flex;align-items:end;justify-content:space-between;color:#465266;font:6.5px/1 ui-monospace,monospace}.v156-stage-caption button{border:0;background:transparent;color:#61718a;font:inherit;cursor:pointer}.v156-stage-caption button:hover{color:#b1bdcc}
.v156-live{padding:138px 0;border-top:1px solid rgba(255,255,255,.05);display:grid;grid-template-columns:.55fr 1.45fr;gap:90px;align-items:start}.v156-section-index{color:#4d5a6d;font:700 7px/1 ui-monospace,monospace;letter-spacing:.13em}.v156-live-copy h2,.v156-final h2{margin:18px 0 0;font-size:clamp(40px,5.1vw,70px);line-height:.98;letter-spacing:-.058em;font-weight:680}.v156-live-copy p{max-width:400px;margin:21px 0 0;color:#7f8b9c;font-size:12px;line-height:1.75}.v156-live-workbench{border:1px solid #222c3a;border-radius:15px;background:#080b10;overflow:hidden;box-shadow:0 30px 80px rgba(0,0,0,.25)}.v156-live-controls{height:65px;padding:0 12px;display:flex;align-items:center;gap:8px;border-bottom:1px solid #192230;background:#0b1017}.v156-live-controls label{height:41px;min-width:0;flex:1;padding:6px 9px;border:1px solid #202b3a;border-radius:8px;background:#080c12}.v156-live-controls label span{display:block;color:#4f5c70;font-size:6px;margin-bottom:3px}.v156-live-controls input{width:100%;border:0;outline:0;background:transparent;color:#b8c4d2;font:7.5px/1.2 ui-monospace,monospace}.v156-live-controls button{height:41px;padding:0 11px;border:1px solid #222e3e;border-radius:8px;background:#0d131c;color:#65758b;font-size:7px;cursor:pointer}.v156-live-grid{display:grid;grid-template-columns:1fr 1fr 180px;min-height:275px}.v156-live-code{margin:0;border-right:1px solid #18212e;min-width:0}.v156-live-head{height:35px;padding:0 10px;display:flex;align-items:center;gap:7px;border-bottom:1px solid #18212e;color:#536073;font:6.4px/1 ui-monospace,monospace}.v156-live-head i{width:5px;height:5px;border-radius:50%}.v156-live-head i.xml{background:#68c7e7}.v156-live-head i.java{background:#d79b69}.v156-live-code pre{margin:0;padding:18px 13px;color:#8f9aaa;white-space:pre-wrap;font:7.6px/1.75 ui-monospace,monospace}.v156-live-code pre .attr{color:#60bcd7}.v156-live-code pre .str{color:#a7c68e}.v156-live-code pre .type{color:#9aa8e7}.v156-live-code pre .id{color:#d2ad70}.v156-live-code pre .method{color:#72bed7}.v156-live-phone-wrap{padding:18px 14px;display:grid;place-items:center;background:#090d13}.v156-live-phone{width:104px;height:213px;border:4px solid #333d4a;border-radius:20px;background:#f5f7fb;color:#18202b;overflow:hidden;box-shadow:0 18px 36px rgba(0,0,0,.35)}.v156-live-phone-bar{height:31px;padding:0 9px;display:flex;align-items:center;background:white;border-bottom:1px solid #e3e7ed;font-size:6px;font-weight:700}.v156-live-phone-content{padding:30px 10px 10px}.v156-live-phone-content>span{font-size:4.3px;color:#8993a1;letter-spacing:.1em}.v156-live-phone-content h3{margin:6px 0 15px;font-size:8px;line-height:1.35}.v156-live-phone-content button{height:25px;padding:0 8px;border:0;border-radius:6px;background:#3167e1;color:white;font-size:4.7px;font-weight:700;transition:transform .12s}.v156-live-phone-content button:active{transform:scale(.95)}.v156-live-phone-wrap>small{color:#465267;font:5.5px/1 ui-monospace,monospace}.v156-live-link{height:35px;padding:0 16px;display:flex;align-items:center;gap:10px;border-top:1px solid #18212e;color:#75839a;font:6.5px/1 ui-monospace,monospace}.v156-live-link span{height:1px;flex:1;background:linear-gradient(90deg,transparent,#26364a,transparent)}.v156-live-link b{font-weight:650;color:#9eb0c6}
.v156-manifesto{padding:125px 0 115px;border-top:1px solid rgba(255,255,255,.05);text-align:center}.v156-manifesto-logo img{width:62px;height:50px;object-fit:contain;opacity:.8}.v156-manifesto>p{max-width:830px;margin:30px auto 0;font-size:clamp(27px,3.4vw,48px);line-height:1.12;letter-spacing:-.045em;color:#d7dce4;font-weight:570;text-wrap:balance}.v156-manifesto-line{margin:45px auto 0;max-width:700px;display:flex;align-items:center;justify-content:center;gap:13px;color:#536176;font:650 7px/1 ui-monospace,monospace}.v156-manifesto-line i{width:35px;height:1px;background:#253247}
.v156-final{padding:90px 0 100px;border-top:1px solid rgba(255,255,255,.05);display:flex;align-items:end;justify-content:space-between;gap:40px}.v156-final>div>span{color:#4f5e73;font:700 7px/1 ui-monospace,monospace;letter-spacing:.13em}.v156-final p{margin:12px 0 0;color:#69778b;font-size:10px}.v156-footer{min-height:88px;border-top:1px solid rgba(255,255,255,.05);display:flex;align-items:center;justify-content:space-between}.v156-footer>img{width:150px;height:58px;object-fit:contain;object-position:left center;opacity:.7}.v156-footer>div{display:flex;align-items:center;gap:14px}.v156-footer a,.v156-footer button{border:0;background:transparent;color:#647187;font-size:8px;cursor:pointer}.v156-footer small{color:#3f4a5b;font-size:7px}
.v156-scroll-reveal{opacity:0;transform:translateY(20px);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.8,.2,1)}.v156-scroll-reveal.in{opacity:1;transform:none}.v156-reveal{animation:v156Reveal .7s .05s ease both}
@keyframes v156LogoIn{to{opacity:1;transform:none}}@keyframes v156Line{0%{transform:translate(-50%,-50%) scaleX(0);opacity:0}35%{opacity:1}100%{transform:translate(-50%,-50%) scaleX(1);opacity:.5}}@keyframes v156Scan{to{transform:translateX(70vw) skewX(-12deg)}}@keyframes v156Reveal{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@keyframes v156Blink{50%{opacity:0}}@keyframes v156Dash{to{stroke-dashoffset:-36}}@keyframes v156ScreenSweep{to{transform:translateX(140%)}}
@media(max-width:1050px){.v156-demo-body{grid-template-columns:125px minmax(0,1fr) 250px}.v156-live{grid-template-columns:1fr;gap:45px}.v156-live-copy{max-width:620px}.v156-live-grid{grid-template-columns:1fr 1fr 165px}}
@media(max-width:760px){.landing-v156 .v156-shell{width:min(100% - 22px,1320px)}.v156-intro-logo{width:min(520px,86vw)}.v156-nav{height:62px}.v156-brand small{display:none}.v156-nav-links>a:not(.v156-nav-cta),.v156-nav-links>button{display:none}.v156-nav-cta{height:34px;padding-inline:10px}.v156-hero{padding:68px 0 56px}.v156-hero h1{font-size:52px}.v156-hero-copy>p{font-size:12.5px;max-width:520px}.v156-hero-actions{display:grid;grid-template-columns:1fr;margin-top:25px}.v156-btn{width:100%}.v156-stage-wrap{margin-top:50px}.v156-product-demo{border-radius:11px}.v156-demo-chrome{grid-template-columns:auto 1fr auto;height:43px}.v156-window-dots{display:none}.v156-demo-title{justify-self:start}.v156-demo-title em{display:none}.v156-demo-body{height:350px;grid-template-columns:minmax(0,1fr) 128px}.v156-demo-rail{display:none}.v156-code{font-size:5.8px;padding:13px 8px}.v156-gutter{font-size:5.8px;padding:13px 5px}.v156-complete{left:36px;top:95px;width:184px}.v156-toast-note{right:7px;top:10px;font-size:5px}.v156-preview-head{padding-inline:6px}.v156-device{width:88px;height:185px;padding:4px;border-radius:20px}.v156-screen{border-radius:16px}.v156-camera{top:7px;width:40px;height:11px}.v156-device-key{display:none}.v156-phone-status{height:20px;padding:7px 6px 0;font-size:3.5px}.v156-phone-bar{height:26px;padding-inline:7px;font-size:5px}.v156-phone-content{padding:25px 8px 8px}.v156-phone-content h3{margin:5px 0 13px;font-size:6.8px}.v156-phone-content button{height:21px;padding-inline:7px;font-size:3.8px}.v156-phone-content small{font-size:3.3px}.v156-phone-home{height:13px}.v156-phone-home i{width:24px;height:2px}.v156-signal{display:none}.v156-demo-status{grid-template-columns:1fr 90px auto;font-size:4.9px}.v156-stage-caption span{display:none}.v156-live{padding:90px 0}.v156-live-copy h2,.v156-final h2{font-size:42px}.v156-live-workbench{border-radius:11px}.v156-live-controls{height:auto;padding:10px;display:grid;grid-template-columns:1fr 1fr}.v156-live-controls button{grid-column:1/-1;height:34px}.v156-live-grid{grid-template-columns:1fr}.v156-live-code{border-right:0;border-bottom:1px solid #18212e}.v156-live-code pre{min-height:155px}.v156-live-phone-wrap{min-height:270px}.v156-manifesto{padding:90px 0 80px}.v156-manifesto-line{gap:8px;flex-wrap:wrap;line-height:1.8}.v156-manifesto-line i{width:18px}.v156-final{padding:70px 0;display:block}.v156-final .v156-btn{margin-top:25px}.v156-footer{padding:18px 0;gap:20px}.v156-footer>img{width:118px}.v156-footer>div{gap:9px;flex-wrap:wrap;justify-content:flex-end}.v156-footer small{display:none}}
@media(max-width:430px){.v156-hero h1{font-size:46px}.v156-demo-body{height:320px;grid-template-columns:minmax(0,1fr) 108px}.v156-demo-title b{font-size:6px}.v156-demo-run{padding-inline:7px}.v156-code,.v156-gutter{font-size:5.1px}.v156-complete{width:158px;left:30px}.v156-device{width:76px;height:160px}.v156-demo-status{grid-template-columns:1fr 70px auto}.v156-live-controls{grid-template-columns:1fr}.v156-live-controls button{grid-column:auto}.v156-manifesto>p{font-size:29px}}
@media(prefers-reduced-motion:reduce){.landing-v156 *{animation:none!important;transition:none!important;scroll-behavior:auto!important}.v156-intro{display:none!important}.v156-scroll-reveal{opacity:1;transform:none}.v156-product-demo{transform:none!important}}


/* =========================================================
   v1.5.8 — deployment freshness + mobile/header/logo polish
   ========================================================= */
/* White Kodari mark with the original electric-blue play accent preserved. */
.v157-brand-mark,.v157-demo-mark{position:relative;display:inline-block;flex:0 0 auto;overflow:hidden}
.v157-brand-mark{width:37px;height:31px}.v157-demo-mark{width:21px;height:17px}
.v157-brand-mark img,.v157-demo-mark img,.v157-wordmark img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;pointer-events:none}
.v157-mark-white,.v157-wordmark-white{filter:brightness(0) invert(1);opacity:.94}
.v157-mark-blue{clip-path:polygon(71% 34%,100% 50%,71% 67%);filter:none;opacity:1}
.v157-wordmark{position:relative;display:block;aspect-ratio:1400/900}
.v157-wordmark-blue{clip-path:polygon(23% 19%,31% 30%,23% 41%);filter:none;opacity:1}
.v156-intro-logo.v157-wordmark{width:min(690px,76vw);height:auto}
.v157-footer-wordmark{width:132px;max-width:32vw}
.v156-brand>img{display:none}.v156-brand{gap:9px}.v156-brand b{color:#f5f7fb;font-weight:760}.v156-brand small{color:#778398}
.v156-demo-title>img{display:none}.v156-demo-title{align-items:center}.v156-demo-title b{color:#f1f5fa}

/* Header: every navigation item shares one baseline and one control geometry. */
.v156-nav{height:70px;align-items:center}
.v156-nav-links{height:100%;display:flex;align-items:center;justify-content:flex-end;gap:3px;white-space:nowrap}
.v156-nav-links>a:not(.v156-nav-cta),.v156-nav-links>button,.v156-nav-cta{display:inline-flex;align-items:center;justify-content:center;line-height:1;white-space:nowrap;margin:0;vertical-align:middle}
.v156-nav-links>a:not(.v156-nav-cta),.v156-nav-links>button{height:34px;padding:0 10px}
.v156-nav-cta{height:35px;padding:0 12px}

/* Decorative signal SVG was removed. Connection is communicated by state, not a fake wire. */
.v156-signal{display:none!important}
.v156-lens-item.found{box-shadow:inset 2px 0 #397cff,0 0 0 1px rgba(57,124,255,.16),0 0 24px rgba(57,124,255,.08)}
.v156-toast-note:not([hidden]){animation:v157LinkIn .28s cubic-bezier(.2,.8,.2,1)}
.v156-preview-stage.running{box-shadow:inset 0 0 0 1px rgba(62,130,255,.2),inset 0 0 45px rgba(37,101,255,.055)}
.v156-preview-stage.running:after{content:"";position:absolute;inset:16% 12%;border-radius:50%;background:radial-gradient(circle,rgba(52,119,255,.13),transparent 62%);opacity:.7;animation:v157RuntimePulse 1.15s ease-in-out infinite;pointer-events:none}
@keyframes v157LinkIn{from{opacity:0;transform:translateY(-5px) scale(.97)}to{opacity:1;transform:none}}
@keyframes v157RuntimePulse{50%{opacity:.3;transform:scale(1.08)}}

/* Keep action controls intentionally sized. Mobile should not look like a form wizard. */
@media(max-width:760px){
  .landing-v156 .v156-shell{width:min(100% - 20px,1320px)}
  .v156-nav{height:60px;gap:8px}
  .v156-brand{min-width:0;gap:6px}.v157-brand-mark{width:30px;height:25px}.v156-brand>span:last-child{display:none}
  .v156-nav-links{margin-left:auto;gap:1px;min-width:0}
  .v156-nav-links>a:not(.v156-nav-cta),.v156-nav-links>button{display:inline-flex!important;height:32px;padding:0 6px;font-size:8px;border-radius:7px}
  .v156-nav-cta{height:32px;padding:0 8px;font-size:8px;border-radius:7px}
  .v156-hero{padding-top:58px}
  .v156-hero-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:24px}
  .v156-btn{width:auto!important;min-width:0;padding-inline:13px;height:39px}
  .v156-final .v156-btn{width:auto!important;margin-top:22px}
  .v156-live-controls{align-items:end}
  .v156-live-controls button{grid-column:auto!important;width:max-content;justify-self:start;padding-inline:13px}
  .v156-stage-caption{padding-inline:2px}
  .v156-intro-logo.v157-wordmark{width:min(610px,88vw)}
  .v157-footer-wordmark{width:112px}
}
@media(max-width:430px){
  .v156-nav-links>a:not(.v156-nav-cta),.v156-nav-links>button{padding-inline:5px;font-size:7.5px}
  .v156-nav-cta{padding-inline:7px;font-size:7.5px}
  .v156-hero-actions{gap:6px}.v156-btn{height:37px;padding-inline:11px;font-size:9px}
  .v156-live-controls{grid-template-columns:1fr}.v156-live-controls button{justify-self:start}
}
@media(prefers-reduced-motion:reduce){.v156-preview-stage.running:after{animation:none}}


/* =========================================================
   v1.5.8 — interface craftsmanship pass
   ========================================================= */
:root{--surface:#0e131a;--surface-hover:#121923;--hairline:#222c39}
.site-nav{align-items:center}.nav-center,.nav-actions{align-self:stretch;display:flex;align-items:center}.nav-link{display:inline-flex;align-items:center;height:38px}.nav-actions{margin-left:auto}
.btn,.account-chip,.cloud-chip,.quick-template,.card-menu,.modal-close{line-height:1}
.card-menu{display:grid;place-items:center;padding:0;overflow:hidden}.card-menu svg{width:17px;height:17px;fill:currentColor;display:block}.card-menu:hover{color:#eef3fb;background:#151d28;border-color:#3a475a}
.project-card{border-radius:14px;background:#0e131a}.project-card:hover{background:#111820;transform:translateY(-1px)}.project-preview{border-radius:10px}
.account-chip{min-height:40px;border-radius:11px}.account-chip:hover{background:#121a24;border-color:#354257}.avatar{border-radius:7px}.account-copy b{line-height:1.15}.account-copy span{line-height:1.2}
.auth-account-view{display:grid;grid-template-columns:48px minmax(0,1fr);gap:12px;align-items:center;margin:14px 0 4px;padding:14px;border:1px solid #283445;border-radius:13px;background:#0c1219}.auth-account-view[hidden]{display:none!important}.account-view-avatar{width:48px;height:48px;border-radius:13px;background:#171f2b;border:1px solid #2b394c;display:grid;place-items:center;color:#eef3fb;font-weight:760;font-size:13px}.account-view-copy{min-width:0;display:flex;flex-direction:column}.account-view-copy b{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.account-view-copy span{margin-top:4px;color:#78879a;font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.account-view-status{grid-column:1/-1;display:flex;align-items:center;gap:9px;padding-top:12px;border-top:1px solid #1e2835}.account-view-status>i{width:7px;height:7px;border-radius:50%;background:#718096}.account-view-status>i[data-tone="good"]{background:#56c99a}.account-view-status>i[data-tone="sync"]{background:#8190ff}.account-view-status>i[data-tone="warn"],.account-view-status>i[data-tone="bad"]{background:#e3b85f}.account-view-status div{display:flex;flex-direction:column;min-width:0}.account-view-status b{font-size:9px}.account-view-status span{margin-top:2px;color:#758397;font-size:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.auth-signed-in .auth-tabs,.auth-signed-in .auth-google,.auth-signed-in .divider,.auth-signed-in .field,.auth-signed-in .auth-utility,.auth-signed-in #authMsg,.auth-signed-in #emailAuthSubmit{display:none!important}.auth-signed-in .modal-actions{margin-top:14px}.auth-signed-in [data-signout]{display:inline-flex!important}.auth-signed-in [data-close-auth].btn{display:inline-flex}
.modal-close{display:grid;place-items:center;padding:0;font-size:17px}
@media(max-width:680px){.site-nav{gap:8px}.nav-actions{gap:5px}.account-chip{min-width:40px;padding:0 8px}.account-chip .account-copy{display:none}.account-chip .avatar{width:24px;height:24px}.card-menu{width:38px;height:38px;right:14px;top:14px}.btn,.account-chip,.quick-template{min-height:42px}.quick-template{padding-inline:13px}.project-card{min-height:228px}}


/* =========================================================
   v1.7.0 — product craftsmanship system
   ========================================================= */
:root{
  --k-bg:#090c10;--k-panel:#0e1319;--k-panel-2:#11171f;--k-hover:#151c25;
  --k-line:#202832;--k-line-soft:#171e27;--k-text:#f3f6fa;--k-muted:#8c98a8;
  --k-muted-2:#667383;--k-accent:#7383ff;--k-focus:rgba(115,131,255,.18);
  --k-radius:12px;--k-ease:cubic-bezier(.2,.75,.25,1);
}
body:not(.landing-v156){background:var(--k-bg)}
button,a,input,select{ -webkit-tap-highlight-color:transparent }
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid rgba(130,145,255,.72);outline-offset:2px}
.btn{border-radius:9px;background:#10161d;border-color:#26303c;color:#bac3cf;font-size:11px;font-weight:590;transition:background .14s var(--k-ease),border-color .14s var(--k-ease),color .14s var(--k-ease),transform .14s var(--k-ease)}
.btn:hover{background:#151c25;border-color:#354250;color:#f2f5f9}.btn:active{transform:translateY(1px)}
.btn.primary{background:#f0f3ff;border-color:#f0f3ff;color:#11151b;box-shadow:none}.btn.primary:hover{background:#fff;border-color:#fff}
.btn svg,.quiet-action svg,.icon-text-action svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.site-nav{height:66px;border-bottom:1px solid var(--k-line-soft)}
.brand{gap:9px}.brand-copy b{font-size:13px;font-weight:710}.brand-copy span{font-size:9px;color:#6f7a88}.nav-link{height:36px;padding:0 10px;font-size:10px;color:#7f8a99}.nav-link:hover,.nav-link.active{background:#11171e;color:#e4e9f0}
.nav-actions{gap:6px}.cloud-chip,.account-chip{height:38px;min-height:38px;border-radius:9px;border-color:#242e3a;background:#0e141b}.cloud-chip{padding:0 10px}.account-chip{padding:0 9px}.avatar{width:24px;height:24px;border-radius:7px;background:#171e27}.account-copy b{font-size:9px}.account-copy span{font-size:7.5px}

/* Projects */
.projects-page .container{width:min(1120px,calc(100% - 36px))}
.projects-dashboard{padding:54px 0 80px}
.projects-head{align-items:center;padding-bottom:25px;border-bottom:1px solid var(--k-line-soft)}
.projects-title-block h1{margin:0;font-size:30px;font-weight:680;letter-spacing:-.035em}.projects-title-block p{margin:7px 0 0;color:#6f7b8b;font-size:10px}.projects-title-block p i{font-style:normal;color:#3d4652;margin:0 4px}
.projects-head-actions{display:flex;align-items:center;gap:7px}.projects-head-actions .btn{height:38px;min-height:38px;padding:0 12px}.new-project-action svg{width:14px}.quiet-action{background:transparent;border-color:transparent}.quiet-action:hover{background:#111820;border-color:#111820}
.status-banner{margin-top:15px;border-radius:9px;min-height:38px;padding:7px 8px 7px 12px;border-color:#283543;background:#0e151c;color:#8693a3}.status-banner .btn{min-height:30px;height:30px}
.project-commandbar{margin-top:16px;display:grid;grid-template-columns:minmax(220px,1fr) 150px auto auto;gap:7px;align-items:center}.search,.sort-select{height:38px;border-radius:9px;background:#0d131a;border-color:#242e3a;font-size:10px}.search{padding-left:35px}.search-wrap svg{width:14px;height:14px;color:#657283}.sort-select{padding-left:10px;color:#8996a6}.icon-text-action{height:38px;min-height:38px;padding:0 11px}
.starter-strip{display:flex;align-items:center;gap:10px;margin:18px 0 12px}.starter-strip>span{font-size:9px;color:#657181;white-space:nowrap}.quick-templates{margin:0;gap:5px}.quick-template{height:30px;border-radius:8px;background:transparent;border-color:#232d38;color:#7c8998;font-size:9px;padding:0 10px}.quick-template:hover{background:#111820;color:#e0e6ed;border-color:#303c49}
.project-grid{gap:11px}.project-card{min-height:226px;border-radius:12px;border-color:#1e2731;background:#0d1218;padding:10px;transition:border-color .14s var(--k-ease),background .14s var(--k-ease),transform .14s var(--k-ease)}.project-card:hover{background:#10161d;border-color:#35404d;transform:translateY(-1px)}.project-preview{height:118px;margin-bottom:12px;border-radius:9px;border-color:#1c2530;background:#090e13}.project-card h3{font-size:12px;font-weight:650;margin:0 37px 4px 1px}.project-card p{font-size:8.5px;color:#687587}.project-meta{padding-top:12px;font-size:8px;color:#687587}.project-meta strong{color:#8895a4;font-weight:550}.project-badge{top:18px;left:18px;padding:4px 7px;background:rgba(10,14,19,.82);border-color:#26313d;color:#7f8b9b}.card-menu{width:32px;height:32px;right:15px;top:15px;border-radius:8px;background:rgba(14,20,27,.92);border-color:#27323f;color:#8290a0}.card-menu svg{width:16px;height:16px}
.mini-code{font-weight:600;color:#4d5a69}.mini-phone{box-shadow:0 12px 25px rgba(0,0,0,.22)}
.onboarding-card{border-radius:10px;background:#0d141b;border-color:#25313d}.onboarding-number{background:#151c24;border-color:#2a3542}
.empty-projects{border-radius:12px;background:#0c1117;border-color:#26313e;padding:62px 20px}.empty-icon{border-radius:10px}

/* Dialogs */
.modal-backdrop{background:rgba(4,7,10,.76);backdrop-filter:blur(6px)}.modal{border-radius:14px;border-color:#293441;background:#0f151c;padding:18px;box-shadow:0 26px 70px rgba(0,0,0,.42)}.modal h2{font-size:18px;font-weight:680}.modal>p,.modal-head p{font-size:9px;color:#778596}.modal-close.icon-close{width:32px;height:32px;border-radius:8px;display:grid;place-items:center;background:transparent;border-color:transparent}.modal-close.icon-close:hover{background:#171e27;color:#f0f4fa}.modal-close.icon-close svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round}
.field{gap:7px}.field label{font-size:9px;color:#8a97a8}.field input,.field select{height:40px;border-radius:9px;background:#0b1117;border-color:#27323f;font-size:11px}.field-help{display:none}.template-options,.start-options{gap:7px}.template-option,.start-option{border-radius:9px;background:#0c1218;border-color:#242f3b;padding:11px}.template-option:hover,.start-option:hover{background:#111820;border-color:#364250}.template-option.active,.start-option.active{background:#141b25;border-color:#53617a;box-shadow:inset 0 0 0 1px rgba(115,131,255,.08)}.template-option b,.start-option b{font-size:10px}.template-option span,.start-option span{font-size:8px;color:#748192}.template-option i{display:none}.modal-actions{margin-top:15px}
.action-list{display:grid;margin-top:10px;border-top:1px solid #1e2731}.action-row{width:100%;min-height:46px;display:flex;align-items:center;gap:11px;padding:0 8px;border:0;border-bottom:1px solid #1e2731;background:transparent;color:#bac4d0;text-align:left;cursor:pointer}.action-row:hover{background:#131a22;color:#f2f5f8}.action-row svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}.action-row b{font-size:10px;font-weight:600}.danger-row{margin-top:8px;border:0;color:#d98692}.danger-row:hover{background:#1a1115;color:#f0a1ac}.danger-zone{border-radius:9px}
.file-drop{border-radius:10px;background:#0c1218}
.auth-tabs{background:#0b1016;border-radius:9px}.auth-tab{border-radius:7px}.auth-tab.active{background:#161e27}
.auth-account-view{border-radius:10px;background:#0c1218}.account-view-avatar{border-radius:10px}
.toast{border-radius:9px;background:#121920}

/* Landing: just tighten shared chrome, don't disturb the cinematic composition. */
.landing-v156 .v156-nav{border-bottom-color:#161d25}.landing-v156 .v156-nav-links>a:not(.v156-nav-cta),.landing-v156 .v156-nav-links>button{border-radius:8px}.landing-v156 .v156-nav-cta{border-radius:8px}.landing-v156 .v156-product-demo{border-color:#222c37}.landing-v156 .v156-demo-chrome,.landing-v156 .v156-demo-status{border-color:#1d2630}

@media(max-width:760px){
  .projects-page .container{width:min(100% - 20px,1120px)}.projects-page .site-nav{height:58px}.projects-page .brand-copy span{display:none}.projects-page .nav-center{display:none}.projects-page .cloud-chip{display:none!important}.projects-page .account-chip{margin-left:auto}
  .projects-dashboard{padding:30px 0 58px}.projects-head{align-items:flex-start;padding-bottom:18px}.projects-title-block h1{font-size:27px}.projects-head-actions{gap:5px}.projects-head-actions .btn{height:36px;min-height:36px;padding:0 9px}.quiet-action span{display:none}.quiet-action{width:36px;padding:0}.project-commandbar{grid-template-columns:minmax(0,1fr) 42px 42px;gap:6px}.project-commandbar .search-wrap{grid-column:1/-1}.sort-select{grid-column:1/2;width:100%}.icon-text-action{width:42px;padding:0}.icon-text-action span{display:none}.starter-strip{align-items:flex-start;flex-direction:column;gap:7px}.quick-templates{width:100%;overflow:auto}.quick-template{height:34px}.project-grid{grid-template-columns:1fr}.project-card{min-height:218px}.project-preview{height:112px}.card-menu{width:40px;height:40px;right:11px;top:11px}.project-badge{top:16px;left:16px}.modal{padding:16px}.template-options,.start-options{grid-template-columns:1fr 1fr}.action-row{min-height:50px}
}
@media(max-width:430px){.projects-head-actions .new-project-action span{display:none}.new-project-action{width:38px;padding:0}.template-options,.start-options{grid-template-columns:1fr}}


/* =========================================================
   v1.7.0 — reliable intro + responsive centering refinement
   ========================================================= */
.v156-intro{
  position:fixed;inset:0;z-index:500;min-height:100svh;min-height:100dvh;
  display:flex;align-items:center;justify-content:center;
  padding:max(22px,env(safe-area-inset-top)) max(18px,env(safe-area-inset-right)) max(22px,env(safe-area-inset-bottom)) max(18px,env(safe-area-inset-left));
  background:#020304;overflow:hidden;opacity:1;visibility:visible;
  transition:opacity .42s ease,visibility .42s ease;
}
.v156-intro.done{opacity:0;visibility:hidden;pointer-events:none}
.v160-intro-lockup{position:relative;z-index:3;width:min(760px,84vw);display:grid;justify-items:center;gap:18px;opacity:1;transform:none}
.v160-intro-lockup img{display:block;width:100%;height:auto;object-fit:contain}
.v160-intro-lockup span{color:#647188;font:650 7px/1 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.24em;opacity:0}
.v156-intro.play .v160-intro-lockup{animation:v160LockupIn .72s .08s cubic-bezier(.2,.78,.2,1) both}
.v156-intro.play .v160-intro-lockup span{animation:v160MetaIn .42s .38s ease both}
.v156-intro-line{left:50%;top:50%;width:min(850px,88vw);transform:translate(-50%,-50%) scaleX(0);opacity:0}
.v156-intro.play .v156-intro-line{animation:v160Line 1.05s .03s ease forwards}
.v156-intro-scan{width:220px;height:130%;opacity:0;transform:translateX(-75vw) skewX(-12deg)}
.v156-intro.play .v156-intro-scan{opacity:1;animation:v160Scan 1.05s .24s ease forwards}
.v160-intro-light{position:absolute;z-index:1;width:min(920px,92vw);aspect-ratio:2.8/1;border-radius:50%;background:radial-gradient(ellipse,rgba(34,101,255,.16),rgba(34,101,255,0) 68%);filter:blur(16px);opacity:0}
.v156-intro.play .v160-intro-light{animation:v160Light .85s .12s ease both}
@keyframes v160LockupIn{from{opacity:0;transform:translateY(10px) scale(.982);filter:blur(4px)}to{opacity:1;transform:none;filter:none}}
@keyframes v160MetaIn{from{opacity:0;transform:translateY(4px)}to{opacity:.78;transform:none}}
@keyframes v160Line{0%{transform:translate(-50%,-50%) scaleX(0);opacity:0}40%{opacity:.82}100%{transform:translate(-50%,-50%) scaleX(1);opacity:.28}}
@keyframes v160Scan{from{transform:translateX(-75vw) skewX(-12deg)}to{transform:translateX(75vw) skewX(-12deg)}}
@keyframes v160Light{from{opacity:0;transform:scale(.88)}to{opacity:1;transform:scale(1)}}
@media(max-width:760px){
  .v156-intro{padding:calc(env(safe-area-inset-top) + 24px) 18px calc(env(safe-area-inset-bottom) + 24px)}
  .v160-intro-lockup{width:min(560px,90vw);gap:14px}
  .v160-intro-lockup span{font-size:6px;letter-spacing:.19em}
  .v156-intro-line{width:92vw}
  .v160-intro-light{width:96vw}
}
@media(max-width:430px){.v160-intro-lockup{width:min(500px,92vw)}.v160-intro-lockup span{font-size:5.5px}}
@media(prefers-reduced-motion:reduce){.v156-intro{display:none!important}}

/* Intro fails safe even if a later script fails to initialize. */
.v156-intro:not(.done){animation:v160IntroAutoHide .42s 1.22s forwards}
@keyframes v160IntroAutoHide{to{opacity:0;visibility:hidden;pointer-events:none}}

/* Kodari v1.7 — share / remix */
.action-row span small{display:block;margin-top:3px;color:#6d7a8c;font-size:7px;font-weight:400}.share-project-modal{width:min(100%,500px)}.share-publish-state{display:flex;align-items:center;gap:10px;padding:11px;border:1px solid #253140;border-radius:10px;background:#0d131a;margin-top:12px}.share-publish-dot{width:7px;height:7px;border-radius:50%;background:#667386;flex:0 0 7px}.share-publish-state.published .share-publish-dot{background:var(--good);box-shadow:0 0 0 4px rgba(86,201,154,.07)}.share-publish-state>div{display:grid;min-width:0}.share-publish-state b{font-size:9px}.share-publish-state span{margin-top:3px;color:#738194;font-size:8px;line-height:1.45}.share-link-row{display:grid;grid-template-columns:minmax(0,1fr) auto}.share-link-row input{border-radius:10px 0 0 10px!important;font:8px/1 ui-monospace,monospace}.share-link-row .btn{border-radius:0 10px 10px 0;border-left:0}.share-modal-actions>div{display:flex;gap:7px}.project-card .project-badge{transition:.15s}.project-card:has(.project-badge:first-child){--share-card:1}@media(max-width:680px){.share-modal-actions{display:flex!important;flex-direction:column-reverse}.share-modal-actions>div{display:grid;grid-template-columns:1fr 1fr;width:100%}.share-modal-actions>#unpublishShare{width:100%}}