@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}}:root{--sunny-50:#FFFCEB;--sunny-100:#FFF4B8;--sunny-200:#FFE87A;--sunny-300:#FFDB42;--sunny-400:#FFCC1A;--sunny-500:#F2B500;--sunny-700:#966E00;--bubble-50:#FFF0F6;--bubble-100:#FFD6E7;--bubble-200:#FFA8CC;--bubble-300:#FF78AE;--bubble-400:#FF4A92;--bubble-500:#ED2474;--sky-50:#ECF5FF;--sky-100:#C7E0FF;--sky-200:#92C2FF;--sky-300:#5BA3FF;--sky-400:#2E83FA;--mint-50:#ECFCEF;--mint-100:#C7F5CF;--mint-200:#8EE89E;--mint-300:#56D870;--mint-400:#2EC04C;--grape-50:#F5EEFF;--grape-100:#E4D2FF;--grape-200:#C9A5FF;--grape-300:#AD78FF;--grape-400:#934DFA;--peach-100:#FFD9BD;--peach-200:#FFB780;--peach-300:#FF9447;--ink-50:#FAF7F2;--ink-100:#F0EAE0;--ink-200:#DCD3C2;--ink-300:#B5A893;--ink-500:#5C5142;--ink-700:#29231A;--ink-800:#1A1610;--ink-900:#0F0C08;--bw:2.5px;--s1:2px 2px 0 var(--ink-900);--s2:4px 4px 0 var(--ink-900);--s3:6px 6px 0 var(--ink-900);--s4:8px 8px 0 var(--ink-900);--r1:8px;--r2:14px;--r3:20px;--r4:28px;--r5:36px;--fd:"Fredoka",system-ui,sans-serif;--fb:"Be Vietnam Pro",system-ui,sans-serif;--fm:"JetBrains Mono",monospace;--t-quick:.15s cubic-bezier(.4,0,.2,1);--t-base:.22s cubic-bezier(.22,.61,.36,1);--t-expr:.28s cubic-bezier(.32,1.42,.54,1);--t-emph:.48s cubic-bezier(.16,1.1,.3,1)}@media (prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}section[id],[id]{scroll-margin-top:88px}body{font-family:var(--fb);background:var(--ink-50);color:var(--ink-900);line-height:1.6;-webkit-font-smoothing:antialiased}button{font-family:inherit;cursor:pointer;border:none;background:none}ul{list-style:none}img,svg{display:block;max-width:100%}::selection{background:var(--sunny-300);color:var(--ink-900)}:focus-visible{outline:3px solid var(--bubble-400);outline-offset:3px;border-radius:8px}.t-display{font-family:var(--fd);font-size:clamp(48px,6.5vw,84px);line-height:1;letter-spacing:-.022em;font-weight:700}.t-h1{font-family:var(--fd);font-size:clamp(36px,4.8vw,56px);line-height:1.05;letter-spacing:-.018em;font-weight:700}.t-h2{font-family:var(--fd);font-size:clamp(28px,3.2vw,38px);line-height:1.1;letter-spacing:-.012em;font-weight:600}.t-h3{font-family:var(--fd);font-size:22px;line-height:1.25;font-weight:600}.t-h4{font-family:var(--fd);font-size:18px;line-height:1.35;font-weight:600}.t-h5{font-family:var(--fd);font-size:15px;line-height:1.4;font-weight:600}.t-body-l{font-size:17px;line-height:1.6}.t-body{font-size:15px;line-height:1.6}.t-body-s{font-size:13px;line-height:1.5}.t-mono{font-family:var(--fm);font-size:12px}em{font-style:normal;color:var(--bubble-500);font-weight:inherit;position:relative;display:inline-block}em:after{content:"";position:absolute;left:0;right:0;bottom:.05em;height:.25em;background:var(--sunny-300);z-index:-1;border-radius:6px;transform:skew(-4deg)}.container{max-width:1240px;margin:0 auto;padding:0 24px;position:relative}.bubble{position:relative;overflow:hidden;border:var(--bw) solid var(--ink-900)}.bubble:before{content:"";position:absolute;left:0;right:0;top:0;height:55%;background:linear-gradient(180deg,rgba(255,255,255,.45),rgba(255,255,255,.08) 60%,transparent);pointer-events:none;border-radius:inherit;z-index:1}.bubble:after{content:"";position:absolute;top:10%;left:14%;width:28%;height:16%;background:radial-gradient(ellipse,rgba(255,255,255,.7),rgba(255,255,255,.2) 50%,transparent 80%);border-radius:50%;pointer-events:none;z-index:2}.bubble>*{position:relative;z-index:3}.bubble-dark:before{background:linear-gradient(180deg,rgba(255,255,255,.18),rgba(255,255,255,.03) 60%,transparent)}.bubble-dark:after{background:radial-gradient(ellipse,rgba(255,255,255,.3),transparent 70%)}.btn{--btn-bg:var(--ink-900);--btn-fg:var(--sunny-300);display:inline-flex;align-items:center;justify-content:center;gap:8px;height:48px;padding:0 24px;border-radius:999px;font-family:var(--fd);font-size:15px;font-weight:600;background:var(--btn-bg);color:var(--btn-fg);border:var(--bw) solid var(--ink-900);box-shadow:var(--s2);transition:transform .16s cubic-bezier(.32,1.42,.54,1),box-shadow .16s;position:relative;overflow:hidden;white-space:nowrap}.btn:before{content:"";position:absolute;left:0;right:0;top:0;height:55%;background:linear-gradient(180deg,rgba(255,255,255,.32),transparent);border-radius:inherit;pointer-events:none}.btn:after{content:"";position:absolute;top:18%;left:14%;width:30%;height:25%;background:radial-gradient(ellipse,rgba(255,255,255,.55),transparent 70%);border-radius:50%;pointer-events:none}.btn>*{position:relative;z-index:1}.btn:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--ink-900)}.btn:active{transform:translate(2px,2px) scale(.97);box-shadow:0 0 0 var(--ink-900);transition-duration:80ms}.btn-bubble{--btn-bg:var(--bubble-400);--btn-fg:#fff}.btn-sunny{--btn-bg:var(--sunny-300);--btn-fg:var(--ink-900)}.btn-ghost{--btn-bg:#fff;--btn-fg:var(--ink-900)}.btn-sm{height:38px;padding:0 16px;font-size:13px;box-shadow:var(--s1)}.btn-sm:hover{box-shadow:4px 4px 0 var(--ink-900)}.btn-lg{height:56px;padding:0 28px;font-size:16px;box-shadow:var(--s3)}.btn-lg:hover{box-shadow:8px 8px 0 var(--ink-900)}.btn .ripple{position:absolute;border-radius:50%;pointer-events:none;background:#ffffff80;transform:scale(0);animation:ripple .6s cubic-bezier(.4,0,.2,1) forwards;z-index:2}@keyframes ripple{to{transform:scale(4);opacity:0}}.badge{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;border-radius:999px;font-family:var(--fd);font-size:12px;font-weight:600;line-height:1.2;border:var(--bw) solid var(--ink-900);box-shadow:var(--s1);position:relative;overflow:hidden;transition:transform var(--t-quick)}.badge:before{content:"";position:absolute;left:0;right:0;top:0;height:50%;background:linear-gradient(180deg,rgba(255,255,255,.35),transparent);pointer-events:none}.badge>*{position:relative;z-index:1}.badge:hover{transform:translate(-1px,-1px) rotate(-1.5deg);box-shadow:3px 3px 0 var(--ink-900)}.badge .dot{width:6px;height:6px;border-radius:50%;background:currentColor}.bg-sunny{background:var(--sunny-300);color:var(--ink-900)}.bg-bubble{background:var(--bubble-300);color:var(--ink-900)}.bg-sky{background:var(--sky-300);color:var(--ink-900)}.bg-mint{background:var(--mint-300);color:var(--ink-900)}.bg-grape{background:var(--grape-400);color:#fff}.bg-peach{background:var(--peach-300);color:var(--ink-900)}.bg-ink{background:var(--ink-900);color:var(--sunny-300)}.bg-white{background:#fff;color:var(--ink-900)}.card{background:#fff;border:var(--bw) solid var(--ink-900);border-radius:var(--r4);box-shadow:var(--s3);transition:transform var(--t-expr),box-shadow var(--t-expr);position:relative;overflow:hidden}.card:before{content:"";position:absolute;left:0;right:0;top:0;height:40%;background:linear-gradient(180deg,rgba(255,255,255,.45),transparent);pointer-events:none;z-index:1}.card:after{content:"";position:absolute;top:6%;left:8%;width:20%;height:12%;background:radial-gradient(ellipse,rgba(255,255,255,.6),transparent 70%);border-radius:50%;pointer-events:none;z-index:2}.card>*{position:relative;z-index:3}.deco{position:absolute;border-radius:50%;border:var(--bw) solid var(--ink-900);pointer-events:none;z-index:0;animation:floatGently 10s cubic-bezier(.22,.61,.36,1) infinite}.deco:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:linear-gradient(180deg,rgba(255,255,255,.4),transparent 50%)}.deco:after{content:"";position:absolute;top:12%;left:18%;width:30%;height:20%;background:#ffffff8c;border-radius:50%}@keyframes floatGently{0%,to{transform:translateY(0) rotate(0)}33%{transform:translateY(-14px) rotate(6deg)}66%{transform:translateY(8px) rotate(-4deg)}}.sticker{position:absolute;font-family:var(--fd);font-weight:700;color:var(--ink-900);background:var(--sunny-300);padding:6px 14px;border-radius:999px;border:var(--bw) solid var(--ink-900);box-shadow:var(--s2);font-size:12px;z-index:6;animation:stickerSway 3.5s ease-in-out infinite}.sticker:before{content:"";position:absolute;left:0;right:0;top:0;height:50%;background:linear-gradient(180deg,rgba(255,255,255,.4),transparent);border-radius:inherit}@keyframes stickerSway{0%,to{transform:rotate(var(--rot,-8deg))}50%{transform:rotate(calc(var(--rot,-8deg) + 4deg))}}.sparkle{position:absolute;color:var(--sunny-400);pointer-events:none;animation:sparkle 2s ease-in-out infinite;z-index:4}@keyframes sparkle{0%,to{opacity:.4;transform:scale(.8) rotate(0)}50%{opacity:1;transform:scale(1.2) rotate(15deg)}}.mascot-img,.hero-mascot,.price-mascot,.cta-mascot,.modal-mascot,.section-mascot{background:transparent;object-fit:contain;-webkit-user-drag:none;user-select:none;-webkit-user-select:none}.mascot-img{display:block;width:100%;height:100%}.section-mascot{position:absolute;z-index:5;width:96px;height:96px;pointer-events:none;animation:mascotBob 4s ease-in-out infinite;filter:drop-shadow(3px 3px 0 var(--ink-900))}.section-mascot.sm-tr{top:18px;right:18px}.section-mascot.sm-tl{top:18px;left:18px}.section-mascot.sm-br{bottom:18px;right:18px}.section-mascot.sm-bl{bottom:18px;left:18px;animation-delay:1.4s}@media (max-width:768px){.section-mascot{display:none}}@keyframes mascotBob{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes mascotWobble{0%,to{transform:rotate(0)}25%{transform:rotate(-6deg)}75%{transform:rotate(6deg)}}.mascot-fallback{display:flex;align-items:center;justify-content:center;font-size:.7em;background:var(--sunny-300);width:100%;height:100%;border-radius:50%}.reveal{opacity:0;transform:translateY(20px) scale(.97);transition:opacity .5s cubic-bezier(.16,1.1,.3,1),transform .5s cubic-bezier(.16,1.1,.3,1)}.reveal.in{opacity:1;transform:translateY(0) scale(1)}.reveal[data-d="1"]{transition-delay:40ms}.reveal[data-d="2"]{transition-delay:80ms}.reveal[data-d="3"]{transition-delay:.12s}.reveal[data-d="4"]{transition-delay:.16s}.reveal[data-d="5"]{transition-delay:.2s}.nav{position:sticky;top:0;z-index:100;background:#faf7f2e0;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border-bottom:var(--bw) solid var(--ink-900)}.nav-inner{display:flex;align-items:center;justify-content:space-between;padding:12px 24px;max-width:1240px;margin:0 auto;gap:16px;flex-wrap:nowrap}.logo{display:flex;align-items:center;gap:10px;font-family:var(--fd);font-weight:700;font-size:20px}.logo-mark{width:44px;height:44px;display:flex;align-items:center;justify-content:center;flex-shrink:0;animation:mascotBob 4s ease-in-out infinite}.logo:hover .logo-mark{animation:mascotWobble .6s ease-in-out}.nav-links{display:flex;gap:2px;flex-wrap:nowrap}.nav-links a{white-space:nowrap}.nav-auth{flex-shrink:0;flex-wrap:nowrap}.nav-links a{font-family:var(--fd);font-size:13px;font-weight:600;color:var(--ink-700);padding:8px 14px;border-radius:999px;transition:all var(--t-quick)}.nav-links a:hover{background:var(--sunny-200);color:var(--ink-900);transform:translateY(-2px)}.nav-links a.active{background:var(--sunny-300);color:var(--ink-900)}.lang-toggle{display:inline-flex;align-items:center;gap:2px;padding:3px;border:var(--bw) solid var(--ink-900);border-radius:999px;background:#fff;box-shadow:var(--s1);flex-shrink:0}.lang-toggle .lang-opt{font-family:var(--fd);font-size:12px;font-weight:700;color:var(--ink-700);padding:5px 9px;border-radius:999px;line-height:1;transition:all var(--t-quick)}.lang-toggle .lang-opt.active{background:var(--ink-900);color:var(--sunny-300)}.lang-toggle.lang-toggle-lg{width:100%;justify-content:center;height:50px;gap:4px}.lang-toggle.lang-toggle-lg .lang-opt{font-size:15px;padding:10px 18px}.nav-auth{display:flex;align-items:center;gap:10px}.btn-login{font-family:var(--fd);font-size:13px;font-weight:600;color:var(--ink-900);padding:8px 16px;border-radius:999px;border:1.5px dashed var(--ink-900);background:transparent;transition:all var(--t-quick);display:inline-flex;align-items:center;gap:6px}.btn-login:hover{background:var(--ink-900);color:var(--sunny-300);border-style:solid}.hero{position:relative;padding:80px 0 100px;overflow:hidden}.hero-bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;background:radial-gradient(ellipse 60% 50% at 18% 25%,var(--sunny-100),transparent 60%),radial-gradient(ellipse 50% 40% at 85% 25%,var(--bubble-100),transparent 60%),radial-gradient(ellipse 70% 50% at 50% 100%,var(--sky-100),transparent 60%)}.hero-grid{position:relative;z-index:2;display:grid;grid-template-columns:1.1fr .9fr;gap:64px;align-items:center}.hero h1{margin:20px 0 24px}.hero-lead{max-width:520px;margin-bottom:32px;color:var(--ink-700)}.hero-cta{display:flex;gap:12px;flex-wrap:wrap}.hero-trust{display:flex;align-items:center;gap:14px;margin-top:28px;font-size:13px;color:var(--ink-700)}.hero-trust .avatars{display:flex}.hero-trust-ico{width:36px;height:36px;border-radius:50%;background:var(--bubble-200);border:var(--bw) solid var(--ink-900);box-shadow:var(--s1);display:flex;align-items:center;justify-content:center;flex-shrink:0}.hero-trust .av{width:32px;height:32px;border-radius:50%;border:var(--bw) solid var(--ink-900);background:var(--sunny-300);margin-left:-8px;display:flex;align-items:center;justify-content:center;font-family:var(--fd);font-size:13px;font-weight:700;box-shadow:var(--s1)}.hero-trust .av:first-child{margin-left:0}.hero-trust .av:nth-child(2){background:var(--bubble-300)}.hero-trust .av:nth-child(3){background:var(--mint-300)}.hero-trust .av:nth-child(4){background:var(--grape-300);color:#fff}.hero-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:40px}.stat{padding:16px 18px;border-radius:var(--r3);border:var(--bw) solid var(--ink-900);box-shadow:var(--s1);position:relative;overflow:hidden;transition:transform var(--t-quick)}.stat:before{content:"";position:absolute;left:0;right:0;top:0;height:45%;background:linear-gradient(180deg,rgba(255,255,255,.4),transparent);pointer-events:none}.stat>*{position:relative}.stat:hover{transform:translate(-2px,-2px) rotate(-2deg);box-shadow:var(--s2)}.stat:nth-child(1){background:var(--sunny-200)}.stat:nth-child(2){background:var(--bubble-200)}.stat:nth-child(3){background:var(--mint-200)}.stat-icon{width:28px;height:28px;display:flex;align-items:center;justify-content:center;margin-bottom:6px}.stat-num{font-family:var(--fd);font-size:30px;font-weight:700;line-height:1}.stat-num small{font-size:18px}.stat-label{font-size:11px;font-weight:600;margin-top:4px;color:var(--ink-700)}.hero-mock{position:relative;aspect-ratio:4/5;background:var(--sunny-300);border:var(--bw) solid var(--ink-900);border-radius:var(--r5);padding:24px;box-shadow:var(--s4);overflow:visible;transform:rotate(2deg);transition:transform var(--t-expr)}.hero-mock-inner{position:relative;width:100%;height:100%;border-radius:calc(var(--r5) - 8px);overflow:hidden}.hero-mock-inner:before{content:"";position:absolute;left:0;right:0;top:0;height:40%;background:linear-gradient(180deg,rgba(255,255,255,.4),transparent);pointer-events:none;z-index:1}.hero-mock:hover{transform:rotate(0)}.hero-mock .sticker.s1{--rot:-12deg;top:18px;right:80px;background:var(--bubble-300);z-index:6}.hero-mock .sparkle.sp1{top:30px;left:30px;font-size:24px}.hero-mock .sparkle.sp2{bottom:50px;right:120px;font-size:18px;animation-delay:.6s}.hero-mock .sparkle.sp3{top:50%;left:20px;font-size:14px;animation-delay:1.2s}.hero-mascot{position:absolute;top:-60px;left:-55px;width:150px;height:150px;z-index:8;animation:mascotBob 3s ease-in-out infinite;filter:drop-shadow(4px 4px 0 var(--ink-900))}.device-card{position:absolute;z-index:4;background:#fff;border-radius:var(--r3);padding:10px 14px;border:var(--bw) solid var(--ink-900);box-shadow:var(--s2);font-family:var(--fd);font-size:13px;font-weight:600;display:flex;align-items:center;gap:10px;animation:bob 5s ease-in-out infinite}.device-card .icon-thumb{width:32px;height:32px;border-radius:8px;border:1.5px solid var(--ink-900);display:flex;align-items:center;justify-content:center;flex-shrink:0}.device-card .live{width:8px;height:8px;border-radius:50%;background:var(--mint-400);border:1.5px solid var(--ink-900)}.dev-1{top:90px;left:14px;transform:rotate(-4deg)}.dev-2{top:200px;right:14px;transform:rotate(3deg);animation-delay:1.2s}.dev-3{bottom:140px;left:18px;transform:rotate(-3deg);animation-delay:2.4s}.dev-4{bottom:30px;right:22px;transform:rotate(4deg);animation-delay:3.6s}@keyframes bob{0%,to{translate:0 0}50%{translate:0 -6px}}.hero-frame{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(-2deg);width:230px;background:#fff;border-radius:var(--r3);padding:12px;border:var(--bw) solid var(--ink-900);box-shadow:var(--s4);z-index:2}.hero-frame-photo{width:100%;height:250px;border-radius:10px;border:1.5px solid var(--ink-900);background:radial-gradient(circle at 30% 30%,var(--sunny-200),transparent 50%),linear-gradient(135deg,var(--bubble-200),var(--grape-200),var(--sky-200));display:flex;align-items:center;justify-content:center;font-size:56px;position:relative}.hero-frame-photo .heart-icon{position:absolute;top:14px;right:14px;color:var(--bubble-400);font-size:20px;animation:heartBeat 1.4s ease-in-out infinite}@keyframes heartBeat{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}.hero-frame-label{text-align:center;font-family:var(--fd);font-size:14px;font-weight:600;margin-top:12px;color:var(--ink-700);font-style:italic}.compat{padding:48px 0;background:linear-gradient(135deg,var(--sunny-100) 0%,var(--bubble-100) 50%,var(--sky-100) 100%);border-top:var(--bw) solid var(--ink-900);border-bottom:var(--bw) solid var(--ink-900);position:relative;overflow:hidden}.compat:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 20% 50%,rgba(255,219,66,.3),transparent 50%),radial-gradient(ellipse at 80% 50%,rgba(255,120,174,.3),transparent 50%);pointer-events:none}.compat-head{text-align:center;max-width:600px;margin:0 auto 32px;position:relative;z-index:1}.compat-head .badge{margin-bottom:12px}.compat-head h3{font-family:var(--fd);font-size:clamp(20px,2.4vw,26px);font-weight:600;letter-spacing:-.01em}.compat-rows{display:flex;flex-direction:column;gap:14px;position:relative;z-index:1}.compat-row{display:flex;gap:12px;white-space:nowrap}.compat-row.r1{animation:marqLeft 35s linear infinite}.compat-row.r2{animation:marqRight 38s linear infinite}@keyframes marqLeft{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes marqRight{0%{transform:translate(-50%)}to{transform:translate(0)}}.compat-pill{display:inline-flex;align-items:center;gap:10px;padding:10px 18px 10px 10px;background:#fff;border:var(--bw) solid var(--ink-900);border-radius:999px;box-shadow:var(--s2);font-family:var(--fd);font-weight:600;font-size:14px;position:relative;overflow:hidden;flex-shrink:0;transition:transform var(--t-quick)}.compat-pill:before{content:"";position:absolute;left:0;right:0;top:0;height:55%;background:linear-gradient(180deg,rgba(255,255,255,.4),transparent);pointer-events:none;border-radius:inherit}.compat-pill>*{position:relative;z-index:1}.compat-pill:hover{transform:translateY(-2px);box-shadow:6px 6px 0 var(--ink-900)}.compat-pill .ico-wrap{width:32px;height:32px;border-radius:50%;border:1.5px solid var(--ink-900);display:flex;align-items:center;justify-content:center;flex-shrink:0}.compat-pill .sub{font-family:var(--fm);font-size:11px;color:var(--ink-500);font-weight:500}.section{padding:112px 0;position:relative;overflow:hidden}.section-head{text-align:center;max-width:720px;margin:0 auto 56px;position:relative;z-index:1}.section-head .badge{margin-bottom:20px}.section-head h2{margin-bottom:16px}.section-head p{color:var(--ink-700)}.hwa{background:#fff}.hwa .deco.d1{width:140px;height:140px;background:var(--bubble-200);top:10%;right:4%;opacity:.4}.hwa .deco.d2{width:90px;height:90px;background:var(--mint-200);bottom:28%;left:3%;opacity:.4;animation-delay:2s}.hwa-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;position:relative;z-index:1}.hwa-card{padding:24px 20px 22px;position:relative;transition:transform var(--t-expr),box-shadow var(--t-expr)}.hwa-card:hover{transform:translate(-3px,-3px) rotate(-.5deg);box-shadow:9px 9px 0 var(--ink-900)}.hwa-card:nth-child(1){background:var(--sunny-100)}.hwa-card:nth-child(2){background:var(--bubble-100)}.hwa-card:nth-child(3){background:var(--mint-100)}.hwa-card:nth-child(4){background:var(--grape-100)}.hwa-card .sticker{top:-10px;right:14px;font-size:10px;padding:4px 10px}.hwa-card:nth-child(2) .sticker{background:var(--mint-300);--rot:8deg}.hwa-icon{width:60px;height:60px;border-radius:var(--r3);background:#fff;border:var(--bw) solid var(--ink-900);box-shadow:var(--s1);display:flex;align-items:center;justify-content:center;margin-bottom:18px;position:relative;overflow:hidden}.hwa-icon:before{content:"";position:absolute;left:0;right:0;top:0;height:50%;background:linear-gradient(180deg,rgba(255,255,255,.5),transparent)}.hwa-card h3{margin-bottom:6px}.hwa-card p{font-size:14px;color:var(--ink-700);margin-bottom:14px}.hwa-tags{display:flex;flex-wrap:wrap;gap:6px}.hwa-promise{margin-top:56px;padding:40px;background:var(--ink-900);color:#fff;border:var(--bw) solid var(--ink-900);border-radius:var(--r5);box-shadow:var(--s4);display:grid;grid-template-columns:repeat(3,1fr);gap:32px;position:relative;overflow:hidden}.hwa-promise:before{content:"";position:absolute;top:-40%;right:-10%;width:480px;height:480px;background:radial-gradient(circle,var(--sunny-400),transparent 65%);opacity:.22}.hwa-promise:after{content:"";position:absolute;bottom:-40%;left:-10%;width:400px;height:400px;background:radial-gradient(circle,var(--bubble-400),transparent 65%);opacity:.2}.promise-item{display:flex;gap:16px;position:relative;z-index:1}.promise-check{width:44px;height:44px;border-radius:50%;background:var(--sunny-300);color:var(--ink-900);border:var(--bw) solid var(--ink-900);box-shadow:var(--s1);display:flex;align-items:center;justify-content:center;flex-shrink:0;animation:mascotWobble 5s ease-in-out infinite}.promise-item:nth-child(2) .promise-check{background:var(--bubble-300);animation-delay:1.5s}.promise-item:nth-child(3) .promise-check{background:var(--mint-300);animation-delay:3s}.promise-item h4{font-family:var(--fd);font-size:17px;font-weight:600;margin-bottom:6px}.promise-item p{font-size:13px;color:#ffffffbf}.how{background:var(--sunny-50)}.how .deco.d1{width:160px;height:160px;background:var(--bubble-100);top:5%;left:-40px;opacity:.6}.how .deco.d2{width:110px;height:110px;background:var(--sky-100);top:55%;right:3%;opacity:.6;animation-delay:2s}.how-flow{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;position:relative;z-index:1}.how-step{padding:24px 22px;border-radius:var(--r4);border:var(--bw) solid var(--ink-900);box-shadow:var(--s3);position:relative;overflow:hidden;transition:transform var(--t-expr),box-shadow var(--t-expr)}.how-step:before{content:"";position:absolute;left:0;right:0;top:0;height:35%;background:linear-gradient(180deg,rgba(255,255,255,.4),transparent);pointer-events:none}.how-step>*{position:relative}.how-step:hover{transform:translate(-3px,-3px) rotate(-1deg);box-shadow:9px 9px 0 var(--ink-900)}.how-step:nth-child(1){background:var(--bubble-100)}.how-step:nth-child(2){background:var(--sky-100)}.how-step:nth-child(3){background:var(--mint-100)}.how-step:nth-child(4){background:var(--grape-100)}.how-step:nth-child(2n){margin-top:32px}.how-num{display:inline-block;padding:4px 12px;margin-bottom:16px;background:var(--ink-900);color:#fff;border-radius:999px;font-family:var(--fd);font-size:12px;font-weight:600;box-shadow:var(--s1)}.how-icon{width:60px;height:60px;border-radius:var(--r3);background:#fff;border:var(--bw) solid var(--ink-900);box-shadow:var(--s1);display:flex;align-items:center;justify-content:center;margin-bottom:16px;position:relative;overflow:hidden}.how-icon:before{content:"";position:absolute;left:0;right:0;top:0;height:50%;background:linear-gradient(180deg,rgba(255,255,255,.5),transparent)}.how-step h4{margin-bottom:8px}.how-step p{font-size:13px;color:var(--ink-700)}.fleet{background:#fff}.fleet .deco.d1{width:130px;height:130px;background:var(--sky-100);bottom:20%;left:4%;opacity:.5}.fleet-grid{display:grid;grid-template-columns:1fr 1.05fr;gap:64px;align-items:center;position:relative;z-index:1}.fleet-list li{padding:20px;margin-bottom:14px;background:#fff;border:var(--bw) solid var(--ink-900);border-radius:var(--r3);box-shadow:var(--s2);display:flex;gap:16px;transition:transform var(--t-expr),box-shadow var(--t-expr);position:relative;overflow:hidden}.fleet-list li:before{content:"";position:absolute;left:0;right:0;top:0;height:35%;background:linear-gradient(180deg,rgba(255,255,255,.4),transparent);pointer-events:none}.fleet-list li>*{position:relative}.fleet-list li:hover{transform:translate(-3px,-3px) rotate(-.8deg);box-shadow:8px 8px 0 var(--ink-900)}.fleet-icon{width:44px;height:44px;border-radius:var(--r2);border:var(--bw) solid var(--ink-900);box-shadow:var(--s1);display:flex;align-items:center;justify-content:center;flex-shrink:0;position:relative;overflow:hidden}.fleet-icon:before{content:"";position:absolute;left:0;right:0;top:0;height:50%;background:linear-gradient(180deg,rgba(255,255,255,.35),transparent)}.fleet-list li:nth-child(1) .fleet-icon{background:var(--sunny-300)}.fleet-list li:nth-child(2) .fleet-icon{background:var(--bubble-300)}.fleet-list li:nth-child(3) .fleet-icon{background:var(--sky-300)}.fleet-list li:nth-child(4) .fleet-icon{background:var(--mint-300)}.fleet-list h4{margin-bottom:4px}.fleet-list p{font-size:13px;color:var(--ink-700)}.dash{background:#fff;border-radius:var(--r4);border:var(--bw) solid var(--ink-900);box-shadow:var(--s4);overflow:hidden;transform:rotate(-2deg);transition:transform var(--t-emph);position:relative}.dash:hover{transform:rotate(0)}.dash .sticker{top:-12px;right:-8px;background:var(--mint-300);--rot:12deg;font-size:11px;padding:5px 12px}.dash-top{padding:12px 18px;background:var(--ink-100);border-bottom:var(--bw) solid var(--ink-900);display:flex;align-items:center;gap:8px}.dash-dot{width:12px;height:12px;border-radius:50%;border:1.5px solid var(--ink-900)}.dash-dot:nth-child(1){background:var(--bubble-400)}.dash-dot:nth-child(2){background:var(--sunny-400)}.dash-dot:nth-child(3){background:var(--mint-400)}.dash-url{margin-left:auto;font-family:var(--fm);font-size:11px;color:var(--ink-500)}.dash-body{padding:20px}.dash-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:14px;margin-bottom:14px;border-bottom:2px dashed var(--ink-200)}.dash-header h5{font-family:var(--fd);font-size:14px;font-weight:700}.dash-live{font-size:11px;color:var(--ink-500);display:flex;align-items:center;gap:6px;font-weight:500}.dash-live:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--mint-400);border:1.5px solid var(--ink-900);animation:pulse 1.8s ease-in-out infinite}@keyframes pulse{0%,to{box-shadow:0 0 #56d87099}70%{box-shadow:0 0 0 8px #56d87000}}.dash-row{display:flex;justify-content:space-between;align-items:center;padding:12px 14px;margin-bottom:8px;border-radius:var(--r2);background:var(--ink-50);border:1.5px solid var(--ink-200);transition:all var(--t-quick)}.dash-row:hover{transform:translate(3px);border-color:var(--ink-900)}.dash-row.active{background:var(--sunny-100);border:var(--bw) solid var(--ink-900);box-shadow:var(--s1)}.dash-info{display:flex;flex-direction:column}.dash-info .id{font-family:var(--fd);font-size:14px;font-weight:600}.dash-info .loc{font-size:11px;color:var(--ink-500)}.customize{background:var(--bubble-50)}.customize .deco.d1{width:200px;height:200px;background:var(--sunny-200);top:8%;right:-40px;opacity:.5}.customize .deco.d2{width:110px;height:110px;background:var(--grape-200);bottom:15%;left:5%;opacity:.5;animation-delay:2s}.cust-grid{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center;position:relative;z-index:1}.cust-frames{position:relative;aspect-ratio:1;padding:28px;background:var(--sunny-200);border:var(--bw) solid var(--ink-900);border-radius:var(--r5);box-shadow:var(--s4);overflow:hidden}.cust-frames:before{content:"";position:absolute;left:0;right:0;top:0;height:35%;background:linear-gradient(180deg,rgba(255,255,255,.4),transparent);pointer-events:none;z-index:1}.cust-frames .sparkle{font-size:20px}.cust-frames .sparkle.sp1{top:18px;left:24px}.cust-frames .sparkle.sp2{top:40px;right:30px;animation-delay:.5s}.cust-frames .sparkle.sp3{bottom:30px;left:40px;animation-delay:1s;font-size:16px}.frame-stack{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center;z-index:2}.frame{position:absolute;width:220px;background:#fff;border-radius:var(--r3);padding:12px;border:var(--bw) solid var(--ink-900);box-shadow:var(--s3);transition:transform var(--t-emph)}.frame:before{content:"";position:absolute;left:0;right:0;top:0;height:30%;background:linear-gradient(180deg,rgba(255,255,255,.4),transparent);pointer-events:none;border-radius:inherit}.frame-photo{width:100%;height:220px;border-radius:10px;border:1.5px solid var(--ink-900);display:flex;align-items:center;justify-content:center;font-size:56px}.frame-label{text-align:center;font-family:var(--fd);font-size:14px;font-weight:600;margin-top:12px;color:var(--ink-700);font-style:italic}.frame-1{transform:rotate(-10deg) translate(-65px)}.frame-2{transform:rotate(0) translateY(-12px);z-index:3}.frame-3{transform:rotate(10deg) translate(65px)}.frame-1 .frame-photo{background:linear-gradient(135deg,var(--bubble-200),var(--grape-200))}.frame-2 .frame-photo{background:linear-gradient(135deg,var(--sunny-200),var(--bubble-200))}.frame-3 .frame-photo{background:linear-gradient(135deg,var(--mint-200),var(--sky-200))}.cust-frames:hover .frame-1{transform:rotate(-15deg) translate(-90px)}.cust-frames:hover .frame-3{transform:rotate(15deg) translate(90px)}.cust-frames:hover .frame-2{transform:translateY(-24px) scale(1.04)}.cust-content h3{margin-bottom:16px}.cust-content>p{color:var(--ink-700);margin-bottom:24px}.cust-features{display:grid;grid-template-columns:1fr 1fr;gap:12px}.cust-feature{padding:18px;background:#fff;border:var(--bw) solid var(--ink-900);border-radius:var(--r3);box-shadow:var(--s2);transition:transform var(--t-expr),box-shadow var(--t-expr);position:relative;overflow:hidden}.cust-feature:before{content:"";position:absolute;left:0;right:0;top:0;height:35%;background:linear-gradient(180deg,rgba(255,255,255,.4),transparent);pointer-events:none}.cust-feature>*{position:relative}.cust-feature:hover{transform:translate(-3px,-3px) rotate(-2deg);box-shadow:7px 7px 0 var(--ink-900)}.cust-feature .ico{width:40px;height:40px;border-radius:var(--r2);border:var(--bw) solid var(--ink-900);display:flex;align-items:center;justify-content:center;margin-bottom:12px;box-shadow:var(--s1);position:relative;overflow:hidden}.cust-feature .ico:before{content:"";position:absolute;left:0;right:0;top:0;height:50%;background:linear-gradient(180deg,rgba(255,255,255,.45),transparent)}.cust-feature:nth-child(1) .ico{background:var(--sunny-300)}.cust-feature:nth-child(2) .ico{background:var(--bubble-300)}.cust-feature:nth-child(3) .ico{background:var(--sky-300)}.cust-feature:nth-child(4) .ico{background:var(--mint-300)}.cust-feature h5{font-family:var(--fd);font-size:15px;font-weight:600;margin-bottom:4px}.cust-feature p{font-size:12px;color:var(--ink-700)}.testi{background:#fff}.testi .deco.d1{width:120px;height:120px;background:var(--peach-200);top:15%;right:5%;opacity:.5}.testi .deco.d2{width:90px;height:90px;background:var(--mint-200);bottom:20%;left:7%;opacity:.5;animation-delay:1.5s}.testi-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;position:relative;z-index:1}.testi-card{padding:28px 26px;display:flex;flex-direction:column;gap:14px;transition:transform var(--t-expr),box-shadow var(--t-expr);position:relative}.testi-card:hover{transform:translate(-3px,-3px) rotate(-.8deg);box-shadow:9px 9px 0 var(--ink-900)}.testi-card:nth-child(1){background:var(--sunny-100)}.testi-card:nth-child(2){background:var(--bubble-100)}.testi-card:nth-child(3){background:var(--mint-100)}.testi-quote-icon{font-family:var(--fd);font-size:60px;font-weight:700;color:var(--bubble-400);line-height:.6;height:32px;letter-spacing:-.05em}.why-ico{width:54px;height:54px;border-radius:var(--r3);border:var(--bw) solid var(--ink-900);box-shadow:var(--s1);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.why-ico:before{content:"";position:absolute;left:0;right:0;top:0;height:50%;background:linear-gradient(180deg,rgba(255,255,255,.5),transparent)}.testi-stars{display:flex;gap:2px;color:var(--sunny-500);font-size:16px}.testi-quote{font-family:var(--fb);font-size:15px;line-height:1.55;color:var(--ink-900);font-style:italic;flex:1}.testi-author{display:flex;align-items:center;gap:12px;padding-top:18px;border-top:2px dashed var(--ink-200)}.testi-avatar{width:44px;height:44px;border-radius:50%;border:var(--bw) solid var(--ink-900);box-shadow:var(--s1);display:flex;align-items:center;justify-content:center;font-family:var(--fd);font-weight:700;font-size:18px;flex-shrink:0;position:relative;overflow:hidden}.testi-avatar:before{content:"";position:absolute;left:0;right:0;top:0;height:50%;background:linear-gradient(180deg,rgba(255,255,255,.4),transparent)}.testi-card:nth-child(1) .testi-avatar{background:var(--bubble-300)}.testi-card:nth-child(2) .testi-avatar{background:var(--sunny-300)}.testi-card:nth-child(3) .testi-avatar{background:var(--grape-300);color:#fff}.testi-info .name{font-family:var(--fd);font-size:14px;font-weight:700;line-height:1.3}.testi-info .role{font-size:12px;color:var(--ink-700);margin-top:2px}.case{background:linear-gradient(160deg,var(--mint-50),var(--sky-100))}.case .deco.d1{width:160px;height:160px;background:var(--sunny-200);top:10%;right:-30px;opacity:.5}.case .deco.d2{width:100px;height:100px;background:var(--bubble-200);bottom:15%;left:5%;opacity:.5;animation-delay:2s}.case-card{display:grid;grid-template-columns:1fr 1.1fr;gap:48px;align-items:center;padding:48px;background:#fff;border:var(--bw) solid var(--ink-900);border-radius:var(--r5);box-shadow:var(--s4);position:relative;overflow:hidden}.case-card:before{content:"";position:absolute;left:0;right:0;top:0;height:25%;background:linear-gradient(180deg,rgba(255,255,255,.4),transparent);pointer-events:none}.case-card>*{position:relative;z-index:1}.case-card .sticker{top:18px;right:18px;background:var(--bubble-300);--rot:8deg;font-size:11px}.case-tag{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;background:var(--bubble-300);color:var(--ink-900);border:var(--bw) solid var(--ink-900);border-radius:999px;font-family:var(--fd);font-size:11px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;box-shadow:var(--s1);margin-bottom:16px}.case-card h3{margin-bottom:14px}.case-lead{font-size:15px;color:var(--ink-700);margin-bottom:20px;line-height:1.55}.case-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.case-stat{padding:18px;border-radius:var(--r3);border:var(--bw) solid var(--ink-900);box-shadow:var(--s1);position:relative;overflow:hidden}.case-stat:before{content:"";position:absolute;left:0;right:0;top:0;height:45%;background:linear-gradient(180deg,rgba(255,255,255,.45),transparent);pointer-events:none}.case-stat>*{position:relative}.case-stat:nth-child(1){background:var(--sunny-200)}.case-stat:nth-child(2){background:var(--bubble-200)}.case-stat:nth-child(3){background:var(--mint-200)}.case-stat:nth-child(4){background:var(--grape-200)}.case-stat .num{font-family:var(--fd);font-size:30px;font-weight:700;line-height:1}.case-stat .label{font-size:11px;color:var(--ink-700);font-weight:600;margin-top:6px}.case-quote{margin-top:20px;padding:18px 20px;background:var(--ink-50);border:var(--bw) solid var(--ink-900);border-radius:var(--r3);box-shadow:var(--s1);font-style:italic;font-size:14px;color:var(--ink-800);position:relative;overflow:hidden}.case-quote:before{content:"";position:absolute;left:0;right:0;top:0;height:40%;background:linear-gradient(180deg,rgba(255,255,255,.4),transparent);pointer-events:none}.case-quote>*{position:relative}.case-quote strong{display:block;font-style:normal;font-family:var(--fd);font-weight:700;font-size:12px;margin-top:8px;color:var(--ink-900)}.sec{background:#fff}.sec .deco.d1{width:120px;height:120px;background:var(--grape-200);top:12%;right:6%;opacity:.5}.sec-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;position:relative;z-index:1}.sec-card{padding:24px 22px;transition:transform var(--t-expr),box-shadow var(--t-expr)}.sec-card:hover{transform:translate(-3px,-3px) rotate(-.5deg);box-shadow:9px 9px 0 var(--ink-900)}.sec-card:nth-child(1){background:var(--sky-100)}.sec-card:nth-child(2){background:var(--mint-100)}.sec-card:nth-child(3){background:var(--peach-100)}.sec-card:nth-child(4){background:var(--grape-100)}.sec-icon{width:56px;height:56px;border-radius:var(--r3);background:#fff;border:var(--bw) solid var(--ink-900);box-shadow:var(--s1);display:flex;align-items:center;justify-content:center;margin-bottom:16px;position:relative;overflow:hidden}.sec-icon:before{content:"";position:absolute;left:0;right:0;top:0;height:50%;background:linear-gradient(180deg,rgba(255,255,255,.5),transparent)}.sec-card h4{margin-bottom:6px}.sec-card p{font-size:13px;color:var(--ink-700)}.faq{background:var(--sunny-50)}.faq .deco.d1{width:140px;height:140px;background:var(--bubble-200);top:10%;left:5%;opacity:.5}.faq .deco.d2{width:90px;height:90px;background:var(--mint-200);bottom:15%;right:8%;opacity:.5;animation-delay:2s}.faq-grid{max-width:880px;margin:0 auto;display:flex;flex-direction:column;gap:14px;position:relative;z-index:1}.faq-item{background:#fff;border:var(--bw) solid var(--ink-900);border-radius:var(--r3);box-shadow:var(--s2);overflow:hidden;position:relative;transition:transform var(--t-quick),box-shadow var(--t-quick)}.faq-item:before{content:"";position:absolute;left:0;right:0;top:0;height:25%;background:linear-gradient(180deg,rgba(255,255,255,.4),transparent);pointer-events:none;z-index:1}.faq-item:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--ink-900)}.faq-question{width:100%;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:20px 22px;text-align:left;font-family:var(--fd);font-size:16px;font-weight:600;color:var(--ink-900);position:relative;z-index:2}.faq-q-left{display:flex;align-items:center;gap:12px}.faq-q-ico{width:32px;height:32px;border-radius:50%;background:var(--mint-200);border:1.5px solid var(--ink-900);display:flex;align-items:center;justify-content:center;flex-shrink:0;font-family:var(--fd);font-weight:700;font-size:14px}.faq-item:nth-child(2n) .faq-q-ico{background:var(--bubble-200)}.faq-item:nth-child(3n) .faq-q-ico{background:var(--sky-200)}.faq-toggle{width:32px;height:32px;border-radius:50%;background:var(--sunny-300);border:var(--bw) solid var(--ink-900);box-shadow:var(--s1);display:flex;align-items:center;justify-content:center;font-family:var(--fd);font-size:20px;font-weight:700;flex-shrink:0;transition:transform var(--t-expr);position:relative;overflow:hidden}.faq-toggle:before{content:"";position:absolute;left:0;right:0;top:0;height:50%;background:linear-gradient(180deg,rgba(255,255,255,.45),transparent)}.faq-toggle>*{position:relative}.faq-item.open .faq-toggle{transform:rotate(45deg);background:var(--bubble-300)}.faq-answer{max-height:0;overflow:hidden;transition:max-height var(--t-emph);position:relative;z-index:2}.faq-item.open .faq-answer{max-height:300px}.faq-answer-inner{padding:0 22px 20px 66px;font-size:14px;color:var(--ink-700);line-height:1.6}.faq-answer-inner strong{color:var(--ink-900);font-weight:600}.pricing{background:linear-gradient(180deg,var(--mint-50),#fff)}.pricing .deco.d1{width:140px;height:140px;background:var(--bubble-200);top:12%;left:5%;opacity:.5}.pricing .deco.d2{width:160px;height:160px;background:var(--sunny-200);bottom:15%;right:3%;opacity:.5;animation-delay:2s}.price-toolbar{display:flex;justify-content:center;margin-bottom:40px;position:relative;z-index:1}.bank-tag{display:inline-flex;align-items:center;gap:10px;padding:12px 20px;background:var(--ink-900);color:var(--sunny-300);border:var(--bw) solid var(--ink-900);border-radius:999px;font-family:var(--fd);font-size:14px;font-weight:600;box-shadow:var(--s2)}.price-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;max-width:1080px;margin:0 auto;align-items:stretch;position:relative;z-index:1}.price-card{background:#fff;border:var(--bw) solid var(--ink-900);border-radius:var(--r4);padding:32px 26px;box-shadow:var(--s3);display:flex;flex-direction:column;transition:transform var(--t-expr),box-shadow var(--t-expr);position:relative;overflow:visible}.price-card-inner{position:relative;width:100%;height:100%;display:flex;flex-direction:column;z-index:2}.price-card:before{content:"";position:absolute;left:0;right:0;top:0;height:30%;background:linear-gradient(180deg,rgba(255,255,255,.4),transparent);pointer-events:none;border-radius:var(--r4) var(--r4) 0 0;z-index:1}.price-card:hover{transform:translate(-4px,-4px);box-shadow:10px 10px 0 var(--ink-900)}.price-card.featured{background:var(--bubble-300);transform:translateY(-12px) rotate(-1.5deg);box-shadow:var(--s4)}.price-card.featured:hover{transform:translateY(-16px) rotate(0);box-shadow:10px 10px 0 var(--ink-900)}.price-mascot{position:absolute;top:-58px;right:-18px;width:104px;height:104px;z-index:5;animation:mascotBob 3.5s ease-in-out infinite;filter:drop-shadow(3px 3px 0 var(--ink-900));pointer-events:none}.price-tag{position:absolute;top:-14px;left:50%;transform:translate(-50%) rotate(-3deg);background:var(--sunny-300);color:var(--ink-900);border:var(--bw) solid var(--ink-900);padding:5px 16px;border-radius:999px;font-family:var(--fd);font-size:12px;font-weight:700;letter-spacing:.04em;box-shadow:var(--s1);animation:mascotWobble 4s ease-in-out infinite;z-index:10}.price-mode{font-family:var(--fd);font-size:12px;font-weight:700;color:var(--ink-700);text-transform:uppercase;letter-spacing:.1em;margin-bottom:8px;display:flex;align-items:center;gap:8px}.price-card.featured .price-mode{color:var(--ink-900)}.price-mode-icon{width:24px;height:24px;border-radius:50%;background:#fff;border:1.5px solid var(--ink-900);display:flex;align-items:center;justify-content:center}.price-card h3{margin-bottom:6px}.price-desc{font-size:13px;color:var(--ink-700);margin-bottom:20px}.price-card.featured .price-desc{color:var(--ink-800)}.price-amount{padding:20px;background:var(--ink-50);border:var(--bw) solid var(--ink-900);border-radius:var(--r3);margin-bottom:12px}.price-card.featured .price-amount{background:#fff}.price-num{font-family:var(--fd);font-size:30px;font-weight:700;margin-bottom:12px}.price-credit{display:flex;justify-content:space-between;align-items:center;padding-top:12px;border-top:2px dashed var(--ink-200)}.price-credit .num{font-family:var(--fd);font-size:18px;font-weight:600}.price-credit .unit{font-size:11px;color:var(--ink-500)}.price-meta{font-family:var(--fm);font-size:11px;color:var(--ink-700);margin-top:10px}.price-card.featured .price-meta{color:var(--ink-800)}.savings{margin-bottom:20px;padding:10px 14px;background:var(--sunny-300);border:var(--bw) solid var(--ink-900);border-radius:999px;display:flex;justify-content:space-between;align-items:center;box-shadow:var(--s1)}.price-card.featured .savings{background:var(--ink-900);color:var(--sunny-300)}.savings .label{font-family:var(--fd);font-size:12px;font-weight:600}.savings .value{font-family:var(--fd);font-size:14px;font-weight:700}.price-list{list-style:none;margin-bottom:24px;flex-grow:1}.price-list li{padding:7px 0;font-size:13px;display:flex;gap:8px;align-items:center}.price-list li:before{content:"✓";flex-shrink:0;width:18px;height:18px;border-radius:50%;background:var(--mint-300);color:var(--ink-900);border:1.5px solid var(--ink-900);display:inline-flex;align-items:center;justify-content:center;font-size:11px;font-weight:700}.price-card.featured .price-list li:before{background:var(--sunny-300)}.price-card .btn{width:100%}.price-foot{margin-top:48px;padding:20px;max-width:720px;margin-left:auto;margin-right:auto;background:#fff;border:var(--bw) solid var(--ink-900);border-radius:var(--r3);box-shadow:var(--s2);display:flex;gap:14px;align-items:center;font-size:13px;position:relative;z-index:1}.cta-sec{padding:112px 0;text-align:center;position:relative;overflow:hidden;background:var(--ink-900);color:#fff}.cta-sec .deco.d1{width:180px;height:180px;background:var(--bubble-400);top:10%;left:6%;opacity:.4}.cta-sec .deco.d2{width:140px;height:140px;background:var(--sunny-400);bottom:15%;right:6%;opacity:.4;animation-delay:2s}.cta-sec .deco.d3{width:100px;height:100px;background:var(--mint-400);top:50%;right:15%;opacity:.3;animation-delay:3s}.cta-sec .deco.d4{width:80px;height:80px;background:var(--sky-400);top:30%;left:18%;opacity:.3;animation-delay:1s}.cta-sec .container{position:relative;z-index:1}.cta-mascot{width:180px;height:180px;margin:0 auto 16px;animation:mascotBob 3s ease-in-out infinite;filter:drop-shadow(5px 5px 0 var(--bubble-400))}.cta-sec h2{margin-bottom:16px;color:#fff}.cta-sec h2 em{color:var(--sunny-300)}.cta-sec h2 em:after{background:var(--bubble-400)}.cta-sec p{color:#ffffffbf;margin-bottom:32px;max-width:560px;margin-left:auto;margin-right:auto}.cta-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.footer{background:var(--ink-800);color:#fff;padding:64px 0 24px;border-top:var(--bw) solid var(--ink-900)}.foot-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:40px;margin-bottom:40px}.foot-brand p{font-size:13px;color:#fff9;max-width:320px;margin-top:16px}.foot-brand .logo{color:#fff}.foot-grid h4{font-family:var(--fd);font-size:13px;font-weight:600;color:var(--sunny-300);margin-bottom:16px;text-transform:uppercase;letter-spacing:.08em}.foot-grid ul li{padding:6px 0}.foot-grid ul li a{font-size:13px;color:#fff9;transition:color var(--t-quick)}.foot-grid ul li a:hover{color:var(--sunny-300)}.foot-bottom{padding-top:24px;border-top:1px solid rgba(255,255,255,.1);display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;font-size:12px;color:#ffffff73}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:900;background:#0f0c0899;opacity:0;pointer-events:none;transition:opacity var(--t-base);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-backdrop.open{opacity:1;pointer-events:auto}.modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%) scale(.85);opacity:0;z-index:901;pointer-events:none;background:#fff;border:var(--bw) solid var(--ink-900);border-radius:var(--r4);box-shadow:var(--s4);width:92%;max-width:440px;transition:transform var(--t-expr),opacity var(--t-expr);overflow:visible}.modal-inner{position:relative;border-radius:var(--r4);overflow:hidden}.modal-inner:before{content:"";position:absolute;left:0;right:0;top:0;height:30%;background:linear-gradient(180deg,rgba(255,255,255,.4),transparent);pointer-events:none;z-index:1}.modal-inner:after{content:"";position:absolute;top:5%;left:8%;width:18%;height:10%;background:radial-gradient(ellipse,rgba(255,255,255,.65),transparent 70%);border-radius:50%;pointer-events:none;z-index:2}.modal.open{opacity:1;transform:translate(-50%,-50%) scale(1);pointer-events:auto}.modal-head{padding:48px 28px 12px;text-align:center;position:relative;z-index:3}.modal-mascot{width:104px;height:104px;margin:-84px auto 6px;position:relative;z-index:5;animation:mascotBob 3s ease-in-out infinite;filter:drop-shadow(3px 3px 0 var(--ink-900))}.modal-head h3{font-family:var(--fd);font-size:22px;font-weight:700;margin-bottom:6px}.modal-head p{font-size:13px;color:var(--ink-700)}.modal-body{padding:8px 28px 24px;position:relative;z-index:3}.modal-field{margin-bottom:14px}.modal-field label{display:block;font-family:var(--fd);font-size:12px;font-weight:600;color:var(--ink-700);margin-bottom:6px;letter-spacing:.02em}.modal-input{width:100%;height:44px;padding:0 16px;background:#fff;color:var(--ink-900);border:var(--bw) solid var(--ink-900);border-radius:999px;font-family:var(--fb);font-size:14px;font-weight:500;box-shadow:var(--s1);transition:all var(--t-quick)}.modal-input:focus{outline:none;transform:translate(-1px,-1px);box-shadow:3px 3px 0 var(--bubble-400);border-color:var(--bubble-400)}.modal .btn{width:100%;margin-top:8px}.modal-foot{padding:0 28px 24px;text-align:center;font-size:12px;color:var(--ink-700);position:relative;z-index:3}.modal-foot a{color:var(--bubble-500);font-weight:600}.modal-close{position:absolute;top:14px;right:14px;width:32px;height:32px;border-radius:50%;background:#fff;border:var(--bw) solid var(--ink-900);box-shadow:var(--s1);display:flex;align-items:center;justify-content:center;font-family:var(--fd);font-weight:700;font-size:14px;cursor:pointer;z-index:10;transition:all var(--t-quick)}.modal-close:hover{background:var(--bubble-300);transform:rotate(90deg)}#toast-stack{position:fixed;bottom:24px;right:24px;z-index:1100;display:flex;flex-direction:column;gap:10px;align-items:flex-end;pointer-events:none}.toast{pointer-events:auto;display:inline-flex;align-items:center;gap:12px;padding:12px 20px;background:#fff;color:var(--ink-900);border:var(--bw) solid var(--ink-900);border-radius:999px;box-shadow:var(--s2);font-weight:500;font-size:14px;position:relative;overflow:hidden;animation:toastIn .5s cubic-bezier(.32,1.42,.54,1)}.toast:before{content:"";position:absolute;left:0;right:0;top:0;height:50%;background:linear-gradient(180deg,rgba(255,255,255,.3),transparent);pointer-events:none}.toast>*{position:relative;z-index:1}.toast-icon{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:1.5px solid var(--ink-900);font-weight:700;font-size:14px}.toast-success .toast-icon{background:var(--mint-300)}.toast-info .toast-icon{background:var(--sky-300)}@keyframes toastIn{0%{opacity:0;transform:translateY(20px) scale(.9)}60%{transform:translateY(-4px) scale(1.02)}to{opacity:1;transform:translateY(0) scale(1)}}.nav-toggle{display:none;flex-direction:column;justify-content:center;gap:5px;width:44px;height:44px;border:var(--bw) solid var(--ink-900);border-radius:12px;background:#fff;box-shadow:var(--s1);flex-shrink:0;transition:transform var(--t-quick);padding:0 10px}.nav-toggle span{display:block;height:2.5px;width:100%;background:var(--ink-900);border-radius:2px;transition:transform var(--t-base),opacity var(--t-base)}.nav-toggle:active{transform:scale(.94)}.nav-toggle.open span:nth-child(1){transform:translateY(7.5px) rotate(45deg)}.nav-toggle.open span:nth-child(2){opacity:0}.nav-toggle.open span:nth-child(3){transform:translateY(-7.5px) rotate(-45deg)}.mobile-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:110;background:#0f0c0880;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);opacity:0;pointer-events:none;transition:opacity var(--t-base)}.mobile-backdrop.open{opacity:1;pointer-events:auto}.mobile-menu{position:fixed;top:0;right:0;z-index:120;width:min(86vw,360px);max-width:100vw;height:100dvh;background:var(--ink-50);border-left:var(--bw) solid var(--ink-900);box-shadow:-8px 0 #0f0c0814;padding:84px 22px 28px;display:flex;flex-direction:column;gap:20px;transform:translate(105%);transition:transform var(--t-emph);overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}.mobile-menu.open{transform:translate(0)}.mobile-links{display:flex;flex-direction:column;gap:6px}.mobile-links a{font-family:var(--fd);font-size:17px;font-weight:600;color:var(--ink-900);padding:14px 16px;border-radius:14px;border:2px solid transparent;transition:all var(--t-quick)}.mobile-links a:hover,.mobile-links a:active{background:var(--sunny-200);border-color:var(--ink-900);transform:translate(3px)}.mobile-auth{display:flex;flex-direction:column;gap:10px;margin-top:auto;padding-top:20px;border-top:2px dashed var(--ink-200)}.mobile-auth .btn{width:100%;height:50px}@media (max-width:1200px){.nav-links{display:none}.nav-auth .btn-login,.nav-auth>.btn-bubble{display:none}.nav-toggle{display:flex}.nav-inner{padding:10px 20px}}@media (max-width:1024px){.hero-grid{grid-template-columns:1fr;gap:40px;max-width:680px;margin-inline:auto}.hero-intro{text-align:center}.hero-lead{margin-inline:auto}.hero-cta,.hero-trust{justify-content:center}.hero-trust{flex-wrap:wrap}.hero-mock{width:min(82%,460px);max-width:none;margin:0 auto;transform:rotate(1deg)}.fleet-grid,.cust-grid,.case-card{grid-template-columns:1fr;gap:44px}.hwa-grid,.sec-grid{grid-template-columns:repeat(2,1fr)}.how-flow{grid-template-columns:repeat(2,1fr);gap:24px}.how-step:nth-child(2n){margin-top:0}.testi-grid,.case-stats{grid-template-columns:repeat(2,1fr)}.hero-mascot{top:-44px;left:-16px;width:112px;height:112px}.section{padding:clamp(72px,9vw,96px) 0}.why-grid{grid-template-columns:1fr}}@media (max-width:834px){.testi-grid{grid-template-columns:1fr;max-width:560px;margin-inline:auto}.hwa-promise{grid-template-columns:1fr;gap:18px}.foot-grid{grid-template-columns:1fr 1fr;gap:32px}}@media (max-width:768px){.hwa-grid,.sec-grid,.how-flow{grid-template-columns:1fr}.price-grid{grid-template-columns:1fr;max-width:460px;margin-inline:auto}.price-card.featured{transform:none;order:-1}.price-card.featured:hover{transform:translate(-4px,-4px)}.hero-stats{grid-template-columns:repeat(3,1fr);gap:10px}.stat{padding:14px 12px;text-align:center}.stat-icon{margin-inline:auto}.stat-num{font-size:24px}}@media (max-width:640px){.container{padding:0 16px}.foot-grid{grid-template-columns:1fr;gap:28px}.section{padding:clamp(56px,14vw,72px) 0}.section-head{margin-bottom:36px}.case-card{padding:28px 20px;gap:28px}.case-stats{grid-template-columns:repeat(2,1fr);gap:10px}.nav-auth{gap:8px}.hero{padding:48px 0 64px}.hero-mascot{display:none}.hero-mock{width:min(88%,400px);transform:none}.hero-cta{width:100%}.hero-cta .btn{flex:1 1 100%}.cta-mascot{width:128px;height:128px}.cta-actions{width:100%}.cta-actions .btn{flex:1 1 100%}.hwa-promise{padding:28px 22px}.compat{padding:36px 0}.modal{max-width:none;width:calc(100% - 28px)}.testi-grid{gap:16px}.price-foot{flex-direction:column;text-align:center;gap:10px}#toast-stack{left:16px;right:16px;bottom:16px;align-items:stretch}.toast{width:100%}}@media (max-width:520px){.frame{width:180px}.frame-photo{height:180px;font-size:46px}.frame-1{transform:rotate(-10deg) translate(-48px)}.frame-3{transform:rotate(10deg) translate(48px)}}@media (max-width:400px){.container{padding:0 14px}.hero-stats{grid-template-columns:1fr}.stat{display:flex;align-items:center;gap:12px;text-align:left}.stat-icon{margin:0}.stat-num{font-size:26px}.case-stats{grid-template-columns:1fr}.logo{font-size:18px}.hero-mock{width:92%}}html{max-width:100%}@media (hover:none){.card:hover,.hwa-card:hover,.how-step:hover,.sec-card:hover,.testi-card:hover,.fleet-list li:hover,.price-card:hover,.cust-feature:hover,.stat:hover,.compat-pill:hover,.badge:hover,.nav-links a:hover,.mobile-links a:hover{transform:none}*{-webkit-tap-highlight-color:rgba(255,219,66,.3)}}body{font-family:var(--fb)!important;background:var(--ink-50)!important;color:var(--ink-900)!important;line-height:1.6;-webkit-font-smoothing:antialiased;min-height:auto;overflow-x:visible}.nav{position:sticky!important}.pc-nav{display:none!important}:root{--pc-bg: #030307;--pc-bg-alt: #0A0A12;--pc-card: #0E0E18;--pc-card-alt: #06060C;--pc-text: #FFFFFF;--pc-text-muted: #64748B;--pc-border: #1E1E2E;--pc-accent: #FFD93D;--pc-accent-light: #FFEB3B;--pc-accent-dark: #FFC107;--pc-success: #10B981;--pc-error: #EF4444;--pc-font: "Be Vietnam Pro", sans-serif;--pc-space-1: .25rem;--pc-space-2: .5rem;--pc-space-3: .75rem;--pc-space-4: 1rem;--pc-space-5: 1.25rem;--pc-space-6: 1.5rem;--pc-space-8: 2rem;--pc-space-10: 2.5rem;--pc-space-12: 3rem;--pc-space-16: 4rem;--pc-space-20: 5rem;--pc-space-24: 6rem;--pc-radius-sm: 4px;--pc-radius-md: 8px;--pc-radius-lg: 12px;--pc-radius-xl: 16px;--pc-radius-2xl: 24px;--pc-shadow-sm: 0 1px 3px rgba(0, 0, 0, .4);--pc-shadow-md: 0 4px 16px rgba(0, 0, 0, .5);--pc-shadow-lg: 0 12px 40px rgba(0, 0, 0, .6);--pc-shadow-glow: 0 0 24px rgba(255, 217, 61, .35);--pc-shadow-card: 0 2px 8px rgba(0, 0, 0, .3), 0 0 1px rgba(255, 255, 255, .05);--pc-shadow-card-hover: 0 8px 24px rgba(0, 0, 0, .5), 0 0 1px rgba(255, 255, 255, .08);--pc-shadow-btn: 0 2px 8px rgba(0, 0, 0, .3);--pc-shadow-btn-hover: 0 6px 20px rgba(0, 0, 0, .4);--pc-transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--pc-transition-base: .25s cubic-bezier(.4, 0, .2, 1);--pc-transition-slow: .4s cubic-bezier(.4, 0, .2, 1)}[data-theme=light]{--pc-bg: #FAFAF9;--pc-bg-alt: #F5F5F4;--pc-card: #FFFFFF;--pc-card-alt: #E7E5E4;--pc-text: #1C1917;--pc-text-muted: #57534E;--pc-border: #D6D3D1;--pc-accent: #B45309;--pc-accent-light: #D97706;--pc-accent-dark: #92400E;--pc-success: #059669;--pc-error: #DC2626;--pc-shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--pc-shadow-md: 0 4px 12px rgba(0, 0, 0, .08);--pc-shadow-lg: 0 8px 32px rgba(0, 0, 0, .12);--pc-shadow-glow: 0 0 20px rgba(180, 83, 9, .15)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth}body{font-family:var(--pc-font);background:var(--pc-bg);color:var(--pc-text);line-height:1.6;min-height:100vh;overflow-x:hidden}body.pc-cursor-active{cursor:none}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto}.pc-headline{font-weight:900;line-height:1.1;letter-spacing:-.02em}.pc-headline-6xl{font-size:3.75rem}.pc-headline-7xl{font-size:4.5rem}.pc-headline-8xl{font-size:6rem}.pc-subheadline{font-size:1.125rem;line-height:1.5;color:var(--pc-text-muted)}@media (min-width: 768px){.pc-headline-6xl{font-size:4.5rem}.pc-headline-7xl{font-size:6rem}.pc-headline-8xl{font-size:8rem}.pc-subheadline{font-size:1.25rem}}.pc-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--pc-space-2);padding:var(--pc-space-3) var(--pc-space-6);border:none;border-radius:var(--pc-radius-xl);font-family:var(--pc-font);font-size:1rem;font-weight:600;cursor:pointer;transition:all var(--pc-transition-base);text-decoration:none;position:relative;overflow:hidden;box-shadow:var(--pc-shadow-btn);letter-spacing:.01em}.pc-btn:disabled{opacity:.5;cursor:not-allowed;box-shadow:none;transform:none!important;filter:none!important}.pc-btn-primary{background:linear-gradient(135deg,var(--pc-accent) 0%,var(--pc-accent-dark) 100%);color:#030307}.pc-btn-primary:hover:not(:disabled){transform:scale(1.03) translateY(-1px);box-shadow:var(--pc-shadow-glow),var(--pc-shadow-btn-hover);filter:brightness(1.05)}.pc-btn-primary:active:not(:disabled){transform:scale(.98) translateY(0);box-shadow:var(--pc-shadow-btn)}.pc-btn-secondary{background:var(--pc-card);border:1px solid var(--pc-border);color:var(--pc-text)}.pc-btn-secondary:hover:not(:disabled){border-color:#ffd93d80;background:var(--pc-card-alt);transform:scale(1.03) translateY(-1px);box-shadow:var(--pc-shadow-btn-hover)}.pc-btn-secondary:active:not(:disabled){transform:scale(.98) translateY(0);box-shadow:var(--pc-shadow-btn)}.pc-btn-lg{padding:var(--pc-space-4) var(--pc-space-8);font-size:1.125rem}.pc-btn-xl{padding:var(--pc-space-5) var(--pc-space-10);font-size:1.25rem}.pc-btn-kiosk{min-height:120px;min-width:200px;padding:var(--pc-space-6) var(--pc-space-10);font-size:1.5rem;font-weight:700;border-radius:var(--pc-radius-xl)}.pc-card{background:var(--pc-card);border:1px solid var(--pc-border);border-radius:var(--pc-radius-2xl);padding:var(--pc-space-8);transition:all var(--pc-transition-base);box-shadow:var(--pc-shadow-card)}.pc-card:hover{background:var(--pc-card-alt);transform:translateY(-4px);box-shadow:var(--pc-shadow-card-hover);border-color:#ffd93d26}.pc-form-group{margin-bottom:var(--pc-space-5)}.pc-form-group label{display:block;margin-bottom:var(--pc-space-2);font-weight:500;font-size:.95rem;color:var(--pc-text)}.pc-form-group input,.pc-form-group select,.pc-form-group textarea{width:100%;padding:var(--pc-space-3) var(--pc-space-4);background:var(--pc-card);border:1px solid var(--pc-border);border-radius:var(--pc-radius-lg);color:var(--pc-text);font-family:var(--pc-font);font-size:1rem;transition:all var(--pc-transition-fast);box-shadow:inset 0 1px 2px #0003}.pc-form-group input:focus,.pc-form-group select:focus,.pc-form-group textarea:focus{outline:none;border-color:var(--pc-accent);box-shadow:inset 0 1px 2px #0003,0 0 0 3px #ffd93d1a}@keyframes pc-pulse{0%,to{opacity:1}50%{opacity:.7}}@keyframes pc-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes pc-fade-in{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes pc-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.pc-animate-pulse{animation:pc-pulse 2s ease-in-out infinite}.pc-animate-bounce{animation:pc-bounce 2s ease-in-out infinite}.pc-animate-fade-in{animation:pc-fade-in .6s ease-out forwards}.pc-container{max-width:1200px;margin:0 auto;padding:0 var(--pc-space-6)}@media (min-width: 768px){.pc-container{padding:0 var(--pc-space-10)}}@media (min-width: 1280px){.pc-container{padding:0 var(--pc-space-12)}}.pc-grid{display:grid;gap:var(--pc-space-6)}.pc-grid-2{grid-template-columns:repeat(2,1fr)}.pc-grid-3{grid-template-columns:repeat(3,1fr)}.pc-grid-4{grid-template-columns:repeat(4,1fr)}@media (max-width: 767px){.pc-grid-2,.pc-grid-3,.pc-grid-4{grid-template-columns:1fr}}@media (min-width: 768px) and (max-width: 1023px){.pc-grid-4{grid-template-columns:repeat(2,1fr)}}.pc-accent-text{color:var(--pc-accent)}.pc-badge{display:inline-flex;align-items:center;gap:var(--pc-space-1);padding:var(--pc-space-1) var(--pc-space-3);background:var(--pc-accent);color:#030307;font-size:.75rem;font-weight:700;text-transform:uppercase;border-radius:var(--pc-radius-sm);letter-spacing:.05em}.pc-nav{position:fixed;top:0;left:0;right:0;z-index:50;background:#030307d9;backdrop-filter:blur(16px) saturate(1.2);-webkit-backdrop-filter:blur(16px) saturate(1.2);border-bottom:1px solid rgba(255,255,255,.06);transition:all var(--pc-transition-base)}[data-theme=light] .pc-nav{background:#fafaf9e6;border-bottom-color:#0000000f}.pc-nav-inner{display:flex;align-items:center;justify-content:space-between;height:72px;max-width:1200px;margin:0 auto;padding:0 var(--pc-space-6)}.pc-logo{display:flex;align-items:center;gap:var(--pc-space-2);font-weight:800;font-size:1.25rem;color:var(--pc-text)}.pc-logo-icon{font-size:1.5rem}.pc-nav-links{display:flex;align-items:center;gap:var(--pc-space-8);list-style:none}.pc-nav-link{color:var(--pc-text-muted);font-weight:500;font-size:.95rem;transition:color var(--pc-transition-fast);position:relative}.pc-nav-link:hover,.pc-nav-link.active{color:var(--pc-text)}.pc-nav-link.active:after{content:"";position:absolute;bottom:-4px;left:0;right:0;height:2px;background:var(--pc-accent);border-radius:1px}.pc-nav-actions{display:flex;align-items:center;gap:var(--pc-space-3)}.pc-nav-toggle{display:none;width:48px;height:48px;background:transparent;border:none;cursor:pointer;padding:0;flex-direction:column;justify-content:center;align-items:center;gap:5px}.pc-nav-toggle span{display:block;width:24px;height:2px;background:var(--pc-text);transition:all .3s ease}@media (max-width: 767px){.pc-nav-toggle{display:flex}.pc-nav-menu{display:none;position:absolute;top:100%;left:0;right:0;background:#030307fa;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid var(--pc-border);padding:var(--pc-space-4);flex-direction:column;gap:var(--pc-space-4)}[data-theme=light] .pc-nav-menu{background:#fafaf9fa}.pc-nav-menu.open{display:flex}.pc-nav-links{flex-direction:column;gap:var(--pc-space-2);width:100%}.pc-nav-link{padding:var(--pc-space-3) var(--pc-space-4);width:100%;border-radius:var(--pc-radius-md)}.pc-nav-link:hover{background:var(--pc-card)}}.pc-footer{border-top:1px solid rgba(255,255,255,.06);padding:var(--pc-space-16) 0 var(--pc-space-8);margin-top:var(--pc-space-20)}.pc-footer-top{display:grid;grid-template-columns:1fr;gap:var(--pc-space-10);margin-bottom:var(--pc-space-10)}@media (min-width: 768px){.pc-footer-top{grid-template-columns:1fr 2fr}}.pc-footer-brand{display:flex;flex-direction:column;gap:var(--pc-space-3)}.pc-footer-logo{display:flex;align-items:center;gap:var(--pc-space-2);font-weight:800;font-size:1.25rem;color:var(--pc-text)}.pc-footer-tagline{color:var(--pc-text-muted);font-size:1rem;line-height:1.6}.pc-footer-links{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--pc-space-8)}@media (min-width: 768px){.pc-footer-links{grid-template-columns:repeat(3,1fr)}}.pc-footer-column h4{font-size:.875rem;color:var(--pc-text);margin-bottom:var(--pc-space-4);font-weight:700;text-transform:uppercase;letter-spacing:.05em}.pc-footer-column a{display:block;color:var(--pc-text-muted);font-size:.95rem;margin-bottom:var(--pc-space-3);transition:all var(--pc-transition-fast);padding:var(--pc-space-1) 0}.pc-footer-column a:hover{color:var(--pc-accent);transform:translate(2px)}.pc-footer-bottom{text-align:center;color:var(--pc-text-muted);font-size:.875rem;padding-top:var(--pc-space-8);border-top:1px solid var(--pc-border);margin-top:var(--pc-space-10)}