:root{--ink:#101a35;--muted:#60708e;--blue:#0e5bfa;--blue-2:#0984fa;--soft:#f5f8ff;--line:#e3eaf7;--radius:22px;--shadow:0 22px 70px rgba(25,64,128,.11)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fff;color:var(--ink);font-family:Inter,'Noto Sans Thai',system-ui,sans-serif;-webkit-font-smoothing:antialiased}button,a{font:inherit}a{color:inherit;text-decoration:none}button{cursor:pointer}img{max-width:100%}.container{width:min(1200px,calc(100% - 48px));margin-inline:auto}.skip-link{position:absolute;left:16px;top:-100px;z-index:200;background:#fff;padding:12px 18px;border-radius:8px}.skip-link:focus{top:12px}:focus-visible{outline:3px solid #16b9ff;outline-offset:4px}
.site-header{position:sticky;top:0;z-index:100;background:rgba(255,255,255,.9);backdrop-filter:blur(18px);border-bottom:1px solid rgba(216,229,249,.85)}.nav-shell{min-height:78px;display:flex;align-items:center;justify-content:space-between;gap:32px}.brand{display:inline-flex;align-items:center;gap:10px;white-space:nowrap;font-size:25px;font-weight:850;letter-spacing:-1.3px;line-height:1}.brand img{flex:none}.brand span span,.preview-logo span,.phone-logo span{color:var(--blue)}.site-nav{display:flex;align-items:center;gap:27px}.site-nav>a:not(.button){font-size:13px;font-weight:700;color:#3b4967;transition:color .2s}.site-nav>a:not(.button):hover,.footer a:hover{color:var(--blue)}.menu-toggle{display:none}.button{display:inline-flex;align-items:center;justify-content:center;gap:20px;min-height:46px;padding:12px 22px;border-radius:999px;font-size:13px;font-weight:800;white-space:nowrap;transition:transform .2s,box-shadow .2s,background .2s}.button:hover{transform:translateY(-2px)}.button span{font-size:18px;font-weight:500;line-height:1}.button-primary{background:linear-gradient(110deg,#0754ed,#0b86f9);color:#fff;box-shadow:0 12px 27px rgba(14,91,250,.22)}.button-primary:hover{box-shadow:0 16px 34px rgba(14,91,250,.32)}.button-outline{background:#fff;border:1.5px solid #b9cdfb;color:#0f58ed}.button-outline:hover{background:#f4f8ff}.button-large{min-height:56px;padding:15px 26px;font-size:14px}
.hero{position:relative;overflow:hidden;background:radial-gradient(60% 75% at 74% 38%,#e9f3ff 0%,transparent 78%),linear-gradient(170deg,#fff 0%,#f9fbff 74%,#eff6ff 100%)}.hero:before,.hero:after{content:'';position:absolute;border:1px solid #e8f1ff;border-radius:50%;pointer-events:none}.hero:before{width:750px;height:750px;right:-360px;top:-500px}.hero:after{width:600px;height:600px;left:-400px;bottom:-450px}.hero-grid{position:relative;display:grid;grid-template-columns:1fr 1.05fr;align-items:center;gap:18px;min-height:660px;padding-block:72px 42px}.hero-copy{position:relative;z-index:3}.eyebrow,.section-kicker{display:flex;align-items:center;gap:9px;color:#0b63f1;font-size:11px;font-weight:850;letter-spacing:2.5px}.pulse{width:8px;height:8px;background:#12c7b1;border-radius:50%;box-shadow:0 0 0 5px rgba(18,199,177,.13)}h1,h2,h3,p{margin-top:0}.hero h1{margin:28px 0 20px;font-size:clamp(42px,4.55vw,65px);line-height:1.24;letter-spacing:-2.3px;font-weight:900}.hero h1 span,.section h2 span{color:var(--blue)}.hero-lead{max-width:500px;color:#526583;font-size:16px;line-height:1.9;font-weight:500}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin:31px 0 36px}.hero-price{display:flex;flex-direction:column;align-items:flex-start;padding-left:17px;border-left:3px solid #0a67f6}.price-label{font-size:12px;color:#50617e;font-weight:700}.hero-price strong{font-size:39px;line-height:1.3;color:#0c58ee;letter-spacing:-1.8px}.hero-price strong span{font-size:19px;letter-spacing:0}.price-note{font-size:11px;color:#77849d}.hero-strip{position:relative;z-index:2;display:flex;align-items:center;justify-content:center;gap:30px;padding:25px 0;border-top:1px solid #e0eafa;color:#536683;font-size:12px;font-weight:750}.hero-strip i{width:5px;height:5px;background:#a6bfed;border-radius:50%}
.hero-art{position:relative;height:560px;min-width:0;isolation:isolate}.art-halo{position:absolute;width:510px;height:510px;top:10px;left:6%;border-radius:50%;background:radial-gradient(circle,#9ecaff80 0%,#c8e4ff4d 45%,transparent 72%);filter:blur(3px)}.browser-card{position:absolute;top:50px;left:10px;width:min(100%,570px);height:395px;background:#fff;border:8px solid #14243f;border-radius:19px;box-shadow:0 35px 60px rgba(23,58,114,.24),0 9px 16px rgba(23,58,114,.13);transform:rotate(-2deg);overflow:hidden}.browser-top{height:32px;background:#14243f;color:#b6c7e0;display:flex;align-items:center;gap:10px;padding:0 11px;font-size:9px}.browser-dots{display:flex;gap:4px}.browser-dots i{display:block;width:6px;height:6px;border-radius:50%;background:#5880b0}.browser-dots i:first-child{background:#f47680}.browser-dots i:nth-child(2){background:#ffd169}.browser-dots i:nth-child(3){background:#3bc891}.browser-url{flex:1;text-align:center}.preview-page{height:calc(100% - 32px);background:linear-gradient(135deg,#fff 0%,#fff 54%,#eaf4ff 55%,#f8fbff 100%);padding:20px 22px}.preview-nav{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:8px;color:#516483}.preview-logo,.phone-logo{display:inline-flex;align-items:center;gap:4px;font-weight:850;font-size:13px;color:#14233f;white-space:nowrap}.preview-logo img{width:18px}.preview-nav b{font-size:7px;background:#0d62ef;color:#fff;padding:7px 12px;border-radius:100px;white-space:nowrap}.preview-body{display:grid;grid-template-columns:1fr 1fr;min-height:245px;align-items:center}.preview-kicker{font-size:7px;letter-spacing:2px;color:#316fe6;font-weight:800}.preview-text>strong{display:block;margin:11px 0 9px;font-size:30px;line-height:1.08;letter-spacing:-1.1px;color:#102041}.preview-text em,.phone-card em{font-style:normal;color:#0959f2}.preview-text p{font-size:9px;line-height:1.6;color:#657594}.preview-button{display:inline-block;margin-top:5px;padding:10px 15px;border-radius:100px;background:#0d62ef;color:#fff;font-size:8px;font-weight:750}.preview-visual{position:relative;align-self:stretch;overflow:hidden;border-radius:170px 30px 30px 120px;background:linear-gradient(146deg,#d4edff 0%,#5bb8f3 40%,#0c5abd 100%)}.preview-visual:before{content:'';position:absolute;width:240px;height:130px;top:-55px;right:-40px;background:#fff9;transform:rotate(-25deg);border-radius:50%}.building{position:absolute;bottom:0;left:18%;height:190px;width:79%;display:flex;align-items:flex-end;gap:4px;transform:skewY(-7deg)}.building span{display:block;flex:1;height:65%;background:repeating-linear-gradient(90deg,#e4f6ff 0 8px,#6db7e9 9px 11px,#2876c3 12px 19px);border:2px solid #d8efff;box-shadow:inset 0 20px 40px #ffffff70}.building span:nth-child(2){height:82%}.building span:nth-child(3){height:99%}.building span:nth-child(4){height:75%}.building span:nth-child(5){height:60%}.preview-orbit{position:absolute;width:300px;height:300px;border:18px solid #ffffff36;border-radius:50%;right:-165px;top:50px}.preview-bottom{display:flex;gap:8px}.preview-bottom span{flex:1;background:#fff;border:1px solid #e3ecf8;box-shadow:0 8px 20px #a3c3e537;border-radius:12px;padding:11px 7px;text-align:center;font-size:7px;font-weight:700;color:#19345c}.phone-card{position:absolute;right:-2px;bottom:30px;width:150px;height:305px;background:#fff;border:7px solid #14243f;border-radius:28px;box-shadow:0 25px 45px #172e5f45;z-index:3;padding:24px 10px 10px;overflow:hidden;transform:rotate(3deg)}.phone-notch{position:absolute;top:4px;left:35px;width:70px;height:11px;border-radius:0 0 12px 12px;background:#14243f}.phone-logo{font-size:9px;display:flex}.phone-logo img{width:12px}.phone-logo b{margin-left:auto;font-size:9px}.phone-card>strong{display:block;margin-top:27px;font-size:18px;line-height:1.13;letter-spacing:-.5px}.phone-card p{margin-top:10px;font-size:7px;line-height:1.5;color:#637390}.phone-card>span{display:inline-block;padding:7px 9px;background:#0d62ef;border-radius:100px;font-size:7px;color:#fff}.phone-blue{position:absolute;bottom:-50px;right:-32px;width:160px;height:145px;border-radius:60% 0 0 0;background:linear-gradient(135deg,#93dcff,#0a60ca)}.float-card{position:absolute;display:flex;align-items:center;gap:10px;padding:13px 15px;background:#fff;border:1px solid #e8effa;border-radius:16px;box-shadow:var(--shadow);z-index:4}.float-card strong{display:block;font-size:11px}.float-card small{display:block;margin-top:3px;font-size:9px;color:#71819c}.float-icon{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:#e5efff;color:#0877f8;font-size:19px}.card-design{top:8px;right:14px}.card-mobile{left:3px;bottom:27px}
.section{padding:100px 0;scroll-margin-top:78px}.section-soft{background:#f6f9ff}.section-head{display:flex;align-items:end;justify-content:space-between;gap:50px;margin-bottom:36px}.section-kicker{margin-bottom:17px}.section h2{margin-bottom:0;font-size:clamp(32px,3vw,46px);line-height:1.25;letter-spacing:-1.6px;font-weight:850}.section-head>p{max-width:415px;margin-bottom:7px;color:var(--muted);line-height:1.85;font-size:14px}.service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.service-card{min-height:296px;position:relative;padding:26px;background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 8px 26px rgba(22,60,120,.045);transition:transform .25s,box-shadow .25s}.service-card:hover,.example-card:hover{transform:translateY(-5px);box-shadow:var(--shadow)}.service-icon{width:52px;height:52px;border-radius:15px;display:grid;place-items:center;font-size:27px;font-weight:900}.service-icon.blue{background:#e3efff;color:#0870f6}.service-icon.purple{background:#f2eaff;color:#8754f4}.service-icon.orange{background:#fff0db;color:#f5a103}.service-icon.mint{background:#dffaf2;color:#04ae84}.service-num{display:block;margin-top:23px;color:#9baac2;font-size:11px;font-weight:800;letter-spacing:1.4px}.service-card h3{margin:7px 0 9px;font-size:20px}.service-card p{min-height:76px;color:var(--muted);font-size:12px;line-height:1.8}.service-card a{display:inline-flex;align-items:center;gap:8px;color:#075cf1;font-size:12px;font-weight:800}.service-card a span{font-size:17px}
.example-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.example-card{overflow:hidden;border:1px solid var(--line);border-radius:var(--radius);background:#fff;transition:transform .25s,box-shadow .25s}.example-preview{height:255px;position:relative;overflow:hidden;padding:20px}.sample-nav{display:flex;align-items:center;justify-content:space-between;position:relative;z-index:2;font-size:8px}.sample-nav b{font-size:17px;letter-spacing:-.7px}.sample-nav b span{color:#277cf7}.example-preview>div:nth-child(2){position:relative;z-index:2;margin-top:36px}.example-preview small{display:block;font-size:8px;font-weight:800;letter-spacing:1.8px}.example-preview strong{display:block;margin:10px 0 17px;font-size:22px;line-height:1.25;letter-spacing:-.6px}.sample-cta{display:inline-block;padding:8px 12px;border-radius:100px;background:#125cf2;color:#fff;font-size:8px;font-weight:700}.example-business{background:linear-gradient(130deg,#fff,#e2efff)}.example-business .sample-shapes{position:absolute;width:180px;height:145px;right:-18px;bottom:0;display:flex;align-items:flex-end;gap:5px;transform:skewY(-8deg)}.sample-shapes i{flex:1;height:65%;border:2px solid #b8d8f7;background:repeating-linear-gradient(90deg,#fff7 0 10px,#5a9edf 11px 14px,#2360b9 15px 28px)}.sample-shapes i:nth-child(2){height:95%}.sample-shapes i:nth-child(3){height:76%}.example-store{background:linear-gradient(125deg,#fffaf5,#f2e2d3)}.example-store .sample-cta{background:#272a25}.store-object{position:absolute;right:3px;bottom:-30px;width:165px;height:205px;border-radius:90px 90px 20px 20px;background:linear-gradient(150deg,#faf1e6,#b68b70);box-shadow:-20px 8px 40px #9974593b}.store-object span{position:absolute;inset:36px 32px 0;background:linear-gradient(140deg,#d9b597,#805e46);border-radius:80px 80px 12px 12px;transform:rotate(9deg)}.example-landing{background:linear-gradient(135deg,#111d39,#0d4f8b);color:#fff}.example-landing .sample-nav b span{color:#31d6ba}.example-landing .sample-cta{background:#32d7b9;color:#0e2839}.landing-chart{position:absolute;right:-10px;bottom:15px;width:150px;height:130px;display:flex;align-items:flex-end;gap:8px}.landing-chart i{width:25px;background:linear-gradient(#49dec8,#108bbf);border-radius:6px 6px 0 0;box-shadow:0 0 30px #19baa45c}.landing-chart i:nth-child(1){height:35%}.landing-chart i:nth-child(2){height:55%}.landing-chart i:nth-child(3){height:70%}.landing-chart i:nth-child(4){height:100%}.example-caption{display:flex;justify-content:space-between;align-items:center;padding:20px 23px}.example-caption span{font-size:11px;color:#71819b}.example-caption h3{margin:5px 0 0;font-size:17px}.example-caption>span{display:grid;place-items:center;width:30px;height:30px;border:1px solid #c7d7ef;border-radius:50%;color:#0b64ed;font-size:20px}
.process-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:11%;align-items:start}.process-intro,.pricing-grid>div:first-child>p:last-child,.faq-grid>div:first-child>p:last-child{max-width:400px;margin:20px 0 28px;color:var(--muted);font-size:14px;line-height:1.9}.steps{margin:0;padding:0;list-style:none;border-top:1px solid var(--line)}.steps li{display:flex;gap:25px;padding:21px 0;border-bottom:1px solid var(--line)}.steps li>span{font-size:12px;font-weight:900;color:#0d66f5;letter-spacing:1px}.steps h3{margin:0 0 7px;font-size:18px}.steps p{margin:0;color:var(--muted);font-size:12px;line-height:1.8}
.pricing-section{background:linear-gradient(110deg,#eff5ff,#fafdff 70%)}.pricing-grid{display:grid;grid-template-columns:1fr 1fr;gap:11%;align-items:center}.price-card{padding:35px;border:1px solid #d7e5ff;border-radius:26px;background:#fff;box-shadow:0 25px 65px #3a7ccb1c}.price-card-head{display:flex;align-items:center;justify-content:space-between;color:#0a65ee;font-size:11px;font-weight:850;letter-spacing:1.7px}.price-tag{background:#e8f0ff;padding:7px 13px;border-radius:100px;color:#0b5eee;letter-spacing:0}.price-card h3{font-size:25px;margin:22px 0 8px}.amount{font-size:48px;font-weight:900;color:#0a5ef1;letter-spacing:-2px}.amount span{font-size:20px;letter-spacing:0}.price-card>p{color:var(--muted);font-size:13px;line-height:1.8}.price-card ul{padding:0;list-style:none;margin:24px 0}.price-card li{position:relative;padding:8px 0 8px 27px;font-size:13px;color:#344666;font-weight:600}.price-card li:before{content:'✓';position:absolute;left:0;color:#05b69b;font-weight:900}.price-card .button{width:100%}.price-card small{display:block;text-align:center;margin-top:15px;font-size:10px;line-height:1.6;color:#7987a0}
.faq-grid{display:grid;grid-template-columns:.7fr 1.3fr;gap:10%}.faq-list{border-top:1px solid var(--line)}.faq-list details{border-bottom:1px solid var(--line);padding:22px 0}.faq-list summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:15px;font-weight:750;font-size:14px}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary:after{content:'+';font-size:22px;font-weight:400;color:#0965ed;line-height:1}.faq-list details[open] summary:after{content:'−'}.faq-list p{margin:15px 25px 0 0;color:var(--muted);font-size:13px;line-height:1.85}.final-cta{padding:73px 0;background:linear-gradient(108deg,#0a4fdb,#087eec);color:#fff}.final-inner{display:flex;align-items:center;justify-content:space-between;gap:40px}.final-cta .section-kicker{color:#a8dcff}.final-cta h2{font-size:clamp(34px,3.5vw,52px);line-height:1.25;letter-spacing:-1.5px;margin:0 0 12px}.final-cta p:last-child{max-width:540px;color:#dceeff;font-size:14px;line-height:1.8}.button-white{background:#fff;color:#0758e8;box-shadow:0 12px 30px #063a9a52}.footer{padding:50px 0 27px;background:#0e1931;color:#fff}.footer-inner{display:grid;grid-template-columns:1fr auto;gap:24px}.footer .brand{font-size:22px}.footer p{margin:12px 0 0;color:#9eabc5;font-size:12px}.footer-links{display:flex;align-items:center;gap:25px;font-size:12px;color:#c2cee2}.footer small{grid-column:1/-1;border-top:1px solid #2a3957;padding-top:20px;font-size:11px;color:#8799b8}.mobile-contact{display:none}
@media(max-width:1100px){.site-nav{gap:15px}.hero-grid{grid-template-columns:1fr 1fr}.browser-card{width:520px;max-width:96%}.phone-card{right:0}.service-card{padding:20px}}
@media(max-width:900px){.nav-shell{min-height:70px}.menu-toggle{display:flex;width:42px;height:42px;border:1px solid var(--line);background:#fff;border-radius:11px;flex-direction:column;justify-content:center;align-items:center;gap:5px}.menu-toggle span{display:block;width:19px;height:2px;background:#172747;border-radius:2px}.site-nav{display:none;position:absolute;top:70px;left:0;right:0;background:#fff;border-bottom:1px solid var(--line);box-shadow:0 25px 40px #0d316021;padding:23px 24px;flex-direction:column;align-items:stretch;gap:0}.site-nav.is-open{display:flex}.site-nav>a:not(.button){padding:12px 0}.nav-cta{margin-top:12px}.hero-grid{grid-template-columns:1fr;gap:0;padding-top:58px}.hero-art{width:min(650px,100%);margin-inline:auto}.hero h1{font-size:clamp(42px,7vw,64px)}.hero-copy{max-width:660px}.service-grid{grid-template-columns:repeat(2,1fr)}.example-grid{gap:12px}.example-preview{height:240px;padding:16px}.example-preview strong{font-size:19px}.process-grid,.pricing-grid,.faq-grid{gap:5%}}
@media(max-width:700px){.container{width:min(100% - 32px,540px)}.section{padding:70px 0}.section-head{display:block}.section-head>p{margin:20px 0 0}.hero-grid{padding-top:43px;padding-bottom:15px}.hero h1{font-size:clamp(38px,9.8vw,56px);letter-spacing:-1.7px;margin:23px 0 14px}.hero-lead{font-size:14px}.hero-actions{margin:23px 0 27px}.hero-actions .button{flex:1;font-size:12px;padding-inline:15px;gap:8px}.hero-price strong{font-size:34px}.hero-art{height:420px;margin-top:27px}.browser-card{top:28px;left:0;width:92%;height:310px;border-width:6px}.preview-page{padding:13px}.preview-nav{font-size:6px}.preview-nav b{font-size:6px}.preview-body{min-height:187px}.preview-text>strong{font-size:22px}.preview-visual{border-radius:100px 20px 20px 80px}.building{height:150px}.preview-bottom span{font-size:5px;padding:7px 4px}.phone-card{width:116px;height:235px;bottom:16px;right:0;border-width:5px;border-radius:22px;padding:18px 8px 7px}.phone-notch{left:29px;width:50px;top:3px;height:8px}.phone-card>strong{font-size:14px;margin-top:20px}.phone-card p{font-size:6px}.phone-blue{height:100px}.float-card{padding:8px;gap:6px}.float-icon{width:25px;height:25px;font-size:14px}.float-card strong{font-size:8px}.float-card small{font-size:7px}.card-design{top:0;right:0}.card-mobile{bottom:9px;left:3px}.hero-strip{flex-wrap:wrap;gap:9px 15px;padding:18px 0;font-size:10px}.hero-strip i{width:3px;height:3px}.service-grid{gap:12px}.service-card{min-height:270px}.example-grid{grid-template-columns:1fr}.example-preview{height:270px;padding:22px}.example-preview strong{font-size:24px}.process-grid,.pricing-grid,.faq-grid{grid-template-columns:1fr;gap:38px}.final-inner{display:block}.final-inner .button{margin-top:16px}.footer-inner{grid-template-columns:1fr}.footer-links{flex-wrap:wrap;gap:16px}.footer small{grid-column:1}.mobile-contact{position:fixed;z-index:70;bottom:calc(12px + env(safe-area-inset-bottom));left:16px;right:16px;display:flex;justify-content:center;align-items:center;gap:10px;min-height:48px;background:linear-gradient(110deg,#0758ed,#0b87fa);color:#fff;border-radius:100px;box-shadow:0 12px 35px #0758ed5e;font-size:13px;font-weight:800;opacity:0;transform:translateY(12px);pointer-events:none;transition:opacity .2s,transform .2s}.mobile-contact.is-visible{opacity:1;transform:none;pointer-events:auto}.footer{padding-bottom:85px}}
@media(max-width:440px){.hero h1{font-size:38px}.hero-actions{display:grid;grid-template-columns:1fr 1fr}.hero-actions .button{white-space:normal;text-align:center;line-height:1.3}.hero-art{height:345px}.browser-card{height:260px}.preview-page{padding:10px}.preview-body{min-height:156px}.preview-text>strong{font-size:17px}.preview-text p{font-size:7px}.preview-kicker{font-size:5px}.preview-nav>span:nth-child(2){display:none}.preview-bottom span{font-size:5px}.phone-card{height:190px;width:95px}.phone-card>strong{font-size:11px;margin-top:14px}.phone-card p{font-size:5px}.phone-card>span{font-size:5px}.phone-blue{height:70px}.service-grid{grid-template-columns:1fr}.service-card{min-height:0}.service-card p{min-height:0}.float-card small{display:none}.card-mobile{bottom:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}
.hero-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.16;pointer-events:none;display:none}.hero-video.is-ready{display:block}.hero-grid,.hero-strip{position:relative;z-index:1}
.package-section{background:#fff}.package-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:9%}.package-intro{max-width:410px;margin:20px 0 28px;color:var(--muted);font-size:14px;line-height:1.85}.package-list{display:grid;grid-template-columns:1fr 1fr;gap:14px}.package-list>div{padding:22px;border:1px solid var(--line);border-radius:18px;background:#fafdff}.package-list span{display:block;color:#0b68f7;font-size:11px;font-weight:900;letter-spacing:1px}.package-list strong{display:block;margin:10px 0 5px;font-size:15px}.package-list p{margin:0;color:var(--muted);font-size:11px;line-height:1.75}
.compact-preview{position:relative;height:200px;overflow:hidden;padding:25px;color:#172743}.compact-preview:after{content:'';position:absolute;right:-70px;bottom:-140px;width:300px;height:300px;border:35px solid #ffffff81;border-radius:50%}.compact-preview span{display:block;position:relative;z-index:1;font-size:9px;font-weight:850;letter-spacing:2px}.compact-preview strong{display:block;position:relative;z-index:1;margin-top:25px;font-size:27px;line-height:1.22;letter-spacing:-.6px}.compact-preview i{display:block;position:relative;z-index:1;margin-top:12px;font-size:11px;font-style:normal;font-weight:650;opacity:.7}.theme-cafe{background:linear-gradient(135deg,#fff7e7,#d5a681)}.theme-clinic{background:linear-gradient(135deg,#fff,#ffd9e9)}.theme-hotel{background:linear-gradient(135deg,#e8fbff,#8dc6de)}.theme-school{background:linear-gradient(135deg,#eef1ff,#b6bdf3)}.theme-account{background:linear-gradient(135deg,#f5fbff,#96aecf)}.theme-fitness{background:linear-gradient(135deg,#efffea,#9ed5af)}.theme-property{background:linear-gradient(135deg,#f7f9ff,#9ebde7)}
.inquiry-section{background:#fff}.inquiry-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:8%;align-items:start}.inquiry-grid>div>p:last-of-type{margin:20px 0 27px;max-width:410px;color:var(--muted);font-size:14px;line-height:1.85}.inquiry-form{display:grid;gap:15px;padding:30px;border:1px solid #dce7f9;border-radius:24px;background:#f9fbff;box-shadow:0 18px 50px #1d66bf0d}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.inquiry-form label{display:grid;gap:7px;color:#31415e;font-size:12px;font-weight:750}.inquiry-form label>span:first-child{color:#0a64f0}.inquiry-form input:not([type=checkbox]),.inquiry-form select,.inquiry-form textarea{width:100%;min-height:46px;padding:11px 13px;border:1px solid #cddbf1;border-radius:10px;background:#fff;color:#172747;font:inherit;font-size:13px;font-weight:500}.inquiry-form textarea{resize:vertical;line-height:1.6}.inquiry-form input:focus,.inquiry-form select:focus,.inquiry-form textarea:focus{outline:2px solid #9ec8ff;outline-offset:1px}.inquiry-form .consent{display:flex;gap:10px;align-items:flex-start;font-size:11px;font-weight:600;color:#62718c;line-height:1.6}.inquiry-form .consent input{margin:3px 0 0;accent-color:#0b63f4}.inquiry-form .consent span{color:#62718c!important}.inquiry-form button{border:0;width:100%}.inquiry-form small{display:block;text-align:center;color:#7c8aa3;font-size:10px;line-height:1.5}.honeypot{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
@media(max-width:900px){.package-grid,.inquiry-grid{grid-template-columns:1fr;gap:35px}}@media(max-width:700px){.package-list{grid-template-columns:1fr}.compact-preview{height:230px}.form-row{grid-template-columns:1fr}.inquiry-form{padding:20px}}

/* Editorial polish for the nine design directions. */
#examples{position:relative;isolation:isolate;background:radial-gradient(circle at 87% 7%,rgba(70,150,255,.14),transparent 34%),radial-gradient(circle at 8% 94%,rgba(19,197,196,.08),transparent 28%),#f6f9ff}
#examples:before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background-image:radial-gradient(#5f9df02e .75px,transparent .75px);background-size:22px 22px;mask-image:linear-gradient(90deg,transparent 12%,#000 80%)}
#examples .section-head{position:relative}
#examples .section-head:after{content:"09 CREATIVE DIRECTIONS";position:absolute;right:0;top:-27px;color:#a5bce1;font-size:10px;font-weight:850;letter-spacing:2px}
#examples .section-kicker:after{content:"";display:block;width:42px;height:1px;margin-left:8px;background:#9fc5ff}
#examples .example-grid{position:relative;counter-reset:direction}
#examples .example-card{position:relative;counter-increment:direction;box-shadow:0 12px 32px rgba(25,66,128,.065);border-color:#e4ecf9;transition:transform .28s ease,box-shadow .28s ease,border-color .28s ease}
#examples .example-card:hover{border-color:#a5c9ff;box-shadow:0 22px 48px rgba(17,72,161,.14)}
#examples .example-card:focus-within{outline:2px solid #0b63f1;outline-offset:3px}
#examples .example-card:before{content:counter(direction,decimal-leading-zero);position:absolute;z-index:3;right:15px;top:15px;display:grid;place-items:center;width:32px;height:32px;border:1px solid rgba(255,255,255,.85);border-radius:50%;background:rgba(255,255,255,.83);box-shadow:0 4px 18px rgba(29,70,133,.1);color:#0a5ae7;font-size:10px;font-weight:900;letter-spacing:.7px;backdrop-filter:blur(8px)}
#examples .example-card.compact .compact-preview:before{content:"";position:absolute;right:18px;top:64px;width:136px;height:104px;border:1px solid rgba(255,255,255,.67);border-radius:15px;background:linear-gradient(180deg,rgba(255,255,255,.62) 0 19%,rgba(255,255,255,.17) 19% 100%);box-shadow:0 13px 30px rgba(44,74,129,.12);transform:rotate(-13deg)}
#examples .example-card.compact .compact-preview:after{right:-85px;bottom:-165px;width:320px;height:320px;border-color:rgba(255,255,255,.34)}
#examples .example-card.compact .example-caption:after{content:"↗";display:grid;place-items:center;flex:none;width:29px;height:29px;border:1px solid #e0eaff;border-radius:50%;color:#0b63ee;font-size:13px}
#examples .example-caption{min-height:86px}
#examples .example-caption h3{transition:color .25s}
#examples .example-card:hover .example-caption h3{color:#075ef0}
@media(max-width:700px){#examples .section-head:after{right:auto;left:0;top:-25px;font-size:8px}#examples .example-card.compact .compact-preview:before{right:23px;width:120px;height:88px}}
@media(prefers-reduced-motion:reduce){#examples .example-card,#examples .example-caption h3{transition:none}}

/* Generated VibeCept image assets: keep all copy as selectable HTML. */
.hero{background-image:linear-gradient(90deg,rgba(255,255,255,.94) 0%,rgba(255,255,255,.78) 41%,rgba(246,251,255,.20) 72%),url("assets/hero-background.webp");background-size:cover;background-position:center center}
.package-section{background-image:linear-gradient(90deg,rgba(255,255,255,.94),rgba(255,255,255,.88)),url("assets/soft-blue-texture.webp");background-size:auto,512px 512px}
#process{position:relative;isolation:isolate;overflow:hidden}
#process:before{content:"";position:absolute;z-index:-1;right:-14%;bottom:-110px;width:70%;height:350px;background:url("assets/blue-glass-ribbon.webp") center/contain no-repeat;opacity:.21;pointer-events:none}
.example-preview,.compact-preview{background-size:cover;background-position:center}
.example-business{background-image:linear-gradient(90deg,rgba(255,255,255,.98) 0%,rgba(255,255,255,.88) 38%,rgba(255,255,255,.12) 80%),url("assets/example-business.webp")}
.example-store{background-image:linear-gradient(90deg,rgba(255,250,245,.98) 0%,rgba(255,250,245,.87) 39%,rgba(255,250,245,.10) 78%),url("assets/example-store.webp")}
.example-landing{background-image:linear-gradient(90deg,rgba(12,26,55,.98) 0%,rgba(12,33,66,.85) 39%,rgba(12,33,66,.08) 80%),url("assets/example-landing.webp")}
.example-business .sample-shapes,.example-store .store-object,.example-landing .landing-chart{display:none}
.theme-cafe{background-image:linear-gradient(90deg,rgba(255,247,231,.96),rgba(255,247,231,.80) 45%,rgba(255,247,231,.08) 86%),url("assets/example-cafe.webp")}
.theme-clinic{background-image:linear-gradient(90deg,rgba(255,250,252,.97),rgba(255,250,252,.83) 45%,rgba(255,250,252,.08) 86%),url("assets/example-clinic.webp")}
.theme-hotel{background-image:linear-gradient(90deg,rgba(235,249,252,.97),rgba(235,249,252,.82) 45%,rgba(235,249,252,.08) 86%),url("assets/example-hotel.webp")}
.theme-school{background-image:linear-gradient(90deg,rgba(245,246,255,.97),rgba(245,246,255,.83) 45%,rgba(245,246,255,.08) 86%),url("assets/example-school.webp")}
.theme-account{background-image:linear-gradient(90deg,rgba(246,250,255,.98),rgba(246,250,255,.85) 45%,rgba(246,250,255,.08) 86%),url("assets/example-account.webp")}
.theme-fitness{background-image:linear-gradient(90deg,rgba(242,255,247,.97),rgba(242,255,247,.83) 45%,rgba(242,255,247,.08) 86%),url("assets/example-fitness.webp")}
#examples .example-card.compact .compact-preview:before{display:none}
#examples .example-card.compact .compact-preview:after{opacity:.35}
.usage-section{background:#fff}
.usage-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.usage-card{min-height:345px;display:flex;align-items:center;border:1px solid var(--line);border-radius:24px;overflow:hidden;background-size:cover;background-position:center;box-shadow:0 14px 40px rgba(22,60,120,.07)}
.usage-desktop{background-image:linear-gradient(90deg,rgba(248,251,255,.99),rgba(248,251,255,.84) 37%,rgba(248,251,255,.06) 76%),url("assets/working-desktop.webp")}
.usage-mobile{background-image:linear-gradient(90deg,rgba(248,251,255,.99),rgba(248,251,255,.84) 37%,rgba(248,251,255,.06) 76%),url("assets/working-mobile.webp")}
.usage-copy{width:55%;padding:28px;position:relative;z-index:1}
.usage-copy span{color:#0a61e9;font-size:10px;font-weight:900;letter-spacing:1.6px}
.usage-copy h3{margin:13px 0 9px;font-size:clamp(20px,2vw,27px);line-height:1.25}
.usage-copy p{margin:0;color:#536583;font-size:12px;line-height:1.8}
@media(max-width:700px){.hero{background-position:58% center}.usage-grid{grid-template-columns:1fr}.usage-card{min-height:270px}.usage-copy{width:60%;padding:20px}.example-preview,.compact-preview{background-position:58% center}}

/* Balanced layout pass */
.hero{background:linear-gradient(120deg,#fff 0%,#f7faff 60%,#edf5ff 100%)}
.hero:before,.hero:after{display:none}
.hero-grid{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);min-height:0;gap:42px;padding-block:68px 74px}
.hero h1{margin:0 0 20px;font-size:clamp(43px,4.25vw,62px);line-height:1.18;letter-spacing:-2px}
.hero-lead{max-width:460px;font-size:16px;line-height:1.75}
.hero-actions{margin:28px 0 34px}
.hero-art{width:100%;height:440px;min-width:0;overflow:hidden;border:1px solid #dce9fa;border-radius:30px;background:linear-gradient(90deg,rgba(255,255,255,.08),rgba(255,255,255,0)),url("assets/hero-background.webp") 76% center/cover no-repeat;box-shadow:0 26px 66px rgba(31,84,164,.14)}
.hero-price .price-label{font-size:14px;line-height:1.5}
.hero-price strong{font-size:40px}
.section{padding:82px 0}
.section-head{display:block;margin-bottom:30px}
.section h2{font-size:clamp(33px,3.35vw,46px);line-height:1.2;letter-spacing:-1.5px}
.section-head h2 br{display:none}
.section-head h2 span:before{content:" "}
#examples .section-head:after{display:none}
.service-card{min-height:260px;padding:24px}
.service-num{margin-top:16px;font-size:12px}
.service-card h3{font-size:19px;margin:6px 0 7px}
.service-card p{min-height:68px;font-size:13px;line-height:1.65}
.package-grid{grid-template-columns:.8fr 1.2fr;gap:7%;align-items:center}
.package-grid h2{margin-bottom:22px}
.package-list>div{padding:20px}
.usage-card{min-height:310px}
.usage-copy{width:53%;padding:26px}
.usage-copy h3{margin:0 0 10px;font-size:clamp(20px,2vw,27px)}
.usage-copy p{font-size:13px;line-height:1.65}
.example-grid{gap:18px}
.example-preview,.compact-preview{height:245px;padding:24px}
.example-overlay{position:relative;z-index:2;width:58%;display:flex;align-items:center;min-height:100%;margin:0}
.example-overlay strong{margin:0;font-size:23px;line-height:1.22;letter-spacing:-.7px}
.compact-preview{display:flex;align-items:center}
.compact-preview strong{margin:0;font-size:25px;line-height:1.2;max-width:58%}
.compact-preview:after{display:none}
.example-caption{padding:17px 20px;min-height:66px}
.example-caption h3{margin:0;font-size:17px}
.process-grid{grid-template-columns:.8fr 1.2fr;gap:8%}
.process-grid h2{margin-bottom:24px}
.steps li{padding:17px 0}
.steps h3{font-size:17px}
.steps p{font-size:13px;line-height:1.6}
.pricing-grid{grid-template-columns:.85fr 1.15fr;gap:8%}
.pricing-grid h2{margin:0}
.price-card{max-width:560px}
.price-card .pricing-service-note{font-size:14px;font-weight:700;color:#285292}
.faq-grid{grid-template-columns:.75fr 1.25fr;gap:8%}
.final-cta{padding:66px 0}
.final-cta h2{margin-bottom:0}
@media(max-width:900px){.hero-grid{grid-template-columns:1fr;gap:28px;padding-block:50px 60px}.hero-copy{max-width:740px}.hero-art{height:380px;max-width:740px;margin-inline:auto}.service-grid{grid-template-columns:repeat(2,1fr)}.package-grid,.process-grid,.pricing-grid,.faq-grid{gap:32px}}
@media(max-width:700px){.section{padding:64px 0}.section-head{margin-bottom:24px}.section h2{font-size:34px}.hero-grid{padding-block:42px 48px;gap:24px}.hero h1{font-size:clamp(36px,9vw,49px);line-height:1.2;letter-spacing:-1.3px}.hero-lead{font-size:14px}.hero-art{height:265px;margin:0;border-radius:22px;background-position:76% center}.hero-actions{margin:23px 0 25px}.hero-actions .button{min-height:50px}.hero-price strong{font-size:34px}.service-grid{grid-template-columns:1fr}.service-card{min-height:0}.service-card p{min-height:0}.package-grid,.process-grid,.pricing-grid,.faq-grid{grid-template-columns:1fr}.usage-grid{grid-template-columns:1fr}.usage-card{min-height:260px}.usage-copy{width:56%;padding:20px}.example-grid{grid-template-columns:1fr;gap:14px}.example-preview,.compact-preview{height:230px;padding:22px}.example-overlay strong,.compact-preview strong{font-size:24px}.example-caption{min-height:60px}.final-cta{padding:54px 0}.final-cta h2{font-size:36px}}

/* VibeCept pricing and restored hero visual */
.hero{background:linear-gradient(105deg,rgba(255,255,255,.94),rgba(246,251,255,.87)),url("assets/soft-blue-texture.webp") center/512px auto}
.hero-grid{grid-template-columns:minmax(0,.94fr) minmax(0,1.06fr);gap:24px;min-height:650px;padding-block:70px 48px}
.hero-art{position:relative;width:100%;height:560px;max-width:none;min-width:0;overflow:visible;border:0;border-radius:0;background:none;box-shadow:none;margin:0}
.hero-art .browser-card{display:block}
.hero-art .phone-card{display:block}
.hero-art .float-card{display:flex}
.hero-price{width:fit-content;min-width:310px;margin-top:8px;padding:17px 23px 19px;border:0;border-radius:20px;background:linear-gradient(115deg,#0754ed,#078ef5);box-shadow:0 18px 42px rgba(10,92,232,.25)}
.hero-price .price-label{color:#eef7ff;font-size:16px;font-weight:750;letter-spacing:0}
.hero-price strong{display:block;color:#fff;font-size:56px;line-height:1.08;letter-spacing:-2px}
.hero-price strong span{font-size:25px;letter-spacing:0}
.hero h1{font-size:clamp(44px,4.5vw,64px)}
.pricing-section{background:linear-gradient(180deg,#f2f7ff,#fff)}
.pricing-heading{display:flex;align-items:end;justify-content:space-between;gap:36px;margin-bottom:30px}
.pricing-heading h2{margin:0}
.pricing-heading p{max-width:400px;margin:0;color:#536583;font-size:15px;line-height:1.75}
.pricing-cards{display:grid;grid-template-columns:1.15fr 1fr 1fr;gap:16px;align-items:stretch}
.pricing-cards .price-card{display:flex;flex-direction:column;max-width:none;min-width:0;padding:27px;border-radius:22px;box-shadow:0 13px 38px rgba(35,90,165,.08)}
.pricing-cards .setup-card{border:2px solid #9cc2ff;box-shadow:0 20px 50px rgba(10,91,235,.13)}
.pricing-cards .plus-card{background:#f9fcff}
.plan-label{display:inline-flex;align-self:flex-start;padding:7px 11px;border-radius:100px;background:#eaf2ff;color:#1459c5;font-size:12px;font-weight:800}
.pricing-cards .price-card h3{margin:20px 0 8px;font-size:23px}
.pricing-cards .price-card .amount{font-size:45px;line-height:1.15;white-space:nowrap}
.pricing-cards .price-card .amount span{font-size:17px;font-weight:800}
.pricing-cards .price-card>p{font-size:13px;line-height:1.7}
.pricing-cards .price-card .pricing-service-note{margin:12px 0 8px;color:#285292;font-size:13px;line-height:1.55;font-weight:800}
.pricing-cards .price-card ul{flex:1;margin:17px 0 20px}
.pricing-cards .price-card li{font-size:12px;line-height:1.5;padding:7px 0 7px 23px}
.pricing-cards .price-card .button{width:100%;white-space:normal;text-align:center;min-height:52px;font-size:12px;padding:12px 14px;gap:7px}
.pricing-footnote{margin:18px 0 0;color:#586b89;font-size:13px;line-height:1.7;text-align:center}
.final-cta{padding:56px 0;background:#f8fbff;color:#101a35;border-top:1px solid #e0eaf9}
.final-cta .button-white{background:linear-gradient(110deg,#0754ed,#0b86f9);color:#fff;box-shadow:0 12px 27px rgba(14,91,250,.22)}
.footer .brand img,.site-header .brand img{width:44px;height:auto;max-height:40px;object-fit:contain}
.footer .brand img{width:40px}
@media(max-width:1100px){.pricing-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.pricing-cards .setup-card{grid-row:span 2}.hero-grid{grid-template-columns:1fr 1fr}.hero-art{height:520px}.browser-card{max-width:96%}}
@media(max-width:900px){.hero-grid{grid-template-columns:1fr;gap:4px;padding-block:55px 45px}.hero-art{height:520px;width:min(650px,100%);margin-inline:auto}.pricing-heading{display:block}.pricing-heading p{margin-top:18px}.pricing-cards{grid-template-columns:1fr 1fr}.pricing-cards .setup-card{grid-column:1/-1;grid-row:auto}}
@media(max-width:700px){.hero-grid{padding-block:40px 28px;gap:0}.hero-price{width:100%;min-width:0;padding:15px 20px}.hero-price .price-label{font-size:14px}.hero-price strong{font-size:48px}.hero-price strong span{font-size:21px}.hero-art{height:410px;margin-top:22px}.browser-card{top:24px;left:0;width:92%;height:310px}.phone-card{bottom:20px}.pricing-heading{margin-bottom:22px}.pricing-heading p{font-size:14px}.pricing-cards{grid-template-columns:1fr}.pricing-cards .setup-card{grid-column:auto}.pricing-cards .price-card{padding:25px}.pricing-cards .price-card .amount{font-size:44px}.final-cta{padding:50px 0}}
@media(max-width:440px){.hero-art{height:340px}.browser-card{height:255px;top:15px}.phone-card{height:190px;width:95px;bottom:10px}.hero-price strong{font-size:45px}.hero h1{font-size:38px}}

/* Service illustration cards and billing equivalents */
#services{background:linear-gradient(180deg,#fff,#fafdff)}
#services .section-head{margin-bottom:30px}
#services .service-grid{gap:18px}
#services .service-card{display:flex;flex-direction:column;overflow:hidden;min-height:390px;padding:0;border:1px solid #dfeaf9;border-radius:22px;background:#fff}
#services .service-visual{display:block;width:100%;height:172px;object-fit:cover;object-position:center;background:#eef5ff}
#services .service-card h3{margin:21px 20px 8px;font-size:19px}
#services .service-card p{flex:1;min-height:0;margin:0 20px 16px;color:#52637e;font-size:13px;line-height:1.7}
#services .service-card a{margin:0 20px 22px;font-size:13px}
.pricing-heading{margin-bottom:28px}
.pricing-cards .billing-equivalent{margin:7px 0 14px;color:#1b59b1;font-size:12px;font-weight:750;line-height:1.55}
@media(max-width:900px){#services .service-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){#services .service-grid{grid-template-columns:1fr}#services .service-card{min-height:0}#services .service-visual{height:190px}#services .service-card p{margin-bottom:20px}}

.custom-price-note{display:flex;align-items:center;gap:22px;margin-top:24px;padding:22px 26px;border:1px solid #c7daf9;border-radius:20px;background:linear-gradient(100deg,#edf5ff,#fff)}.custom-price-note div{font-size:20px;font-weight:800;color:#092863;min-width:210px}.custom-price-note p{flex:1;margin:0;color:#52637e;font-size:14px;line-height:1.6}.custom-price-note a{white-space:nowrap;text-decoration:none;background:#1156f3;color:white;padding:11px 17px;border-radius:999px;font-weight:750;font-size:13px}@media(max-width:700px){.custom-price-note{display:block}.custom-price-note p{margin:8px 0 16px}.custom-price-note a{display:inline-block}}

/* Brand mascot: a restrained closing accent, not a floating obstruction. */
.final-cta{overflow:hidden;padding:48px 0;background:linear-gradient(110deg,#f8fbff,#eaf3ff)}
.final-inner{display:grid;grid-template-columns:minmax(0,1fr) auto 250px;gap:36px;min-height:230px}
.final-inner .button{white-space:nowrap}
.mascot-wave{width:250px;height:auto;align-self:end;margin:-28px 0 -55px;filter:drop-shadow(0 16px 22px rgba(18,77,167,.15))}
@media(max-width:900px){.final-inner{grid-template-columns:minmax(0,1fr) 180px;gap:16px}.final-inner .button{grid-column:1}.mascot-wave{grid-column:2;grid-row:1/3;width:180px;margin:-10px 0 -49px}}
@media(max-width:700px){.final-cta{padding:38px 0}.final-inner{grid-template-columns:minmax(0,1fr) 108px;min-height:180px;gap:12px}.final-cta h2{font-size:clamp(27px,7.5vw,36px)}.final-inner .button{grid-column:1;max-width:max-content;font-size:12px;padding:0 18px;min-height:44px}.mascot-wave{grid-column:2;grid-row:1/3;width:125px;max-width:none;justify-self:end;margin:0 -12px -38px}}
@media(max-width:350px){.final-inner{grid-template-columns:minmax(0,1fr) 82px}.mascot-wave{width:105px}.final-cta h2{font-size:27px}}

/* Keep the complete mascot visible inside the closing section. */
.mascot-wave{margin-bottom:-8px}
@media(max-width:900px){.mascot-wave{margin-bottom:-8px}}
@media(max-width:700px){.mascot-wave{margin-bottom:-8px}}
html{scroll-padding-top:88px}section[id]{scroll-margin-top:88px}@media(max-width:700px){html{scroll-padding-top:78px}section[id]{scroll-margin-top:78px}}

/* Price comparison: annual is the default offer. */
.pricing-heading{align-items:center}
.billing-toggle{display:inline-flex;align-items:center;gap:4px;padding:5px;background:#e8f0ff;border:1px solid #c8dafb;border-radius:999px;flex-shrink:0}
.billing-option{border:0;background:transparent;color:#315078;border-radius:999px;padding:11px 20px;font-family:inherit;font-size:14px;font-weight:800;line-height:1.2;cursor:pointer;min-height:42px}
.billing-option.is-active{background:#115af2;color:#fff;box-shadow:0 6px 15px rgba(16,84,230,.22)}
.billing-option:focus-visible{outline:3px solid #58a5ff;outline-offset:2px}
.pricing-cards{grid-template-columns:1fr 1fr 1fr}
.pricing-cards .setup-card{border:1px solid #dce7f6;background:#fff;box-shadow:0 13px 38px rgba(35,90,165,.06)}
.pricing-cards .plus-card{border:2px solid #4b90ff;background:linear-gradient(180deg,#f7fbff,#edf5ff);box-shadow:0 18px 46px rgba(32,100,220,.14)}
.pricing-cards .plus-card .amount{color:#145cf2}
.pricing-cards .price-card .amount .price-value{font-size:inherit;font-weight:900;letter-spacing:-1px}
.pricing-cards .price-card .amount .price-unit{font-size:17px;font-weight:800;letter-spacing:0}
.pricing-cards .price-card .billing-equivalent{margin:12px 0 0;color:#0758d8;font-size:13px;font-weight:900}
.pricing-cards .price-card .billing-average{margin:3px 0 11px;color:#4b678e;font-size:12px;font-weight:700}
.pricing-cards .plus-card .button{background:#1261f0;color:#fff;border-color:#1261f0;box-shadow:0 10px 22px rgba(16,93,229,.18)}
.pricing-cards .care-card:not(.plus-card){background:linear-gradient(155deg,#112c5b,#081b3d);border:1px solid #1e467d;color:#fff;box-shadow:0 18px 46px rgba(11,35,76,.2)}
.pricing-cards .care-card:not(.plus-card) .plan-label{background:#d5fff6;color:#075c5b}
.pricing-cards .care-card:not(.plus-card) h3,.pricing-cards .care-card:not(.plus-card) .amount{color:#fff}
.pricing-cards .care-card:not(.plus-card) .billing-equivalent{color:#85f0d8}
.pricing-cards .care-card:not(.plus-card) .billing-average,.pricing-cards .care-card:not(.plus-card)>p:not(.billing-equivalent){color:#d4e5fb}
.pricing-cards .care-card:not(.plus-card) li{color:#ecf6ff}
.pricing-cards .care-card:not(.plus-card) li:before{color:#62e5c2}
.pricing-cards .care-card:not(.plus-card) .button{border-color:#91b7e8;color:#fff;background:rgba(255,255,255,.08)}
@media(max-width:900px){.pricing-heading{display:flex;align-items:center}.pricing-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.pricing-heading{display:block}.billing-toggle{margin-top:22px}.pricing-cards{grid-template-columns:1fr}.pricing-cards .price-card .amount{font-size:42px}.billing-option{padding:10px 17px}}

.setup-card .from-price{display:block;font-size:15px;font-weight:800;letter-spacing:0;color:#47678f;margin-bottom:3px}
.pricing-cards .price-card .plan-term{margin:5px 0 14px;font-size:11px;font-weight:750;color:#526c90}
.pricing-cards .care-card:not(.plus-card) .plan-term{color:#d1e4fc}

/* First-year website packages with separate annual system care. */
.pricing-v2 .pricing-heading{display:block}.pricing-v2 .pricing-heading h2{margin-bottom:10px}.pricing-intro{max-width:670px;color:#546780;font-size:15px;line-height:1.7;margin:0 0 30px}
.pricing-v2 .pricing-cards{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;gap:18px}
.pricing-v2 .price-card{display:flex;flex-direction:column;min-width:0;padding:28px;border-radius:23px}
.pricing-v2 .price-card h3{margin:16px 0 8px;font-size:27px}.pricing-v2 .price-card .amount{margin:4px 0 5px;font-size:46px;font-weight:900;white-space:nowrap}.pricing-v2 .price-card .amount span{font-size:17px}.pricing-v2 .price-card>p{line-height:1.65}.pricing-v2 .price-card ul{margin:15px 0 18px;padding-left:20px}.pricing-v2 .price-card li{font-size:13px;line-height:1.65;margin:8px 0}.pricing-v2 .price-card li:before{display:none}.pricing-v2 .price-card .card-fine{margin-top:auto;padding:16px 0 10px;border-top:1px solid #dce8f8;font-size:12px;font-weight:750;color:#365d8f;min-height:93px}.pricing-v2 .price-card .button{justify-content:center;text-align:center}
.pricing-v2 .mini-card{border:1px solid #dce7f6;background:#f8fbff;box-shadow:0 10px 28px #1a4d9010}.pricing-v2 .mini-card .amount{color:#32517e}.pricing-v2 .mini-card .plan-label{background:#e8eef7;color:#526683}.pricing-v2 .mini-card .button{color:#24549b}
.pricing-v2 .business-card{border:2px solid #1767f7;background:linear-gradient(180deg,#fff,#eff6ff);box-shadow:0 22px 48px #195cd824;transform:translateY(-9px)}.pricing-v2 .business-card .amount{color:#0c5cf0}.pricing-v2 .business-card .plan-label{background:#e5f0ff;color:#0756c9}.pricing-v2 .business-card .button{background:#0d5bf0;color:#fff}
.pricing-v2 .pro-card{border:1px solid #153d77;background:linear-gradient(155deg,#112d5c,#0a1d40);color:#fff;box-shadow:0 16px 38px #132d5b29}.pricing-v2 .pro-card h3,.pricing-v2 .pro-card .amount{color:#fff}.pricing-v2 .pro-card .plan-label{background:#d7fff4;color:#087966}.pricing-v2 .pro-card .pricing-service-note,.pricing-v2 .pro-card>p,.pricing-v2 .pro-card li,.pricing-v2 .pro-card .card-fine{color:#d9e9ff}.pricing-v2 .pro-card .card-fine{border-color:#36527e}.pricing-v2 .pro-card .button{background:#fff;color:#153b77;border-color:#fff}
.care-addon{display:flex;align-items:center;justify-content:space-between;gap:25px;margin-top:22px;padding:21px 25px;border-radius:18px;background:#e9f6f6;border:1px solid #c3e7e0}.care-addon strong{font-size:18px}.care-addon p{margin:5px 0 0;color:#42616b;font-size:13px;line-height:1.5}.care-addon>span{white-space:nowrap;color:#08766f;font-weight:900;font-size:19px}.pricing-v2 .pricing-footnote{font-size:12px;line-height:1.7}
@media(max-width:1000px){.pricing-v2 .pricing-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.pricing-v2 .pro-card{grid-column:1/-1}.pricing-v2 .business-card{transform:none}}
@media(max-width:700px){.pricing-v2 .pricing-cards{grid-template-columns:1fr}.pricing-v2 .pro-card{grid-column:auto}.pricing-v2 .price-card{padding:24px}.pricing-v2 .price-card .card-fine{min-height:0}.care-addon{display:block}.care-addon>span{display:block;margin-top:12px;white-space:normal}}
.pricing-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0 0 24px}.pricing-steps>div{padding:18px 20px;border:1px solid #d9e7fa;border-radius:17px;background:rgba(255,255,255,.8)}.pricing-steps span{display:block;margin-bottom:8px;color:#1465e8;font-size:11px;font-weight:900;letter-spacing:.04em}.pricing-steps strong{display:block;color:#12294e;font-size:16px;line-height:1.4}.pricing-steps p{margin:7px 0 0;color:#516684;font-size:12px;line-height:1.6}.pricing-quote{display:flex;align-items:center;justify-content:space-between;gap:28px;margin-top:24px;padding:24px 28px;border-radius:20px;background:linear-gradient(120deg,#123b83,#0b61eb);color:#fff}.pricing-quote strong{font-size:20px}.pricing-quote p{max-width:690px;margin:7px 0 0;color:#e1ecff;font-size:13px;line-height:1.7}.pricing-quote .button{flex-shrink:0;background:#fff;color:#1057d7;border-color:#fff}.pricing-quote .button:hover{background:#e7f1ff}
@media(max-width:900px){.pricing-steps{grid-template-columns:1fr 1fr}.pricing-steps>div:last-child{grid-column:1/-1}}@media(max-width:700px){.pricing-steps{grid-template-columns:1fr}.pricing-steps>div:last-child{grid-column:auto}.pricing-quote{display:block;padding:23px}.pricing-quote .button{display:flex;margin-top:19px;width:100%;justify-content:center}}
.pricing-v2 .price-card .plan-subtitle{min-height:44px;margin:0;color:#4f6483;font-size:14px;font-weight:700}.pricing-v2 .pro-card .plan-subtitle{color:#d9e9ff}.pricing-v2 .price-card .amount{font-size:43px}.pricing-v2 .price-card .plan-delivery{margin-top:auto;color:#0e5bfa;font-weight:850;font-size:14px}.pricing-v2 .pro-card .plan-delivery{color:#a7d7ff}.pricing-v2 .price-card .plan-renewal{display:grid;grid-template-columns:1fr auto;gap:5px;padding:15px;margin:10px 0 0;border-radius:14px;background:#e8f3ff;color:#124688}.pricing-v2 .price-card .plan-renewal span{font-size:12px;font-weight:800}.pricing-v2 .price-card .plan-renewal strong{font-size:22px;white-space:nowrap}.pricing-v2 .price-card .plan-renewal small{grid-column:1/-1;font-size:11px;line-height:1.5;color:#486789}.pricing-v2 .pro-card .plan-renewal{background:#eaf5ff;color:#123b79}.pricing-v2 .price-card .card-fine{min-height:55px;font-size:11px}.pricing-v2 .price-card .pricing-service-note{margin:3px 0 10px}.pricing-v2 .price-card ul{padding:0;list-style:none}.pricing-v2 .price-card li{position:relative;padding:6px 0 6px 24px;margin:0}.pricing-v2 .price-card li:before{display:block;content:'✓';position:absolute;left:0;color:#0e5bfa}.pricing-v2 .pro-card li:before{color:#71e6c6}

/* Pricing cards follow the concise three-column visual reference. */
.pricing-simple{position:relative;overflow:hidden;background:radial-gradient(ellipse at 4% 24%,#dceeff 0,transparent 33%),radial-gradient(ellipse at 96% 22%,#d7eaff 0,transparent 33%),linear-gradient(180deg,#fafdff,#edf7ff 48%,#f9fcff);padding:72px 0 82px}
.pricing-simple .container{position:relative;z-index:1}
.pricing-simple .pricing-heading{position:relative;display:flex;justify-content:center;align-items:center;min-height:110px;margin:0 0 26px}
.pricing-simple .pricing-heading h2{max-width:1000px;margin:0;color:#071437;text-align:center;font-size:clamp(34px,4.1vw,58px);font-weight:900;line-height:1.18;letter-spacing:-.045em}
.pricing-simple .pricing-heading h2 span{color:#075af1}
.pricing-simple .pricing-heading img{position:absolute;right:0;top:-47px;width:148px;height:auto;filter:drop-shadow(0 10px 16px #1870d326)}
.pricing-simple .pricing-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;gap:18px;padding-top:41px}
.pricing-simple .price-card{position:relative;display:flex;flex-direction:column;max-width:none;min-width:0;margin:0;padding:26px 27px 20px;border:1px solid #b9d8ff;border-radius:22px;background:#fff;color:#08183e;box-shadow:0 16px 38px #2261b915}
.pricing-simple .business-card{border:2px solid #0860f5;box-shadow:0 23px 45px #115fe32d}
.pricing-simple .popular-ribbon{position:absolute;left:-2px;right:-2px;top:-42px;height:42px;display:grid;place-items:center;border-radius:19px 19px 0 0;background:linear-gradient(90deg,#2a8bff,#0755ee);color:#fff;font-size:20px;font-weight:900}
.pricing-simple .plan-top{display:flex;align-items:center;gap:17px;min-height:90px}
.pricing-simple .plan-icon{display:grid;place-items:center;width:73px;height:73px;flex:none;border-radius:16px;background:linear-gradient(145deg,#eaf5ff,#d5e9ff);color:#0960f0}
.pricing-simple .plan-icon svg{width:42px;height:42px}
.pricing-simple .price-card h2{margin:0 0 4px;color:#07143b;font-size:clamp(25px,2.1vw,33px);line-height:1.1;letter-spacing:-.035em}
.pricing-simple .plan-subtitle{margin:0;color:#375484;font-size:14px;line-height:1.45;font-weight:650}
.pricing-simple .plan-rule{height:1px;margin:16px 0 13px;background:#d7e7fa}
.pricing-simple .price-card .plan-first-label{margin:0;color:#075cf1;font-size:18px;line-height:1.3;font-weight:850}
.pricing-simple .price-card .amount{display:flex;align-items:baseline;gap:8px;margin:0 0 12px;color:#0759ed;white-space:nowrap;line-height:1.12;letter-spacing:-.035em}
.pricing-simple .price-card .amount strong{font-size:clamp(48px,4.3vw,68px);font-weight:900}
.pricing-simple .price-card .amount span{color:#07143b;font-size:25px;font-weight:900;letter-spacing:0}
.pricing-simple .plan-features{flex:1;margin:0 0 16px;padding:0;list-style:none}
.pricing-simple .plan-features li{position:relative;margin:0;padding:4px 0 4px 30px;color:#28416d;font-size:14px;line-height:1.4;font-weight:650}
.pricing-simple .plan-features li:before{content:'✓';position:absolute;top:4px;left:0;display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:#0864f2;color:#fff;font-size:14px;font-weight:900}
.pricing-simple .price-card .plan-delivery{margin:0 0 13px;color:#0860ec;font-size:15px;line-height:1.4;font-weight:800}
.pricing-simple .plan-delivery span{font-size:24px;vertical-align:-2px;margin-right:5px}
.pricing-simple .plan-renewal{display:flex;flex-direction:column;align-items:center;margin:0 0 12px;padding:12px 12px 11px;border-radius:13px;background:linear-gradient(130deg,#e7f3ff,#dfefff);text-align:center}
.pricing-simple .plan-renewal>span{color:#0757df;font-size:15px;line-height:1.3;font-weight:850}
.pricing-simple .plan-renewal strong{color:#07143b;font-size:34px;line-height:1.2;font-weight:900;white-space:nowrap}
.pricing-simple .plan-renewal strong small{display:inline;margin:0;color:inherit;font-size:21px;font-weight:850}
.pricing-simple .plan-renewal p{margin:3px 0 0;color:#36598b;font-size:12px;line-height:1.4;font-weight:650}
.pricing-simple .plan-cta{display:grid;place-items:center;min-height:51px;width:100%;border:2px solid #075bf0;border-radius:11px;background:#fff;color:#075bf0;font-size:16px;font-weight:850;text-align:center;text-decoration:none;transition:transform .18s,background .18s}
.pricing-simple .business-card .plan-cta{background:#075bf0;color:#fff}
.pricing-simple .plan-cta:hover{transform:translateY(-2px);background:#edf5ff}
.pricing-simple .business-card .plan-cta:hover{background:#0048cc}
.pricing-simple .plan-cta:focus-visible{outline:3px solid #6cb4ff;outline-offset:3px}
@media(max-width:1050px){.pricing-simple .pricing-heading img{width:108px;right:-6px;top:-35px}.pricing-simple .price-card{padding:22px 18px 18px}.pricing-simple .plan-top{gap:10px}.pricing-simple .plan-icon{width:58px;height:58px}.pricing-simple .plan-icon svg{width:34px;height:34px}.pricing-simple .plan-features li{font-size:13px}}
@media(max-width:850px){.pricing-simple .pricing-cards{grid-template-columns:1fr;max-width:540px;margin:auto;gap:58px}.pricing-simple .pricing-heading{padding-right:70px}.pricing-simple .pricing-heading img{top:-25px;right:0;width:82px}.pricing-simple .price-card{padding:27px}.pricing-simple .plan-features li{font-size:15px}}
@media(max-width:600px){.pricing-simple{padding:52px 0 66px}.pricing-simple .pricing-heading{min-height:90px;padding-right:0;margin-bottom:12px}.pricing-simple .pricing-heading h2{font-size:clamp(33px,8.4vw,45px);line-height:1.22}.pricing-simple .pricing-heading img{display:none}.pricing-simple .pricing-cards{gap:54px}.pricing-simple .price-card{padding:23px 21px 18px}.pricing-simple .plan-top{min-height:76px}.pricing-simple .plan-features li{font-size:14px}.pricing-simple .price-card .amount strong{font-size:58px}}
@media(max-width:380px){.pricing-simple .price-card .amount strong{font-size:49px}.pricing-simple .plan-renewal strong{font-size:29px}.pricing-simple .plan-renewal strong small{font-size:17px}}