:root{--ink:#121b38;--muted:#66718d;--violet:#625bff;--violet2:#8d78ff;--line:#e5e8f2;--soft:#f6f7fc;--navy:#121a38;--teal:#0c9b87;--shadow:0 24px 70px rgba(23,32,74,.11)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font:16px/1.62 Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:#fff;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #9e92ff;outline-offset:3px}img{max-width:100%}h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1.14;letter-spacing:-.05em}h1{font-size:clamp(2.9rem,5.4vw,5.9rem);font-weight:820;line-height:1.05}h2{font-size:clamp(2rem,3.3vw,3.45rem);font-weight:780}h3{font-size:1.28rem;letter-spacing:-.025em;font-weight:720}p{color:var(--muted)}.container{width:min(1160px,calc(100% - 44px));margin:auto}.small{font-size:.89rem}.eyebrow{font-size:.75rem;letter-spacing:.12em;text-transform:uppercase;font-weight:820;color:var(--violet)}.pill{border:1px solid #dfdfff;background:#f2f1ff;color:#574de2;display:inline-flex;align-items:center;gap:8px;border-radius:100px;font-size:.76rem;font-weight:740;padding:7px 13px;letter-spacing:.01em}.pill:before{content:"";width:7px;height:7px;border-radius:50%;background:#8b81ff}.btn{border:1px solid transparent;display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:12px 21px;min-height:48px;border-radius:13px;background:var(--violet);color:white;font-weight:750;font-size:.92rem;line-height:1.15;cursor:pointer;transition:transform .2s,box-shadow .2s,background .2s}.btn:hover{transform:translateY(-2px);box-shadow:0 9px 25px rgba(98,91,255,.22);background:#5048f4}.btn.secondary{background:#fff;color:var(--ink);border-color:#d8ddec}.btn.secondary:hover{background:#f4f5fb;box-shadow:none}.btn.outline-light{background:transparent;border-color:#6e779a;color:#fff}.btn.outline-light:hover{background:#2c355a}.btn-row{display:flex;gap:11px;flex-wrap:wrap}.topnote{background:#121b38;color:#eef0ff;font-size:.77rem;text-align:center;padding:7px 20px}.topnote strong{color:#b7b4ff}.skip{position:absolute;top:-100px;left:15px;padding:10px;background:#fff;z-index:100}.skip:focus{top:7px}.header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.95);backdrop-filter:blur(17px);border-bottom:1px solid rgba(227,232,243,.9)}.nav-inner{height:78px;display:flex;align-items:center;justify-content:space-between;gap:25px}.brand img{width:168px;height:auto;display:block}.site-nav{display:flex;align-items:center;gap:24px;margin-left:auto}.site-nav a{font-size:.87rem;font-weight:650;color:#49516c}.site-nav a:hover,.site-nav a[aria-current=page]{color:var(--violet)}.nav-actions{display:flex;align-items:center;gap:12px}.lang{border:1px solid var(--line);padding:8px 11px;border-radius:10px;font-size:.85rem;font-weight:800}.nav-actions .btn{min-height:40px;padding:10px 14px;font-size:.83rem}.mobile-toggle{display:none;background:#fff;border:1px solid var(--line);border-radius:10px;padding:8px;font-size:1.35rem;color:var(--ink);cursor:pointer}.hero{position:relative;overflow:hidden;padding:93px 0 106px;background:radial-gradient(circle at 77% 28%,rgba(124,113,255,.14),transparent 38%),radial-gradient(circle at 8% 92%,rgba(77,178,199,.10),transparent 32%),#fbfbff}.hero .container{position:relative}.hero-grid{display:grid;grid-template-columns:1.04fr .96fr;gap:55px;align-items:center}.hero h1{margin:23px 0 23px}.gradient{background:linear-gradient(112deg,#635bff,#8a62ee 55%,#408ab8);-webkit-background-clip:text;background-clip:text;color:transparent}.lead{font-size:clamp(1.02rem,1.5vw,1.23rem);line-height:1.65;max-width:600px;margin-bottom:29px}.hero-foot{font-size:.78rem;margin-top:18px;color:#7a819b}.dotted{position:absolute;inset:auto 0 30px auto;width:180px;height:150px;opacity:.3;background-image:radial-gradient(#aba6ff 1px,transparent 1px);background-size:17px 17px;pointer-events:none}.dash{background:white;border:1px solid #e5e7f3;border-radius:22px;overflow:hidden;box-shadow:var(--shadow);transform:rotate(1deg)}.dash-top{background:#fff;display:flex;align-items:center;justify-content:space-between;padding:18px 22px;border-bottom:1px solid var(--line)}.dash-label{display:flex;align-items:center;gap:9px;font-size:.78rem;font-weight:750}.dash-dot{width:25px;height:25px;display:grid;place-items:center;background:#eeeaff;color:#665bfa;border-radius:8px}.lights{display:flex;gap:5px}.lights span{width:7px;height:7px;border-radius:50%;background:#d8dcee}.dash-body{padding:23px}.dash-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 0 21px}.dash-heading strong{font-size:1rem}.status{font-size:.68rem;background:#e8f8f3;border-radius:8px;padding:6px 9px;color:#138b71;font-weight:760}.stat-row{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.stat{background:#f7f8ff;border:1px solid #eeeff7;padding:13px;border-radius:11px}.stat strong{display:block;font-size:1.34rem;line-height:1.3}.stat span{font-size:.67rem;color:#727a95}.dash-timeline{display:flex;flex-direction:column;gap:10px;margin-top:19px}.trow{display:flex;align-items:center;gap:12px;padding:12px;border:1px solid #eceef6;border-radius:10px}.ticon{background:#f2f0ff;color:#645cf5;border-radius:9px;display:grid;place-items:center;width:31px;height:31px;flex-shrink:0}.ttext{flex:1}.ttext b{display:block;font-size:.75rem;line-height:1.4}.ttext small{display:block;color:#858da2;font-size:.68rem}.tstate{font-size:.65rem;font-weight:760;color:#6a60ef}.concept{font-size:.66rem;padding:10px 21px;background:#f8f9ff;color:#8b91a7;border-top:1px solid #eef0f8}.strip{display:flex;flex-wrap:wrap;gap:12px 23px;align-items:center;justify-content:center;padding:22px 0;color:#818ba2;font-size:.79rem;font-weight:750;letter-spacing:.04em}.strip span{display:flex;gap:7px;align-items:center}.dot{height:6px;width:6px;background:#9f92ff;border-radius:50%}.section{padding:95px 0}.section.soft{background:#f7f8fc}.section-head{max-width:730px;margin:0 auto 44px;text-align:center}.section-head p{font-size:1.08rem}.section-head h2{margin:12px 0 16px}.card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:19px}.card{padding:29px;border:1px solid var(--line);border-radius:19px;background:white;transition:transform .2s,box-shadow .2s}.card:hover{transform:translateY(-3px);box-shadow:0 20px 38px rgba(16,25,68,.06)}.card .glyph{width:48px;height:48px;display:grid;place-items:center;background:#efedff;border-radius:14px;font-size:1.3rem;color:#625bff;font-weight:800;margin-bottom:19px}.card h3{margin-bottom:9px}.card p{font-size:.93rem;line-height:1.65;margin-bottom:0}.card a.more{font-weight:750;color:var(--violet);font-size:.85rem;display:inline-block;margin-top:16px}.feature-split{display:grid;grid-template-columns:1fr 1fr;gap:72px;align-items:center}.feature-split h2{margin:12px 0 18px}.feature-split p{font-size:1.02rem}.checks{list-style:none;padding:0;margin:22px 0;display:grid;gap:12px}.checks li{display:flex;gap:11px;color:#485470;font-size:.95rem}.checks li:before{content:"✓";display:grid;place-items:center;width:23px;height:23px;flex-shrink:0;background:#e9f7f3;color:#148972;font-weight:800;border-radius:50%;font-size:.74rem}.panel{border-radius:23px;background:linear-gradient(140deg,#20284b,#10162e);padding:34px;box-shadow:0 28px 60px rgba(17,24,55,.17);color:#fff}.panel-top{display:flex;justify-content:space-between;align-items:center;color:#aeb5cf;font-size:.77rem;margin-bottom:25px}.code{white-space:pre-wrap;word-wrap:break-word;line-height:1.8;font-size:.78rem;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;color:#d8d8ff;margin:0}.code .key{color:#a4d6ff}.code .value{color:#aef2cc}.mini-tag{padding:4px 9px;border-radius:7px;background:#303a63;font-size:.7rem}.cta{padding:64px 0 83px}.cta-inner{border-radius:26px;padding:65px;display:grid;grid-template-columns:1fr auto;gap:40px;align-items:center;background:radial-gradient(circle at 80% -30%,rgba(139,126,255,.43),transparent 56%),#111a39;color:#fff}.cta-inner h2{font-size:clamp(2rem,3.1vw,3.1rem);margin:12px 0}.cta-inner p{color:#b9c3df;max-width:630px;margin-bottom:0}.cta .btn{background:#fff;color:var(--navy)}.cta .btn:hover{background:#f2f0ff}.pagehero{padding:80px 0 78px;background:radial-gradient(circle at 80% 15%,rgba(98,91,255,.14),transparent 35%),#fbfbff;border-bottom:1px solid #edf0f8}.pagehero .narrow{max-width:860px}.pagehero h1{font-size:clamp(2.6rem,5vw,4.65rem);margin:18px 0 19px}.pagehero .lead{max-width:780px}.body-grid{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:65px;align-items:start}.article h2{font-size:2rem;margin:38px 0 13px}.article h3{margin:25px 0 10px}.article p{line-height:1.82}.article ul,.article ol{padding-left:22px;color:#65718a;line-height:1.85}.article li{margin-bottom:8px}.article .note{background:#f5f5ff;padding:20px;border-left:4px solid #7768ff;border-radius:0 12px 12px 0}.aside{padding:25px;border:1px solid var(--line);border-radius:18px;background:#fff;position:sticky;top:112px}.aside h3{font-size:1.06rem}.aside a{display:block;font-size:.9rem;font-weight:650;color:#66708b;padding:8px 0}.aside a:hover{color:var(--violet)}.price-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.price{border:1px solid var(--line);border-radius:20px;padding:32px;background:#fff}.price.featured{border-color:#9c91ff;box-shadow:0 17px 42px rgba(97,90,255,.11)}.price h3{font-size:1.3rem}.price .amount{font-size:2.5rem;line-height:1.1;font-weight:800;letter-spacing:-.05em;margin:24px 0 7px}.price p{min-height:75px}.price ul{list-style:none;padding:0;display:grid;gap:12px;color:#5b6481;font-size:.9rem}.price li:before{content:'✓';color:#625bff;font-weight:900;margin-right:10px}.preview-layout{display:grid;grid-template-columns:1fr 1fr;gap:35px;align-items:start}.form-panel,.device-wrap{border:1px solid var(--line);background:#fff;border-radius:20px;padding:28px;box-shadow:0 12px 32px rgba(21,27,74,.04)}.field{margin-bottom:18px}.field label{display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:.86rem;color:#3b4563;font-weight:750;margin-bottom:8px}.field label span{color:#8791ab;font-size:.73rem;font-weight:600}.field input,.field textarea,.field select{width:100%;border:1px solid #dce0eb;padding:12px 13px;font:inherit;border-radius:10px;color:#212949;background:white}.field textarea{min-height:98px;resize:vertical}.device-wrap{background:#f5f6fc}.device-screen{padding:45px 24px;border:8px solid #20263d;border-radius:36px;background:linear-gradient(155deg,#dbe2f3,#fcf8ff);min-height:370px}.device-screen .time{font-size:2.7rem;font-weight:750;line-height:1.05;text-align:center;letter-spacing:-.06em;margin:0 0 42px}.notification{display:flex;align-items:start;gap:12px;background:rgba(255,255,255,.93);box-shadow:0 13px 32px rgba(40,43,83,.13);border-radius:17px;padding:18px;color:#25304a;overflow:hidden}.notification[data-platform="web"]{border-radius:9px}.noti-icon{background:#161f42;display:grid;place-items:center;width:36px;height:36px;border-radius:10px;color:#fff;flex-shrink:0;font-weight:900}.notification h3{font-size:.95rem;letter-spacing:0;margin:0 0 5px;overflow-wrap:anywhere}.notification p{font-size:.82rem;color:#58627c;margin:0;overflow-wrap:anywhere}.notification small{font-size:.68rem;color:#8b93aa}.device-wrap .footnote{margin:16px 0 0;font-size:.75rem}.tablewrap{overflow-x:auto;border:1px solid var(--line);border-radius:17px}.compare{border-collapse:collapse;width:100%}.compare th,.compare td{padding:17px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}.compare th{background:#f6f7fc;font-size:.84rem}.compare td{font-size:.9rem;color:#606a83}.compare tr:last-child td{border:0}.callout{padding:24px;border:1px solid #e1ddff;background:#f5f3ff;border-radius:16px;margin-top:25px}.callout strong{color:#3b327d}.callout p{margin:8px 0 0}.footer{background:#0f1732;color:#d4d9ec;padding:70px 0 26px}.footer-grid{display:grid;grid-template-columns:2fr repeat(3,1fr);gap:45px}.footer .brand img{filter:brightness(0) invert(1);width:165px}.footer p{font-size:.9rem;color:#9ea8c5;max-width:310px;margin-top:17px}.footer h3{font-size:.87rem;color:#fff;letter-spacing:0;margin-bottom:16px}.footer a{display:block;margin:10px 0;color:#acb5cf;font-size:.85rem}.footer a:hover{color:white}.footer-end{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;border-top:1px solid #2a3352;padding-top:26px;margin-top:53px;color:#8995b5;font-size:.78rem}.path{font-size:.76rem;color:#7681a0}.path a:hover{color:var(--violet)}
@media(max-width:950px){.hero-grid,.feature-split,.preview-layout{grid-template-columns:1fr}.hero{padding:65px 0}.hero-grid{gap:40px}.dash{transform:none;max-width:600px}.feature-split{gap:32px}.card-grid,.price-grid{grid-template-columns:repeat(2,1fr)}.body-grid{grid-template-columns:1fr}.aside{position:static}.footer-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:780px){.mobile-toggle{display:block}.nav-inner{height:68px}.site-nav{display:none;position:absolute;left:0;right:0;top:68px;background:#fff;padding:17px 22px 24px;border-bottom:1px solid var(--line);box-shadow:0 20px 30px rgba(13,17,42,.07)}.site-nav.open{display:flex;flex-direction:column;align-items:stretch;gap:8px}.site-nav a{padding:10px}.nav-actions{margin-left:auto}.nav-actions .btn{display:none}.brand img{width:142px}.section{padding:64px 0}.cta-inner{grid-template-columns:1fr;padding:40px}.card-grid,.price-grid{grid-template-columns:1fr}.footer-grid{gap:22px}.pagehero{padding:55px 0}.feature-split{gap:25px}.stat-row{gap:6px}}
@media(max-width:500px){.container{width:min(100% - 28px,1160px)}.nav-actions .lang{font-size:.75rem;padding:7px 9px}.topnote{font-size:.67rem}.hero h1{font-size:2.85rem}.dash-body{padding:14px}.stat{padding:9px}.stat strong{font-size:1.05rem}.stat span{font-size:.56rem}.card{padding:22px}.panel{padding:21px}.cta-inner{padding:30px}.device-wrap,.form-panel{padding:17px}.device-screen{padding:40px 13px;min-height:320px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}

/* Correct PUXIO brand from approved reference: preserve navy icon in dark footer. */
footer .brand img{filter:none}