@tailwind base;@tailwind components;@tailwind utilities;:root{--ink:#0f172a;--muted:#475569;--line: rgba(15,23,42,.1);--blue: rgba(42,167,255,.92)}html{font-size:16.5px}@media (min-width: 1200px){html{font-size:17px}}html,body{height:100%}body{margin:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,"Apple Color Emoji","Segoe UI Emoji";color:var(--ink);background:radial-gradient(1400px 700px at 60% 10%,rgba(42,167,255,.14),transparent 60%),radial-gradient(1200px 700px at 35% 15%,rgba(67,214,197,.1),transparent 62%),radial-gradient(1000px 520px at 50% 75%,rgba(42,167,255,.08),transparent 60%),linear-gradient(180deg,#f6f9ff,#fff);background-attachment:fixed}a{color:inherit;text-decoration:none}button{font:inherit}.wrap{width:100%;max-width:1580px;margin:0 auto;padding:0 32px}@media (max-width: 560px){.wrap{padding:0 18px}}.page{min-height:100vh}.clean-frame{background:#ffffffeb;border:1px solid rgba(15,23,42,.12);box-shadow:0 22px 55px #0f172a1a;border-radius:14px;overflow:visible}.topnav{position:sticky;top:0;z-index:40;background:#ffffffdb;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}.topnav-inner{height:74px;display:flex;align-items:center;justify-content:space-between;gap:16px}.brand{display:flex;align-items:center;gap:12px;cursor:pointer;-webkit-user-select:none;user-select:none}.brand-logo{width:34px;height:34px;display:block}.brand-text{display:flex;flex-direction:column;line-height:1.1}.brand-name{font-size:1.15rem;font-weight:950}.brand-sub{margin-top:2px;font-size:.82rem;color:#0f172a8c}.navlinks{display:flex;align-items:center;gap:18px}.navbtn{background:transparent;border:0;color:#0f172ab3;font-size:.95rem;cursor:pointer;padding:10px 12px;border-radius:12px}.navbtn:hover{color:#0f172aeb;background:#0f172a0a}.cta{border:1px solid rgba(15,23,42,.14);background:#0f172aeb;color:#fff;padding:11px 14px;border-radius:12px;cursor:pointer;font-weight:900;font-size:.9rem}.hero{padding:74px 0 36px;display:grid;grid-template-columns:1.05fr .95fr;gap:46px;align-items:start}@media (max-width: 980px){.hero{grid-template-columns:1fr}}.badge{display:inline-flex;align-items:center;gap:10px;padding:9px 14px;border-radius:14px;background:#2aa7ff1a;border:1px solid rgba(42,167,255,.18);color:#0f172adb;font-size:1rem;font-weight:900}.badge-dot{width:10px;height:10px;border-radius:999px;background:linear-gradient(135deg,#2aa7fff2,#43d6c5bf);box-shadow:0 0 0 4px #2aa7ff1a}.hero-title{margin:18px 0 12px;font-size:3.9rem;line-height:1.05;letter-spacing:-1px;font-weight:950}@media (max-width: 560px){.hero-title{font-size:2.8rem}}.hero-sub{max-width:820px;font-size:1.1rem;line-height:1.85;color:var(--muted);margin:0}.hero-actions{margin-top:26px;display:flex;gap:12px;flex-wrap:wrap}.btn-primary{background:#0f172aeb;border:0;color:#fff;font-weight:950;padding:13px 22px;border-radius:12px;cursor:pointer;box-shadow:0 18px 40px #0f172a24;font-size:1rem}.btn-secondary{background:#2aa7ff1f;border:1px solid rgba(42,167,255,.22);color:#0f172aeb;font-weight:950;padding:13px 22px;border-radius:12px;cursor:pointer;font-size:1rem}.hero-shot{border-radius:14px;padding:10px}.hero-shot img{width:100%;height:auto;display:block;object-fit:contain;border-radius:0;max-height:480px}.section{padding:78px 0;background:transparent}.section.compact-top{padding-top:28px}.splitter{width:100%;padding:46px 0;margin:10px 0 0;background:transparent}.splitter-inner{display:flex;align-items:center;gap:18px}.splitter-line{flex:1 1 auto;height:2px;background:linear-gradient(90deg,transparent,rgba(15,23,42,.16),transparent)}.splitter-text{text-align:center;padding:0 6px;border:0;background:transparent;box-shadow:none}.splitter-title{font-size:2.2rem;font-weight:950;letter-spacing:-.4px;color:#0f172aeb;white-space:nowrap}.splitter-sub{margin-top:10px;font-size:1.05rem;color:#0f172a99}@media (max-width: 820px){.splitter-inner{flex-direction:column}.splitter-title{white-space:normal}.splitter-line{width:100%}}.feature-showcase{display:grid;grid-template-columns:560px 1fr;gap:28px;align-items:stretch;margin-top:22px;--panelH: 600px;--zoom: 1}.feature-showcase[data-active="0"]{--zoom: 1.03}@media (max-width: 1080px){.feature-showcase{grid-template-columns:1fr;--panelH: auto;--zoom: 1}}.feature-list{background:#ffffffc7;border:1px solid rgba(15,23,42,.1);border-radius:16px;padding:14px;box-shadow:0 18px 45px #0f172a0f;min-height:var(--panelH);height:100%}@media (max-width: 1080px){.feature-list{min-height:auto;height:auto}}.feature-item{width:100%;text-align:left;border:0;background:transparent;cursor:pointer;display:flex;gap:14px;padding:18px 16px;border-radius:14px;transition:.14s ease}.feature-item:hover{background:#0f172a08}.feature-item.active{background:#0f172a0f;outline:1px solid rgba(15,23,42,.1)}.feature-dot{width:12px;height:12px;border-radius:999px;margin-top:10px;background:#2aa7ffb3;box-shadow:0 0 0 4px #2aa7ff1a;flex:0 0 auto}.feature-title{font-size:1.25rem;font-weight:950;color:#0f172aeb}.feature-desc{margin-top:10px;font-size:1.05rem;line-height:1.8;color:#0f172a9e}.feature-preview{border-radius:16px;padding:16px;min-height:var(--panelH);height:100%;display:flex;align-items:center;justify-content:center;overflow:hidden;isolation:isolate}@media (max-width: 1080px){.feature-preview{min-height:auto;height:auto;overflow:visible}}.feature-frame{position:relative;width:100%;height:calc(var(--panelH) - 32px);min-height:520px;overflow:hidden}@media (max-width: 1080px){.feature-frame{height:auto;min-height:auto;overflow:visible}}.feature-layer{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;display:flex;align-items:center;justify-content:center;transform:scale(var(--zoom))}.feature-layer.enter{z-index:2}.feature-photo{display:block;width:auto;height:auto;max-width:100%;max-height:100%;object-fit:contain;border-radius:0}.feature-layer.exit{pointer-events:none;animation:layerOutUp .32s ease-in both}.feature-layer.exit.up{animation-name:layerOutDown}.feature-layer.exit.down{animation-name:layerOutUp}.feature-layer.enter{animation:layerInDown .32s ease-out both}.feature-layer.enter.up{animation-name:layerInUp}.feature-layer.enter.down{animation-name:layerInDown}@keyframes layerInDown{0%{opacity:0;transform:translateY(22px) scale(var(--zoom))}to{opacity:1;transform:translateY(0) scale(var(--zoom))}}@keyframes layerInUp{0%{opacity:0;transform:translateY(-22px) scale(var(--zoom))}to{opacity:1;transform:translateY(0) scale(var(--zoom))}}@keyframes layerOutUp{0%{opacity:1;transform:translateY(0) scale(var(--zoom))}to{opacity:0;transform:translateY(-18px) scale(var(--zoom))}}@keyframes layerOutDown{0%{opacity:1;transform:translateY(0) scale(var(--zoom))}to{opacity:0;transform:translateY(18px) scale(var(--zoom))}}.scenario{padding:18px 0 10px}.scenario-title{margin:0 0 22px;text-align:center;font-size:2.15rem;letter-spacing:-.4px;font-weight:950;color:#0f172aeb}.scenario-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;justify-items:center}@media (max-width: 980px){.scenario-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 560px){.scenario-grid{grid-template-columns:1fr}}.scenario-card{position:relative;width:min(520px,100%);height:178px;border-radius:28px;background:#ffffffe6;border:1px solid rgba(15,23,42,.14);box-shadow:0 26px 60px #0f172a1a;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.scenario-card:hover{transform:translateY(-4px);border-color:#2aa7ff42;box-shadow:0 30px 72px #0f172a1f}.scenario-icon{width:54px;height:54px;border-radius:999px;display:flex;align-items:center;justify-content:center;background:#2aa7ff29;border:1px solid rgba(42,167,255,.18);color:#2aa7fff2}.scenario-icon svg{width:28px;height:28px}.scenario-name{font-size:1.15rem;font-weight:900;color:#0f172ad1}.scenario-tip{position:absolute;left:50%;bottom:-14px;transform:translate(-50%) translateY(10px);opacity:0;pointer-events:none;width:min(420px,calc(100vw - 56px));background:#0f172aeb;color:#ffffffeb;padding:10px 12px;border-radius:12px;font-size:.92rem;line-height:1.45;box-shadow:0 18px 45px #0f172a33;transition:opacity .16s ease,transform .16s ease}.scenario-tip:before{content:"";position:absolute;top:-6px;left:50%;transform:translate(-50%);border:6px solid transparent;border-bottom-color:#0f172aeb}.scenario-card:hover .scenario-tip{opacity:1;transform:translate(-50%) translateY(0)}.why{padding:10px 0 6px;position:relative}.why:before{content:"";position:absolute;left:50%;top:-40px;transform:translate(-50%);width:min(1600px,98vw);height:920px;border-radius:999px;background:radial-gradient(circle at center,rgba(42,167,255,.12),transparent 55%),radial-gradient(circle at center,rgba(167,97,255,.08),transparent 60%);opacity:.55;pointer-events:none}.why:after{content:"";position:absolute;left:50%;top:20px;transform:translate(-50%);width:min(1700px,99vw);height:1000px;border-radius:999px;border:2px solid rgba(15,23,42,.04);box-shadow:inset 0 0 0 1px #0f172a08;pointer-events:none;opacity:.55}.why-head{position:relative;z-index:1;display:grid;grid-template-columns:1fr 300px 300px;gap:18px;align-items:center;margin-bottom:12px}.why-head-left{height:1px}.why-pill{justify-self:center;padding:10px 16px;border-radius:12px;font-weight:950;font-size:1.05rem;background:#2aa7ff2e;border:1px solid rgba(42,167,255,.25);color:#0f172ae6}.why-pill.ghost{background:#ffffffb8;border:1px solid rgba(15,23,42,.1);color:#0f172ab3}.why-card{position:relative;z-index:1;border-radius:16px;background:#f0faffb8;border:1px solid rgba(42,167,255,.22);box-shadow:0 22px 55px #0f172a14;padding:26px 28px;overflow:hidden}.why-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(900px 420px at 60% 30%,rgba(42,167,255,.12),transparent 55%),radial-gradient(780px 380px at 35% 70%,rgba(67,214,197,.1),transparent 55%);opacity:.75;pointer-events:none}.why-divider{height:1px;background:#2aa7ff38;margin:20px 0;position:relative;z-index:1}.why-block{position:relative;z-index:1}.why-block-title{font-size:1.25rem;font-weight:950;color:#0f172adb;margin:0 0 14px}.why-row{display:grid;grid-template-columns:1fr 300px 300px;align-items:center;gap:18px;padding:12px 0}.why-k{font-size:1.05rem;color:#0f172ab8;font-weight:800}.why-v{display:flex;justify-content:center}.cmp-dot{width:22px;height:22px;border-radius:999px;background:#2aa7fff2;box-shadow:0 0 0 6px #2aa7ff1f;position:relative}.cmp-dot:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:999px;background:transparent}.cmp-dot.threeq:after{background:conic-gradient(#fff0 0,#fff0 90deg,#ffffffeb 90deg)}.cmp-dot.half:after{background:conic-gradient(#fff0 0,#fff0 180deg,#ffffffeb 180deg)}.cmp-dot.quarter:after{background:conic-gradient(#fff0 0,#fff0 270deg,#ffffffeb 270deg)}@media (max-width: 980px){.why-head{grid-template-columns:1fr 1fr}.why-head-left{display:none}.why-row{grid-template-columns:1fr 1fr}.why-row .why-v:last-child{justify-content:flex-start}}.download-row{display:flex;gap:18px;flex-wrap:wrap;align-items:stretch}.download-row.center{justify-content:center}.download-card{width:min(760px,100%);min-height:310px;border:1px solid rgba(15,23,42,.12);background:#ffffffe6;border-radius:18px;padding:26px;box-shadow:0 18px 45px #0f172a14}.dl-center{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:12px}.dl-title{font-size:2.25rem;font-weight:950}.dl-sub{font-size:1.18rem;color:#0f172a99}.dl-action{margin-top:10px;display:inline-flex;align-items:center;justify-content:center;gap:10px;font-size:1.25rem;font-weight:950;color:#0f172aeb}.dl-arrow{opacity:.7}.faq-list{display:flex;flex-direction:column;gap:14px}.faq-item{border:1px solid rgba(15,23,42,.12);background:#ffffffe6;border-radius:16px;overflow:hidden;box-shadow:0 14px 36px #0f172a0f}.faq-q{width:100%;border:0;background:transparent;padding:18px;display:flex;justify-content:space-between;align-items:center;cursor:pointer}.faq-q:hover{background:#0f172a08}.faq-q-text{font-size:1.12rem;color:#0f172adb;font-weight:900}.faq-arrow{color:#0f172a73;transition:transform .14s ease;font-size:18px}.faq-arrow.open{transform:rotate(180deg)}.faq-a{padding:0 18px 18px;font-size:1.05rem;line-height:1.85;color:#0f172a9e}.ask-card{margin-top:22px;border:1px solid rgba(15,23,42,.12);background:#ffffffe6;border-radius:18px;padding:22px;display:flex;align-items:center;justify-content:space-between;gap:14px;box-shadow:0 18px 45px #0f172a14}.ask-title{font-size:1.35rem;font-weight:950;color:#0f172aeb}.ask-sub{margin-top:8px;font-size:1.02rem;color:#0f172a9e;line-height:1.7}.ask-btn{border:0;background:#0f172aeb;color:#fff;font-weight:950;font-size:1rem;padding:12px 16px;border-radius:14px;cursor:pointer;white-space:nowrap}.footer{width:100%;padding:56px 0 72px;margin-top:34px;background:radial-gradient(900px 220px at 20% 0%,rgba(42,167,255,.18),transparent 65%),radial-gradient(900px 260px at 80% 0%,rgba(167,97,255,.14),transparent 65%),linear-gradient(180deg,#fff0,#f6f9fff2);border-top:1px solid rgba(15,23,42,.1)}.footer-inner{text-align:center;color:#0f172ab3;font-size:.95rem;font-weight:700}