:root{--ink:#17202b;--muted:#647181;--paper:#fff;--ground:#f7f8fb;--violet:#635bff;--violet-deep:#4840b9;--lilac:#eeedff;--coral:#e96e5b;--line:#e4e8ef;--dark:#171d2b;--shadow:0 24px 70px rgba(31,42,65,.12)}
body{background:linear-gradient(180deg,#fff 0%,#f7f8fb 48%,#fff 100%);color:var(--ink)}.site-header{background:rgba(255,255,255,.86);border-color:#e9ecf2}.brand{color:var(--ink)}nav a{color:#647181}nav a:hover,nav .active{color:var(--violet-deep)}.eyebrow{color:var(--violet-deep)}.lead,.availability{color:#647181}.secondary{border-color:#c9c5ff;background:#fff;color:var(--violet-deep)}.hero:before{border-color:rgba(99,91,255,.13);box-shadow:0 0 0 70px rgba(99,91,255,.035),0 0 0 140px rgba(99,91,255,.02)}.reflection-card{border-color:rgba(64,71,150,.14);background:linear-gradient(145deg,#34328e 0%,#635bff 58%,#8580e8 100%);box-shadow:0 28px 65px rgba(70,65,180,.2)}.availability{border-color:#e2e6ee;background:#fff}.section-tint{background:#f3f5fa}.app-showcase{background:#f3f5fa}.showcase-intro p{color:#647181}.screen-grid{grid-template-columns:repeat(2,1fr);gap:34px 26px}.screen-card{display:grid;grid-template-columns:minmax(180px,42%) 1fr;gap:22px;align-items:center;margin:0!important;padding:15px;border:1px solid #e5e9f1;border-radius:28px;background:#fff;box-shadow:0 14px 38px rgba(31,42,65,.08)}.screen-frame{padding:7px;border-color:#e1e5ee;background:#edf0f5;box-shadow:0 14px 30px rgba(31,42,65,.12)}.screen-frame img{height:410px;border-radius:19px}.screen-card figcaption{padding:0;color:#17202b;font-size:1rem}.screen-card figcaption span{color:#647181}.feature-grid article,.support-card{background:#fff;border-color:#e4e8ef}.kind-cloud span{background:#fff;border-color:#d8d6ff;color:#4840b9}.kind-cloud span:nth-child(2n){background:#eeedff}.kind-cloud span:nth-child(3n){background:#fff1ed;border-color:#ffd5cc;color:#a94738}.dark-section{background:#171d2b}.promise p{color:#cbd3df}footer{background:#111722}
@media(max-width:900px){.screen-grid{grid-template-columns:1fr}.screen-card{grid-template-columns:180px 1fr}.screen-frame img{height:390px}}
@media(max-width:520px){.screen-card{grid-template-columns:1fr}.screen-frame img{height:480px}}