:root{--navy:#102d48;--navy2:#17435f;--blue:#247d91;--teal:#56bdb2;--ink:#102231;--muted:#607383;--line:#dce6eb;--soft:#f4f8f9;--white:#fff;--shadow:0 24px 70px rgba(16,45,72,.12)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:84px}body{margin:0;background:#fff;color:var(--ink);font-family:var(--font-geist-sans),"Segoe UI",Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,select{font:inherit}main{overflow:hidden}h1,h2,h3,p{margin-top:0}h1,h2,h3{letter-spacing:-.035em}em{font-style:normal;color:var(--blue)}
.site-header{height:74px;max-width:1200px;margin:auto;padding:0 24px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(16,45,72,.09);position:relative;z-index:5}.brand{display:flex;align-items:center;gap:10px;font-size:16px;font-weight:600}.brand b{color:var(--blue)}.brand-mark{width:34px;height:34px;border-radius:10px;background:var(--navy);color:#fff;display:grid;place-items:center;font-weight:850;font-size:18px}nav{display:flex;gap:28px;font-size:13px;color:#435b6d}nav a:hover{color:var(--blue)}
.button{border:0;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:20px;background:var(--navy);color:#fff;border-radius:11px;padding:15px 20px;font-size:13px;font-weight:750;box-shadow:0 12px 28px rgba(16,45,72,.17);transition:.2s}.button:hover{transform:translateY(-2px);background:var(--navy2)}.button-small{padding:11px 16px;box-shadow:none}.button-ghost{background:#fff;color:var(--navy);border:1px solid #cad8e1;box-shadow:none}.section{max-width:1200px;margin:auto;padding:104px 24px}
.hero{min-height:680px;display:grid;grid-template-columns:.92fr 1.08fr;gap:68px;align-items:center;padding-top:75px;padding-bottom:78px}.pill{display:inline-flex;padding:7px 11px;border-radius:999px;background:#e9f5f3;color:#277e7b;font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.hero h1{font-size:61px;line-height:1.04;margin:22px 0 24px;color:var(--navy);max-width:560px;font-weight:760}.hero-copy>p{font-size:16px;line-height:1.75;color:var(--muted);max-width:550px}.hero-actions{display:flex;gap:12px;margin-top:30px}.micro-proof{display:flex;flex-wrap:wrap;gap:16px;margin-top:30px;color:#526a7b;font-size:10px;font-weight:650}.micro-proof span::first-letter{color:var(--teal)}
.hero-showcase{height:500px;position:relative;background:radial-gradient(circle at 65% 25%,#b8e2dc 0,transparent 29%),linear-gradient(145deg,#edf5f7,#dcebef);border-radius:34px;display:grid;place-items:center}.showcase-window{width:84%;background:#fff;border:1px solid rgba(16,45,72,.12);border-radius:18px;box-shadow:var(--shadow);overflow:hidden;transform:rotate(1deg)}.window-bar{height:40px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:6px;padding:0 14px}.window-bar i{width:7px;height:7px;border-radius:50%;background:#bed0da}.window-bar span{margin-left:8px;font-size:7px;letter-spacing:.12em;color:#78909e;font-weight:700}.workspace{height:330px;display:grid;grid-template-columns:54px 1fr}.workspace-side{background:var(--navy);display:flex;align-items:center;flex-direction:column;gap:24px;padding-top:22px;color:#fff}.workspace-side b{font-size:20px}.workspace-side i{width:17px;height:4px;border-radius:4px;background:#5b788d}.workspace-main{padding:28px 30px}.tiny-label,.overline{font-size:9px;letter-spacing:.16em;font-weight:800;color:var(--blue)}.workspace-main h3{font-size:24px;color:var(--navy);margin:9px 0 18px}.canvas{height:200px;background:#f4f7f8;border-radius:12px;display:grid;grid-template-columns:1fr 1.1fr;gap:10px;padding:10px}.canvas-photo{border-radius:9px;background:linear-gradient(145deg,#c6e3dd,#e7dfcd);display:grid;place-items:center;position:relative}.canvas-photo span{position:absolute;top:10px;left:10px;font-size:6px;background:#fff;padding:4px 6px;border-radius:12px}.canvas-photo b{width:68px;height:112px;border-radius:15px;background:linear-gradient(90deg,#17364e,#2d7485);color:#fff;display:grid;place-items:center;box-shadow:11px 16px 22px rgba(17,56,72,.23)}.canvas-copy{background:#fff;border-radius:9px;padding:24px 18px}.canvas-copy i{height:7px;border-radius:5px;background:#dfe7eb;display:block;margin:10px 0}.canvas-copy i:nth-child(3){width:65%}.canvas-copy button{border:0;background:var(--navy);color:#fff;border-radius:7px;padding:9px 11px;font-size:8px;margin-top:12px}.result-card{position:absolute;background:#fff;border:1px solid #e1eaee;border-radius:13px;box-shadow:0 18px 40px rgba(16,45,72,.16);display:flex;align-items:center;gap:10px;padding:13px 15px;font-size:9px;color:#607483}.result-card b{color:var(--navy)}.result-card>i{margin-left:8px;width:22px;height:22px;border-radius:50%;background:#def2ed;color:#17816e;display:grid;place-items:center;font-style:normal}.result-one{top:9%;right:-18px}.result-one>b{font-size:22px}.result-two{bottom:10%;left:-22px}.play-dot{width:32px;height:32px;border-radius:50%;background:var(--navy);color:#fff;display:grid;place-items:center;font-size:8px}
.trust-row{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:22px 24px;display:flex;align-items:center;justify-content:center;gap:40px;color:#778b99;font-size:11px}.trust-row b{font-size:13px;color:#365368}.about-strip{display:grid;grid-template-columns:1.05fr .85fr;gap:80px;padding-top:80px;padding-bottom:80px;align-items:center}.about-strip>div:first-child>span{font-size:9px;letter-spacing:.15em;font-weight:800;color:var(--blue)}.about-strip h2,.section-head h2,.contact-copy h2{font-size:45px;line-height:1.1;color:var(--navy);margin:16px 0 0}.about-strip>p{font-size:14px;line-height:1.8;color:var(--muted);margin:0}.about-badges{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line);border-radius:15px;overflow:hidden}.about-badges span{padding:20px 24px;border-right:1px solid var(--line);font-size:12px;font-weight:700;color:#496174}.about-badges span:last-child{border:0}.about-badges b{font-size:10px;color:var(--teal);margin-right:11px}
.products-section{padding-top:96px}.section-head{display:grid;grid-template-columns:1.1fr .65fr;gap:70px;align-items:end;margin-bottom:42px}.section-head p{font-size:13px;line-height:1.75;color:var(--muted);margin:0}.product-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.product-card{border:1px solid var(--line);border-radius:20px;overflow:hidden;background:#fff;box-shadow:0 8px 28px rgba(16,45,72,.06);transition:.25s}.product-card:hover{transform:translateY(-5px);box-shadow:var(--shadow)}.product-art{height:300px;position:relative;overflow:hidden}.product-art.mint{background:linear-gradient(145deg,#d9efeb,#edf5f5)}.product-art.sand{background:linear-gradient(145deg,#e9dfcc,#f5f0e7)}.product-art.blue{background:linear-gradient(145deg,#d7e8ef,#edf3f6)}.product-art.lilac{background:linear-gradient(145deg,#e5e3ef,#eff0f6)}.product-label{position:absolute;top:18px;left:18px;border-radius:99px;padding:7px 10px;background:rgba(255,255,255,.88);font-size:8px;text-transform:uppercase;font-weight:800;letter-spacing:.08em}.big-icon{position:absolute;right:22px;top:17px;color:var(--blue);font-size:20px}.mock-content{position:absolute;left:11%;right:8%;top:72px;bottom:-20px;background:#fff;border-radius:17px 17px 0 0;padding:28px;box-shadow:0 22px 50px rgba(16,45,72,.16);transform:rotate(-2deg)}.mock-content small{font-size:8px;color:var(--teal);font-weight:800;letter-spacing:.1em}.mock-content b{font-size:24px;color:var(--navy);display:block;margin:19px 0}.mock-content i{display:block;height:8px;background:#e6ecef;border-radius:8px;margin:12px 0}.mock-content i:last-child{width:63%}.mock-product{position:absolute;inset:70px 30px 25px;display:flex;justify-content:space-between;align-items:flex-end;font-size:8px;font-weight:800;color:#7b8f9c}.mock-product b{align-self:center;width:98px;height:170px;border-radius:18px 18px 25px 25px;background:linear-gradient(90deg,#112f48,#2d7484 60%,#173a52);color:#fff;font-size:22px;display:grid;place-items:center;box-shadow:17px 22px 30px rgba(16,45,72,.24);transform:rotate(3deg)}.mock-phone{position:absolute;width:150px;height:244px;border:7px solid #fff;border-radius:24px;background:linear-gradient(160deg,#183e58,#68a99f);left:50%;top:47px;transform:translateX(-50%) rotate(2deg);box-shadow:0 22px 40px rgba(16,45,72,.22);color:#fff;display:grid;place-items:center}.mock-phone i{width:48px;height:48px;border-radius:50%;background:#fff;color:var(--navy);font-style:normal;display:grid;place-items:center}.mock-phone b{position:absolute;right:14px;top:15px;font-size:9px}.mock-phone small{position:absolute;bottom:19px;font-size:8px;letter-spacing:.1em}.mock-chat{position:absolute;left:12%;right:12%;top:72px;display:flex;flex-direction:column;gap:12px}.mock-chat span,.mock-chat b,.mock-chat i{padding:14px 16px;border-radius:14px;font-size:10px;box-shadow:0 12px 25px rgba(16,45,72,.08)}.mock-chat span{background:#fff;align-self:flex-start}.mock-chat b{background:var(--navy);color:#fff;align-self:flex-end;max-width:82%;line-height:1.5}.mock-chat i{background:#fff;align-self:flex-start;letter-spacing:4px;color:#99aab4}.product-copy{padding:26px 28px 28px}.product-copy h3{font-size:25px;color:var(--navy);margin-bottom:9px}.product-copy p{font-size:12px;color:var(--muted);line-height:1.65;margin-bottom:17px}.product-copy>strong{display:block;font-size:11px;color:var(--blue);padding:13px 0;border-top:1px solid var(--line)}.card-actions{display:flex;justify-content:space-between;align-items:center;margin-top:7px}.card-actions a{font-size:11px;font-weight:800;color:var(--navy)}.card-actions a:first-child{background:var(--navy);color:#fff;padding:10px 14px;border-radius:8px}.card-actions a:last-child:hover{color:var(--blue)}
.process-section{background:var(--navy);color:#fff}.process-inner{max-width:1200px}.section-head.light h2{color:#fff}.section-head.light p{color:#b9cad5}.section-head.light .overline{color:#6fd3c9}.process-flow{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid #31516a;border-radius:18px;overflow:hidden}.process-flow article{padding:24px;border-right:1px solid #31516a;min-height:245px}.process-flow article:last-child{border:0}.process-flow article>span{font-size:9px;color:#69cdc4;font-weight:800}.process-icon{width:48px;height:48px;border-radius:13px;background:#1d4561;display:grid;place-items:center;margin:30px 0 26px;font-weight:800;color:#9ce0d9}.process-flow h3{font-size:17px;margin-bottom:9px}.process-flow p{font-size:11px;line-height:1.65;color:#b9c9d4}.payos-banner{margin-top:22px;border-radius:16px;background:#fff;color:var(--navy);padding:20px 22px;display:flex;align-items:center;gap:22px}.payos-logo{font-size:26px;font-weight:900;letter-spacing:-.08em}.payos-logo span{color:#19a9a4}.payos-banner>div:nth-child(2){flex:1}.payos-banner b{font-size:13px}.payos-banner p{font-size:10px;color:var(--muted);margin:5px 0 0}.button-white{background:#eef6f5;color:var(--navy);box-shadow:none}
.testimonials{padding-bottom:90px}.rating{text-align:right;display:grid}.rating b{font-size:30px;color:var(--navy)}.rating span{color:#e7ad46;letter-spacing:2px}.rating small{font-size:9px;color:#81919d;margin-top:4px}.quote-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.quote-grid article{border:1px solid var(--line);border-radius:16px;padding:25px;background:#fff}.quote-stars{font-size:10px;color:#e6aa3d;letter-spacing:2px}.quote-grid article>p{font-size:14px;line-height:1.7;color:#314c60;margin:20px 0 27px}.quote-grid footer{display:flex;align-items:center;gap:11px}.quote-grid footer>span{width:38px;height:38px;border-radius:50%;background:#e3efed;display:grid;place-items:center;color:var(--blue);font-size:9px;font-weight:800}.quote-grid footer div{display:grid;gap:3px}.quote-grid footer b{font-size:11px}.quote-grid footer small{font-size:9px;color:#84949f}.placeholder-note{display:block;margin-top:16px;color:#92a0a9;font-size:8px;text-align:center}
.guides{background:var(--soft);max-width:none;padding-left:max(24px,calc((100% - 1152px)/2));padding-right:max(24px,calc((100% - 1152px)/2))}.guide-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.guide-card{background:#fff;border:1px solid var(--line);border-radius:17px;overflow:hidden;transition:.2s}.guide-card:hover{transform:translateY(-4px);box-shadow:0 18px 45px rgba(16,45,72,.09)}.guide-cover{height:210px;position:relative;display:grid;place-items:center}.guide-content{background:linear-gradient(145deg,#c9e8e2,#eef7f5)}.guide-image{background:linear-gradient(145deg,#e3d9c8,#f5efe5)}.guide-video{background:linear-gradient(145deg,#d4e5ec,#edf4f6)}.guide-cover>span{position:absolute;left:16px;top:15px;background:#fff;border-radius:20px;padding:6px 8px;font-size:7px;font-weight:800}.guide-cover>b{font-size:58px;color:var(--navy);opacity:.9}.guide-cover>i{position:absolute;right:16px;bottom:15px;width:34px;height:34px;border-radius:50%;background:var(--navy);color:#fff;display:grid;place-items:center;font-style:normal}.guide-card>div:last-child{padding:21px}.guide-card small{font-size:8px;color:#83949f;text-transform:uppercase}.guide-card h3{font-size:17px;line-height:1.35;color:var(--navy);margin:10px 0 20px}.guide-card>div:last-child>span{font-size:10px;font-weight:800;color:var(--blue)}
.contact-section{max-width:none;background:#0c263d;display:grid;grid-template-columns:minmax(300px,470px) minmax(360px,480px);justify-content:center;gap:100px;align-items:center}.contact-copy .overline{color:#69cdc4}.contact-copy h2{color:#fff;margin:15px 0 20px}.contact-copy p{font-size:13px;line-height:1.75;color:#b9c9d4}.contact-points{display:flex;gap:16px;flex-wrap:wrap;margin-top:24px;color:#c8d6de;font-size:9px}.lead-form{background:#fff;border-radius:16px;padding:28px;box-shadow:0 25px 60px rgba(0,0,0,.26);display:grid;gap:15px}.form-head{display:flex;justify-content:space-between;padding-bottom:15px;border-bottom:1px solid var(--line);font-size:9px;letter-spacing:.12em;font-weight:800;color:var(--navy)}.form-head strong{color:var(--blue);background:#e8f4f2;padding:5px 8px;border-radius:20px;letter-spacing:0}.lead-form label{font-size:9px;font-weight:750;color:#40596a;display:grid;gap:7px}.lead-form input,.lead-form select{width:100%;border:1px solid #d4dfe5;background:#fbfcfc;border-radius:8px;padding:12px;color:var(--ink);font-size:11px;outline:none}.lead-form input:focus,.lead-form select:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(36,125,145,.1)}.submit-button{width:100%;padding:14px}.lead-form>small{text-align:center;font-size:8px;color:#8998a2}.honeypot{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important}.form-error{font-size:10px;color:#b73939;background:#fff1f1;padding:9px;border-radius:6px}.success-box{text-align:center;place-items:center;padding:50px 30px}.success-icon{width:52px;height:52px;border-radius:50%;background:#def2ed;color:#15826e;display:grid;place-items:center;font-size:24px}.success-box h3{font-size:24px;color:var(--navy);margin:8px}.success-box p{font-size:12px;color:var(--muted)}
.site-footer{max-width:1200px;margin:auto;min-height:115px;padding:28px 24px;display:flex;align-items:center;gap:35px;font-size:10px;color:#81919c}.site-footer>p{margin:0;flex:1}.site-footer>div:last-child{display:flex;gap:22px}.mobile-cta{display:none}
.subpage{min-height:100vh;background:var(--soft)}.subpage-header{background:#fff}.subpage-main{max-width:980px;margin:auto;padding:80px 24px}.breadcrumbs{font-size:10px;color:#708492;margin-bottom:28px}.article-hero{text-align:center;max-width:760px;margin:0 auto 55px}.article-hero h1,.checkout-title h1{font-size:48px;line-height:1.1;color:var(--navy);margin:16px 0}.article-hero p,.checkout-title p{font-size:14px;color:var(--muted);line-height:1.7}.article-cover{height:380px;border-radius:24px;background:linear-gradient(145deg,#cee9e4,#e9f3f5);display:grid;place-items:center;margin-bottom:52px;position:relative;overflow:hidden}.article-cover b{font-size:86px;color:var(--navy)}.article-body{max-width:720px;margin:auto;background:#fff;border:1px solid var(--line);border-radius:18px;padding:42px}.article-body h2{font-size:24px;color:var(--navy);margin:34px 0 12px}.article-body h2:first-child{margin-top:0}.article-body p,.article-body li{font-size:14px;line-height:1.8;color:#52697a}.article-body .tip{background:#eaf5f3;border-left:3px solid var(--teal);padding:16px;border-radius:0 10px 10px 0}.checkout-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:28px;align-items:start}.checkout-title{grid-column:1/-1}.checkout-card,.order-card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:28px}.checkout-card h2,.order-card h2{font-size:20px;color:var(--navy)}.payment-method{border:2px solid var(--blue);border-radius:14px;padding:18px;display:flex;align-items:center;gap:15px;background:#f7fbfb}.payment-method .payos-logo{font-size:22px}.payment-method div:nth-child(2){flex:1}.payment-method b{font-size:12px}.payment-method small{font-size:9px;color:var(--muted)}.payment-method>span{color:#16947d}.checkout-steps{display:grid;gap:18px;margin-top:28px}.checkout-steps div{display:flex;gap:12px}.checkout-steps span{width:25px;height:25px;border-radius:50%;background:#e5f2f0;color:var(--blue);display:grid;place-items:center;font-size:9px;font-weight:800}.checkout-steps p{font-size:11px;line-height:1.6;color:var(--muted);margin:0}.checkout-steps b{display:block;color:var(--navy)}.order-line{display:flex;justify-content:space-between;padding:14px 0;border-bottom:1px solid var(--line);font-size:11px}.order-total{display:flex;justify-content:space-between;padding:20px 0;color:var(--navy)}.order-total strong{font-size:20px}.payos-action{width:100%}.secure-note{text-align:center;font-size:8px;color:#81919c;margin:12px 0 0}
@media(max-width:900px){nav{display:none}.hero{grid-template-columns:1fr;gap:40px}.hero-copy{text-align:center}.hero h1,.hero-copy>p{margin-left:auto;margin-right:auto}.hero-actions,.micro-proof{justify-content:center}.hero-showcase{max-width:680px;width:100%;margin:auto}.about-strip,.section-head,.contact-section{grid-template-columns:1fr;gap:28px}.product-grid{grid-template-columns:1fr}.process-flow{grid-template-columns:repeat(2,1fr)}.process-flow article:nth-child(2){border-right:0}.process-flow article:nth-child(-n+2){border-bottom:1px solid #31516a}.quote-grid,.guide-grid{grid-template-columns:1fr}.guide-card{display:grid;grid-template-columns:230px 1fr}.checkout-grid{grid-template-columns:1fr}.checkout-title{grid-column:auto}}
@media(max-width:600px){.site-header{height:64px;padding:0 17px}.site-header>.button{display:none}.brand{font-size:13px}.brand-mark{width:30px;height:30px}.section{padding:72px 18px}.hero{padding-top:52px;padding-bottom:58px;text-align:left}.hero-copy{text-align:left}.hero h1{font-size:42px;letter-spacing:-.045em;margin:18px 0 19px}.hero-copy>p{font-size:14px;line-height:1.65}.hero-actions{justify-content:flex-start;display:grid;grid-template-columns:1fr 1fr}.hero-actions .button{padding:14px 10px;gap:10px}.micro-proof{justify-content:flex-start;gap:9px 14px}.hero-showcase{height:350px;border-radius:23px}.showcase-window{width:92%}.workspace{height:240px;grid-template-columns:40px 1fr}.workspace-main{padding:20px 16px}.workspace-main h3{font-size:18px}.canvas{height:145px}.canvas-photo b{width:48px;height:79px;font-size:12px}.canvas-copy{padding:14px 10px}.canvas-copy i{height:5px;margin:7px 0}.canvas-copy button{font-size:6px;padding:7px}.result-one{right:-7px;top:5%}.result-two{left:-6px;bottom:5%}.trust-row{overflow-x:auto;justify-content:flex-start;gap:26px;padding:19px 18px;white-space:nowrap}.about-strip{padding-top:64px;padding-bottom:64px}.about-strip h2,.section-head h2,.contact-copy h2{font-size:34px}.about-badges{grid-template-columns:1fr}.about-badges span{border-right:0;border-bottom:1px solid var(--line)}.product-grid{gap:15px}.product-art{height:250px}.mock-content{top:62px;padding:23px}.mock-content b{font-size:20px}.mock-product b{height:140px;width:82px}.mock-phone{height:210px;width:130px;top:39px}.product-copy{padding:22px}.product-copy h3{font-size:22px}.process-flow{grid-template-columns:1fr}.process-flow article{border-right:0!important;border-bottom:1px solid #31516a!important;min-height:auto;padding:22px}.process-flow article:last-child{border-bottom:0!important}.process-icon{margin:18px 0}.payos-banner{display:grid;gap:10px}.payos-banner .button{width:100%;margin-top:5px}.rating{text-align:left}.quote-grid{gap:12px}.guide-card{display:block}.guide-cover{height:190px}.contact-section{padding-top:72px;padding-bottom:82px}.contact-points{gap:10px}.lead-form{padding:22px 17px}.site-footer{padding:28px 18px 96px;display:grid;gap:13px}.site-footer>div:last-child{gap:16px}.mobile-cta{position:fixed;display:flex;left:10px;right:10px;bottom:9px;z-index:20;background:var(--navy);color:#fff;border-radius:11px;padding:13px 15px;align-items:center;justify-content:space-between;box-shadow:0 14px 35px rgba(5,24,39,.35);font-size:9px}.mobile-cta b{font-size:11px}.subpage-main{padding:55px 18px 90px}.article-hero{text-align:left}.article-hero h1,.checkout-title h1{font-size:36px}.article-cover{height:260px}.article-body{padding:24px}.checkout-card,.order-card{padding:21px}}
.hero h1 span{color:var(--blue)}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* Clear section rhythm and new automation product visuals */
.about-strip{background:#fff}
.products-section{max-width:none;background:#f1f7f9;padding-left:max(24px,calc((100% - 1152px)/2));padding-right:max(24px,calc((100% - 1152px)/2));border-top:1px solid #e3edf1;border-bottom:1px solid #d9e7ec}
.product-card{border-color:#ccdde4;box-shadow:0 14px 38px rgba(16,45,72,.08)}
.product-art.coral{background:linear-gradient(145deg,#f0dfda,#f7eeeb)}
.product-art.cyan{background:linear-gradient(145deg,#cfe8ec,#eaf4f5)}
.mock-seeding{position:absolute;left:9%;right:9%;top:66px;display:grid;gap:10px}
.mock-seeding>div{background:rgba(255,255,255,.95);border:1px solid rgba(16,45,72,.08);border-radius:14px;padding:14px 16px;box-shadow:0 12px 28px rgba(16,45,72,.09);display:grid;gap:5px}
.mock-seeding>div:nth-child(2){margin-left:14%;background:var(--navy);color:#fff}
.mock-seeding b{font-size:9px}.mock-seeding span{font-size:10px;line-height:1.45}
.mock-seeding small{justify-self:end;background:#fff;color:#277e7b;border-radius:20px;padding:7px 10px;font-size:8px;font-weight:800}
.mock-publish{position:absolute;inset:54px 38px 28px}
.publish-center{position:absolute;left:50%;top:45%;transform:translate(-50%,-50%);width:98px;height:98px;border-radius:25px;background:var(--navy);color:#fff;box-shadow:0 22px 35px rgba(16,45,72,.22);display:grid;place-items:center;font-size:25px}
.publish-center span{display:block;font-size:8px;margin-top:-23px}
.mock-publish i{position:absolute;width:42px;height:42px;border-radius:13px;background:#fff;box-shadow:0 10px 24px rgba(16,45,72,.12)}
.mock-publish i:nth-of-type(1){left:2%;top:3%;background:#e8f0ff}.mock-publish i:nth-of-type(2){right:2%;top:3%;background:#eef8f6}.mock-publish i:nth-of-type(3){left:2%;bottom:10%;background:#f4e9f1}.mock-publish i:nth-of-type(4){right:2%;bottom:10%;background:#fff3dd}
.mock-publish b{position:absolute;left:50%;bottom:0;transform:translateX(-50%);white-space:nowrap;background:#fff;border-radius:20px;padding:7px 10px;font-size:8px;color:var(--blue)}
.testimonials{background:#fff}
.quote-grid article{box-shadow:0 10px 30px rgba(16,45,72,.05)}
.guides{background:#eaf2f5;border-top:1px solid #d9e6eb}
.guide-seeding{background:linear-gradient(145deg,#ead6d1,#f6ece9)}
.guide-auto{background:linear-gradient(145deg,#c9e4e9,#e9f3f5)}

/* Merged product groups: create assets, then distribute and engage */
.product-art.creative{background:radial-gradient(circle at 18% 20%,#d9f1ec 0,transparent 38%),linear-gradient(145deg,#e8dfcf,#dceaf0)}
.mock-creative{position:absolute;left:9%;right:8%;top:58px;bottom:20px;display:grid;grid-template-columns:1.2fr .76fr;gap:12px;align-items:end}
.creative-visual{height:185px;border:1px solid rgba(255,255,255,.9);border-radius:17px;background:linear-gradient(145deg,rgba(255,255,255,.95),rgba(255,255,255,.5));box-shadow:0 18px 38px rgba(16,45,72,.13);position:relative;display:grid;place-items:center}
.creative-visual small{position:absolute;left:12px;top:12px;font-size:7px;letter-spacing:.1em;color:#718591;font-weight:800}
.creative-visual b{width:76px;height:126px;border-radius:16px 16px 22px 22px;background:linear-gradient(90deg,#112f48,#2d7484 60%,#173a52);color:#fff;font-size:18px;display:grid;place-items:center;box-shadow:14px 18px 27px rgba(16,45,72,.23);transform:rotate(3deg)}
.creative-phone{height:218px;border:6px solid #fff;border-radius:21px;background:linear-gradient(160deg,#183e58,#68a99f);box-shadow:0 20px 38px rgba(16,45,72,.22);color:#fff;position:relative;display:grid;place-items:center;transform:rotate(2deg)}
.creative-phone>span{position:absolute;right:11px;top:11px;font-size:7px;font-weight:800}.creative-phone>i{width:42px;height:42px;border-radius:50%;background:#fff;color:var(--navy);font-style:normal;display:grid;place-items:center}.creative-phone>small{position:absolute;left:11px;bottom:13px;font-size:8px;font-weight:800}
.product-art.distribution{background:radial-gradient(circle at 82% 5%,#bfe5df 0,transparent 34%),linear-gradient(145deg,#d5e8ed,#eef3f5)}
.mock-distribution{position:absolute;left:8%;right:8%;top:61px;bottom:23px;background:rgba(255,255,255,.92);border:1px solid rgba(255,255,255,.96);border-radius:17px;padding:18px;box-shadow:0 18px 40px rgba(16,45,72,.13);display:grid;gap:12px}
.platforms{display:flex;gap:9px}.platforms i{width:34px;height:34px;border-radius:10px;background:var(--navy);color:#fff;display:grid;place-items:center;font-style:normal;font-size:12px;font-weight:850;box-shadow:0 7px 16px rgba(16,45,72,.14)}.platforms i:nth-child(2){background:#20252a}.platforms i:nth-child(3){background:#208d89}.platforms i:nth-child(4){background:#e16f50}
.publish-status{display:grid;grid-template-columns:1fr auto;gap:4px 10px;align-items:center;padding:12px 13px;background:#f2f7f7;border-radius:11px}.publish-status b{font-size:10px;color:var(--navy)}.publish-status span{font-size:8px;color:#6e838f}.publish-status strong{grid-row:1/3;grid-column:2;width:25px;height:25px;border-radius:50%;background:#dff3ed;color:#168268;display:grid;place-items:center;font-size:10px}
.interaction-status{display:grid;gap:5px;border-top:1px solid #e1e9ec;padding-top:12px}.interaction-status span{font-size:10px;color:var(--blue);font-weight:800}.interaction-status small{font-size:8px;color:#728590}
.guide-grid{grid-template-columns:repeat(4,1fr)}
.guide-creative{background:linear-gradient(145deg,#e3d8c8,#d9e9ef)}.guide-assistant{background:linear-gradient(145deg,#e4e1ef,#eff1f6)}.guide-distribution{background:linear-gradient(145deg,#c9e5e7,#e9f2f5)}

@media(max-width:900px){.guide-grid{grid-template-columns:1fr}}

@media(max-width:600px){
  .products-section{padding-left:18px;padding-right:18px}
  .products-section .section-head{margin-bottom:28px}
  .product-card{border-color:#c5d8e0;box-shadow:0 12px 30px rgba(16,45,72,.09)}
  .product-art.coral,.product-art.cyan{height:255px}
  .product-art.creative,.product-art.distribution{height:255px}
  .mock-creative{top:52px;left:7%;right:7%;bottom:17px;gap:9px}.creative-visual{height:157px}.creative-visual b{width:62px;height:103px}.creative-phone{height:185px}
  .mock-distribution{top:54px;left:7%;right:7%;bottom:20px;padding:14px}.platforms i{width:30px;height:30px}
  .mock-seeding{top:58px;left:7%;right:7%}
  .mock-publish{inset:50px 28px 24px}
  .guides{background:#e7f0f3}
}

/* Energetic technology palette — colorful, controlled, and mobile-first */
:root{--blue:#167f9a;--cyan:#35c2d0;--teal:#4fc5ad;--coral:#ff795e;--amber:#ffbd58;--line:#d8e5eb;--soft:#f2f8fa;--shadow:0 24px 70px rgba(16,45,72,.14)}
.button{background:linear-gradient(135deg,var(--navy),#16677d);box-shadow:0 12px 28px rgba(16,45,72,.2)}
.button:hover{background:linear-gradient(135deg,var(--navy2),var(--blue))}.button-ghost{background:#fff;color:var(--navy)}
.hero{position:relative}.hero:before{content:"";position:absolute;left:-150px;top:70px;width:260px;height:260px;border-radius:50%;background:radial-gradient(circle,rgba(53,194,208,.11),transparent 68%);pointer-events:none}
.hero-showcase{background:radial-gradient(circle at 77% 18%,rgba(255,189,88,.72) 0,transparent 23%),radial-gradient(circle at 18% 76%,rgba(53,194,208,.58) 0,transparent 26%),linear-gradient(145deg,#e9f6f7,#dce9f4);border:1px solid rgba(22,127,154,.12)}
.pill{background:linear-gradient(90deg,#e7f8f5,#fff2e5);color:#176f70;border:1px solid #d7eee9}
.trust-row{gap:14px;padding:18px 24px;background:#fbfdfe}.trust-row b{font-size:11px;color:#20465f;background:#e9f6f7;border:1px solid #d1ebee;border-radius:999px;padding:8px 13px}.trust-row b:nth-of-type(2){background:#fff3e3;border-color:#ffe1b0}.trust-row b:nth-of-type(3){background:#eef0ff;border-color:#dfe2ff}.trust-row b:nth-of-type(4){background:#eaf7ef;border-color:#d4eddf}
.about-strip{position:relative}.about-strip:before{content:"";position:absolute;width:190px;height:190px;border-radius:50%;right:-60px;top:20px;background:radial-gradient(circle,rgba(255,189,88,.17),transparent 68%);pointer-events:none}.about-badges span{background:linear-gradient(180deg,#fff,#f7fbfc)}.about-badges span:nth-child(1) b{color:#159d86}.about-badges span:nth-child(2) b{color:#ee6d55}.about-badges span:nth-child(3) b{color:#7668c7}
.products-section{background:radial-gradient(circle at 4% 8%,rgba(53,194,208,.14),transparent 20%),radial-gradient(circle at 96% 90%,rgba(255,189,88,.15),transparent 22%),#f2f8fa}
.product-card{border-top:4px solid var(--teal)}.product-card:nth-child(2){border-top-color:var(--coral)}.product-card:nth-child(3){border-top-color:#8879d3}.product-card:nth-child(4){border-top-color:var(--cyan)}
.product-art.mint{background:radial-gradient(circle at 82% 14%,rgba(255,189,88,.58),transparent 24%),linear-gradient(145deg,#d5f0e9,#eef7f6)}
.product-art.creative{background:radial-gradient(circle at 82% 10%,rgba(255,189,88,.86),transparent 25%),radial-gradient(circle at 15% 80%,rgba(255,121,94,.3),transparent 28%),linear-gradient(145deg,#ffe9df,#dfeff3)}
.product-art.lilac{background:radial-gradient(circle at 85% 15%,rgba(53,194,208,.28),transparent 25%),linear-gradient(145deg,#e2dff2,#f1f1f8)}
.product-art.distribution{background:radial-gradient(circle at 84% 6%,rgba(79,197,173,.72),transparent 30%),radial-gradient(circle at 10% 90%,rgba(53,194,208,.36),transparent 28%),linear-gradient(145deg,#d7eaf0,#eef6f6)}
.card-actions a:first-child{background:linear-gradient(135deg,var(--coral),#ef5f56);box-shadow:0 8px 18px rgba(239,95,86,.2)}
.process-section{background:radial-gradient(circle at 85% 15%,rgba(53,194,208,.2),transparent 26%),linear-gradient(145deg,#0d2942,#123b55)}.process-flow article:nth-child(1) .process-icon{color:#79dfcf}.process-flow article:nth-child(2) .process-icon{color:#ffb79e}.process-flow article:nth-child(3) .process-icon{color:#ffd17e}.process-flow article:nth-child(4) .process-icon{color:#75ddeb}.payos-banner{border-left:5px solid var(--cyan)}
.testimonials{background:linear-gradient(180deg,#fff,#fffaf3)}.quote-grid article:nth-child(2){border-color:#f1dfc2}.quote-grid article:nth-child(3){border-color:#d7e9e6}
.guides{background:radial-gradient(circle at 90% 10%,rgba(136,121,211,.12),transparent 24%),#eaf3f6}.guide-card:nth-child(2) .guide-cover{background:linear-gradient(145deg,#ffe3d8,#f5e9cf)}.guide-card:nth-child(3) .guide-cover{background:linear-gradient(145deg,#e2dff5,#eef0f8)}
.contact-section{background:radial-gradient(circle at 13% 20%,rgba(255,121,94,.18),transparent 22%),radial-gradient(circle at 86% 80%,rgba(53,194,208,.18),transparent 25%),#0c263d}.lead-form{border-top:5px solid var(--coral)}.mobile-cta{background:linear-gradient(135deg,var(--navy),#116d82)}

@media(max-width:600px){
  .hero:before{left:-170px;top:30px}.hero-showcase{background:radial-gradient(circle at 80% 15%,rgba(255,189,88,.78),transparent 25%),radial-gradient(circle at 13% 82%,rgba(53,194,208,.62),transparent 28%),linear-gradient(145deg,#edf7f8,#dce9f4)}
  .trust-row{gap:9px}.trust-row span{margin-right:7px}.trust-row b{padding:7px 11px}.product-copy{background:linear-gradient(180deg,#fff,#fbfdfe)}
}

/* Readable, energetic visual system across landing, guides and checkout */
:root{
  --navy:#0d2d49;
  --navy2:#124763;
  --ink:#12283a;
  --muted:#526b7d;
  --violet:#7b6ee6;
}
body{
  font-family:"Segoe UI","Noto Sans",Arial,sans-serif;
  font-size:16px;
  line-height:1.6;
  text-rendering:optimizeLegibility;
}
.section{max-width:1120px;padding-top:96px;padding-bottom:96px}
.tiny-label,.overline,.about-strip>div:first-child>span{font-size:12px;line-height:1.4;letter-spacing:.12em}
.section-head{grid-template-columns:1.05fr .72fr;gap:64px;margin-bottom:48px}
.section-head p,.about-strip>p,.contact-copy p{font-size:16px;line-height:1.75}
.about-strip h2,.section-head h2,.contact-copy h2{font-size:48px;line-height:1.08}
.button{min-height:48px;padding:14px 22px;font-size:15px;border-radius:13px}
.button-small{min-height:42px;font-size:14px}
nav{font-size:15px}
.micro-proof{font-size:13px;gap:12px 22px}
.trust-row{font-size:14px}.trust-row b{font-size:13px}
.about-badges span{padding:24px 26px;font-size:15px}.about-badges b{font-size:12px}

.products-section{padding-top:96px;padding-bottom:104px}
.product-card{border-radius:24px;box-shadow:0 18px 45px rgba(13,45,73,.1)}
.product-copy{padding:30px 32px 32px}
.product-copy h3{font-size:27px;line-height:1.2;margin-bottom:12px}
.product-copy p{font-size:15px;line-height:1.7;margin-bottom:20px}
.product-copy>strong{font-size:14px;padding:16px 0}
.card-actions{margin-top:10px;gap:14px}.card-actions a{font-size:14px}.card-actions a:first-child{padding:12px 18px}
.product-label{font-size:11px;padding:8px 12px}.big-icon{font-size:25px}

.process-section{
  background:
    radial-gradient(circle at 8% 15%,rgba(123,110,230,.23),transparent 27%),
    radial-gradient(circle at 90% 12%,rgba(53,194,208,.25),transparent 28%),
    radial-gradient(circle at 82% 92%,rgba(255,121,94,.17),transparent 24%),
    linear-gradient(145deg,#0b2943,#12455f);
}
.process-inner{max-width:1120px}
.section-head.light p{font-size:16px;color:#d1e0e8}
.process-flow{border:0;border-radius:0;overflow:visible;gap:14px}
.process-flow article{
  min-height:278px;
  padding:27px;
  border:1px solid rgba(168,211,229,.22)!important;
  border-radius:20px;
  background:linear-gradient(155deg,rgba(255,255,255,.1),rgba(255,255,255,.035));
  box-shadow:0 20px 45px rgba(3,19,31,.16);
}
.process-flow article:nth-child(1){border-top:3px solid #55d4bf!important}
.process-flow article:nth-child(2){border-top:3px solid #ff9278!important}
.process-flow article:nth-child(3){border-top:3px solid #ffc967!important}
.process-flow article:nth-child(4){border-top:3px solid #55d2e1!important}
.process-flow article>span{font-size:12px;letter-spacing:.08em}
.process-icon{width:56px;height:56px;border-radius:16px;margin:28px 0 24px;font-size:17px;background:rgba(36,91,123,.86);box-shadow:0 10px 24px rgba(0,0,0,.16)}
.process-flow h3{font-size:20px;line-height:1.25;margin-bottom:11px}
.process-flow p{font-size:15px;line-height:1.65;color:#d1dee6;margin-bottom:0}
.payos-banner{margin-top:22px;padding:22px 25px;border-radius:18px;box-shadow:0 18px 42px rgba(3,19,31,.22)}
.payos-logo{font-size:30px}.payos-banner b{font-size:16px}.payos-banner p{font-size:13px;line-height:1.55}

.rating small{font-size:12px}.quote-stars{font-size:13px}.quote-grid article{padding:28px;border-radius:20px}
.quote-grid article>p{font-size:16px;line-height:1.75}.quote-grid footer b{font-size:14px}.quote-grid footer small{font-size:12px}
.placeholder-note{font-size:11px;line-height:1.6}
.guide-card{border-radius:20px}.guide-cover>span{font-size:10px}.guide-card small{font-size:11px}
.guide-card h3{font-size:19px}.guide-card>div:last-child>span{font-size:13px}
.contact-points{font-size:13px}.lead-form{padding:32px;border-radius:20px}.form-head{font-size:12px}
.lead-form label{font-size:14px}.lead-form input,.lead-form select{min-height:50px;padding:13px 14px;font-size:16px}
.lead-form>small,.secure-note{font-size:11px;line-height:1.5}.form-error{font-size:13px}
.site-footer{font-size:13px}

.subpage{
  background:
    radial-gradient(circle at 10% 13%,rgba(53,194,208,.13),transparent 24%),
    radial-gradient(circle at 90% 28%,rgba(255,189,88,.15),transparent 22%),
    #f3f8fa;
}
.subpage-main{max-width:1040px;padding-top:76px}
.breadcrumbs{font-size:13px}.article-hero p,.checkout-title p{font-size:17px;line-height:1.75}
.article-cover{border:1px solid rgba(22,127,154,.14);box-shadow:0 22px 55px rgba(13,45,73,.1)}
.article-body{max-width:760px;padding:46px 50px;border-radius:22px;box-shadow:0 18px 45px rgba(13,45,73,.07)}
.article-body h2{font-size:27px}.article-body p,.article-body li{font-size:17px;line-height:1.8}
.article-body .tip{padding:20px;border-left-width:5px}
.checkout-card,.order-card{padding:32px;border-radius:22px;box-shadow:0 18px 45px rgba(13,45,73,.07)}
.checkout-card h2,.order-card h2{font-size:23px}.payment-method{padding:20px;border-radius:16px}
.payment-method b{font-size:15px}.payment-method small{font-size:13px}.checkout-steps{gap:22px}
.checkout-steps span{width:32px;height:32px;font-size:12px;flex:0 0 auto}.checkout-steps p{font-size:14px;line-height:1.65}
.order-line{font-size:14px}.order-total strong{font-size:22px}

@media(max-width:900px){
  .process-flow article{min-height:240px}
}

@media(max-width:600px){
  body{font-size:16px}
  .section{padding:72px 20px}
  .hero{padding-top:48px}.hero h1{font-size:42px;line-height:1.06}.hero-copy>p{font-size:16px;line-height:1.7}
  .pill{font-size:11px}.micro-proof{font-size:13px;display:grid;grid-template-columns:1fr}
  .about-strip h2,.section-head h2,.contact-copy h2{font-size:36px;line-height:1.1}
  .section-head{gap:20px;margin-bottom:34px}.section-head p,.about-strip>p,.contact-copy p{font-size:16px}
  .about-badges span{font-size:15px}
  .products-section{padding-left:20px;padding-right:20px}
  .product-art{height:265px}.product-copy{padding:24px}.product-copy h3{font-size:24px}.product-copy p{font-size:16px}
  .product-copy>strong,.card-actions a{font-size:14px}.card-actions a:first-child{padding:12px 16px}
  .process-flow{gap:12px}.process-flow article{min-height:0;padding:24px!important}
  .process-icon{margin:18px 0;width:54px;height:54px}.process-flow h3{font-size:21px}.process-flow p{font-size:16px}
  .payos-banner{padding:22px;gap:12px}.payos-banner b{font-size:16px}.payos-banner p{font-size:14px}
  .quote-grid article>p{font-size:16px}.guide-card h3{font-size:20px}.guide-card>div:last-child>span{font-size:14px}
  .contact-points{font-size:13px}.lead-form{padding:24px 20px}
  .mobile-cta{font-size:12px;padding:14px 16px}.mobile-cta b{font-size:13px}
  .subpage-main{padding:48px 20px 96px}.breadcrumbs{font-size:12px;line-height:1.5}
  .article-hero h1,.checkout-title h1{font-size:36px}.article-hero p,.checkout-title p{font-size:16px}
  .article-cover{height:240px;margin-bottom:28px}.article-body{padding:27px 22px}.article-body h2{font-size:23px}
  .article-body p,.article-body li{font-size:16px}.checkout-card,.order-card{padding:24px 20px}
  .payment-method{align-items:flex-start}.payment-method b{font-size:14px}.payment-method small{font-size:12px}
  .checkout-steps p{font-size:14px}.order-line{font-size:14px;gap:16px}.site-footer{font-size:12px}
}

.static-note{margin-top:12px;font-size:12px;color:#6d8190}.static-form-success{display:none;padding:14px;border-radius:12px;background:#e4f6ef;color:#146d5b;font-weight:700}.static-form-success.show{display:block}