/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.relative{position:relative}.start{inset-inline-start:var(--spacing)}.container{width:100%}@media (width>=40rem){.container{max-width:40rem}}@media (width>=48rem){.container{max-width:48rem}}@media (width>=64rem){.container{max-width:64rem}}@media (width>=80rem){.container{max-width:80rem}}@media (width>=96rem){.container{max-width:96rem}}.hidden{display:none}.table{display:table}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}}:root{--navy:#171b78;--blue:#1768e4;--cyan:#20dbe6;--ink:#0b1739;--muted:#66728e;--ice:#eef8ff;--line:#dbe9f5;--white:#fff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:var(--ink);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;background:#fff;margin:0;font-family:Segoe UI,Arial,Helvetica,sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}button{font:inherit}.container{width:min(1180px,100% - 40px);margin:0 auto}.demo-ribbon{background:var(--navy);color:#cfeeff;letter-spacing:.18em;place-items:center;height:27px;font-size:10px;font-weight:700;display:grid}.site-header{z-index:50;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffffeb;border-bottom:1px solid #d1e2f0e6;height:82px;position:sticky;top:0}.nav-shell{align-items:center;gap:30px;width:min(1320px,100% - 36px);height:100%;margin:auto;display:flex}.brand{align-items:center;gap:11px;min-width:210px;display:flex}.brand-mark{background:#f4fbff;border:1px solid #cde7f5;border-radius:14px;width:45px;height:45px;overflow:hidden;box-shadow:0 8px 22px #1a5fb524}.brand-mark img{object-fit:cover;object-position:center;width:100%;height:100%}.brand strong{letter-spacing:.16em;color:var(--navy);font-size:20px;line-height:1;display:block}.brand small{color:#7890aa;letter-spacing:.13em;text-transform:uppercase;margin-top:5px;font-size:9px;display:block}.main-nav{flex:1;justify-content:center;align-items:center;gap:28px;height:100%;display:flex}.main-nav>a,.nav-item>button{color:#25324e;cursor:pointer;white-space:nowrap;background:0 0;border:0;padding:30px 0;font-size:14px;font-weight:700;position:relative}.main-nav>a:after,.nav-item>button:after{content:"";background:linear-gradient(90deg,var(--blue),var(--cyan));height:2px;transition:all .25s;position:absolute;bottom:21px;left:0;right:100%}.main-nav>a:hover:after,.nav-item:hover>button:after{right:0}.nav-item>button span{color:var(--blue);margin-left:4px}.nav-item{place-items:center;height:100%;display:grid;position:relative}.dropdown{opacity:0;visibility:hidden;background:#fff;border:1px solid #dceaf5;border-radius:18px;transition:all .2s;position:absolute;top:75px;left:50%;transform:translate(-50%,10px);box-shadow:0 24px 70px #17285726}.nav-item:hover>.dropdown,.nav-item:focus-within>.dropdown{opacity:1;visibility:visible;transform:translate(-50%)}.compact-dropdown{width:230px;padding:10px}.compact-dropdown a{border-radius:10px;padding:12px 14px;font-size:13px;font-weight:700;display:block}.compact-dropdown a:hover{background:var(--ice);color:var(--blue)}.mega-menu{grid-template-columns:1fr 1fr 190px;gap:8px;width:690px;padding:18px;display:grid;left:65px;transform:translate(-38%,10px)}.services-nav:hover>.mega-menu,.services-nav:focus-within>.mega-menu{transform:translate(-38%)}.mega-menu>div:not(.menu-highlight){padding:10px}.menu-label{color:#8290a9;letter-spacing:.17em;margin:0 0 8px;font-size:9px;font-weight:800}.mega-menu a{border-radius:10px;padding:10px;display:block}.mega-menu a:hover{background:var(--ice)}.mega-menu b{font-size:13px;display:block}.mega-menu small{color:#8090a7;margin-top:4px;font-size:10px;display:block}.menu-highlight{color:#fff;background:linear-gradient(145deg,var(--navy),var(--blue));border-radius:13px;padding:18px!important}.menu-highlight span{letter-spacing:.15em;opacity:.8;font-size:8px}.menu-highlight strong{margin:16px 0 24px;font-size:16px;line-height:1.35;display:block}.menu-highlight a{color:#aef7ff;padding:0;font-size:11px;font-weight:700}.nav-cta{color:#fff;background:linear-gradient(120deg,var(--navy),var(--blue));white-space:nowrap;border-radius:12px;padding:13px 17px;font-size:13px;font-weight:800;box-shadow:0 10px 26px #1f59d138}.nav-cta span{color:var(--cyan);margin-left:8px}.menu-toggle{background:0 0;border:0;width:42px;height:42px;padding:10px;display:none}.menu-toggle span{background:var(--navy);width:22px;height:2px;margin:5px 0;display:block}.hero{background:linear-gradient(115deg,#f9fcff 0%,#edf8ff 56%,#f8fdff 100%);min-height:755px;padding:92px 0 0;position:relative;overflow:hidden}.hero:before{content:"";opacity:.38;background-image:linear-gradient(#cfe4f3 1px,#0000 1px),linear-gradient(90deg,#cfe4f3 1px,#0000 1px);background-size:72px 72px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(90deg,#0000,#000,#0000);mask-image:linear-gradient(90deg,#0000,#000,#0000)}.orb{filter:blur(1px);border-radius:50%;animation:9s ease-in-out infinite alternate orb-drift;position:absolute}.orb-one{background:radial-gradient(circle,#27deea40,#0000 68%);width:540px;height:540px;top:-260px;right:12%}.orb-two{background:radial-gradient(circle,#2268e52e,#0000 70%);width:430px;height:430px;bottom:0;left:-240px}.hero-grid{z-index:2;grid-template-columns:1.03fr .97fr;align-items:center;gap:56px;display:grid;position:relative}.eyebrow{color:var(--blue);letter-spacing:.17em;align-items:center;gap:10px;font-size:11px;font-weight:800;display:flex}.eyebrow span{background:var(--cyan);width:27px;height:2px}.hero h1{letter-spacing:-.055em;margin:22px 0;font-size:clamp(48px,5.1vw,72px);font-weight:780;line-height:.99}.hero h1 em,.section-head h2 em{color:#0000;background:linear-gradient(90deg,var(--blue),#12bcd1);-webkit-background-clip:text;background-clip:text;font-style:normal}.hero-copy>p{color:#5d6e87;max-width:580px;font-size:17px;line-height:1.72}.hero-copy .eyebrow{animation:.65s 50ms both hero-enter}.hero-copy h1{animation:.8s .16s both hero-enter}.hero-copy>p{animation:.8s .28s both hero-enter}.hero-actions{animation:.8s .4s both hero-enter}.hero-proof{animation:.8s .52s both hero-enter}.hero-actions{gap:20px;margin:34px 0 46px;display:flex}.button{border-radius:12px;justify-content:center;align-items:center;gap:14px;padding:18px 26px;font-size:13px;font-weight:800;line-height:1.5;white-space:nowrap;display:inline-flex}.button.primary{color:#fff;background:linear-gradient(110deg,var(--navy),var(--blue));box-shadow:0 15px 30px #1e53cc33}.button.primary span{color:var(--cyan);font-size:18px}.button.secondary{background:#ffffffad;border:1px solid #d0e4f2}.play{width:27px;height:27px;color:var(--blue);background:#e1f1fb;border-radius:50%;place-items:center;font-size:9px;display:grid}.hero-proof{gap:33px;display:flex}.hero-proof>div{border-right:1px solid #cbdce9;padding-right:32px}.hero-proof>div:last-child{border:0}.hero-proof strong{color:var(--navy);font-size:23px;display:block}.hero-proof span{color:#78889e;margin-top:4px;font-size:10px;display:block}.hero-visual{min-height:530px;position:relative}.visual-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff8c;border:1px solid #fffc;position:absolute;box-shadow:0 30px 80px #235da52e}.logo-card{border-radius:40px;width:425px;height:500px;padding:14px;animation:6s ease-in-out infinite logo-float;top:0;right:18px;transform:rotate(1.5deg)}.logo-card>img{object-fit:cover;border-radius:28px;width:100%;height:100%}.logo-caption{color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(90deg,#0f1973eb,#1469dcc7);border:1px solid #ffffff47;border-radius:14px;justify-content:space-between;align-items:flex-end;padding:17px;display:flex;position:absolute;bottom:28px;left:31px;right:31px}.logo-caption span{letter-spacing:.14em;font-size:8px}.logo-caption b{text-align:right;letter-spacing:.12em;font-size:10px;line-height:1.45}.floating-card{z-index:3;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffffe8;border:1px solid #d9edf7;border-radius:16px;position:absolute;box-shadow:0 18px 45px #1b46832e}.campaign-card{width:195px;padding:17px;animation:4.8s ease-in-out .4s infinite card-float;top:92px;left:-20px}.campaign-card .status-dot{background:#19d5a0;border-radius:50%;width:7px;height:7px;margin-right:7px;display:inline-block;box-shadow:0 0 0 5px #19d5a01c}.campaign-card>span{color:#8493a8;letter-spacing:.11em;font-size:8px}.campaign-card>b{color:var(--navy);margin:12px 0;font-size:13px;display:block}.mini-chart{align-items:flex-end;gap:6px;height:38px;display:flex}.mini-chart i{background:linear-gradient(var(--cyan),var(--blue));border-radius:3px 3px 0 0;flex:1}.mini-chart i:first-child{height:22%}.mini-chart i:nth-child(2){height:36%}.mini-chart i:nth-child(3){height:31%}.mini-chart i:nth-child(4){height:58%}.mini-chart i:nth-child(5){height:70%}.mini-chart i:nth-child(6){height:96%}.reach-card{width:178px;padding:17px;animation:5.4s ease-in-out 1.2s infinite reverse card-float;bottom:36px;right:-15px}.reach-card small{color:#8795aa;letter-spacing:.1em;font-size:8px}.reach-card strong{color:var(--blue);margin:7px 0 5px;font-size:27px;display:block}.reach-card span{color:#21a789;font-size:9px}.platform-strip{z-index:3;color:#7d8ca1;letter-spacing:.14em;background:#ffffffc2;border-top:1px solid #d9eaf4;justify-content:center;align-items:center;gap:35px;height:76px;font-size:11px;font-weight:800;animation:.8s .65s both strip-enter;display:flex;position:relative}.platform-strip>i{background:var(--cyan);border-radius:50%;width:4px;height:4px}.commerce-visual{min-height:570px}.phone-wrap{z-index:2;filter:drop-shadow(0 35px 40px #123f8033);width:440px;height:650px;animation:6s ease-in-out infinite phone-bob;position:absolute;top:-44px;left:50%;transform:translate(-50%)}.phone-frame{z-index:3;object-fit:contain;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.phone-screen{z-index:4;color:#15213c;background:linear-gradient(#f9fbff,#eef4fb);border-radius:24px 24px 30px 30px;width:55.7%;height:86.3%;padding:15px 14px 11px;position:absolute;top:5%;left:22.8%;overflow:hidden;box-shadow:inset 0 0 0 1px #13306614}.phone-status{color:#66748b;justify-content:space-between;font-size:7px;font-weight:800;display:flex}.commerce-header{border-bottom:1px solid #dce6ef;align-items:center;gap:7px;margin-top:10px;padding-bottom:9px;display:flex}.facebook-mark{color:#fff;background:#1877f2;border-radius:7px;place-items:center;width:24px;height:24px;font-family:Arial,sans-serif;font-size:20px;font-weight:900;display:grid}.commerce-header div{flex:1}.commerce-header b{font-size:8px;display:block}.commerce-header small{color:#8290a5;margin-top:2px;font-size:6px;display:block}.commerce-header>i{color:#8793a7;background:0 0;width:auto;height:auto;font-size:7px;font-style:normal}.screen-summary{color:#fff;background:linear-gradient(120deg,#17248a,#1774ea);border-radius:11px;justify-content:space-between;align-items:center;margin-top:11px;padding:10px;display:flex;box-shadow:0 8px 18px #1a53c933}.screen-summary span small{color:#c7ddff;font-size:6px;display:block}.screen-summary span strong{margin-top:2px;font-size:22px;line-height:1;display:block}.screen-summary em{color:#91f3ee;background:#46ebe52e;border-radius:9px;padding:4px 6px;font-size:7px;font-style:normal;font-weight:800}.screen-chart{border-bottom:1px solid #d9e4ed;align-items:flex-end;gap:4px;height:48px;margin:9px 3px 8px;padding-top:6px;display:flex}.screen-chart i{transform-origin:bottom;background:linear-gradient(#27d8e4,#2878ed);border-radius:3px 3px 0 0;flex:1;min-width:0;animation:2.4s ease-in-out infinite alternate screen-bars}.screen-chart i:first-child{height:23%}.screen-chart i:nth-child(2){height:34%;animation-delay:.12s}.screen-chart i:nth-child(3){height:29%;animation-delay:.24s}.screen-chart i:nth-child(4){height:53%;animation-delay:.36s}.screen-chart i:nth-child(5){height:47%;animation-delay:.48s}.screen-chart i:nth-child(6){height:72%;animation-delay:.6s}.screen-chart i:nth-child(7){height:91%;animation-delay:.72s}.screen-title{justify-content:space-between;margin:7px 0;display:flex}.screen-title b{font-size:8px}.screen-title span{color:#1877f2;font-size:6px;font-weight:700}.order-list{gap:6px;animation:4.8s ease-in-out infinite alternate order-list-shift;display:grid}.phone-order{opacity:1;background:#fff;border:1px solid #e0e8ef;border-radius:8px;align-items:center;gap:6px;padding:6px;animation:.55s forwards order-row-in;display:flex;box-shadow:0 3px 9px #1e395e0d}.phone-order:first-child{animation-delay:1s}.phone-order:nth-child(2){animation-delay:1.3s}.phone-order:nth-child(3){animation-delay:1.6s}.product-thumb{color:#fff;border-radius:7px;flex:0 0 25px;place-items:center;height:25px;font-size:7px;font-weight:900;display:grid}.thumb-one{background:linear-gradient(135deg,#25cddd,#176de6)}.thumb-two{background:linear-gradient(135deg,#232a85,#674fe9)}.thumb-three{background:linear-gradient(135deg,#2bb995,#24d8d9)}.phone-order>div{flex:1;min-width:0}.phone-order b{font-size:6px;display:block}.phone-order small{color:#8a96a8;white-space:nowrap;text-overflow:ellipsis;margin-top:2px;font-size:5px;display:block;overflow:hidden}.phone-order>strong{color:#21a480;font-size:8px}.phone-nav{color:#8794a7;border-top:1px solid #dce6ef;justify-content:space-around;padding-top:6px;display:flex;position:absolute;bottom:8px;left:13px;right:13px}.phone-nav>span{place-items:center;gap:2px;font-size:9px;display:grid}.phone-nav>span:nth-child(2){color:#1877f2}.phone-nav small{font-size:5px}.order-counter-card{width:190px;padding:17px;animation:.7s .75s both counter-enter,5s ease-in-out 1.5s infinite card-float;top:64px;left:-22px}.counter-head{align-items:center;gap:8px;display:flex}.counter-head small{color:#8493a8;letter-spacing:.1em;font-size:7px;font-weight:800}.cart-icon{color:#fff;background:linear-gradient(135deg,var(--navy),var(--blue));border-radius:8px;place-items:center;width:27px;height:27px;font-size:11px;display:grid}.order-counter-card>strong{color:var(--blue);letter-spacing:-.05em;margin:11px 0 3px;font-size:34px;display:block}.counter-up{color:#1aa681;font-size:8px;font-weight:700}.order-progress{background:#e6eef5;border-radius:3px;height:4px;margin-top:13px;overflow:hidden}.order-progress i{background:linear-gradient(90deg,var(--blue),var(--cyan));border-radius:3px;width:82%;height:100%;animation:1.7s 1s both progress-grow;display:block}.order-notification{z-index:5;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);opacity:1;background:#fffffff0;border:1px solid #d9e8f2;border-radius:13px;align-items:center;gap:10px;width:205px;padding:12px;display:flex;position:absolute;box-shadow:0 14px 35px #15417a29}.order-notification>span{color:#fff;background:#18b88d;border-radius:50%;flex:0 0 29px;place-items:center;height:29px;font-size:11px;display:grid}.order-notification b{font-size:9px;display:block}.order-notification small{color:#8492a6;margin-top:3px;font-size:7px;display:block}.notice-one{animation:.6s 2.2s forwards notice-in,4.6s ease-in-out 2.8s infinite notice-float;top:115px;right:-23px}.notice-two{animation:.6s 3.2s forwards notice-in,5.2s ease-in-out 3.8s infinite reverse notice-float;bottom:70px;right:-5px}.notice-two>span{background:#1877f2}.social-bubble{z-index:6;color:#fff;background:#1877f2;border-radius:50%;place-items:center;width:45px;height:45px;font-size:22px;font-weight:900;animation:4s ease-in-out infinite bubble-float;display:grid;position:absolute;box-shadow:0 11px 25px #1877f247}.social-bubble i{color:#fff;background:#ed2845;border:2px solid #fff;border-radius:50%;place-items:center;width:18px;height:18px;font-size:7px;font-style:normal;display:grid;position:absolute;top:-4px;right:-4px}.messenger-bubble{bottom:95px;left:37px}.cart-bubble{animation-delay:.8s;top:40px;right:42px}.platform-strip{letter-spacing:0;background:#fff;justify-content:space-between;gap:32px;height:100px;padding:0 max(24px,50% - 590px);box-shadow:0 -12px 38px #143f770b}.platform-label{border-right:1px solid #dbe7ef;flex:0 0 174px;padding-right:28px}.platform-label small{color:#8795a8;letter-spacing:.16em;font-size:7px;display:block}.platform-label b{color:#33425d;letter-spacing:.065em;margin-top:6px;font-size:9px;line-height:1.35;display:block}.platform-logos{flex:1;justify-content:space-between;align-items:center;gap:23px;min-width:0;display:flex}.platform-logo{white-space:nowrap;border:1px solid #0000;border-radius:12px;justify-content:center;align-items:center;gap:8px;min-width:0;padding:9px 7px;transition:transform .25s,background-color .25s,border-color .25s,box-shadow .25s;display:flex}.platform-logo:hover{background:#fff;border-color:#e0eaf2;transform:translateY(-3px);box-shadow:0 10px 25px #183e7114}.platform-logo img{object-fit:contain;width:auto;max-width:100%;height:28px;display:block}.platform-logo b{color:#273145;letter-spacing:-.025em;font-size:13px}.meta-logo img{width:103px;height:auto}.facebook-logo img{width:28px;height:28px}.google-logo img{width:89px;height:auto}.tiktok-logo img{width:94px;height:auto}.youtube-logo img{width:102px;height:auto}.maps-logo img{width:21px;height:30px}.maps-logo b{font-size:12px}@keyframes phone-bob{0%,to{transform:translate(-50%)translateY(0)rotate(1deg)}50%{transform:translate(-50%)translateY(-10px)rotate(-.3deg)}}@keyframes screen-bars{0%{opacity:.75;transform:scaleY(.7)}to{opacity:1;transform:scaleY(1)}}@keyframes order-row-in{0%{opacity:1;transform:translate(0)}to{opacity:1;transform:translate(0)}}@keyframes order-list-shift{0%{transform:translateY(0)}to{transform:translateY(-4px)}}@keyframes counter-enter{0%{opacity:1;transform:translate(0)scale(1)}to{opacity:1;transform:translate(0)scale(1)}}@keyframes progress-grow{0%{width:0}to{width:82%}}@keyframes notice-in{0%{opacity:1;transform:translate(0)scale(1)}to{opacity:1;transform:translate(0)scale(1)}}@keyframes notice-float{0%,to{transform:translateY(0)}50%{transform:translateY(-7px)}}@keyframes bubble-float{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-9px)rotate(5deg)}}.services-section{background:#fff;padding:110px 0}.section-head{justify-content:space-between;align-items:flex-end;gap:80px;margin-bottom:48px;display:flex}.section-head h2{letter-spacing:-.045em;margin:16px 0 0;font-size:46px;line-height:1.04}.section-head h2 em{color:#0000;background:linear-gradient(90deg,var(--blue),#12bcd1);-webkit-background-clip:text;background-clip:text;font-style:normal}.section-head>p{max-width:485px;color:var(--muted);margin:0;font-size:15px;line-height:1.8}.service-grid{border-left:1px solid var(--line);border-top:1px solid var(--line);grid-template-columns:repeat(3,1fr);display:grid}.service-card{border-right:1px solid var(--line);border-bottom:1px solid var(--line);min-height:260px;padding:27px;transition:all .25s;color:inherit;text-decoration:none;display:block}.service-card:hover{border-color:#c7e2f2;transform:translateY(-5px);box-shadow:0 18px 50px #1843771a}.service-card.featured{color:#fff;background:linear-gradient(145deg,var(--navy),var(--blue));border-color:#0000}.service-top{justify-content:space-between;align-items:center;display:flex}.service-tag{min-width:39px;height:33px;color:var(--blue);background:#e9f5fd;border-radius:8px;place-items:center;padding:0 8px;font-size:9px;font-weight:900;display:grid}.featured .service-tag{color:#fff;background:#ffffff26}.service-top .arrow{color:var(--blue);font-size:20px}.service-tag.has-logo{width:auto;min-width:0;height:32px;gap:7px;padding:0 12px 0 8px;border-radius:20px;display:flex;align-items:center}.service-tag.has-logo img{width:18px;height:18px;object-fit:contain;flex:none}.service-tag.has-logo b{white-space:nowrap;font-size:11px;font-weight:800;letter-spacing:.02em}.featured .arrow{color:var(--cyan)}.service-card>p{color:#9aa7b8;letter-spacing:.14em;margin:39px 0 8px;font-size:10px}.featured>p{color:#9aeef5}.service-card h3{margin:0 0 12px;font-size:20px}.service-card>span{color:#718098;font-size:13px;line-height:1.65}.featured>span{color:#dceeff}.about-section{color:#fff;background:radial-gradient(circle at 80% 30%,#26328d 0%,#121560 35%,#090d32 80%);padding:120px 0;position:relative;overflow:hidden}.about-section:after{content:"SKYLINE";color:#ffffff06;letter-spacing:-.06em;font-size:190px;font-weight:900;position:absolute;bottom:-45px;right:-35px}.about-grid{z-index:2;grid-template-columns:.95fr 1.05fr;align-items:center;gap:100px;display:grid;position:relative}.eyebrow.light{color:#77eaf2}.about-copy h2,.process-intro h2,.contact-copy h2{letter-spacing:-.05em;margin:20px 0 25px;font-size:clamp(40px,4.4vw,58px);line-height:1.03}.about-copy h2 em,.process-intro h2 em,.contact-copy h2 em{color:#69edf3;font-style:normal}.about-copy>p{color:#b9c9e5;max-width:520px;font-size:16px;line-height:1.8}.text-link{color:#fff;border-bottom:1px solid #79ebf573;gap:18px;margin-top:28px;padding-bottom:7px;font-size:13px;font-weight:800;display:inline-flex}.text-link span{color:var(--cyan)}.about-system{place-items:center;min-height:500px;display:grid;position:relative}.about-system:before,.about-system:after{content:"";border:1px solid #5fdbed33;border-radius:50%;position:absolute}.about-system:before{width:395px;height:395px}.about-system:after{border-style:dashed;width:520px;height:520px;animation:28s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.system-center{z-index:2;background:radial-gradient(circle,#3774ec80,#0f1650c7);border:1px solid #73eaf361;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:210px;height:210px;display:flex;position:relative;box-shadow:0 0 90px #24d1e12e}.system-center img{object-fit:cover;border-radius:12px;width:73px;height:90px;margin-bottom:9px}.system-center b{letter-spacing:.18em;font-size:15px}.system-center span{color:#7ce8f0;letter-spacing:.17em;margin-top:5px;font-size:7px}.system-node{z-index:3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#101a57cc;border:1px solid #67e0ed42;align-items:center;gap:10px;width:116px;height:65px;padding:12px;display:flex;position:absolute}.system-node b{color:#6ae5ed;font-size:10px}.system-node span{letter-spacing:.1em;font-size:9px}.node-one{top:15px;left:50%;transform:translate(-50%)}.node-two{top:50%;right:-10px;transform:translateY(-50%)}.node-three{bottom:15px;left:50%;transform:translate(-50%)}.node-four{top:50%;left:-10px;transform:translateY(-50%)}.packages-section{background:#f4f9fd;padding:115px 0}.packages-heading{justify-content:space-between;align-items:flex-end;gap:70px;margin-bottom:48px;display:flex}.packages-heading h2,.knowledge-head h2,.faq-grid h2{letter-spacing:-.045em;margin:17px 0 0;font-size:48px;line-height:1.03}.packages-heading h2 em,.knowledge-head h2 em,.faq-grid h2 em{color:#0000;background:linear-gradient(90deg,var(--blue),#12bcd1);-webkit-background-clip:text;background-clip:text;font-style:normal}.packages-heading>p{max-width:475px;color:var(--muted);margin:0;font-size:14px;line-height:1.8}.package-tabs{background:#fff;border:1px solid #d5e5f0;border-radius:13px;gap:5px;width:max-content;margin:42px 0 30px;padding:5px;display:flex}.package-tabs button{color:#61718a;cursor:pointer;background:0 0;border:0;border-radius:9px;min-width:108px;padding:11px 16px;font-size:12px;font-weight:800;transition:all .2s}.package-tabs button.active{color:#fff;background:linear-gradient(110deg,var(--navy),var(--blue));box-shadow:0 8px 18px #1b4ebf2e}.package-grid{grid-template-columns:repeat(3,1fr);align-items:stretch;gap:17px;display:grid}.package-grid .package-card{animation:.42s both package-in}.package-grid .package-card:nth-child(2){animation-delay:60ms}.package-grid .package-card:nth-child(3){animation-delay:.12s}.package-grid .package-card:nth-child(4){animation-delay:.18s}.package-grid .package-card:nth-child(5){animation-delay:.24s}.package-grid .package-card:nth-child(6){animation-delay:.3s}.package-card{background:#fff;border:1px solid #dbe7f0;flex-direction:column;min-height:550px;padding:32px;transition:all .25s;display:flex;position:relative;overflow:hidden}.package-card:hover{transform:translateY(-5px);box-shadow:0 22px 50px #183e6f1a}.package-card.hot{border:2px solid var(--blue);box-shadow:0 18px 50px #1859d221}.hot-label{text-align:center;color:#fff;background:linear-gradient(90deg,var(--blue),#23cbdc);letter-spacing:.1em;width:160px;padding:7px 0;font-size:7px;font-weight:900;position:absolute;top:29px;right:-39px;transform:rotate(45deg)}.package-label{color:var(--blue);letter-spacing:.16em;font-size:9px;font-weight:900}.package-card h3{margin:13px 0 8px;font-size:24px}.package-card>p{color:#748198;min-height:48px;margin:0;font-size:13px;line-height:1.65}.price{border-bottom:1px solid var(--line);margin:26px 0;padding-bottom:23px}.price small{color:#8996a9;height:17px;font-size:9px;display:block}.price strong{color:var(--navy);letter-spacing:-.04em;font-size:30px}.price span{color:#8190a5;margin-left:5px;font-size:10px}.package-card ul{gap:14px;margin:0 0 28px;padding:0;list-style:none;display:grid}.package-card li{color:#4e5d74;align-items:flex-start;gap:10px;font-size:12px;line-height:1.45;display:flex}.package-card li i{height:19px;color:var(--blue);background:#e8f4fc;border-radius:50%;flex:0 0 19px;place-items:center;font-size:9px;font-style:normal;font-weight:900;display:grid}.package-card>a{color:var(--navy);border:1px solid #cedfec;justify-content:space-between;margin-top:auto;padding:14px 15px;font-size:12px;font-weight:800;display:flex}.package-card.hot>a{color:#fff;background:linear-gradient(110deg,var(--navy),var(--blue));border-color:#0000}.package-card>a span{color:var(--cyan)}.price-note{color:#8b98aa;margin:23px 0 0;font-size:10px;font-style:italic}.why-section{padding:115px 0}.section-head.centered{text-align:center;display:block}.section-head.centered .eyebrow{justify-content:center}.section-head.centered>p{margin:22px auto 0}.why-grid{background:var(--line);border:1px solid var(--line);grid-template-columns:repeat(4,1fr);gap:1px;margin-top:48px;display:grid}.why-grid article{background:#fff;min-height:280px;padding:30px 25px}.why-grid article>span{width:41px;height:41px;color:var(--blue);border:1px solid #cde2ef;place-items:center;font-size:10px;font-weight:900;display:grid}.why-grid h3{margin:47px 0 13px;font-size:18px;line-height:1.25}.why-grid p{color:#718098;margin:0;font-size:12px;line-height:1.7}.process-section{color:#fff;background:linear-gradient(120deg,#0a0d32,#151a69 72%,#112884);padding:115px 0}.process-intro{justify-content:space-between;align-items:flex-end;gap:80px;display:flex}.process-intro .eyebrow{white-space:nowrap;align-self:flex-start;margin-top:8px}.process-intro h2{max-width:700px;margin:0}.process-list{border-top:1px solid #7dd7ee38;border-left:1px solid #7dd7ee38;grid-template-columns:repeat(5,1fr);margin-top:65px;display:grid}.process-list article{border-bottom:1px solid #7dd7ee38;border-right:1px solid #7dd7ee38;min-height:235px;padding:24px;position:relative}.process-list article>b{color:#70e4ee;letter-spacing:.13em;font-size:11px}.process-list article>span{color:#72e7ef;font-size:18px;position:absolute;top:21px;right:22px}.process-list h3{margin:80px 0 10px;font-size:18px}.process-list p{color:#aebfde;margin:0;font-size:11px;line-height:1.65}.projects-section{background:#fff;padding:115px 0}.project-grid{grid-template-columns:1.2fr .9fr .9fr;gap:15px;display:grid}.project-card{background:linear-gradient(135deg,#f5fbff,#e9f5fc);border:1px dashed #a9cce0;flex-direction:column;justify-content:center;align-items:center;min-height:430px;display:flex;position:relative;overflow:hidden}.project-card:before{content:"";background-image:linear-gradient(#609ec314 1px,#0000 1px),linear-gradient(90deg,#609ec314 1px,#0000 1px);background-size:32px 32px;position:absolute;inset:0}.project-2{background:linear-gradient(145deg,#eef4ff,#f9fbff)}.project-3{background:linear-gradient(145deg,#f0fdff,#edf7fb)}.project-watermark{color:#1453a70e;white-space:nowrap;font-size:48px;font-weight:900;position:absolute;transform:rotate(-34deg)}.placeholder-icon{z-index:2;width:58px;height:58px;color:var(--blue);background:#ffffffa6;border:1px solid #9cc7dd;place-items:center;margin-bottom:20px;display:grid;position:relative}.placeholder-icon span{font-size:25px;font-weight:300}.project-card>strong{z-index:2;text-align:center;color:#7d9aaf;letter-spacing:.14em;font-size:14px;line-height:1.55;position:relative}.project-meta{z-index:2;color:#658095;letter-spacing:.09em;justify-content:space-between;font-size:8px;display:flex;position:absolute;bottom:21px;left:22px;right:22px}.project-meta b{color:var(--blue)}.knowledge-section{background:#f4f9fd;padding:115px 0}.knowledge-head{justify-content:space-between;align-items:flex-end;margin-bottom:43px;display:flex}.knowledge-head>a{color:var(--blue);border-bottom:1px solid #a8c5d9;padding-bottom:6px;font-size:12px;font-weight:800}.article-grid{grid-template-columns:repeat(3,1fr);gap:19px;display:grid}.article-grid article{background:#fff;border:1px solid #d8e7f0;padding:13px 13px 27px}.article-grid article>span{color:var(--blue);letter-spacing:.13em;margin:12px 11px;font-size:8px;font-weight:900;display:inline-block}.article-visual{background:linear-gradient(135deg,#17227e,#1787e9);align-items:flex-end;gap:12px;height:220px;padding:26px;display:flex;position:relative;overflow:hidden}.article-visual:before{content:"";background:radial-gradient(circle at 65% 25%,#4bebf073,#0000 35%);position:absolute;inset:0}.article-visual b{color:#ffffff4d;font-size:70px;position:absolute;top:13px;right:19px}.article-visual i{z-index:2;background:#ffffffd1;width:20%;position:relative}.article-visual i:first-of-type{height:32%}.article-visual i:nth-of-type(2){height:58%}.article-visual i:nth-of-type(3){height:84%}.article-visual.alt{background:linear-gradient(145deg,#19bdd4,#124fbc)}.article-visual.dark{background:linear-gradient(145deg,#0a113b,#2b32a4)}.article-grid small{color:#8b98aa;letter-spacing:.12em;margin:23px 12px 7px;font-size:8px;display:block}.article-grid h3{min-height:52px;margin:0 12px 20px;font-size:17px;line-height:1.45}.article-grid article>a{color:var(--blue);margin:0 12px;font-size:10px;font-weight:800}.faq-section{padding:115px 0}.faq-grid{grid-template-columns:.82fr 1.18fr;gap:95px;display:grid}.faq-grid>div:first-child>p{color:#728097;max-width:390px;font-size:14px;line-height:1.75}.faq-list{border-top:1px solid var(--line)}.faq-list details{border-bottom:1px solid var(--line);padding:0 3px}.faq-list summary{color:var(--ink);cursor:pointer;justify-content:space-between;align-items:center;padding:23px 0;font-size:14px;font-weight:800;list-style:none;display:flex}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary span{color:var(--blue);font-size:19px;font-weight:400}.faq-list details[open] summary span{transform:rotate(45deg)}.faq-list details p{color:#6c7b91;margin:-5px 38px 23px 0;font-size:13px;line-height:1.7}.contact-section{color:#fff;background:radial-gradient(circle at 15%,#26349d,#11155a 38%,#090c2f 78%);padding:110px 0;position:relative;overflow:hidden}.contact-section:after{content:"";border:1px solid #6ae7f033;border-radius:50%;width:500px;height:500px;position:absolute;top:-220px;right:-200px;box-shadow:0 0 0 80px #4fc7e108,0 0 0 160px #4fc7e106}.contact-grid{z-index:2;grid-template-columns:.9fr 1.1fr;align-items:center;gap:85px;display:grid;position:relative}.contact-copy>p{color:#b8c8e4;max-width:490px;font-size:15px;line-height:1.75}.contact-copy>a.button{margin-top:32px}.contact-info{gap:36px;margin-top:38px;display:flex}.contact-info a{display:block}.contact-info small{color:#6fe4ed;letter-spacing:.14em;font-size:8px;display:block}.contact-info b{margin-top:7px;font-size:13px;display:block}.contact-form{min-height:490px;color:var(--ink);background:#fff;padding:32px;box-shadow:0 30px 70px #02051f40}.field-row{grid-template-columns:1fr 1fr;gap:17px;display:grid}.contact-form label{color:#4d5a70;letter-spacing:.05em;margin-bottom:18px;font-size:10px;font-weight:800;display:block}.contact-form input,.contact-form select,.contact-form textarea{width:100%;color:var(--ink);font:inherit;background:#f9fcfe;border:1px solid #d5e3ec;border-radius:0;outline:none;margin-top:8px;padding:13px 14px;font-size:12px;display:block}.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus{border-color:var(--blue);box-shadow:0 0 0 3px #1768e414}.contact-form textarea{resize:vertical}.contact-form>button{color:#fff;background:linear-gradient(110deg,var(--navy),var(--blue));cursor:pointer;border:0;justify-content:space-between;width:100%;padding:16px 18px;font-size:12px;font-weight:800;display:flex}.contact-form>button span{color:var(--cyan)}.contact-form>small{text-align:center;color:#8795a8;margin-top:11px;font-size:8px;display:block}.form-success{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:420px;display:flex}.form-success>span{color:#fff;background:linear-gradient(135deg,var(--blue),var(--cyan));border-radius:50%;place-items:center;width:52px;height:52px;font-size:22px;display:grid}.form-success h3{margin:20px 0 8px;font-size:23px}.form-success p{color:#728097;max-width:410px;font-size:13px;line-height:1.7}.form-success button{color:var(--blue);cursor:pointer;background:#fff;border:1px solid #cbddea;margin-top:17px;padding:12px 17px;font-size:11px;font-weight:800}footer{color:#b4c2d8;background:#070a25;padding:70px 0 22px}.footer-top{grid-template-columns:1.5fr 1fr 1fr 1.25fr;gap:55px;padding-bottom:60px;display:grid}.footer-brand .brand strong{color:#fff}.footer-brand>p{color:#7e8ca8;max-width:320px;margin:24px 0 0;font-size:12px;line-height:1.75}.footer-top h4{color:#6ee5ed;letter-spacing:.16em;margin:5px 0 20px;font-size:9px}.footer-top>div:not(.footer-brand)>a,.footer-top>div:not(.footer-brand)>p{color:#9eadc6;margin:0 0 12px;font-size:11px;line-height:1.65;display:block}.footer-bottom{color:#64738e;letter-spacing:.08em;border-top:1px solid #8fb8da24;justify-content:space-between;padding-top:22px;font-size:8px;display:flex}[data-reveal]{opacity:1;transform:none}[data-reveal].is-visible{opacity:1;transform:translateY(0)}@keyframes hero-enter{0%{opacity:1;transform:none}to{opacity:1;transform:none}}@keyframes logo-float{0%,to{transform:rotate(1.5deg)translateY(0)}50%{transform:rotate(.4deg)translateY(-10px)}}@keyframes card-float{0%,to{transform:translateY(0)}50%{transform:translateY(-9px)}}@keyframes orb-drift{0%{transform:translate(0)scale(1)}to{transform:translate(25px,14px)scale(1.06)}}@keyframes strip-enter{0%{opacity:1;transform:translateY(0)}to{opacity:1;transform:translateY(0)}}@keyframes package-in{0%{opacity:1;transform:translateY(0)scale(1)}to{opacity:1;transform:translateY(0)scale(1)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}[data-reveal]{opacity:1;transform:none}}@media (width<=1100px){.main-nav{gap:16px}.main-nav>a,.nav-item>button{font-size:12px}.nav-cta{display:none}.hero-grid{gap:30px}.logo-card{width:380px}.campaign-card{left:-5px}.phone-wrap{width:405px;height:608px}.order-counter-card{left:-5px}.notice-one{right:-5px}.platform-logos{gap:10px}.platform-logo{padding-left:4px;padding-right:4px}.platform-logo b{font-size:11px}.platform-label{flex-basis:145px}.meta-logo img{width:88px}.google-logo img{width:76px}.tiktok-logo img{width:81px}.youtube-logo img{width:88px}.process-list article{padding:18px}.project-grid{grid-template-columns:1fr 1fr}.project-1{grid-column:span 2}.footer-top{gap:30px}}@media (width<=850px){.site-header{height:70px}.nav-shell{justify-content:space-between}.brand{min-width:auto}.menu-toggle{display:block}.nav-cta{display:none}.main-nav{border-bottom:1px solid var(--line);background:#fff;align-items:stretch;height:auto;padding:16px 20px 24px;display:none;position:absolute;top:70px;left:0;right:0;box-shadow:0 25px 50px #0c1b451f}.main-nav.is-open{flex-direction:column;gap:0;display:flex}.main-nav>a,.nav-item>button{text-align:left;width:100%;padding:12px 0;display:block}.nav-item{height:auto;display:block}.dropdown,.main-nav>a:after,.nav-item>button:after{display:none}.hero{min-height:auto;padding-top:64px;padding-bottom:0}.hero-grid{grid-template-columns:1fr}.hero-copy{text-align:center}.eyebrow{justify-content:center}.hero-copy>p{margin-left:auto;margin-right:auto}.hero-actions,.hero-proof{justify-content:center}.hero-visual{min-height:620px;margin-top:35px}.logo-card{width:min(420px,88vw);animation:none;left:50%;right:auto;transform:translate(-50%)}.campaign-card{left:4%}.reach-card{right:3%}.phone-wrap{width:420px;height:630px;top:-25px}.order-counter-card{top:75px;left:5%}.notice-one{top:130px;right:5%}.notice-two{bottom:65px;right:7%}.messenger-bubble{bottom:90px;left:12%}.cart-bubble{top:30px;right:16%}.platform-strip{flex-direction:column;gap:20px;height:auto;min-height:142px;padding:24px;display:flex;position:relative}.platform-label{text-align:center;border-bottom:1px solid #dbe7ef;border-right:0;flex:none;padding:0 0 15px}.platform-logos{flex-wrap:wrap;justify-content:center;gap:12px 22px;width:min(720px,100%)}.platform-logo{min-width:118px;padding:8px}.section-head{text-align:center;display:block}.section-head .eyebrow{justify-content:center}.section-head>p{margin:22px auto 0}.service-grid{grid-template-columns:repeat(2,1fr)}.about-grid,.faq-grid,.contact-grid{grid-template-columns:1fr}.about-grid{gap:30px}.about-copy{text-align:center}.about-copy .eyebrow{justify-content:center}.about-copy>p{margin-left:auto;margin-right:auto}.about-system{width:min(520px,100%);min-height:510px;margin:auto}.packages-heading{text-align:center;display:block}.packages-heading .eyebrow{justify-content:center}.packages-heading>p{margin:22px auto 0}.package-tabs{margin-left:auto;margin-right:auto}.package-grid,.why-grid{grid-template-columns:repeat(2,1fr)}.process-intro{text-align:center;display:block}.process-intro .eyebrow{justify-content:center}.process-intro h2{margin:20px auto 0}.process-list{grid-template-columns:repeat(2,1fr)}.process-list article:last-child{grid-column:span 2}.project-grid{grid-template-columns:1fr}.project-1{grid-column:auto}.knowledge-head{text-align:center;display:block}.knowledge-head .eyebrow{justify-content:center}.knowledge-head>a{margin-top:24px;display:inline-block}.article-grid{grid-template-columns:1fr}.article-grid article{width:100%;max-width:520px;margin:auto}.article-visual{height:260px}.faq-grid{gap:45px}.faq-grid>div:first-child{text-align:center}.faq-grid .eyebrow{justify-content:center}.faq-grid>div:first-child>p{margin-left:auto;margin-right:auto}.contact-copy{text-align:center}.contact-copy .eyebrow{justify-content:center}.contact-copy>p{margin-left:auto;margin-right:auto}.contact-info{justify-content:center}.contact-form{width:100%;max-width:650px;margin:auto}.footer-top{grid-template-columns:1.3fr 1fr 1fr}.footer-top>div:last-child{grid-column:1/-1}}@media (width<=560px){.container{width:min(100% - 28px,1180px)}.demo-ribbon{font-size:8px}.brand small{display:none}.brand strong{font-size:17px}.brand-mark{width:40px;height:40px}.hero h1{font-size:43px}.hero-copy>p{font-size:15px}.hero-actions{flex-direction:column;align-items:stretch}.hero-proof{gap:12px}.hero-proof>div{padding-right:12px}.hero-proof strong{font-size:20px}.hero-proof span{font-size:8px}.hero-visual{min-height:515px}.logo-card{border-radius:28px;height:395px}.logo-card>img{border-radius:20px}.logo-caption{bottom:22px;left:24px;right:24px}.campaign-card{width:165px;top:62px}.reach-card{width:155px;bottom:-8px}.phone-wrap{width:340px;height:510px;top:0}.phone-screen{border-radius:17px 17px 24px 24px;padding:12px 10px 8px}.commerce-header{margin-top:7px;padding-bottom:6px}.facebook-mark{width:20px;height:20px;font-size:16px}.screen-summary{margin-top:7px;padding:8px}.screen-summary span strong{font-size:18px}.screen-chart{height:38px;margin:6px 2px}.phone-order{padding:4px}.product-thumb{flex-basis:21px;height:21px}.phone-nav{bottom:5px}.order-counter-card{width:150px;padding:12px;top:52px;left:0}.order-counter-card>strong{font-size:27px}.counter-head small{font-size:6px}.cart-icon{width:23px;height:23px}.order-notification{width:166px;padding:9px}.order-notification>span{flex-basis:24px;height:24px}.notice-one{top:118px;right:0}.notice-two{display:none}.order-counter-card{display:none}.notice-one{display:none}.messenger-bubble{width:37px;height:37px;font-size:17px;bottom:47px;left:4%}.cart-bubble{width:37px;height:37px;font-size:17px;top:25px;right:5%}.platform-strip{min-height:218px;padding:22px 14px}.platform-logos{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 8px;display:grid}.platform-logo{justify-content:center;width:100%;min-width:0;height:44px}.platform-label b{font-size:8px}.meta-logo img{width:92px}.google-logo img{width:76px}.tiktok-logo img{width:82px}.youtube-logo img{width:88px}.services-section{padding:78px 0}.section-head{margin-bottom:34px}.section-head h2{font-size:37px}.section-head>p{font-size:14px}.service-grid{grid-template-columns:1fr}.service-card{min-height:220px}.about-section,.packages-section,.why-section,.process-section,.projects-section,.knowledge-section,.faq-section,.contact-section{padding:78px 0}.about-copy h2,.process-intro h2,.contact-copy h2,.packages-heading h2,.knowledge-head h2,.faq-grid h2{font-size:37px}.about-system{min-height:390px}.about-system:before{width:285px;height:285px}.about-system:after{width:390px;height:390px}.system-center{width:155px;height:155px}.system-center img{width:52px;height:65px}.system-node{width:94px;height:52px;padding:9px}.system-node span{font-size:7px}.node-two{right:-5px}.node-four{left:-5px}.package-tabs{justify-content:flex-start;width:100%;overflow:auto}.package-tabs button{min-width:90px;flex-shrink:0;white-space:nowrap}.package-grid{grid-template-columns:1fr}.package-card{min-height:520px}.why-grid{grid-template-columns:1fr}.why-grid article{min-height:230px}.why-grid h3{margin-top:35px}.process-list{grid-template-columns:1fr}.process-list article:last-child{grid-column:auto}.process-list article{min-height:185px}.process-list h3{margin-top:55px}.project-card{min-height:360px}.project-watermark{font-size:38px}.knowledge-head h2{font-size:37px}.article-visual{height:220px}.faq-grid{gap:35px}.field-row{grid-template-columns:1fr}.contact-info{flex-direction:column;gap:17px}.contact-form{min-height:510px;padding:23px}.footer-top{grid-template-columns:1fr 1fr}.footer-brand,.footer-top>div:last-child{grid-column:1/-1}.footer-bottom{text-align:center;flex-direction:column;gap:10px}}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}


/* Bản HTML ngoại tuyến: không phụ thuộc máy chủ hoặc font bên ngoài. */
.package-card[hidden]{display:none!important}
@media(max-width:850px){
  .nav-item.offline-open>.dropdown{display:block;position:static;width:100%;margin:0 0 7px;opacity:1;visibility:visible;transform:none!important;border-radius:12px;box-shadow:none}
  .nav-item.offline-open>.mega-menu{grid-template-columns:1fr;left:auto;padding:10px}
  .nav-item.offline-open>.compact-dropdown{padding:8px}
}

/* ==============================================================
   BỔ SUNG CHO CÁC TRANG MỚI (Dịch vụ / Bảng giá / Dự án / Kiến thức / Liên hệ)
   Phần này được thêm khi chuyển bản demo 1-trang thành theme WordPress
   nhiều trang. Không chỉnh sửa phần CSS phía trên (được giữ nguyên từ
   bản demo gốc để không làm vỡ giao diện các phần đã có).
   ============================================================== */

/* Ẩn "skip link" cho tới khi được điều hướng bàn phím focus vào (hỗ trợ tiếp cận). */
.skip-link{position:absolute;left:-9999px;top:auto;z-index:100;background:var(--navy);color:#fff;padding:12px 18px;border-radius:0 0 10px 0;font-size:13px;font-weight:700}
.skip-link:focus{left:0;top:0}

/* Khối tiêu đề nhỏ ở đầu các trang con (Dịch vụ, Bảng giá, Dự án, Kiến thức, Liên hệ). */
.page-hero{background:linear-gradient(145deg,var(--navy),var(--blue));color:#fff;padding:64px 0 56px;text-align:center}
.page-hero .eyebrow{justify-content:center;color:#9aeef5}
.page-hero .eyebrow span{background:var(--cyan)}
.page-hero h1{margin:16px 0 0;font-size:38px;letter-spacing:-.045em;line-height:1.1}
.page-hero p{max-width:560px;margin:14px auto 0;color:#cfe3ff;font-size:14px;line-height:1.8}

/* Anchor các mục dịch vụ không bị khuất sau menu dính (sticky header cao 82px). */
.service-detail-item{scroll-margin-top:100px}
#quan-tri-fanpage,#facebook-ads,#tiktok-marketing,#youtube-marketing,#google-maps,#website-seo{scroll-margin-top:100px}

.service-detail-list{display:flex;flex-direction:column;gap:1px;background:var(--line);border:1px solid var(--line);border-radius:16px;overflow:hidden}
.service-detail-item{background:#fff;padding:36px 40px;display:grid;grid-template-columns:90px 1fr;gap:24px}
.service-detail-item .service-tag{width:56px;height:56px;border-radius:14px;background:linear-gradient(145deg,var(--navy),var(--blue));color:#fff;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:14px}
.service-detail-item h3{margin:0 0 10px;font-size:22px;letter-spacing:-.03em}
.service-detail-item p{margin:0 0 14px;color:var(--muted);font-size:14px;line-height:1.8}
.service-detail-item a.text-link{color:var(--blue);font-weight:800;font-size:13px;text-decoration:none;display:inline-flex;align-items:center;gap:6px}
@media (max-width:700px){.service-detail-item{grid-template-columns:1fr;padding:26px 22px}}

/* Logo thật của nền tảng, thay cho ô chữ màu (FB/AD/TT...) ở trang Dịch vụ */
.service-logo{width:56px;height:56px;border-radius:14px;background:#eef5fb;border:1px solid #dbe9f3;box-sizing:border-box;display:flex;align-items:center;justify-content:center;padding:10px}
.service-logo img{width:100%;height:100%;object-fit:contain}

/* Bảng giá tham khảo hiển thị ngay dưới mỗi dịch vụ */
.service-pricing{margin-top:22px;border-top:1px solid var(--line);padding-top:18px}
.service-pricing>b{display:block;font-size:11px;letter-spacing:.1em;color:#7d8ca1;text-transform:uppercase;margin-bottom:12px}
.service-pricing-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px}
.service-pricing-more{margin-top:14px}
.price-mini{border:1px solid var(--line);border-radius:12px;padding:14px 16px;background:#fafcfe}
.price-mini span{display:block;font-size:11px;color:#7d8ca1;font-weight:700;margin-bottom:4px}
.price-mini b{display:block;font-size:18px;color:var(--navy)}
.price-mini small{color:#95a3b8;font-size:11px}

/* Ô đặt banner riêng cho từng dịch vụ (để trống khi chưa có ảnh thật) */
.service-banner{margin-top:22px;border-radius:12px;overflow:hidden}
.service-banner img{width:100%;display:block}
.service-banner-slot{margin-top:22px;border:1px dashed #a9cce0;border-radius:12px;background:linear-gradient(135deg,#f5fbff,#e9f5fc);padding:22px;display:flex;align-items:center;gap:14px}
.service-banner-slot .placeholder-icon{margin:0;width:44px;height:44px;flex:none}
.service-banner-slot .placeholder-icon span{font-size:20px}
.service-banner-slot strong{display:block;color:#5c7185;font-size:13px;letter-spacing:.02em}
.service-banner-slot small{color:#93a6b8;font-size:12px}
@media (max-width:700px){.service-banner-slot{flex-direction:column;text-align:center}}

/* Nút "Xem tất cả..." bên dưới lưới rút gọn ở trang chủ. */
.package-cta{text-align:center;margin-top:36px}

/* Dự án/bài viết có ảnh thật do khách tự đăng, thay cho khối minh hoạ demo. */
.project-card.has-image{padding:0;overflow:hidden;display:flex;flex-direction:column}
.project-card .project-photo{aspect-ratio:4/3;overflow:hidden}
.project-card .project-photo img{width:100%;height:100%;object-fit:cover;display:block}
.project-card.has-image .project-meta{position:static;background:#fff;color:var(--ink);padding:18px 20px 4px;display:block}
.project-card.has-image .project-meta span{color:var(--blue);display:block;margin-bottom:6px}
.project-card.has-image .project-meta b{display:block;font-size:16px;font-weight:700;color:var(--ink);letter-spacing:normal}
.project-card .project-excerpt{padding:0 20px 20px;margin:0;color:var(--muted);font-size:13px;line-height:1.7}

.article-photo{aspect-ratio:16/10;overflow:hidden;border-radius:14px;margin-bottom:14px}
.article-photo img{width:100%;height:100%;object-fit:cover;display:block}

.knowledge-empty{grid-column:1/-1;text-align:center;color:var(--muted);font-size:14px;padding:40px 20px}
.knowledge-empty a{color:var(--blue);font-weight:700}

.form-error{color:#d0342c;font-size:13px;margin-top:10px}

/* Phân trang danh sách bài viết ở trang Kiến thức. */
.skyline-pagination{display:flex;justify-content:center;gap:8px;margin-top:48px;flex-wrap:wrap}
.skyline-pagination a,.skyline-pagination span{min-width:40px;height:40px;padding:0 14px;border-radius:10px;border:1px solid var(--line);display:inline-flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;color:var(--ink);text-decoration:none}
.skyline-pagination .current{background:var(--navy);border-color:var(--navy);color:#fff}
.skyline-pagination a:hover{border-color:var(--blue);color:var(--blue)}

/* Trang xem chi tiết 1 bài viết / 1 dự án. */
.single-content-wrap{max-width:760px;margin:0 auto;padding:70px 20px}
.single-content-wrap .single-meta{color:var(--muted);font-size:13px;margin-bottom:10px}
.single-content-wrap h1{font-size:34px;letter-spacing:-.03em;margin:0 0 24px;line-height:1.15}
.single-content-wrap .single-thumbnail{margin-bottom:32px;border-radius:16px;overflow:hidden}
.single-content-wrap .single-thumbnail img{width:100%;display:block}
.single-content-wrap .entry-content{color:#33415a;font-size:15px;line-height:1.85}
.single-content-wrap .entry-content p{margin:0 0 20px}
.single-content-wrap .entry-content h2{font-size:22px;margin:34px 0 14px}
.single-content-wrap .entry-content img{max-width:100%;border-radius:12px;height:auto}
.single-back-link{display:inline-flex;align-items:center;gap:6px;color:var(--blue);font-weight:700;font-size:13px;margin-bottom:20px;text-decoration:none}

/* Form liên hệ đầy đủ ở trang Liên hệ dùng lại class .contact-form nhưng không nằm trong nền tối của .contact-section,
   nên cần bộ màu riêng cho nhãn/khung nhập khi đặt trên nền sáng. */
.contact-page .contact-form{background:#fff;border:1px solid var(--line);border-radius:20px;box-shadow:0 20px 60px #1843771a}
.contact-page .contact-form label{color:var(--ink)}
.contact-page .contact-form input,.contact-page .contact-form select,.contact-page .contact-form textarea{background:#f6f9fc;border:1px solid var(--line);color:var(--ink)}
.contact-page .contact-info-block{display:flex;flex-wrap:wrap;gap:28px;margin:0 0 40px}
.contact-page .contact-info-block a{color:#fff;text-decoration:none}
.contact-page .contact-info-block span{color:#fff}
.contact-page .contact-info-block small{display:block;color:#9adcec;font-size:11px;letter-spacing:.1em;margin-bottom:4px}
.contact-page .contact-info-block b{font-size:16px;color:#fff}

/* ============ Đợt 1 (2026-09): hiệu ứng thu hút chú ý + mô phỏng livestream + nội dung mở rộng ============ */

/* Chân banner (3 mục "Nền tảng triển khai / Nhóm dịch vụ / Tư vấn trực tiếp"): rộng ra và to hơn 1 chút. */
.hero-proof{gap:42px}
.hero-proof>div{padding-right:38px}
.hero-proof strong{font-size:28px}
.hero-proof span{font-size:11px}

/* Mô phỏng màn hình điện thoại: đổi từ "bảng đơn hàng" sang 1 phiên LIVE Facebook đang diễn ra (tình huống minh hoạ, không phải dữ liệu thật). */
.phone-screen.live-screen{display:flex;flex-direction:column;background:linear-gradient(160deg,#0c1330,#1c2760 55%,#0c1330);padding:12px 12px 10px}
.phone-screen.live-screen .phone-status.light{color:#eaf1ff;flex:none}
.live-video-bg{position:relative;flex:1;margin-top:8px;border-radius:14px;overflow:hidden;background:#11162f url(../images/live-host-photo.jpg) center/cover no-repeat}
.live-video-bg:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#0a0f28cc 0,#0a0f2833 22%,#0a0f2814 45%,#0a0f2840 72%,#0a0f28e6 100%);pointer-events:none}
.live-top-row{position:absolute;top:8px;left:8px;right:8px;z-index:2;display:flex;align-items:center;justify-content:space-between}
.live-badge{display:inline-flex;align-items:center;gap:4px;background:#ed2845;color:#fff;font-size:8px;font-weight:800;letter-spacing:.06em;border-radius:20px;padding:3px 8px 3px 6px}
.live-badge i{width:5px;height:5px;border-radius:50%;background:#fff;display:block;animation:1.4s ease-in-out infinite live-pulse}
.live-viewers{display:inline-flex;align-items:center;gap:3px;background:#00000066;color:#fff;font-size:8px;font-weight:700;border-radius:20px;padding:3px 8px}
.live-viewers svg{flex:none}
.live-heart{position:absolute;right:14px;bottom:60px;color:#ff4d67;font-size:14px;opacity:0;animation:3.2s ease-in infinite live-heart-rise}
.live-heart.h2{right:26px;animation-delay:.8s;font-size:11px}
.live-heart.h3{right:8px;animation-delay:1.6s;font-size:16px}
.live-heart.h4{right:20px;animation-delay:2.4s;font-size:12px}
.live-comments{position:absolute;left:8px;right:8px;bottom:8px;height:64px;overflow:hidden;z-index:2;-webkit-mask-image:linear-gradient(to bottom,transparent,#000 30%);mask-image:linear-gradient(to bottom,transparent,#000 30%)}
.live-comment-track{display:flex;flex-direction:column;gap:5px;animation:9s linear infinite live-scroll}
.live-comment{background:#0a0f28a3;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);color:#fff;font-size:8px;line-height:1.4;border-radius:10px;padding:4px 8px;max-width:fit-content}
.live-comment b{color:#8fd0ff;font-weight:800;margin-right:4px}
@keyframes live-pulse{0%,100%{opacity:1}50%{opacity:.25}}
@keyframes live-heart-rise{0%{opacity:0;transform:translateY(0) scale(.6)}15%{opacity:1}100%{opacity:0;transform:translateY(-95px) scale(1)}}
@keyframes live-scroll{0%{transform:translateY(0)}100%{transform:translateY(-50%)}}

/* Thông báo "có đơn hàng mới" ở banner: mờ đi rồi đổi nội dung, lặp liên tục (chỉ đổi opacity, không đụng transform vì transform đã có animation nổi riêng ở trên). */
.order-notification{transition:opacity .45s ease}
.order-notification.is-cycling{opacity:0}

/* Chỉ số nổi bật + sao đánh giá của từng dịch vụ (dùng chung ở Trang chủ và trang Dịch vụ). */
.service-stats{display:flex;flex-wrap:wrap;gap:16px;margin-top:14px;padding-top:14px;border-top:1px solid var(--line)}
.service-stat{display:flex;flex-direction:column}
.service-stat strong{color:var(--blue);font-size:19px;font-weight:800;letter-spacing:-.02em}
.service-stat span{color:var(--muted);font-size:10px;margin-top:2px}
.service-stat-rating{flex-direction:row;align-items:center;gap:6px}
.stars{display:inline-flex;gap:2px}
.stars span{position:relative;display:inline-block;width:12px;height:12px;font-size:12px;line-height:1;--fill:0%}
.stars span:before{content:"★";position:absolute;inset:0;color:#dde5ee}
.stars span:after{content:"★";position:absolute;inset:0;width:var(--fill);overflow:hidden;color:#f4a825;transition:width .5s ease}
.service-stat-rating b{color:var(--ink);font-size:12px;font-weight:800}
.featured .service-stats{border-top-color:#ffffff33}
.featured .service-stat strong,.featured .service-stat-rating b{color:#fff}
.featured .service-stat span{color:#dbe9ff}
.featured .stars span:before{color:#ffffff4d}

/* Dịch vụ bổ sung nổi bật (vd: Google Maps — xử lý đánh giá xấu, xoá map bị đè, đánh giá Maps quốc tế). */
.service-extra{margin-top:18px;padding:16px 18px;background:#f3f8fd;border:1px solid var(--line);border-radius:14px}
.service-extra b{display:block;color:var(--navy);font-size:12px;font-weight:800;margin-bottom:8px}
.service-extra ul{margin:0;padding:0;list-style:none;display:flex;flex-wrap:wrap;gap:8px}
.service-extra li{background:#fff;border:1px solid #cfe1f0;color:var(--blue);font-size:11px;font-weight:700;border-radius:20px;padding:6px 12px}

/* Hiệu ứng "quét sáng" ngang trên từng thẻ dịch vụ, để thu hút chú ý. */
.service-card{position:relative;overflow:hidden}
.service-card:before{content:"";position:absolute;top:0;left:-60%;width:40%;height:100%;background:linear-gradient(75deg,transparent,#ffffff59,transparent);transform:skewX(-20deg);animation:5.5s ease-in-out infinite service-shine;pointer-events:none}
.featured.service-card:before{background:linear-gradient(75deg,transparent,#ffffff33,transparent)}
.service-grid .service-card:nth-child(2):before{animation-delay:.9s}
.service-grid .service-card:nth-child(3):before{animation-delay:1.8s}
.service-grid .service-card:nth-child(4):before{animation-delay:2.7s}
.service-grid .service-card:nth-child(5):before{animation-delay:3.6s}
.service-grid .service-card:nth-child(6):before{animation-delay:4.5s}
@keyframes service-shine{0%,25%{left:-60%}55%,100%{left:130%}}

/* Trang Dự án: tiêu đề "DỰ ÁN NỔI BẬT" phía trên lưới + dòng mời liên hệ phía dưới. */
.projects-page-eyebrow{margin-bottom:28px}
.projects-empty-cta{color:var(--muted);font-size:14px}
.projects-empty-cta a{color:var(--blue);font-weight:800;margin-left:4px}
.projects-empty-cta a:hover{text-decoration:underline}

/* Bảng "Đặt lịch tư vấn nhanh" ở cuối Trang chủ — dùng lại đúng khung .contact-form đã có sẵn cho cột thứ 2 của .contact-grid. */
.contact-form-col{display:flex;align-items:center}
.contact-form-col .contact-form{width:100%}

@media (width<=850px){
  .hero-proof{gap:14px}
  .hero-proof>div{padding-right:14px}
  .hero-proof strong{font-size:23px}
  .hero-proof span{font-size:9px}
}