@import url("https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,500;9..144,700&family=Outfit:wght@400;500;600;700;800&display=swap");:root{--page-bg:#eff2ff;--surface:#fff;--surface-soft:#eef2ff;--ink:#141b31;--muted:#5b6786;--line:#d7dff0;--accent:#8f0207;--accent-strong:#680106;--accent-deep:#4d0104;--accent-soft:#f2cfd2;--accent-rgb:143,2,7;--navy:#0a377f;--navy-rgb:10,55,127;--radius-xl:30px;--radius-lg:22px;--radius-md:16px;--shadow-soft:0 18px 44px rgba(15,29,70,.1);--shadow-strong:0 30px 66px rgba(9,18,49,.19)}*{box-sizing:border-box}body,html{margin:0;padding:0}body{min-height:100vh;font-family:Outfit,sans-serif;color:var(--ink);background:var(--page-bg)}a{color:inherit}.lanes-root{min-height:100vh;position:relative;overflow-x:clip;padding-bottom:2rem}.glow{position:fixed;z-index:-1;pointer-events:none;border-radius:50%}.glow-left{width:44vw;height:44vw;top:-16vw;left:-8vw;background:radial-gradient(circle at 30% 34%,rgba(var(--accent-rgb),.23),transparent 64%),radial-gradient(circle at 65% 58%,rgba(var(--navy-rgb),.16),transparent 58%)}.glow-right{width:48vw;height:48vw;right:-14vw;bottom:-22vw;background:radial-gradient(circle at 28% 35%,rgba(var(--navy-rgb),.18),transparent 65%),radial-gradient(circle at 70% 56%,rgba(var(--accent-rgb),.17),transparent 58%)}.page-shell,.topbar{width:min(1240px,calc(100% - 2.2rem));margin-inline:auto}.topbar{margin-top:1.2rem;padding:.68rem;border-radius:999px;display:flex;align-items:center;justify-content:space-between;gap:.6rem;background:hsla(0,0%,100%,.76);border:1px solid rgba(22,38,83,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:-webkit-sticky;position:sticky;top:.8rem;z-index:70}.topbar-actions{gap:.58rem}.brand-pill,.topbar-actions{display:inline-flex;align-items:center}.brand-pill{gap:.64rem;font-weight:800;padding-inline:.76rem;font-size:.96rem;letter-spacing:.02em}.brand-dot{width:11px;height:11px;border-radius:50%;background:linear-gradient(145deg,var(--accent),var(--accent-strong));box-shadow:0 0 0 5px rgba(var(--accent-rgb),.14)}.main-nav{display:inline-flex;gap:.28rem;padding:.22rem;border-radius:999px;background:rgba(243,246,255,.8)}.main-nav a{text-decoration:none;color:var(--muted);border-radius:999px;padding:.58rem .95rem;font-size:.81rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;transition:.18s ease}.main-nav a:hover{background:#fff;color:var(--ink)}.language-switch{display:inline-flex;align-items:center;gap:.2rem;border-radius:999px;border:1px solid rgba(22,38,83,.13);background:#fff;padding:.18rem}.language-switch button{border:none;cursor:pointer;border-radius:999px;padding:.5rem .72rem;background:transparent;color:var(--muted);font-family:Outfit,sans-serif;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.language-switch button.active{color:#fff;background:linear-gradient(135deg,var(--accent),var(--accent-strong))}.page-shell{margin-top:1.1rem;display:grid;grid-gap:1rem;gap:1rem}.hero-block,.section-block{background:var(--surface);border:1px solid rgba(20,34,72,.08);border-radius:var(--radius-xl);box-shadow:var(--shadow-soft)}.hero-block{padding:2rem;display:grid;grid-template-columns:1.08fr .92fr;grid-gap:1rem;gap:1rem}.eiu-hero{align-items:start}.eiu-highlight{margin-top:1rem;border-radius:16px;border:1px solid rgba(var(--accent-rgb),.26);background:linear-gradient(140deg,rgba(var(--accent-rgb),.12),rgba(var(--navy-rgb),.08)),#fff;padding:.85rem .95rem;box-shadow:inset 0 0 0 1px hsla(0,0%,100%,.45)}.eiu-highlight strong{display:block;color:var(--accent-deep);text-transform:uppercase;letter-spacing:.08em;font-size:.72rem;font-weight:800}.eiu-highlight p{margin:.55rem 0 0}.eyebrow{margin:0;text-transform:uppercase;letter-spacing:.17em;color:var(--accent);font-size:.72rem;font-weight:800}.backend-card h2,.hero-copy h1,.infra-card h3,.pillar-card h3,.role-card h3,.screen-meta h3,.section-head h2,.split-card h3{margin:0;font-family:Fraunces,serif;line-height:1.15}.hero-copy h1{margin-top:.56rem;font-size:clamp(1.92rem,3.8vw,3.2rem);letter-spacing:-.015em;max-width:19ch}.hero-copy p{margin:.92rem 0 0;color:var(--muted);line-height:1.62;max-width:62ch}.eiu-platform-line{margin-top:.72rem;display:inline-flex;align-items:center;border-radius:999px;border:1px solid rgba(var(--accent-rgb),.2);background:rgba(var(--accent-rgb),.08);color:#3a4e79;padding:.4rem .72rem;font-size:.77rem;font-weight:700;letter-spacing:.03em}.hero-metrics{margin-top:1.4rem;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:.65rem;gap:.65rem}.hero-metrics article{border-radius:var(--radius-md);border:1px solid rgba(17,31,68,.08);padding:.94rem;background:linear-gradient(170deg,#fff 0,#f5f7ff 100%),linear-gradient(130deg,rgba(var(--accent-rgb),.11),rgba(var(--navy-rgb),.08))}.hero-metrics strong{display:block;font-size:1.4rem;font-family:Fraunces,serif}.hero-metrics span{display:block;margin-top:.2rem;font-size:.82rem;color:var(--muted)}.hero-panel{background:linear-gradient(160deg,#fff 6%,#f6f8ff 70%),linear-gradient(145deg,rgba(var(--accent-rgb),.14),transparent 42%);border-radius:var(--radius-lg);border:1px solid rgba(17,31,68,.08);padding:1.45rem;position:relative;overflow:hidden}.hero-panel:after{content:"";position:absolute;width:190px;height:190px;right:-62px;bottom:-74px;border-radius:48% 52% 38% 62%/43% 45% 55% 57%;background:radial-gradient(circle at 35% 35%,rgba(var(--navy-rgb),.2),transparent 64%)}.hero-panel h2{margin:0;font-family:Fraunces,serif;font-size:1.45rem}.hero-panel p{margin:.72rem 0 0;color:var(--muted);line-height:1.56}.config-grid{margin-top:1rem;display:grid;grid-gap:.7rem;gap:.7rem;position:relative;z-index:2}.field-block{display:grid;grid-gap:.4rem;gap:.4rem}.field-block span{font-size:.72rem;letter-spacing:.08em;font-weight:800;text-transform:uppercase;color:#475777}.field-block input,.field-block select{width:100%;border:1px solid rgba(17,31,68,.16);border-radius:12px;min-height:42px;background:#fff;padding:.6rem .75rem;color:var(--ink);font-family:Outfit,sans-serif;font-size:.92rem}.color-input-row{display:grid;grid-template-columns:64px 1fr;grid-gap:.48rem;gap:.48rem}#themeColorPicker{padding:.16rem}#themeColorPicker::-webkit-color-swatch-wrapper{padding:0}#themeColorPicker::-webkit-color-swatch{border:none;border-radius:9px}#themeHexInput.invalid{border-color:#af2121;box-shadow:inset 0 0 0 1px #af2121}.color-note{margin:.65rem 0 0;font-size:.8rem;line-height:1.45;color:#42547f;position:relative;z-index:2}.color-note.is-invalid{color:#af2121}.source-chip{margin-top:.88rem;background:#fff;border:1px solid var(--line);padding:.58rem .74rem;border-radius:12px;font-size:.77rem;letter-spacing:.02em;color:#40507b}.hero-links,.source-chip{position:relative;z-index:2}.hero-links{margin-top:.95rem;display:flex;flex-wrap:wrap;gap:.5rem}.hero-links a{text-decoration:none;display:inline-flex;align-items:center;padding:.5rem .82rem;border-radius:999px;border:1px solid rgba(var(--accent-rgb),.28);color:var(--accent);background:hsla(0,0%,100%,.88);font-weight:700;font-size:.79rem}.section-block{padding:1.6rem}.section-head h2{margin-top:.36rem;font-size:clamp(1.4rem,2.7vw,2.16rem)}.backend-card p,.empty-state,.subtext,.translation-note{color:var(--muted);line-height:1.6}.subtext{margin:.68rem 0 0;max-width:74ch}.translation-note{margin:.55rem 0 0;color:#4a5d8b;font-size:.81rem}.infra-grid,.pillar-grid,.role-grid,.screen-grid{margin-top:1.05rem;display:grid;grid-gap:.75rem;gap:.75rem}.pillar-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.pillar-card{border-radius:var(--radius-md);border:1px solid rgba(17,31,68,.08);background:var(--surface-soft);padding:1rem}.pillar-card h3{font-size:1.05rem}.infra-card p,.pillar-card p{margin:.55rem 0 0;color:var(--muted);line-height:1.52;font-size:.9rem}.split-layout{display:grid;grid-template-columns:1.15fr .85fr;grid-gap:.8rem;gap:.8rem}.split-card{border-radius:var(--radius-md);border:1px solid rgba(17,31,68,.08);padding:1.06rem;background:#fff}.split-card h3{margin-top:.34rem;font-size:1.17rem}.roadmap-cols{margin-top:.88rem;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:.7rem;gap:.7rem}.roadmap-cols h4{margin:0;font-size:.9rem;text-transform:uppercase;letter-spacing:.1em;color:#3a4a73}.design-card ul,.roadmap-cols ul,.role-card ul{margin:.68rem 0 0;padding:0;list-style:none;display:grid;grid-gap:.5rem;gap:.5rem}.design-card li,.roadmap-cols li,.role-card li{position:relative;padding-left:.88rem;color:var(--muted);font-size:.9rem;line-height:1.45}.design-card li:before,.roadmap-cols li:before,.role-card li:before{content:"";width:5px;height:5px;border-radius:50%;background:currentColor;position:absolute;left:0;top:.5rem}.design-card{background:linear-gradient(145deg,#fff 0,#f4f6ff 100%),linear-gradient(135deg,rgba(var(--navy-rgb),.16),transparent 40%)}.role-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.role-card{border-radius:var(--radius-md);border:1px solid rgba(17,31,68,.08);background:#fff;padding:.92rem}.role-card h3{font-size:1rem}.role-objective{margin:.48rem 0 0;color:#33456d;font-size:.84rem;line-height:1.45;font-weight:700}.role-permission-label{margin:.58rem 0 0;color:#5a6890;font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;font-weight:800}.infra-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.infra-card{border-radius:var(--radius-md);border:1px solid rgba(17,31,68,.09);background:linear-gradient(165deg,#fff 0,#f7f8ff 100%),linear-gradient(130deg,rgba(var(--accent-rgb),.08),rgba(var(--navy-rgb),.08));padding:1rem}.infra-card h3{font-size:1.02rem}.screen-toolbar{margin-top:1rem;display:grid;grid-gap:.65rem;gap:.65rem;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr) auto minmax(240px,300px);align-items:center}.search-field{display:block}.search-field input{width:100%;min-height:42px;border-radius:999px;border:1px solid rgba(17,31,68,.14);background:#fff;padding:.62rem 1rem;color:var(--ink);font-family:Outfit,sans-serif;font-size:.9rem}.filter-group,.mode-group{display:inline-flex;flex-wrap:wrap;gap:.38rem}.layout-scale-control{border:1px solid rgba(17,31,68,.12);border-radius:14px;background:linear-gradient(160deg,#fff,#f5f8ff);padding:.55rem .62rem;display:grid;grid-gap:.4rem;gap:.4rem}.layout-scale-control label{display:flex;align-items:center;justify-content:space-between;gap:.55rem;color:#495c84;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em}.layout-scale-control label strong{color:#1b2a4b}.layout-scale-actions{display:grid;grid-template-columns:1fr auto;grid-gap:.45rem;gap:.45rem;align-items:center}.layout-scale-actions input[type=range]{width:100%;accent-color:var(--accent)}.layout-scale-actions button{border:1px solid rgba(17,31,68,.14);border-radius:999px;background:#fff;color:#42547f;min-height:30px;padding:0 .68rem;font-size:.67rem;font-weight:700;letter-spacing:.07em;text-transform:uppercase;cursor:pointer}.layout-scale-actions button:disabled{opacity:.45;cursor:not-allowed}.layout-scale-control p{margin:0;color:#5f6f92;font-size:.71rem;line-height:1.35}.filter-group button,.mode-group button{border:1px solid rgba(17,31,68,.14);background:#fff;color:#42547f;padding:.47rem .72rem;border-radius:999px;font-family:Outfit,sans-serif;font-size:.74rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;cursor:pointer}.filter-group button.active,.mode-group button.active{color:#fff;border-color:transparent;background:linear-gradient(135deg,var(--accent),var(--accent-strong));box-shadow:0 8px 22px rgba(var(--accent-rgb),.24)}.empty-state{margin:1rem 0 0;padding:1rem;border-radius:14px;background:var(--surface-soft);border:1px solid rgba(17,31,68,.09)}.screen-grid{margin-top:1rem;grid-template-columns:repeat(auto-fit,minmax(min(100%,var(--screen-card-min-width,460px)),1fr));gap:1rem;align-items:start}.screen-card{border-radius:20px;border:1px solid rgba(17,31,68,.08);background:linear-gradient(170deg,#fff 0,#f8f9ff 100%),linear-gradient(140deg,rgba(var(--accent-rgb),.11),rgba(var(--navy-rgb),.08));padding:1rem;display:grid;grid-gap:.84rem;gap:.84rem}.screen-card.web-card{overflow:hidden}.screen-meta h3{margin-top:.44rem;font-size:1.16rem}.screen-meta p{margin:.44rem 0 0;color:var(--muted);line-height:1.5;font-size:.92rem}.chip-row{display:flex;flex-wrap:wrap;gap:.35rem}.chip{display:inline-flex;align-items:center;border-radius:999px;padding:.32rem .6rem;font-size:.7rem;text-transform:uppercase;letter-spacing:.08em;font-weight:700;color:#fff;background:linear-gradient(135deg,var(--accent),var(--accent-strong))}.chip.neutral{color:#36466e;background:#e8edff}.chip.platform.mobile{background:linear-gradient(135deg,#0d7f45,#096339)}.chip.platform.web{background:linear-gradient(135deg,#0a377f,#1d4f9f)}.desktop-shell{width:min(100%,var(--desktop-shell-width,760px));margin:0 auto;border-radius:20px;background:#0f1729;padding:10px;box-shadow:var(--shadow-strong);display:grid;grid-gap:.45rem;gap:.45rem;position:relative;overflow:hidden}.desktop-toolbar{min-height:30px;border-radius:12px;border:1px solid hsla(0,0%,100%,.12);background:rgba(15,24,45,.76);color:#d8def4;display:flex;align-items:center;justify-content:space-between;padding:0 .64rem;font-size:.68rem;letter-spacing:.08em;text-transform:uppercase;font-weight:700}.desktop-dots{display:inline-flex;align-items:center;gap:.32rem}.desktop-dots .dot{width:9px;height:9px;border-radius:999px}.desktop-dots .dot.red{background:#fd5f58}.desktop-dots .dot.amber{background:#fcbc2f}.desktop-dots .dot.green{background:#28c840}.phone-shell{width:min(100%,var(--phone-shell-width,390px));margin:0 auto;border-radius:38px;background:linear-gradient(160deg,#11192e,#0b1325),linear-gradient(135deg,rgba(var(--accent-rgb),.25),rgba(var(--navy-rgb),.22));padding:12px;box-shadow:var(--shadow-strong);position:relative}.phone-notch{width:132px;height:23px;border-radius:0 0 16px 16px;background:#0a1120;position:absolute;top:0;left:50%;transform:translateX(-50%);z-index:3}.phone-status-bar{position:absolute;top:8px;left:16px;right:16px;z-index:2;display:flex;justify-content:space-between;align-items:center;color:#e8ecff;font-size:.62rem;letter-spacing:.08em;text-transform:uppercase;font-weight:700;pointer-events:none}.phone-stage{border-radius:28px;overflow:hidden;background:#fff;aspect-ratio:390/844;border:1px solid hsla(0,0%,100%,.16);margin-top:14px}.phone-stage iframe,.phone-stage img{width:100%;height:100%;border:0;display:block;object-fit:cover}.phone-stage.mode-compare{display:grid;grid-template-columns:1fr;grid-template-rows:repeat(2,minmax(0,1fr))}.phone-stage.mode-compare iframe,.phone-stage.mode-compare img{border-right:none;border-bottom:1px solid rgba(17,31,68,.1)}.phone-stage.mode-compare>:last-child{border-bottom:none}.desktop-stage{border-radius:14px;overflow:hidden;background:#fff;aspect-ratio:1280/800;border:1px solid hsla(0,0%,100%,.16)}.desktop-stage iframe,.desktop-stage img{width:100%;height:100%;border:0;display:block;object-fit:cover}.desktop-stage.mode-compare{display:grid;grid-template-columns:1fr;grid-template-rows:repeat(2,minmax(0,1fr))}.desktop-stage.mode-compare iframe,.desktop-stage.mode-compare img{border-right:none;border-bottom:1px solid rgba(17,31,68,.1)}.desktop-stage.mode-compare>:last-child{border-bottom:none}.desktop-hover-cta{position:absolute;inset:10px;border-radius:14px;display:flex;align-items:flex-end;justify-content:flex-end;padding:.8rem;background:linear-gradient(180deg,rgba(9,16,34,0) 28%,rgba(9,16,34,.56));opacity:0;pointer-events:none;transform:translateY(8px);transition:opacity .18s ease,transform .18s ease}.desktop-shell:focus-within .desktop-hover-cta,.desktop-shell:hover .desktop-hover-cta{opacity:1;transform:translateY(0)}.desktop-hover-btn{position:relative;pointer-events:auto;text-decoration:none;border-radius:999px;border:1px solid hsla(0,0%,100%,.34);background:hsla(0,0%,100%,.96);color:#102246;padding:.5rem .88rem;font-size:.73rem;font-weight:800;letter-spacing:.05em;text-transform:uppercase}.desktop-hover-btn:after{content:attr(data-tooltip);position:absolute;right:0;bottom:calc(100% + 8px);white-space:nowrap;border-radius:8px;background:rgba(10,19,42,.94);color:#f5f8ff;padding:.38rem .52rem;font-size:.64rem;font-weight:700;letter-spacing:.04em;text-transform:none;opacity:0;transform:translateY(4px);pointer-events:none;transition:opacity .14s ease,transform .14s ease}.desktop-hover-btn:focus-visible:after,.desktop-hover-btn:hover:after{opacity:1;transform:translateY(0)}.screen-actions{display:flex;flex-wrap:wrap;gap:.5rem}.screen-actions a{text-decoration:none;display:inline-flex;align-items:center;border-radius:999px;border:1px solid rgba(var(--accent-rgb),.26);background:#fff;color:var(--accent);padding:.47rem .82rem;font-size:.77rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em}.screen-actions a:hover{background:rgba(var(--accent-rgb),.06)}.backend-card{background:linear-gradient(140deg,rgba(var(--accent-rgb),.07),rgba(var(--navy-rgb),.1)),#fff}.backend-card h2{margin-top:.38rem;font-size:clamp(1.4rem,2.7vw,2.1rem)}.backend-card p{margin:.72rem 0 0;max-width:78ch}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid rgba(var(--accent-rgb),.34);outline-offset:2px}.reveal{opacity:0;transform:translateY(10px);animation:rise .62s ease forwards}.reveal-1{animation-delay:70ms}.reveal-2{animation-delay:.14s}.reveal-3{animation-delay:.21s}.reveal-4{animation-delay:.28s}.reveal-5{animation-delay:.35s}.reveal-6{animation-delay:.42s}.reveal-7{animation-delay:.49s}@keyframes rise{to{opacity:1;transform:translateY(0)}}@media (max-width:1160px){.hero-block,.split-layout{grid-template-columns:1fr}.pillar-grid,.role-grid,.screen-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.infra-grid,.screen-toolbar{grid-template-columns:1fr}}@media (max-width:760px){.page-shell,.topbar{width:min(1240px,calc(100% - 1rem))}.topbar{flex-wrap:wrap;border-radius:16px;top:.34rem;padding:.46rem;gap:.4rem}.brand-pill,.topbar{justify-content:center}.brand-pill{width:100%;font-size:.82rem;gap:.44rem;padding-inline:.34rem}.brand-dot{width:9px;height:9px;box-shadow:0 0 0 3px rgba(var(--accent-rgb),.12)}.main-nav,.topbar-actions{width:100%}.main-nav{justify-content:flex-start;flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;padding:.14rem;gap:.2rem;scrollbar-width:none}.main-nav::-webkit-scrollbar{display:none}.main-nav a{white-space:nowrap;padding:.44rem .68rem;font-size:.66rem;letter-spacing:.03em}.topbar-actions{flex-direction:column;align-items:stretch;gap:.34rem}.language-switch{justify-content:center;margin-inline:auto;width:-moz-fit-content;width:fit-content;max-width:100%;padding:.12rem}.language-switch button{padding:.38rem .62rem;font-size:.65rem}.hero-block,.section-block{padding:1.16rem;border-radius:22px}.hero-metrics,.pillar-grid,.roadmap-cols,.role-grid,.screen-grid{grid-template-columns:1fr}.layout-scale-control{grid-column:1/-1}}@media (max-width:480px){.page-shell,.topbar{width:calc(100% - .68rem)}.main-nav a{padding:.36rem .56rem;font-size:.62rem}}