:root{color-scheme:light;--bg: #f7f8fb;--surface: #ffffff;--surface-strong: #eef2f8;--text: #172033;--muted: #647086;--line: #dfe5ef;--primary: #234f9b;--primary-strong: #173a78;--accent: #c93636;--shadow: 0 18px 48px rgba(20, 32, 56, .12);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;background:linear-gradient(120deg,rgba(35,79,155,.08),transparent 34%),linear-gradient(300deg,rgba(201,54,54,.08),transparent 38%),var(--bg);color:var(--text);overflow-x:hidden}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}.site-shell{position:relative;min-height:100vh;overflow:hidden}.site-shell:before{content:"";position:fixed;inset:0;z-index:-2;pointer-events:none;background-image:linear-gradient(rgba(35,79,155,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(35,79,155,.08) 1px,transparent 1px);background-size:72px 72px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.72),transparent 78%);animation:grid-drift 22s linear infinite}.site-header{position:sticky;top:0;z-index:10;border-bottom:1px solid rgba(223,229,239,.75);background:#f7f8fbe6;backdrop-filter:blur(18px)}.nav{width:min(1120px,calc(100% - 32px));min-height:72px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:inline-flex;align-items:center;gap:12px;font-weight:800}.nav-links{display:flex;align-items:center;gap:22px;color:var(--muted);font-size:.95rem;font-weight:650}.nav-links a:hover{color:var(--primary)}.main{width:min(1120px,calc(100% - 32px));margin:0 auto}.hero{position:relative;min-height:calc(100vh - 72px);padding:64px 0 96px;display:grid;grid-template-columns:minmax(0,1.02fr) minmax(320px,.98fr);gap:48px;align-items:center}.hero:before{content:"";position:absolute;inset:32px -12vw auto 34%;height:220px;z-index:-1;background:linear-gradient(90deg,transparent,rgba(35,79,155,.14),transparent),linear-gradient(90deg,transparent,rgba(201,54,54,.12),transparent);clip-path:polygon(0 35%,100% 0,86% 62%,8% 100%);opacity:.72;animation:ribbon-sweep 12s ease-in-out infinite alternate}.eyebrow{margin:0 0 14px;color:var(--primary);font-size:.82rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}h1,h2,h3{overflow-wrap:normal;word-break:normal}p{overflow-wrap:break-word}.hero h1{max-width:720px;margin:0;font-size:clamp(3.4rem,7vw,6.8rem);line-height:.92;letter-spacing:0}.headline{animation:headline-rise .85s cubic-bezier(.16,1,.3,1) both}.kinetic-label{position:relative;display:inline-flex;align-items:center;gap:10px}.kinetic-label:before{content:"";width:34px;height:2px;border-radius:999px;background:var(--accent);transform-origin:left center;animation:line-grow .8s ease-out both}.hero-copy{max-width:640px;margin:24px 0 0;color:var(--muted);font-size:clamp(1.24rem,2vw,1.48rem);line-height:1.7}.hero-metrics{margin-top:30px;display:flex;flex-wrap:wrap;gap:12px}.metric{min-width:132px;padding:14px 16px;border:1px solid rgba(35,79,155,.16);border-radius:8px;background:#ffffffc7;box-shadow:0 12px 28px #14203814}.metric strong{display:block;color:var(--text);font-size:1.46rem;line-height:1}.metric span{display:block;margin-top:6px;color:var(--muted);font-size:.78rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.hero-actions{margin-top:34px;display:flex;flex-wrap:wrap;gap:14px}.button{min-height:46px;padding:0 18px;border:1px solid transparent;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;font-weight:800;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease,background .16s ease}.button:hover{transform:translateY(-1px);box-shadow:0 12px 24px #1420381f}.button.primary{background:var(--primary);color:#fff}.button.secondary{border-color:var(--line);background:var(--surface);color:var(--text)}.showcase{position:relative;min-height:560px;perspective:1100px}.phone-stack{position:absolute;inset:0}.phone-shot{position:absolute;width:min(48%,250px);overflow:hidden;border:8px solid #0e1627;border-radius:32px;background:#0e1627;box-shadow:var(--shadow);will-change:transform}.phone-shot img{width:100%;aspect-ratio:9 / 16;object-fit:cover}.phone-shot.first{left:4%;top:8%;transform:rotate(-7deg);animation:phone-float-first 7.5s ease-in-out infinite}.phone-shot.second{right:4%;top:0;transform:rotate(5deg);animation:phone-float-second 8s ease-in-out .65s infinite}.phone-shot.third{left:30%;bottom:0;transform:rotate(1deg);animation:phone-float-third 8.5s ease-in-out .3s infinite}.phone-shot:after,.screenshot-frame:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(115deg,transparent 18%,rgba(255,255,255,.32) 42%,transparent 58%);transform:translate(-120%);animation:screen-sheen 6.5s ease-in-out infinite}.phone-shot.second:after,.screenshot-frame:nth-child(2):after{animation-delay:1.2s}.phone-shot.third:after,.screenshot-frame:nth-child(3):after{animation-delay:2.1s}.motion-ribbon,.signal-line{position:absolute;pointer-events:none}.motion-ribbon{z-index:-1;height:16px;border:1px solid rgba(35,79,155,.18);background:linear-gradient(90deg,transparent,rgba(35,79,155,.16),rgba(201,54,54,.14),transparent);filter:drop-shadow(0 14px 22px rgba(35,79,155,.12))}.ribbon-a{width:72%;top:12%;right:2%;transform:rotate(-18deg);animation:ribbon-drift-a 9s ease-in-out infinite alternate}.ribbon-b{width:64%;bottom:18%;left:0;transform:rotate(22deg);animation:ribbon-drift-b 10s ease-in-out infinite alternate}.signal-line{width:120px;height:120px;border:1px solid rgba(201,54,54,.18);border-left-color:transparent;border-bottom-color:transparent;transform:rotate(45deg);opacity:.8}.line-a{top:28%;left:6%;animation:signal-step 6s ease-in-out infinite}.line-b{right:10%;bottom:26%;animation:signal-step 6s ease-in-out 1s infinite reverse}.section{padding:48px 0 92px}.section-header{max-width:720px;margin-bottom:28px}.section-header h2{margin:0;font-size:clamp(2rem,4vw,3.2rem);line-height:1}.section-header p{margin:14px 0 0;color:var(--muted);font-size:1.04rem;line-height:1.7}.section-header .contact-email{color:var(--text);font-size:1.12rem;font-weight:800}.contact-email a{color:var(--primary);text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:4px}.app-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.app-card{padding:24px;border:1px solid var(--line);border-radius:8px;background:var(--surface);display:grid;grid-template-columns:96px minmax(0,1fr);gap:22px;align-items:start;box-shadow:0 10px 30px #1420380f;transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease}.app-card:hover{border-color:#234f9b59;translate:0 -5px;box-shadow:0 18px 42px #1420381c}.app-icon{width:96px;height:96px;border-radius:22px;object-fit:cover;box-shadow:0 12px 26px #17203329;transition:transform .22s ease}.app-card:hover .app-icon{transform:scale(1.04) rotate(-2deg)}.app-card h3{margin:2px 0 8px;font-size:1.45rem}.app-card p{margin:0;color:var(--muted);line-height:1.6}.app-stat{margin-top:16px;display:inline-flex;align-items:baseline;gap:7px;color:var(--primary)}.app-stat strong{font-size:1.38rem;line-height:1}.app-stat span{color:var(--muted);font-size:.78rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.pill-row{margin-top:16px;display:flex;flex-wrap:wrap;gap:8px}.pill{padding:6px 10px;border:1px solid var(--line);border-radius:999px;background:var(--surface-strong);color:var(--muted);font-size:.82rem;font-weight:750;transition:transform .16s ease,border-color .16s ease,background .16s ease}.pill:hover{transform:translateY(-1px);border-color:#234f9b47;background:#fff}.detail-hero{padding:72px 0 42px;display:grid;grid-template-columns:minmax(0,.78fr) minmax(360px,1.22fr);gap:clamp(56px,7vw,96px);align-items:center}.detail-title-row{margin-bottom:22px;display:flex;align-items:center;gap:18px}.detail-title-row .app-icon{width:82px;height:82px;border-radius:18px}.detail-hero h1{margin:0;font-size:clamp(2.8rem,5vw,5.1rem);line-height:.94}.detail-copy{color:var(--muted);font-size:1.12rem;line-height:1.75}.detail-metrics{margin-top:20px}.screenshot-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;align-items:end}.screenshot-frame{position:relative;overflow:hidden;border:8px solid #0e1627;border-radius:30px;background:#0e1627;box-shadow:var(--shadow);animation:detail-frame-float 7.5s ease-in-out infinite}.screenshot-frame:nth-child(2){margin-bottom:24px;animation-delay:.7s}.screenshot-frame:nth-child(3){animation-delay:1.3s}.screenshot-frame img{width:100%;aspect-ratio:9 / 16;object-fit:cover}.feature-list{margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;list-style:none}.feature-list li{padding:20px;border-top:3px solid var(--primary);border-radius:8px;background:var(--surface);color:var(--muted);line-height:1.65;transition:transform .18s ease,box-shadow .18s ease}.feature-list li:hover{translate:0 -3px;box-shadow:0 14px 30px #14203814}.compact-section{padding-top:8px}.legal-link-row{display:flex;flex-wrap:wrap;gap:14px}.legal-page{max-width:860px}.legal-page h1{margin:0;font-size:clamp(2.7rem,5vw,4.7rem);line-height:.98}.legal-updated{margin:18px 0 0;color:var(--muted);font-weight:700}.legal-content{display:grid;gap:24px}.legal-block{padding:24px;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--muted);line-height:1.7}.legal-block h2{margin:0 0 12px;color:var(--text);font-size:1.25rem}.legal-block p{margin:0 0 12px}.legal-block p:last-child{margin-bottom:0}.legal-block ul{margin:0;padding-left:20px}.legal-block li+li{margin-top:8px}[data-reveal]{--reveal-delay: 0ms;opacity:0;transform:translateY(28px);transition:opacity .7s ease var(--reveal-delay),transform .7s cubic-bezier(.16,1,.3,1) var(--reveal-delay)}[data-reveal].is-visible,.reduce-motion [data-reveal]{opacity:1;transform:translateY(0)}.site-footer{padding:28px 0;border-top:1px solid var(--line);color:var(--muted);font-size:.94rem}.footer-inner{width:min(1120px,calc(100% - 32px));margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap}.footer-links{display:flex;flex-wrap:wrap;gap:18px;font-weight:700}.footer-links a:hover{color:var(--primary)}@media(max-width:860px){.nav{min-height:64px}.nav-links{gap:14px}.hero,.detail-hero{min-height:auto;grid-template-columns:1fr;padding-top:44px}.detail-hero{gap:42px}.showcase{min-height:470px}.hero:before{inset:40% -24vw auto 4%}.app-grid,.feature-list{grid-template-columns:1fr}.screenshot-row{grid-template-columns:repeat(3,minmax(120px,1fr));overflow-x:auto;padding:10px 0 24px}}@media(max-width:560px){.nav,.main{width:min(100% - 24px,1120px)}.hero h1,.detail-hero h1{font-size:3rem}.showcase{min-height:380px}.phone-shot{width:56%;border-width:6px;border-radius:24px}.motion-ribbon,.signal-line{opacity:.56}.app-card{grid-template-columns:72px minmax(0,1fr);padding:18px}.app-icon,.detail-title-row .app-icon{width:72px;height:72px;border-radius:16px}.detail-title-row{align-items:flex-start;flex-direction:column}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:1ms!important;animation-iteration-count:1!important;transition-duration:1ms!important}}@keyframes headline-rise{0%{opacity:0;transform:translateY(26px) scale(.98);filter:blur(10px)}to{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}}@keyframes line-grow{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes grid-drift{0%{background-position:0 0,0 0}to{background-position:72px 72px,72px 72px}}@keyframes ribbon-sweep{0%{transform:translate3d(-24px,0,0) rotate(-2deg)}to{transform:translate3d(24px,20px,0) rotate(2deg)}}@keyframes ribbon-drift-a{0%{transform:translate3d(-16px,0,0) rotate(-18deg)}to{transform:translate3d(18px,24px,0) rotate(-14deg)}}@keyframes ribbon-drift-b{0%{transform:translate3d(18px,18px,0) rotate(22deg)}to{transform:translate3d(-18px,-10px,0) rotate(18deg)}}@keyframes signal-step{0%,to{transform:translateZ(0) rotate(45deg) scale(1);opacity:.45}50%{transform:translate3d(8px,-8px,0) rotate(45deg) scale(1.08);opacity:.82}}@keyframes phone-float-first{0%,to{transform:translateZ(0) rotate(-7deg)}50%{transform:translate3d(4px,-16px,18px) rotate(-4deg)}}@keyframes phone-float-second{0%,to{transform:translateZ(0) rotate(5deg)}50%{transform:translate3d(-8px,14px,20px) rotate(2deg)}}@keyframes phone-float-third{0%,to{transform:translateZ(0) rotate(1deg)}50%{transform:translate3d(10px,-10px,16px) rotate(3deg)}}@keyframes detail-frame-float{0%,to{translate:0 0}50%{translate:0 -10px}}@keyframes screen-sheen{0%,54%{transform:translate(-125%)}78%,to{transform:translate(125%)}}