:root{--ease-in-out:cubic-bezier(0.4,0.0,0.2,1);--ease-in:cubic-bezier(0.4,0,1,0.65);--ease-out:cubic-bezier(0.218,0.58,0.36,1);--ease-bounce:cubic-bezier(.17,.67,.3,1.33)}[app-page]{--ph:2.6875rem;--rc:19px}[app-page] .app-breadcrumb{align-items:center;color:hsla(0,0%,100%,.35);display:flex;font-size:.75rem;font-weight:300;gap:.5rem;margin-bottom:auto;position:relative;z-index:2}[app-page] .app-breadcrumb a{color:hsla(0,0%,100%,.35);transition:color .15s ease}[app-page] .app-breadcrumb a:hover{color:hsla(0,0%,100%,.8)}[app-page] .app-breadcrumb__sep{font-size:.625rem;opacity:.5}[app-page] .app-breadcrumb__current{color:hsla(0,0%,100%,.65);font-weight:400}[app-page] .app-label{color:#b4b4b4;display:block;font-size:.6875rem;font-weight:300;letter-spacing:.1em;margin-bottom:.5rem;text-transform:uppercase}[app-page] .app-label--white{color:hsla(0,0%,100%,.4)}[app-page] .app-hero{background:linear-gradient(160deg,#0a1628,#1a2a3a 50%,#3c3c3c);display:flex;flex-direction:column;justify-content:flex-end;min-height:100svh;overflow:hidden;padding:6.25rem var(--ph) 5rem;position:relative}[app-page] .app-hero__bg-word{align-items:center;bottom:0;color:hsla(0,0%,100%,.025);display:flex;font-size:max(180px,min(22vw,360px));font-weight:700;justify-content:center;left:0;letter-spacing:-.06em;pointer-events:none;position:absolute;right:0;top:0;-webkit-user-select:none;-moz-user-select:none;user-select:none}[app-page] .app-hero__inner{display:flex;flex-direction:column;gap:1.25rem;max-width:900px;position:relative;z-index:1}[app-page] .app-hero__title{color:#fff;font-size:max(52px,min(7.5vw,110px));font-weight:700;letter-spacing:-.03em;line-height:1}[app-page] .app-hero__title em{color:hsla(0,0%,100%,.35);font-style:italic}[app-page] .app-hero__body{color:hsla(0,0%,100%,.55);font-size:1.125rem;font-weight:300;line-height:1.7;max-width:52ch}[app-page] .app-hero__actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:.5rem}[app-page] .app-kpis{background:#3c3c3c;padding:3.5rem var(--ph) 4.75rem}[app-page] .app-kpis__grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(4,1fr)}@media(max-width:700px){[app-page] .app-kpis__grid{grid-template-columns:repeat(2,1fr)}}[app-page] .app-kpi{display:flex;flex-direction:column;gap:.5rem}[app-page] .app-kpi__val{color:#fff;font-size:max(36px,min(4vw,56px));font-weight:700;letter-spacing:-.02em;line-height:1}[app-page] .app-kpi__val--green{color:#a0ca75}[app-page] .app-kpi__label{color:hsla(0,0%,100%,.4);font-size:.8125rem;font-weight:300;letter-spacing:.06em;text-transform:uppercase}[app-page] .app-manifesto{background:#3c3c3c;border-top:1px solid hsla(0,0%,100%,.06);padding:4.75rem var(--ph)}[app-page] .app-manifesto__inner{margin:0 auto;max-width:900px}[app-page] .app-manifesto__quote{color:#fff;font-size:max(22px,min(2.8vw,38px));font-style:italic;font-weight:300;line-height:1.55;margin:1rem 0 1.25rem}[app-page] .app-features{padding:4.75rem var(--ph)}[app-page] .app-features__header{display:flex;flex-direction:column;gap:.625rem;margin-bottom:3.25rem}[app-page] .app-features__title{font-size:max(28px,min(3.5vw,44px));font-weight:700;line-height:1.15}[app-page] .app-features__grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(3,1fr)}@media(max-width:900px){[app-page] .app-features__grid{grid-template-columns:1fr 1fr}}@media(max-width:600px){[app-page] .app-features__grid{grid-template-columns:1fr}}[app-page] .app-card{background:#3c3c3c;border-radius:var(--rc);display:flex;flex-direction:column;gap:.75rem;padding:2.25rem 1.75rem;position:relative;transition:transform .2s ease,box-shadow .2s ease}[app-page] .app-card:before{background:hsla(0,0%,100%,.06);border-radius:var(--rc) var(--rc) 0 0;content:"";height:2px;left:0;position:absolute;right:0;top:0;transition:background .2s ease}[app-page] .app-card:hover{box-shadow:0 24px 48px rgba(0,0,0,.18);transform:translateY(-4px)}[app-page] .app-card:hover:before{background:hsla(90,45%,63%,.4)}[app-page] .app-card__emoji{font-size:2rem;line-height:1}[app-page] .app-card__name{color:#fff;font-size:1.25rem;font-weight:700}[app-page] .app-card__desc{color:hsla(0,0%,100%,.5);font-size:.875rem;font-weight:300;line-height:1.7}[app-page] .app-cta{padding:0 var(--ph) 4.75rem}[app-page] .app-cta__inner{align-items:center;background:linear-gradient(135deg,#0a1628,#1a2a3a);border-radius:1.5rem;display:flex;flex-direction:column;gap:1.5rem;padding:4.5rem var(--ph);text-align:center}[app-page] .app-cta__label{color:hsla(0,0%,100%,.3);font-size:.6875rem;font-weight:300;letter-spacing:.12em;text-transform:uppercase}[app-page] .app-cta__title{color:#fff;font-size:max(32px,min(4.5vw,64px));font-weight:700;letter-spacing:-.02em;line-height:1}[app-page] .app-cta__title em{color:hsla(0,0%,100%,.4);font-style:italic}[app-page] .app-cta__body{color:hsla(0,0%,100%,.5);font-size:1rem;font-weight:300;line-height:1.7;max-width:42ch}[app-page] .app-cta__actions{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center;margin-top:.5rem}[app-page] .app-platforms{background:#fff;padding:4.75rem var(--ph)}[app-page] .app-platforms__inner{margin:0 auto;max-width:1100px}[app-page] .app-platforms__title{color:#3c3c3c;font-size:max(28px,min(3.5vw,44px));font-weight:700;line-height:1.1;margin-bottom:2.5rem}[app-page] .app-comparison{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(3,1fr)}[app-page] .app-plat{border:1px solid #e0e0e0;border-radius:16px;display:flex;flex-direction:column;overflow:hidden}[app-page] .app-plat--flutter{border-top:3px solid #54c5f8}[app-page] .app-plat--native{border-top:3px solid #3c3c3c}[app-page] .app-plat--web{border-top:3px solid #a0ca75}[app-page] .app-plat__header{background:#f9f9f9;border-bottom:1px solid #e0e0e0;padding:1.5rem 1.25rem 1rem}[app-page] .app-plat__badge{background:#e8f4fd;border-radius:20px;color:#0a6ea5;display:inline-block;font-size:.5625rem;font-weight:700;letter-spacing:1px;margin-bottom:8px;padding:2px 8px;text-transform:uppercase}[app-page] .app-plat__badge--dark{background:#3c3c3c;color:#fff}[app-page] .app-plat__badge--web{background:hsla(90,45%,63%,.2);color:#3a6a0a}[app-page] .app-plat__name{color:#3c3c3c;font-size:1.125rem;font-weight:600;margin-bottom:4px}[app-page] .app-plat__claim{color:#b4b4b4;font-size:.75rem}[app-page] .app-plat__tech{border-bottom:1px solid #f0f0f0;display:flex;flex-wrap:wrap;gap:6px;padding:1rem 1.25rem}[app-page] .app-tech-pill{background:#f0f0f0;border-radius:20px;color:#3c3c3c;font-family:monospace;font-size:.625rem;font-weight:500;padding:3px 10px}[app-page] .app-plat__pros{flex:1;list-style:none;padding:1rem 1.25rem}[app-page] .app-plat__pros li{color:#3c3c3c;font-size:.75rem;line-height:1.4;margin-bottom:8px;padding-left:16px;position:relative}[app-page] .app-plat__pros li:before{color:#a0ca75;content:"✓";font-size:.6875rem;left:0;position:absolute}[app-page] .app-plat__best{background:#fafafa;border-top:1px solid #f0f0f0;padding:.75rem 1.25rem 1.25rem}[app-page] .app-plat__best p{color:#b4b4b4;font-size:.6875rem;line-height:1.5;margin-top:6px}[app-page] .app-mockup-section{background:#f6f6f6;padding:4.75rem var(--ph)}[app-page] .app-mockup-section__inner{margin:0 auto;max-width:1000px}[app-page] .app-phone-showcase{align-items:center;display:flex;gap:40px;justify-content:center}[app-page] .app-phone{align-items:center;display:flex;flex-direction:column;gap:16px}[app-page] .app-phone__frame{background:#1a1a1a;border-radius:28px;box-shadow:0 16px 40px rgba(0,0,0,.2);display:flex;flex-direction:column;gap:0;padding:12px 8px;width:160px}[app-page] .app-phone__notch{background:#0a0a0a;border-radius:20px;height:14px;margin:0 auto 8px;width:50px}[app-page] .app-phone__screen{background:#f0f0f0;border-radius:16px;height:280px;overflow:hidden}[app-page] .app-phone__screen--dark{background:#0f0e1a}[app-page] .app-phone__homeind{background:hsla(0,0%,100%,.2);border-radius:2px;height:4px;margin:8px auto 0;width:50px}[app-page] .app-phone__label{color:#b4b4b4;font-size:.6875rem;letter-spacing:1px;text-transform:uppercase}[app-page] .app-wf-topbar{align-items:center;background:#e0e0e0;display:flex;gap:6px;height:24px;padding:0 10px}[app-page] .app-wf-topbar span{background:#c8c8c8;border-radius:2px;height:4px;width:30px}[app-page] .app-wf-hero{background:#d0d0d0;border-radius:8px;height:70px;margin:8px}[app-page] .app-wf-list{display:flex;flex-direction:column;gap:6px;padding:4px 8px}[app-page] .app-wf-item{align-items:center;background:hsla(0,0%,100%,.5);border-radius:6px;display:flex;gap:8px;padding:6px}[app-page] .app-wf-item div{display:flex;flex:1;flex-direction:column;gap:4px}[app-page] .app-wf-item div span{background:silver;border-radius:2px;display:block;height:4px}[app-page] .app-wf-item div span:last-child{width:60%}[app-page] .app-wf-item--active{background:rgba(10,22,40,.1)}[app-page] .app-wf-thumb{background:#c8c8c8;border-radius:6px;flex-shrink:0;height:28px;width:28px}[app-page] .app-phone-center{max-width:220px;text-align:center}[app-page] .app-phone-center h3{color:#3c3c3c;font-size:1.375rem;font-weight:300;line-height:1.3;margin-bottom:12px}[app-page] .app-phone-center p{color:#b4b4b4;font-size:.75rem;line-height:1.6;margin-bottom:20px}[app-page] .app-process-pills{align-items:center;display:flex;flex-wrap:wrap;gap:6px;justify-content:center}[app-page] .app-pp{background:#fff;border:1px solid #e0e0e0;border-radius:20px;color:#3c3c3c;font-size:.625rem;font-weight:600;padding:4px 10px}[app-page] .app-pp--green{background:#a0ca75;border-color:#a0ca75;color:#fff}[app-page] .app-pp-arrow{color:#b4b4b4;font-size:.75rem}[app-page] .app-ui-header{align-items:center;background:#1a1040;display:flex;justify-content:space-between;padding:8px 12px}[app-page] .app-ui-back{color:hsla(0,0%,100%,.6);font-size:1rem}[app-page] .app-ui-title{color:#fff;font-size:.6875rem;font-weight:600}[app-page] .app-ui-avatar{background:#a0ca75;border-radius:50%;height:22px;opacity:.8;width:22px}[app-page] .app-ui-stat{background:#1a1040;padding:12px}[app-page] .app-ui-stat-num{color:#fff;display:block;font-size:1.375rem;font-weight:700}[app-page] .app-ui-stat-label{color:hsla(0,0%,100%,.4);display:block;font-size:.5625rem;margin-bottom:8px}[app-page] .app-ui-chart{align-items:flex-end;display:flex;gap:4px;height:40px}[app-page] .app-ui-chart div{background:hsla(0,0%,100%,.2);border-radius:2px 2px 0 0;flex:1}[app-page] .app-ui-cards{display:flex;gap:8px;padding:8px}[app-page] .app-ui-card{background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.1);border-radius:8px;display:flex;flex:1;flex-direction:column;gap:2px;padding:8px}[app-page] .app-ui-card span{color:hsla(0,0%,100%,.4);font-size:.5625rem}[app-page] .app-ui-card b{color:#fff;font-size:.875rem}[app-page] .app-ui-card-icon{font-size:.875rem!important}