:root{--bg:#faf7f2;--ink:#163561;--muted:#616a82;--accent:#caa568;--card:#ffffff;--ring:#e6e1d9}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:Calibri,Segoe UI,Arial,system-ui,-apple-system,Roboto,sans-serif;color:var(--ink);background:var(--bg);overflow-x:hidden}.page{min-height:100%;display:flex;flex-direction:column;position:relative;z-index:1}.bg-ball{position:fixed;inset:0;width:100vw;height:100vh;display:block;z-index:0;pointer-events:none}.nav{display:flex;justify-content:space-between;align-items:center;padding:16px 28px;position:sticky;top:0;background:#faf7f2cc;-webkit-backdrop-filter:saturate(140%) blur(6px);backdrop-filter:saturate(140%) blur(6px);border-bottom:1px solid var(--ring)}.brand{display:flex;align-items:center;gap:10px}.logo{width:100px;height:36px}.hero-logo{width:200px;height:auto;display:block;margin:0 0 10px}.brand-name{font-weight:800;font-size:24px;letter-spacing:.2px;color:#b7904e}.nav-actions{display:flex;gap:10px}.nav a,.cta a,#start{text-decoration:none}.primary{background:var(--ink);color:#fff;padding:10px 16px;border-radius:10px;font-weight:600}.ghost{padding:10px 14px;border-radius:10px;color:var(--ink);border:1px solid var(--ring)}.secondary{background:#eadcc5;color:#5a420e;padding:10px 16px;border-radius:10px;font-weight:600;border:1px solid #d9c7a8}.large{padding:14px 22px;border-radius:12px}.hero-brand{display:flex;align-items:flex-end;gap:14px;margin:0 0 10px}.brand-mark{height:76px;width:auto;display:block}.brand-text{height:66px;width:auto;display:block}#start.primary.large{background:var(--accent);color:#fff;border:1px solid #b7904e;border-radius:14px;padding:14px 28px;font-weight:800;box-shadow:0 8px 18px #caa56859;transition:transform .25s ease,box-shadow .25s ease,filter .25s ease;animation:btnGlow 4.5s ease-in-out infinite}#start.primary.large:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 12px 26px #caa56873}#start.primary.large:active{transform:translateY(0) scale(.99);box-shadow:0 6px 14px #caa56852}@keyframes btnGlow{0%,to{filter:brightness(1)}50%{filter:brightness(1.06)}}.roles .pill{transition:transform .25s ease,box-shadow .25s ease}.roles .pill:hover{transform:translateY(-2px) scale(1.03);box-shadow:0 8px 18px #0b143714}@keyframes fadeUp{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.roles .pill{opacity:0;animation:fadeUp .5s ease forwards}.roles .pill:nth-child(1){animation-delay:.02s}.roles .pill:nth-child(2){animation-delay:.06s}.roles .pill:nth-child(3){animation-delay:.1s}.roles .pill:nth-child(4){animation-delay:.14s}.roles .pill:nth-child(5){animation-delay:.18s}.roles .pill:nth-child(6){animation-delay:.22s}.hero{display:grid;grid-template-columns:1.1fr .9fr;gap:32px;align-items:center;padding:42px 28px 64px;max-width:1460px;margin:0 auto;width:100%}.hero-left{padding-right:8px}.title{font-size:34px;line-height:1.15;margin:4px 0 22px;font-weight:800;font-family:Inter,Segoe UI,Arial,sans-serif;color:#163561}.features{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:16px 0 8px;perspective:700px}.feature{display:flex;flex-direction:column;gap:10px;align-items:center;text-align:center;background:#fff;border:none;border-radius:16px;padding:16px 14px;box-shadow:0 8px 18px #0b14370f;transition:transform .35s ease,box-shadow .35s ease}.feature:hover{transform:translateY(-6px) translateZ(10px) rotateX(3deg) rotateY(-3deg);box-shadow:0 18px 48px #0b143724,0 0 0 2px #caa56838}.feature-media{display:flex;align-items:center;justify-content:center;width:72px;height:72px;border-radius:999px;border:1px solid var(--ring);background:#caa56814;padding:0}.feature-media img{width:44px;height:44px;display:block;object-fit:contain;transition:transform .35s ease}.feature-media img:hover{transform:translateY(-4px) scale(1.06) rotate(-2deg)}.feature-title{font-weight:800;font-size:15px}.feature-subtitle{color:var(--muted);font-size:12px;font-family:Inter,Segoe UI,Arial,sans-serif}.roles{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0;justify-content:center}.announcements{margin:12px 0 8px;color:var(--muted);text-align:center}.pill{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;border:1px solid var(--ring);background:#fff;font-weight:600;margin-top:15px;margin-bottom:-20px}.announcements{margin:12px 0 8px;color:var(--muted)}.announcements>div:first-child{margin-bottom:10px}.announcements>div:last-child{margin-bottom:26px}.accent{color:var(--accent);font-weight:700}.platforms{display:flex;gap:18px;align-items:center;justify-content:center;margin:18px 0;color:var(--ink);flex-wrap:wrap;perspective:600px}.platform.item{display:inline-flex;align-items:center;gap:8px;padding:6px 10px;border:1px solid var(--ring);border-radius:999px;background:#fff}.platform.item{transform-style:preserve-3d}.platform.item{transition:transform .25s ease,box-shadow .25s ease}.platform.item:hover{transform:translateY(-2px);box-shadow:0 8px 18px #0b143714}.platform.item img{width:20px;height:20px;display:block;transition:transform .6s ease,opacity .2s ease;backface-visibility:hidden}.platform.item.playstore:hover img{transform:translateZ(12px) scale(1.18) rotateX(6deg)}.platform.item.appstore:hover img{animation:spinY .8s linear 1}.platform.item.mac:hover img{animation:spinYReverse .8s linear 1}.platform.item.harmony:hover img{animation:spinZ 1s linear infinite}.platform.item.windows:hover img{animation:tilt3D .9s ease both}.platform.item.linux img.gif,.platform.item.linux:hover img.static{display:none}.platform.item.linux:hover img.gif{display:block}@keyframes spinY{0%{transform:rotateY(0)}to{transform:rotateY(360deg)}}@keyframes spinYReverse{0%{transform:rotateY(0)}to{transform:rotateY(-360deg)}}@keyframes spinZ{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes tilt3D{0%{transform:rotateX(0) rotateY(0) translateZ(0)}25%{transform:rotateX(12deg) rotateY(-8deg) translateZ(8px)}50%{transform:rotateX(-10deg) rotateY(10deg) translateZ(10px)}75%{transform:rotateX(8deg) rotateY(-6deg) translateZ(6px)}to{transform:rotateX(0) rotateY(0) translateZ(0)}}.cta-note{margin:20px 0 4px;text-align:center;color:#8a7c63}.cta{display:flex;gap:12px;margin:12px 0 6px;justify-content:center}.footnote{font-size:12px;color:var(--muted);text-align:center;margin-top:20px}.hero-right{display:flex;justify-content:flex-end;position:relative;width:100%;margin-right:0}.phone-stack{position:relative;width:clamp(360px,36vw,560px);max-width:100%;transform:none;transform-origin:center}.phone-base{width:100%;height:auto;display:block}.phone-screen{position:absolute;display:block;width:33%;left:25.3%;top:8.4%;transform:rotate(-29.6deg);border-radius:9%;box-shadow:0 2px 8px #0000002e}.footer{margin-top:auto;padding:24px;text-align:center;color:var(--muted);border-top:1px solid var(--ring)}@media(min-width:761px){.phone-stack{transform:translate(calc(30px + max(0px,(100vw - 1460px)/2)))}.hero-left{transform:translate(75px)}}@media(min-width:1200px){.hero{grid-template-columns:1.25fr .75fr}.title{white-space:nowrap;overflow-wrap:normal;margin:8px 0 28px}.hero-brand{margin-top:-16px}.hero-left{transform:translate(100px)}.features{gap:20px;margin:24px 0 12px}.roles{margin:18px 0}.announcements{margin:16px 0 12px}.platforms{margin:20px 0}.cta{margin:20px 0 8px}}@media(prefers-reduced-motion:no-preference){.phone-screen{animation:screenReveal 1.2s ease-out forwards,screenGlow 6s ease-in-out infinite 1.2s;will-change:filter}.phone-stack:hover .phone-screen{animation-duration:1.2s,3.5s}@keyframes screenReveal{0%{filter:brightness(0)}to{filter:brightness(1)}}@keyframes screenGlow{0%,to{filter:brightness(1)}50%{filter:brightness(1.1)}}}@media(max-width:980px){.title{font-size:38px}.features{gap:14px}.feature{padding:12px}.feature-media img{width:46px;height:46px}.phone-stack{width:clamp(320px,44vw,540px)}}@media(max-width:760px){.hero{grid-template-columns:1fr;gap:20px;padding:28px}.features{grid-template-columns:1fr}.title{font-size:32px}.phone-stack{width:clamp(300px,62vw,520px);transform:translate(30px)}.phone-screen{width:33%;left:25.3%;top:8.4%;transform:rotate(-29.6deg);border-radius:9%}.hero-right{margin-right:0;margin-top:12px}}