@import"https://rsms.me/inter/inter.css";:root{--bg-page: #f7f8fa;--bg-base: #ffffff;--bg-soft: #f1f3f7;--ink-main: #0f1724;--ink-muted: rgba(15, 23, 36, .66);--accent-gold: #d08b2f;--accent-rose: #d8695a;--accent-cyan: #2075bc;--line-soft: rgba(15, 23, 36, .11);--panel-fill: linear-gradient(150deg, rgba(255, 255, 255, .98), rgba(250, 252, 255, .98));--panel-shadow: 0 16px 34px rgba(15, 23, 36, .08);--max-width: 1140px}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}body{font-family:Inter var,Inter,Avenir Next,Segoe UI,sans-serif;color:var(--ink-main);background:radial-gradient(circle at 14% 0%,rgba(32,117,188,.07),transparent 28%),radial-gradient(circle at 88% 10%,rgba(208,139,47,.08),transparent 32%),linear-gradient(180deg,#fbfcff 0%,var(--bg-page) 100%)}h1,h2,h3{margin:0;font-family:Inter var,Inter,Avenir Next,Segoe UI,sans-serif;line-height:1.06;letter-spacing:-.02em}p{margin:0;color:var(--ink-muted)}code{font-family:SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace;color:var(--ink-main);font-size:.9em}.container{width:min(var(--max-width),calc(100% - 2.6rem));margin-inline:auto}.site-shell{position:relative;overflow:clip;padding-bottom:4.5rem}.noise-layer{position:absolute;top:0;right:0;bottom:0;left:0;background-image:repeating-linear-gradient(135deg,rgba(255,255,255,.025) 0,rgba(255,255,255,.025) 1px,transparent 1px,transparent 8px);opacity:.07;pointer-events:none;z-index:-2}.glow{position:absolute;width:26rem;height:26rem;border-radius:999px;filter:blur(96px);z-index:-1;opacity:.18;pointer-events:none}.glow-left{top:-8rem;left:-10rem;background:#d8695a73}.glow-right{top:18rem;right:-8rem;background:#2075bc61}.site-header{display:flex;align-items:center;justify-content:space-between;padding:1.4rem 0 1.2rem;position:sticky;top:0;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:transparent;border-bottom:none;box-shadow:none;z-index:15}.brand{display:inline-flex;align-items:center;gap:.72rem;color:var(--ink-main);text-decoration:none;font-weight:700;letter-spacing:.01em}.brand-mark{width:2.35rem;height:2.35rem;border-radius:.7rem;overflow:hidden;display:grid;place-items:center;background:#fff;border:1px solid var(--line-soft);box-shadow:0 8px 22px #0f17241a}.brand-mark img{width:100%;height:100%;object-fit:cover;display:block}.site-nav{display:inline-flex;gap:1.25rem}.site-nav a{color:var(--ink-muted);text-decoration:none;font-size:.94rem;transition:color .18s ease}.site-nav a:hover{color:var(--ink-main)}.hero{padding:4.4rem 0 3.2rem}.hero-layout{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(340px,.9fr);gap:1.4rem;align-items:start}.eyebrow{color:var(--accent-cyan);font-size:.72rem;letter-spacing:.2em;text-transform:uppercase;font-weight:800}.eyebrow-highlight{display:inline-flex;align-items:center;padding:.45rem .65rem;border-radius:999px;background:linear-gradient(120deg,#2075bc29,#d08b2f33),#fff;border:1px solid rgba(32,117,188,.2);box-shadow:0 8px 20px #2075bc24}.hero h1{font-size:clamp(2.4rem,5.4vw,4.8rem);max-width:14ch;margin-top:1.05rem}.hero-copy{margin-top:1.1rem;font-size:1.05rem;line-height:1.7;max-width:62ch}.hero-actions{display:flex;flex-wrap:wrap;gap:.88rem;margin-top:1.8rem}.hero-video-card{border:1px solid var(--line-soft);border-radius:1rem;background:#fff;box-shadow:var(--panel-shadow);padding:.65rem;justify-self:center}.hero-video-card video{width:100%;display:block;border-radius:.75rem}.hero-phone-card{width:clamp(320px,34vw,420px);border-radius:2.25rem;padding:.9rem;border:1px solid rgba(15,23,36,.14);background:linear-gradient(155deg,#f6f8fb,#e9edf4);box-shadow:0 16px 34px #0f17241f,inset 0 1px #ffffffe6}.hero-phone-card video{aspect-ratio:9 / 19.5;object-fit:contain;background:#0d1117;border:1px solid rgba(15,23,36,.18);border-radius:1.65rem;box-shadow:inset 0 0 0 1px #fff9,0 8px 18px #0f172414}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.83rem 1.3rem;border-radius:.85rem;text-decoration:none;font-weight:700;border:1px solid transparent;transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}.btn:hover{transform:translateY(-2px)}.btn-primary{color:#fff;background:linear-gradient(130deg,#2075bc,#2d89d6);box-shadow:0 10px 22px #2075bc47}.btn-secondary{color:var(--ink-main);border-color:var(--line-soft);background:#fff}.section-head h2{margin-top:.6rem;font-size:clamp(1.9rem,3.8vw,3rem);max-width:22ch}.study-flow,.modes,.media{margin-top:4.8rem}.why-grid{margin-top:1.4rem;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.why-card{border:1px solid var(--line-soft);border-radius:1rem;background:#fff;box-shadow:var(--panel-shadow);padding:1.12rem;animation:fade-up .65s ease both;animation-delay:calc(var(--order) * 90ms)}.why-card h3{font-size:1.25rem}.why-card p{margin-top:.5rem;color:var(--ink-muted);line-height:1.55}.timeline{margin:1.4rem 0 0;padding:0;list-style:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}.timeline li{border:1px solid var(--line-soft);border-radius:1rem;background:var(--panel-fill);box-shadow:var(--panel-shadow);padding:1.1rem;animation:fade-up .65s ease both;animation-delay:calc(var(--order) * 90ms)}.timeline span{color:var(--accent-gold);font-size:.78rem;font-weight:700;letter-spacing:.13em}.timeline h3{margin-top:.7rem;font-size:1.35rem}.timeline p{margin-top:.55rem;line-height:1.6}.mode-grid{margin-top:1.4rem;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.mode-card{border:1px solid var(--line-soft);border-radius:1rem;background:#fff;box-shadow:var(--panel-shadow);padding:1.12rem;animation:fade-up .68s ease both;animation-delay:var(--delay, 0ms)}.mode-card p{color:var(--accent-cyan);font-size:.74rem;letter-spacing:.14em;text-transform:uppercase;font-weight:700}.mode-card h3{margin-top:.52rem;font-size:1.42rem}.mode-card span{display:block;margin-top:.45rem;color:var(--ink-muted);line-height:1.56}.phone-showcase-grid{margin-top:1.6rem;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.3rem}.phone-shot{border:1px solid var(--line-soft);border-radius:1.3rem;background:#fff;box-shadow:0 14px 30px #0f172414;padding:1rem}.phone-shell{border-radius:1.7rem;padding:.55rem;background:linear-gradient(160deg,#f7f9fc,#e8edf4);border:1px solid rgba(15,23,36,.14);box-shadow:0 12px 20px #0f17241f,inset 0 1px #ffffffe6}.phone-shell img{width:100%;height:auto;object-fit:contain;display:block;border-radius:1.35rem;border:1px solid rgba(15,23,36,.16);background:#f9fbff}.phone-shot h3{margin-top:.85rem;font-size:1.08rem}.phone-shot p{margin-top:.35rem;line-height:1.45;font-size:.94rem}.cta{margin-top:5.2rem;border:1px solid var(--line-soft);border-radius:1.2rem;background:linear-gradient(145deg,#2075bc14,#d08b2f14),var(--panel-fill);box-shadow:var(--panel-shadow);padding:2.2rem 1.3rem;text-align:center}.cta h2{margin:.55rem auto 0;max-width:16ch;font-size:clamp(2rem,3.5vw,3.2rem)}.cta p{margin:1rem auto 1.3rem;max-width:68ch}.site-footer{margin-top:2rem;padding-top:1rem;border-top:1px solid var(--line-soft);display:flex;align-items:center;justify-content:space-between;gap:.8rem;flex-wrap:wrap}.site-footer p{color:var(--ink-main);font-weight:600}.site-footer nav{display:inline-flex;align-items:center;gap:1rem;flex-wrap:wrap}.site-footer a{color:var(--ink-muted);text-decoration:none;font-size:.9rem}.site-footer a:hover{color:var(--ink-main)}.fade-up{animation:fade-up .7s ease both}.delay-1{animation-delay:.13s}.delay-2{animation-delay:.23s}.delay-3{animation-delay:.33s}.delay-4{animation-delay:.46s}@keyframes fade-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 1050px){.timeline,.mode-grid,.why-grid,.phone-showcase-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 760px){.container{width:min(var(--max-width),calc(100% - 1.45rem))}.site-header{flex-direction:column;align-items:flex-start;gap:.7rem}.hero{padding-top:2.8rem}.hero-layout{grid-template-columns:1fr}.hero-phone-card{width:min(100%,360px)}.timeline,.why-grid,.mode-grid,.phone-showcase-grid{grid-template-columns:1fr}.hero-copy{font-size:.98rem}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:1ms!important;animation-iteration-count:1!important;transition-duration:1ms!important;scroll-behavior:auto!important}}
