:root{--navy:#031029;--navy2:#061a42;--blue:#176aff;--cyan:#35dbff;--ink:#0a1b38;--white:#f8fbff;--muted:#a9bee3;--line:rgba(76,164,255,.28)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:85px}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:var(--navy);color:var(--white);line-height:1.55;overflow-x:hidden}button,input,select,textarea{font:inherit}button,a{ -webkit-tap-highlight-color:transparent }button{cursor:pointer}a{color:inherit;text-decoration:none}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #76eaff;outline-offset:3px}.container{width:min(1170px,calc(100% - 44px));margin-inline:auto}.site-header{height:78px;position:sticky;top:0;z-index:60;border-bottom:1px solid var(--line);background:rgba(3,13,37,.93);backdrop-filter:blur(16px)}.header-inner{display:flex;align-items:center;justify-content:space-between;height:100%;gap:25px}.brand{display:flex;align-items:center;gap:10px;flex-shrink:0}.brand img{height:57px;width:auto;max-width:180px;object-fit:contain}.header-links{display:flex;gap:27px;align-items:center}.header-links a{font-size:13px;color:#cfddf7;transition:color .2s}.header-links a:hover{color:#50d8ff}.header-actions{display:flex;align-items:center;gap:10px}.btn{border:0;border-radius:9px;padding:13px 22px;display:inline-flex;justify-content:center;align-items:center;gap:9px;font-weight:750;font-size:13px;line-height:1.25;transition:transform .2s,box-shadow .2s;background:#143260;color:white}.btn:hover{transform:translateY(-2px)}.btn-primary{background:linear-gradient(112deg,#48e4ff,#2f80ff 90%);color:#001732;box-shadow:0 5px 25px rgba(17,137,255,.36)}.btn-primary:hover{box-shadow:0 10px 32px rgba(17,137,255,.5)}.btn-ghost{border:1px solid #3983d5;background:#04112e;color:#edf9ff}.btn.small{padding:11px 16px}.menu-toggle{display:none;background:transparent;color:white;border:1px solid #2d5790;border-radius:8px;padding:8px}.hero{position:relative;min-height:565px;overflow:hidden;background:radial-gradient(ellipse 65% 115% at 78% 12%,#094fae 0%,#07245c 38%,transparent 72%),linear-gradient(126deg,#030b21,#061c43 76%,#02112c)}.hero:before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.5;background-image:linear-gradient(35deg,transparent 42%,rgba(22,145,255,.22) 43%,transparent 44%),repeating-linear-gradient(130deg,transparent 0 98px,rgba(53,158,255,.045) 99px 100px)}.hero:after{content:"";position:absolute;inset:auto -12% -135px -12%;height:280px;border-radius:50%;background:radial-gradient(ellipse,rgba(9,117,255,.4),transparent 70%);filter:blur(15px)}.hero-grid{display:grid;grid-template-columns:43% 57%;gap:20px;align-items:center;min-height:560px;position:relative;z-index:2}.eyebrow{font-size:10px;letter-spacing:.25em;color:#ffc65e;font-weight:800;text-transform:uppercase;display:flex;align-items:center;gap:11px}.eyebrow:before{content:"";width:35px;height:2px;background:#ffc65e}.hero h1{font-size:clamp(40px,4.3vw,64px);letter-spacing:-.055em;line-height:1.07;margin:24px 0 18px;font-weight:850}.accent{color:#32cfff}.hero h1 .accent{background:linear-gradient(90deg,#4fe7ff,#1988ff);background-clip:text;-webkit-background-clip:text;color:transparent}.lead{font-size:16px;color:#d3def3;max-width:520px}.hero-points{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:27px 0}.hero-points>div{font-size:11px;line-height:1.4;max-width:100px}.round-icon{display:grid;place-items:center;width:43px;height:43px;border-radius:50%;margin-bottom:8px;color:#67e7ff;background:radial-gradient(circle at 30% 30%,#2768cb,#03295a);border:1px solid #368cff;box-shadow:0 0 15px rgba(17,110,253,.4);font-size:21px}.hero-ctas{display:flex;flex-wrap:wrap;gap:10px}.hero-side{min-width:0;position:relative;padding:22px 0 30px}.orbit{position:absolute;inset:0;pointer-events:none;border:1px solid rgba(83,170,255,.35);border-radius:50%;transform:rotate(-23deg) scale(1.11,.82);box-shadow:0 0 30px #075cf76b}.orbit.two{transform:rotate(36deg) scale(.93,1.1);border-color:rgba(35,222,255,.18)}.mock-laptop{position:relative;border:8px solid #071127;border-bottom:15px solid #0b1f3d;border-radius:20px;background:#030d24;box-shadow:0 0 0 2px #326fb7,0 0 65px rgba(28,121,252,.56),15px 25px 40px rgba(0,4,20,.7);padding:22px;transform:perspective(1300px) rotateY(-7deg) rotateX(1deg);margin:10px 25px 12px 0}.mock-laptop:after{content:"";position:absolute;left:-3%;right:-3%;height:14px;bottom:-29px;border-radius:0 0 45% 45%;background:linear-gradient(#597394,#182544 52%,#6c88af)}.mock-head{display:flex;justify-content:space-between;gap:10px;align-items:center;font-size:12px;font-weight:800;margin-bottom:16px}.mock-head small{display:block;color:#80a8d9;font-weight:400;font-size:10px}.demo-pill{color:#a5dbff;font-size:10px;border:1px solid var(--line);border-radius:6px;padding:6px 8px}.mock-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.mock-stat{border:1px solid rgba(53,141,244,.33);border-radius:8px;padding:12px 8px;background:linear-gradient(170deg,#092759,#07132c);min-width:0}.mock-stat strong{display:block;font-size:22px;letter-spacing:-.04em}.mock-stat small{color:#92b8e9;font-size:9px;line-height:1.2;display:block}.mock-stat .micon{color:var(--cyan);font-size:17px}.mock-chart{border:1px solid #235b9c;border-radius:9px;padding:16px 14px 9px;margin-top:12px;background:linear-gradient(#061c43,#061633)}.mock-title{display:flex;justify-content:space-between;font-size:11px;font-weight:700;margin-bottom:8px}.mock-title span:last-child{color:#8ac8ff;font-weight:400}.bars{height:139px;display:flex;align-items:end;gap:7px;border-bottom:1px solid #356396;background:repeating-linear-gradient(to top,transparent 0 34px,rgba(56,130,209,.16) 35px)}.bars i{display:block;flex:1;height:50%;background:linear-gradient(0deg,#0865ed,#2bdeff);border-radius:3px 3px 0 0;box-shadow:0 0 15px rgba(22,149,255,.27);transition:height .4s}.month-labels{display:flex;justify-content:space-around;color:#91c7f5;font-size:9px;margin-top:5px}.dashboard-footer{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:10px}.dashboard-footer>span{padding:9px;border:1px solid #235b9c;border-radius:6px;font-size:10px;color:#92b8e9}.dashboard-footer strong{display:block;color:#f3fbff;font-size:16px}.light-section{background:linear-gradient(170deg,#fff,#eaf4ff);color:var(--ink)}.section{padding:75px 0}.section-title{font-weight:830;font-size:clamp(30px,3.2vw,46px);line-height:1.13;letter-spacing:-.045em;margin:14px 0 16px}.section-desc{color:#62718b;max-width:520px;font-size:15px}.calculator-layout{display:grid;grid-template-columns:33% 67%;gap:28px;align-items:center}.calc-box{border:1px solid #c8dff9;background:#fff;box-shadow:0 18px 48px #18549b24;border-radius:17px;padding:22px;display:grid;grid-template-columns:1.05fr .95fr 1.05fr;gap:18px}.calc-col{min-width:0}.calc-col+.calc-col{border-left:1px solid #e2e9f3;padding-left:19px}.field-label{display:block;font-size:12px;font-weight:750;margin-bottom:13px}.budget-input{display:flex;align-items:center;border-radius:10px;border:1px solid #cadcf2;background:#f7faff;overflow:hidden;font-size:24px}.budget-input span{padding-left:12px;color:#587ba9}.budget-input input{background:transparent;border:0;width:100%;padding:9px;font-size:24px;font-weight:800;color:var(--ink);min-width:0}.budget-input input:focus{outline:0}input[type=range]{width:100%;accent-color:#057cff;margin:20px 0 0}.range-labels{display:flex;justify-content:space-between;font-size:10px;color:#6a83a0}.email-count{font-size:clamp(27px,3vw,43px);font-weight:850;letter-spacing:-.04em;color:#0360bd}.calc-sub{font-size:12px;color:#607590}.formula{background:#f0f7ff;border-radius:10px;padding:12px;text-align:center}.formula .formula-result{font-size:19px;font-weight:800;color:#005cc4}.formula-small{font-size:11px;color:#607590}.calc-foot{font-size:11px;color:#657f9a;margin-top:12px}.quick-budgets{display:flex;flex-wrap:wrap;gap:7px;margin-top:16px}.chip{border:1px solid #b9d8fb;background:#eef6ff;color:#0e4e9d;border-radius:7px;padding:7px 10px;font-size:12px;font-weight:750}.chip.active{background:#0575df;border-color:#0575df;color:#fff}.dark-section{background:radial-gradient(circle at 0 0,#064a9a 0%,transparent 40%),linear-gradient(125deg,#04152f,#082759 67%,#051633)}.blue-card{background:linear-gradient(155deg,rgba(3,34,83,.9),rgba(2,14,40,.96));border:1px solid #1d5b9e;border-radius:12px;padding:25px;box-shadow:inset 0 1px #448eff26}.features-layout{display:grid;grid-template-columns:32% 68%;gap:28px;align-items:center}.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.feature-card{min-height:245px}.feature-card h3{margin:20px 0 10px;font-size:17px;line-height:1.22}.feature-card p{font-size:12px;color:#b6c8e5}.feature-icon{display:grid;place-items:center;width:51px;height:51px;border-radius:50%;background:linear-gradient(140deg,#006eff,#003b8d);border:1px solid #1fb3ff;box-shadow:0 0 22px #006dff40;font-size:24px}.process-section{background:linear-gradient(#f9fcff,#eaf4ff);color:var(--ink)}.process-layout{display:grid;grid-template-columns:25% 75%;gap:28px;align-items:center}.step-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.step{position:relative;padding:8px 4px}.step-icon{height:55px;width:55px;background:linear-gradient(150deg,#038ff9,#034abb);border-radius:50%;display:grid;place-items:center;color:white;font-size:23px;margin-bottom:13px;box-shadow:0 6px 20px #085bd130}.step-num{font-size:11px;color:#1262b1;font-weight:800}.step h3{font-size:12px;line-height:1.35;margin:6px 0}.step p{font-size:11px;line-height:1.48;color:#5a7090;margin:0}.target-layout{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}.target-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.target-item{border:1px solid #255b9b;background:#051e49;border-radius:10px;padding:19px;display:flex;gap:12px;align-items:start}.target-item b{font-size:14px;display:block}.target-item span{color:#afc4e2;font-size:12px}.target-icon{font-size:24px;color:#5cceff}.target-visual{position:relative;height:330px;display:grid;place-items:center}.target-rings{width:min(320px,100%);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,#6ce6ff 0 9%,#073d8a 10% 19%,#30acff 20% 27%,#022050 28% 36%,#237bce 37% 46%,#021b3d 47% 58%,#165bb2 59% 68%,#041832 69%);box-shadow:0 0 30px #147afa90,inset 0 0 28px #47c3ff99;border:2px solid #43bdff}.target-visual:after{content:"➤";position:absolute;transform:rotate(-30deg);color:#fff59b;text-shadow:0 0 22px #07b3ff;font-size:130px;margin-left:80px;margin-top:-70px}.annual-layout{display:grid;grid-template-columns:1.15fr .85fr;gap:38px;align-items:center}.annual-card{border:1px solid #286bc4;border-radius:19px;padding:25px;background:linear-gradient(150deg,#0b3b81,#041736);box-shadow:0 15px 45px #050e26}.calendar-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.calendar-month{border-radius:8px;background:#062459;border:1px solid #255cb3;padding:11px 7px;text-align:center;font-size:10px;color:#a9ccff}.calendar-month:after{content:"✉";display:block;color:#36d4ff;font-size:20px;margin-top:4px}.years{font-size:11px;font-weight:700;letter-spacing:.15em;color:#79c6ff;margin-bottom:18px}.clear-note{border-left:3px solid #46ccff;padding:10px 15px;color:#a6c9ea;font-size:13px;background:#052653}.metrics-line{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:18px}.metric-stat{border:1px solid #2866ac;padding:20px;border-radius:10px;background:#051c46}.metric-stat strong{display:block;font-size:32px}.metric-stat span{color:#a7c8e7;font-size:11px}.faq-layout{display:grid;grid-template-columns:.87fr 1.13fr;gap:50px}.faq details{border:1px solid #d5e3f3;margin-bottom:9px;border-radius:10px;background:#fff}.faq summary{padding:15px 18px;list-style:none;display:flex;justify-content:space-between;gap:15px;align-items:center;font-size:14px;font-weight:700;cursor:pointer}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"+";font-size:20px;color:#0b73d9}.faq details[open] summary:after{content:"−"}.faq details p{padding:0 18px 18px;margin:0;color:#62748e;font-size:13px}.faq-illustration{border-radius:20px;min-height:290px;background:radial-gradient(circle at 30% 40%,#087df2,#062450 52%,#071934);display:grid;place-items:center;position:relative;overflow:hidden;color:#5beaff}.faq-illustration:before{content:"?";font-size:150px;font-weight:900;text-shadow:0 0 50px #0bf0ff}.faq-illustration:after{content:"✉    ◇     ✉";position:absolute;bottom:24px;font-size:28px;letter-spacing:.5em}.final-cta{background:radial-gradient(ellipse at 90% 50%,#1269d8,#061b40 53%,#040e24);padding:70px 0}.final-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:32px;align-items:center}.final-deco{font-size:120px;text-align:center;color:#52cfff;text-shadow:0 0 22px #088eff,0 0 95px #088eff}.final-grid .section-title{font-size:clamp(32px,3.5vw,51px)}.fine{font-size:11px;color:#9eb5d5}.site-footer{padding:30px 0;border-top:1px solid var(--line);background:#030b1e;color:#9bb1d0}.footer-inner{display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:12px}.footer-inner a:hover{color:#fff}.footer-links{display:flex;gap:20px;flex-wrap:wrap}.results-note{font-size:12px;color:#99c6fc;margin-top:14px}.inquiry-modal{position:fixed;inset:0;background:#000b;z-index:100;display:none;align-items:center;justify-content:center;padding:20px}.inquiry-modal.open{display:flex}.modal-content{background:#071b3b;color:white;border:1px solid #348ce3;border-radius:18px;padding:30px;max-width:510px;width:100%;box-shadow:0 20px 90px #0009;max-height:95vh;overflow:auto}.modal-top{display:flex;align-items:center;justify-content:space-between}.modal-top button{background:transparent;border:0;color:white;font-size:25px}.modal-content h2{margin:0;font-size:28px}.modal-content p{color:#acbee1;font-size:13px}.modal-content label{display:block;font-weight:700;font-size:12px;margin:12px 0 5px}.modal-content input,.modal-content textarea{background:#041028;border:1px solid #2963a4;border-radius:8px;color:white;width:100%;padding:11px}.modal-content textarea{min-height:77px;resize:vertical}.modal-content .btn{margin-top:18px;width:100%}.modal-note{color:#95b1d4;font-size:11px}.helper{font-size:11px;color:#5b7493}.tiny-indicator{font-size:10px;padding:3px 7px;border:1px solid #3797d7;border-radius:30px;color:#78d9ff;display:inline-block}.no-scroll{overflow:hidden}@media(max-width:1050px){.hero-grid{grid-template-columns:45% 55%}.mock-laptop{padding:13px;margin:12px}.mock-stat strong{font-size:17px}.mock-stat{padding:8px 5px}.feature-grid{grid-template-columns:repeat(2,1fr)}.feature-card{min-height:198px}.calculator-layout{grid-template-columns:1fr}.calc-box{max-width:100%}.process-layout{grid-template-columns:1fr}.faq-layout{grid-template-columns:1fr 1fr}}@media(max-width:760px){.container{width:min(100% - 30px,600px)}.site-header{height:68px}.brand img{height:47px}.header-actions .btn{display:none}.menu-toggle{display:block}.header-links{position:absolute;top:68px;left:0;right:0;padding:20px;background:#05142f;display:none;flex-direction:column;align-items:stretch;gap:0;border-bottom:1px solid #1b518d}.header-links.open{display:flex}.header-links a{padding:12px}.hero-grid{grid-template-columns:1fr;gap:0;padding:50px 0 60px;min-height:unset}.hero{min-height:0}.hero h1{font-size:clamp(39px,9vw,58px)}.hero-points{grid-template-columns:repeat(4,1fr);gap:7px}.hero-side{max-width:590px;margin:auto;width:100%}.mock-laptop{transform:none;margin:8px 7px 22px}.section{padding:55px 0}.calc-box{grid-template-columns:1fr}.calc-col+.calc-col{border-left:0;border-top:1px solid #e2e9f3;padding-left:0;padding-top:16px}.features-layout,.target-layout,.annual-layout,.final-grid,.faq-layout{grid-template-columns:1fr}.feature-grid{grid-template-columns:repeat(2,1fr)}.step-grid{grid-template-columns:repeat(2,1fr);gap:20px}.target-visual{height:270px}.target-rings{width:250px}.annual-layout{gap:20px}.footer-inner{flex-direction:column;text-align:center}.final-deco{font-size:80px}.section-title{font-size:35px}}@media(max-width:420px){.hero-points{grid-template-columns:repeat(2,1fr);gap:12px}.hero-points>div{max-width:unset;display:flex;align-items:center;gap:8px}.round-icon{margin:0;min-width:39px;height:39px}.hero-ctas .btn{width:100%}.mock-laptop{padding:9px}.mock-stat strong{font-size:14px}.mock-stat small{font-size:8px}.mock-stat{padding:7px 3px}.mock-head{font-size:10px}.bars{height:90px;gap:3px}.dashboard-footer strong{font-size:12px}.feature-grid{grid-template-columns:1fr}.feature-card{min-height:auto}.target-grid{grid-template-columns:1fr}.metrics-line{grid-template-columns:1fr 1fr}.modal-content{padding:21px}}

/* TrustPros Mails floating FlowkoChat */
.payments-qualification{background:#02170f;color:#b6c7bc;text-align:center;padding:8px 18px 23px;font-size:11px}
.flowkochat{position:fixed;right:20px;bottom:18px;z-index:2147483000;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:white}
.flowkochat-launch{display:flex;align-items:center;gap:9px;border:1px solid rgba(82,202,255,.7);background:linear-gradient(140deg,#031b45,#0a58bc);padding:7px 13px 7px 7px;border-radius:50px;color:#fff;box-shadow:0 9px 42px rgba(0,98,251,.4);font-weight:800;letter-spacing:.02em;font-size:12px;transition:transform .2s,box-shadow .2s}
.flowkochat-launch:hover{transform:translateY(-3px);box-shadow:0 12px 47px #006df78a}
.flowkochat-launch img{height:51px;width:51px;border-radius:50%;background:#0d429d;object-fit:cover;border:1px solid rgba(106,209,255,.5)}
.flowkochat-pulse{width:8px;height:8px;background:#64e7b5;border-radius:50%;box-shadow:0 0 10px #64e7b5}
.flowkochat-panel{position:absolute;right:0;bottom:76px;width:min(372px,calc(100vw - 28px));height:min(540px,calc(100dvh - 116px));border:1px solid rgba(90,168,255,.75);border-radius:16px;background:#071632;box-shadow:0 17px 65px #000b;display:flex;flex-direction:column;overflow:hidden}
.flowkochat-panel[hidden]{display:none}
.flowkochat-header{display:flex;gap:11px;padding:13px 14px;align-items:center;background:linear-gradient(118deg,#064899,#041a46);border-bottom:1px solid #2266b4}
.flowkochat-header img{width:40px;height:40px;border-radius:50%;object-fit:cover}
.flowkochat-header strong{display:block;color:#fff;font-size:15px}
.flowkochat-header small{display:block;font-size:11px;color:#a8d1ff}
.flowkochat-header button{margin-left:auto;color:white;border:0;background:transparent;font-size:25px;line-height:1}
.flowkochat-log{padding:15px 12px;flex:1;min-height:0;overflow-y:auto;display:flex;flex-direction:column;align-items:flex-start;gap:12px}
.flowkochat-msg{border-radius:13px 13px 13px 3px;padding:10px 12px;max-width:92%;background:#112c54;color:#eff7ff;border:1px solid #2a5385;font-size:12px;line-height:1.5;overflow-wrap:anywhere}
.flowkochat-msg p{margin:0}
.flowkochat-msg a{color:#70dcff;display:inline-block;margin-top:6px;text-decoration:underline;font-weight:700}
.flowkochat-msg.from-user{margin-left:auto;background:#0e64c4;border-color:#288ded;border-radius:13px 13px 3px 13px}
.flowkochat-quick{display:flex;gap:7px;overflow-x:auto;padding:11px 11px 8px;border-top:1px solid rgba(72,133,209,.3);scrollbar-width:thin}
.flowkochat-quick button{flex:0 0 auto;padding:8px 10px;font-size:11px;border:1px solid #276ab0;border-radius:20px;background:#082653;color:#bfe7ff}
.flowkochat-quick button:hover{background:#114788}
.flowkochat-form{display:flex;gap:8px;padding:10px;background:#04102c}
.flowkochat-form input{min-width:0;flex:1;background:#09204a;border:1px solid #2969ae;border-radius:8px;padding:11px;color:white;font-size:12px}
.flowkochat-form button{flex-shrink:0;background:linear-gradient(135deg,#42e5ff,#1781fe);border:0;border-radius:9px;padding:9px 13px;color:#041330;font-size:12px;font-weight:850}
.flowkochat-footer{display:flex;justify-content:space-between;padding:0 13px 9px;background:#04102c;color:#7aa7d5;font-size:10px}
.flowkochat-footer a{color:#87d7ff;text-decoration:underline}
@media(max-width:600px){.flowkochat{right:10px;bottom:10px}.flowkochat-launch{padding:5px 9px 5px 5px;font-size:11px}.flowkochat-launch img{width:44px;height:44px}.flowkochat-panel{bottom:64px;height:min(520px,calc(100dvh - 94px))}}

/* Approved Flowko artwork used as a real image, not as a baked-in button. */
.faq-illustration{background:radial-gradient(circle at 50% 50%,#167de2,#07183b 65%);min-height:310px}
.faq-illustration:before,.faq-illustration:after{content:none}
.faq-illustration img{display:block;width:min(275px,76%);height:auto;aspect-ratio:1;object-fit:contain;filter:drop-shadow(0 9px 25px #0007)}
.inquiry-modal{z-index:2147483005}

/* Approved FlowkoChat round mascot launcher: same shape as the other TrustPros chat badges */
.flowkochat-launch{display:grid!important;place-items:center!important;width:86px!important;height:86px!important;min-width:86px!important;min-height:86px!important;padding:0!important;background:transparent!important;border:0!important;border-radius:50%!important;box-shadow:0 8px 31px rgba(0,110,255,.38)!important;overflow:visible!important}
.flowkochat-launch:hover{transform:translateY(-3px) scale(1.035)}
.flowkochat-launch img{display:block!important;width:100%!important;height:100%!important;border:0!important;border-radius:50%!important;padding:0!important;background:transparent!important;object-fit:contain!important}
.flowkochat-panel{bottom:104px}
@media(max-width:600px){.flowkochat-launch{width:76px!important;height:76px!important;min-width:76px!important;min-height:76px!important}.flowkochat-panel{bottom:91px}}

/* Oct 14: public annual-email-only offer refinement */
.brand img{height:66px;max-width:245px}
.hero{background:radial-gradient(ellipse at 95% 15%,#0753ae 0%,#061d49 44%,transparent 72%),linear-gradient(125deg,#030b21,#071d43)}
.hero-grid{grid-template-columns:47% 53%;gap:24px;min-height:520px}
.hero-graphic{display:flex;justify-content:center;align-items:center}
.hero-picture-wrap{width:min(100%,530px);min-height:430px;display:flex;align-items:center;justify-content:center;position:relative;border:1px solid rgba(70,161,255,.48);border-radius:25px;background:radial-gradient(circle at 52% 43%,#095bcb,#052962 50%,#031329 80%);box-shadow:0 16px 65px #0068ff54,inset 0 0 55px #1377e840;overflow:hidden}
.hero-picture{display:block;width:min(95%,455px);height:auto;max-height:440px;object-fit:contain;filter:drop-shadow(0 5px 20px #001027)}
.hero-logo-overlap{position:absolute;top:6px;left:15px;width:160px;height:95px;object-fit:contain;filter:drop-shadow(0 6px 20px #000)}
.hero-graphic-footer{position:absolute;bottom:15px;left:15px;right:15px;display:flex;justify-content:space-between;gap:6px}
.hero-graphic-footer span{border-radius:7px;background:#032253d9;border:1px solid #206ac2;color:#9cdfff;font-size:10px;font-weight:800;letter-spacing:.04em;padding:7px 8px}
.hero-points{margin:25px 0}.round-icon{color:#6cdeff}
.calc-intro{display:flex;align-items:center;justify-content:space-between;gap:26px;margin-bottom:26px}
.calc-rate{border:1px solid #b5d9ff;background:linear-gradient(120deg,#ecf7ff,#fff);padding:19px 27px;border-radius:14px;display:flex;flex-direction:column;align-items:flex-end;gap:2px;box-shadow:0 9px 32px #03448b13}
.calc-rate b{color:#006af2;font-size:43px;line-height:1;font-weight:900}.calc-rate span{color:#0b376d;font-weight:850;font-size:11px;letter-spacing:.07em}.calc-rate small{color:#587ca2;font-size:11px}
.simple-calculator{grid-template-columns:1.1fr .8fr 1fr;box-shadow:0 15px 45px #004cad1b}
.calc-mini{margin-top:11px;color:#587793;font-size:12px}
.calc-actions{display:flex;justify-content:space-between;gap:15px;align-items:center;margin-top:22px;flex-wrap:wrap}
.calc-leads-link{color:#0755a6;text-decoration:underline;font-size:12px;font-weight:700;text-underline-offset:3px}
.section-center{text-align:center;max-width:710px;margin:0 auto 28px}.section-center .eyebrow{justify-content:center}.section-center p{color:#a3c6e9;font-size:14px}
.mini-features{grid-template-columns:repeat(4,1fr)}.mini-features .feature-card{min-height:200px}
.simple-target .target-image-holder{display:flex;align-items:center;justify-content:center;min-height:340px;border:1px solid #1e67b5;border-radius:21px;background:radial-gradient(circle at center,#075cbb 0%,#071a40 67%,#030f2c);overflow:hidden}
.target-image-holder img{max-width:360px;width:90%;height:auto;object-fit:contain;filter:drop-shadow(0 8px 32px #006eff78)}
.annual-simple{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}
.annual-art{display:flex;align-items:center;flex-direction:column;justify-content:center;border:1px solid #c2defa;border-radius:20px;box-shadow:0 18px 40px #0b65ad25;background:radial-gradient(circle,#def2ff,#eaf5ff 60%,#f8fcff);overflow:hidden}
.annual-art img{width:min(83%,360px);height:auto;object-fit:contain;margin:0 auto}
.annual-art-caption{margin:0 0 18px;font-size:11px;font-weight:900;letter-spacing:.14em;color:#005da8}
.comparison{display:grid;grid-template-columns:1fr 1fr;gap:22px;max-width:910px;margin:28px auto 0}
.comparison-card{border:1px solid #2771cb;background:radial-gradient(ellipse at 0 0,#0a4694,#061936 65%);border-radius:16px;padding:30px;display:flex;flex-direction:column;align-items:flex-start}
.comparison-icon{background:#0565cd;border:1px solid #40d4ff;border-radius:50%;display:grid;place-items:center;width:52px;height:52px;font-size:28px;margin-bottom:14px}
.comparison-card h3{font-size:21px;margin:0 0 8px}.comparison-card p{color:#bfd2e8;font-size:14px;min-height:42px}
.comparison-card strong{font-size:18px;color:#75e0ff}.comparison-card span{font-size:12px;color:#9cbce2;margin:10px 0 26px}
.comparison-card .btn{margin-top:auto}
.trustpros-payments-accepted{background:radial-gradient(ellipse at 50% -35%,rgba(13,115,210,.4),transparent 67%),linear-gradient(160deg,#041b3b,#031125 55%,#061f46)!important;border-top:1px solid #1e65b1!important;border-bottom:1px solid #1e65b1!important}
.trustpros-payment-icon{background:linear-gradient(155deg,#092654,#04132d)!important;border-color:#326baf!important}
.flowkochat-pulse{background:#35d4ff;box-shadow:0 0 12px #35d4ff}
@media(max-width:1050px){.hero-grid{grid-template-columns:48% 52%}.hero-picture-wrap{min-height:330px}.hero-picture{max-height:340px}.hero-logo-overlap{width:115px}.simple-calculator{grid-template-columns:1fr 1fr}.simple-calculator .calc-col:last-child{grid-column:1/-1;border-left:0;border-top:1px solid #d8e9fa;padding:16px 0 0}.calc-intro{align-items:flex-start}}
@media(max-width:760px){.site-header{height:68px}.brand img{height:51px;max-width:185px}.hero-grid{grid-template-columns:1fr;min-height:0}.hero-picture-wrap{min-height:300px}.hero-picture{max-height:310px}.hero-logo-overlap{width:110px;height:auto}.hero-graphic-footer span{font-size:9px}.calc-intro{flex-direction:column;align-items:stretch}.calc-rate{align-items:flex-start}.simple-calculator{grid-template-columns:1fr}.simple-calculator .calc-col{grid-column:auto!important;border-left:0!important;border-top:1px solid #d8e9fa;padding:16px 0 0!important}.simple-calculator .calc-col:first-child{border-top:0;padding-top:0!important}.mini-features{grid-template-columns:repeat(2,1fr)}.annual-simple,.comparison{grid-template-columns:1fr}.annual-art img{max-width:280px}.simple-target .target-image-holder{min-height:250px}}
@media(max-width:420px){.mini-features{grid-template-columns:1fr}.calc-rate b{font-size:36px}.hero-graphic-footer{flex-wrap:wrap}.hero-graphic-footer span{font-size:8px}}

/* Approved final Mails artwork: six distinct assets, each shown once */
.hero-graphic .hero-picture-wrap{min-height:0;width:100%;border:1px solid #3186ee;border-radius:19px;background:#052454;box-shadow:0 15px 55px #076fff51;overflow:hidden;aspect-ratio:1350 / 760}
.hero-graphic .hero-picture{display:block;width:100%;height:100%;max-height:none;object-fit:cover;filter:none}
.hero-graphic{align-items:center;padding:15px 0}
.calc-rate{display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:13px;min-width:310px}
.calc-rate>div{display:flex;flex-direction:column;align-items:flex-start}
.calc-rate img{width:110px;height:110px;object-fit:contain;flex-shrink:0}
.simple-target .target-image-holder{min-height:370px;background:radial-gradient(ellipse at 55% 54%,#0c61ce,#071a40 70%)}
.simple-target .target-image-holder img{width:min(95%,365px);max-width:none}
.annual-art{background:radial-gradient(circle at 50% 52%,#d8f1ff,#f4faff 72%);padding:8px;min-height:260px}
.annual-art img{width:100%;max-width:470px;margin:0}
.services-section{background:#f3f8ff;border-top:1px solid #d4e7ff;color:#091d3b}
.services-layout{display:flex;flex-direction:column;gap:28px;align-items:center}
.services-picture{margin:0;display:flex;align-items:center;flex-direction:column;width:100%;max-width:1122px}
.services-picture img{display:block;width:100%;max-width:1122px;height:auto;aspect-ratio:1122/1402;object-fit:contain;border-radius:14px;box-shadow:0 18px 45px #0b3f9650;border:1px solid #c6ddf8}
.services-picture figcaption{font-size:11px;line-height:1.45;color:#536e9a;text-align:center;max-width:420px;margin-top:10px}
.services-description .btn{margin-top:16px}
/* FlowkoChat uses the same launcher dimensions, popup hierarchy and FAQ layout as Trustko Chat and Salesko Chat. */
.trustko-chat-widget.flowko-parity-widget{position:fixed;right:20px;bottom:18px;width:88px;height:auto;padding:0;margin:0;border:0;background:transparent;display:block;z-index:2147483000;cursor:pointer;overflow:visible;isolation:isolate;transform-origin:72% 76%;transition:transform .1s ease-out,filter .1s ease-out;filter:drop-shadow(0 11px 20px rgba(0,0,0,.28));-webkit-tap-highlight-color:transparent}
.flowko-parity-widget img{display:block;width:100%;height:auto;object-fit:contain;overflow:visible;border-radius:0}
.flowko-parity-widget:hover,.flowko-parity-widget:focus-visible{transform:translateY(-2px) scale(1.025);filter:drop-shadow(0 13px 23px #0005) drop-shadow(0 0 10px #44caff99)}
.trustko-support-panel.flowko-parity-panel{position:fixed;right:24px;bottom:106px;z-index:2147482999;width:min(390px,calc(100vw - 32px));max-height:calc(100dvh - 126px);overflow-y:auto;overscroll-behavior:contain;border:1px solid rgba(91,189,255,.46);border-radius:24px;background:linear-gradient(180deg,rgba(6,27,59,.98),rgba(4,15,39,.99));box-shadow:0 24px 54px #0007,0 0 22px #137aff33;opacity:0;visibility:hidden;pointer-events:none;transform:translateY(7px) scale(.995);transform-origin:100% 100%;transition:opacity .12s ease-out,transform .12s ease-out,visibility .12s ease-out}
.flowko-parity-panel.is-open{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0) scale(1)}
.flowko-parity-panel .trustko-support-head{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:18px 18px 15px;background:linear-gradient(135deg,#053b88,#0a80dc);border-bottom:1px solid #fff2}
.flowko-parity-panel .trustko-support-head strong{display:block;color:#fff;font-size:1.05rem;letter-spacing:-.01em}
.flowko-parity-panel .trustko-support-head span{display:block;color:#d7f5ff;font-size:.78rem;margin-top:3px}
.flowko-parity-panel .trustko-support-close{border:0;background:#ffffff1f;color:#fff;width:34px;height:34px;border-radius:50%;font-size:1.45rem;line-height:1;cursor:pointer;flex-shrink:0}
.flowko-parity-panel .trustko-support-messages{max-height:190px;overflow:auto;padding:16px;display:flex;flex-direction:column;gap:10px;background:#020c224d}
.flowko-parity-panel .trustko-msg{max-width:92%;padding:11px 13px;border-radius:16px;font-size:.85rem;line-height:1.45;overflow-wrap:anywhere}
.flowko-parity-panel .trustko-msg-support{align-self:flex-start;background:#0a385f;color:#e8f9ff;border:1px solid #53dcff29;border-bottom-left-radius:6px}
.flowko-parity-panel .trustko-msg-user{align-self:flex-end;background:#126bdb;color:#fff;border-bottom-right-radius:6px}
.flowko-parity-panel .trustko-faq-screen,.flowko-parity-panel .trustko-support-form{padding:14px 16px 16px;background:#04162f}
.flowko-parity-panel .trustko-faq-title{color:#b0d5ee;font-size:.72rem;font-weight:900;text-transform:uppercase;letter-spacing:.08em;margin:0 0 9px}
.flowko-parity-panel .trustko-faq-options{display:grid;gap:7px}
.flowko-parity-panel .trustko-faq-option{width:100%;text-align:left;border:1px solid #70cff02e;border-radius:12px;padding:10px 12px;background:#0a2750;color:#eefaff;font:inherit;font-size:.81rem;font-weight:750;line-height:1.3;cursor:pointer;transition:background .1s,border-color .1s,transform .1s}
.flowko-parity-panel .trustko-faq-option:hover,.flowko-parity-panel .trustko-faq-option:focus-visible{background:#104176;border-color:#62d4ff9c;transform:translateY(-1px)}
.flowko-parity-panel .flowko-next-faq{color:#9bdbff;border-style:dashed;background:#061c3d}
.flowko-parity-panel .trustko-contact-support{width:100%;margin-top:11px;border:1px solid #2ba8fc88;border-radius:12px;padding:11px 13px;background:#0c4a8d;color:#c5eeff;font-weight:900;cursor:pointer}
.flowko-assistant-note{display:block;color:#91add3;font-size:10px;text-align:center;margin-top:8px}
.flowko-parity-panel .trustko-support-form.is-hidden,.flowko-parity-panel .trustko-faq-screen.is-hidden{display:none!important}
.flowko-parity-panel .trustko-support-label{display:block;color:#e1eeff;font-size:.76rem;font-weight:800;margin-bottom:11px}
.flowko-parity-panel .trustko-support-label input,.flowko-parity-panel .trustko-support-label textarea{display:block;width:100%;margin-top:6px;border:1px solid #447dbc;background:#061c40;color:#fff;border-radius:12px;padding:11px 12px;font:inherit;resize:vertical;box-sizing:border-box}
.flowko-parity-panel .trustko-support-actions{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:13px 0}
.flowko-parity-panel .trustko-support-actions .trustko-faq-option{width:auto}
.flowko-parity-panel .trustko-support-send{background:linear-gradient(135deg,#3bddff,#1177ec);color:#041c40;border:0;border-radius:12px;padding:11px 14px;font-weight:900;cursor:pointer}
.flowko-parity-panel .trustko-support-status{color:#a9c9e8;font-size:.75rem;min-height:1em}
@media(max-width:760px){.hero-graphic{width:100%}.hero-graphic .hero-picture-wrap{width:100%}.services-layout{gap:24px}.services-picture img{max-width:100%}.trustko-chat-widget.flowko-parity-widget{width:74px;right:8px;bottom:8px}.trustko-support-panel.flowko-parity-panel{right:12px;bottom:90px;width:calc(100vw - 24px);max-height:calc(100dvh - 106px);border-radius:20px}.calc-rate{min-width:unset;width:100%}}
@media(max-width:420px){.calc-rate img{width:90px;height:90px}.hero-graphic .hero-picture-wrap{border-radius:12px}}

/* Annual services artwork: natural 1122 x 1402 proportions at up to its native size. */
.services-description{width:100%;max-width:1000px;text-align:center}
.services-description .section-desc{margin-inline:auto}
.services-picture figcaption{max-width:740px}

/* Five-services illustration: compact right-side panel on desktop, stacked on mobile. */
@media(min-width:901px){
  .services-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,390px);align-items:center;column-gap:clamp(28px,4.5vw,68px)}
  .services-description{max-width:720px;text-align:left}
  .services-description .section-desc{margin-inline:0}
  .services-picture{width:100%;max-width:390px;justify-self:end}
  .services-picture img{width:100%;max-width:390px;height:auto}
  .services-picture figcaption{max-width:360px}
}
@media(max-width:900px){
  .services-layout{display:flex;flex-direction:column;gap:24px;align-items:center}
  .services-description{max-width:700px;text-align:center}
  .services-description .section-desc{margin-inline:auto}
  .services-picture{width:100%;max-width:360px;align-self:center}
  .services-picture img{max-width:100%;height:auto}
  .services-picture figcaption{max-width:340px}
}
@media(max-width:480px){.services-picture{max-width:320px}}


/* 2026-10-16: Blue breathing room for MAILS hero and five-service pricing visual. */
@media (min-width: 769px) {
  .hero#home { padding-top: 72px; padding-bottom: 92px; }
  .hero#home .hero-grid { min-height: 610px; }
}
.services-section .services-picture {
  max-width: 1230px;
  box-sizing: border-box;
  padding: clamp(65px, 9vw, 126px) clamp(19px, 5vw, 80px);
  border: 1px solid rgba(80, 172, 255, .58);
  border-radius: 24px;
  background:
    radial-gradient(ellipse at 55% 19%, rgba(12, 168, 255, .38), transparent 55%),
    radial-gradient(ellipse at 50% 90%, rgba(30, 100, 255, .28), transparent 62%),
    linear-gradient(150deg, #02184c 0%, #0641a3 48%, #031748 100%);
  box-shadow: inset 0 0 70px rgba(26, 149, 255, .18), 0 20px 55px rgba(4, 38, 98, .24);
}
.services-section .services-picture img {
  display: block;
  width: 100%;
  max-width: 1000px;
  aspect-ratio: 1122/1402;
  border: 1px solid rgba(88, 211, 255, .48);
  border-radius: 14px;
  box-shadow: 0 22px 64px rgba(0, 5, 32, .56);
}
.services-section .services-picture figcaption {
  margin-top: 19px;
  color: #d5e9ff;
  max-width: 750px;
}
@media (max-width: 768px) {
  .hero#home {padding-top: 38px;padding-bottom: 62px;}
  .services-section .services-picture {
    padding: 52px 14px 58px;
    border-radius: 17px;
  }
  .services-section .services-picture img {border-radius: 9px;}
}


/* Pricing graphic enlargement - 2026-10-16.
   Give the tall five-services artwork its own full-width row instead of
   constraining it to the old 390px desktop sidebar. */
@media (min-width: 901px) {
  .services-section .container.services-layout {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 42px;
    width: min(1360px, calc(100% - 54px));
    max-width: 1360px;
  }
  .services-section .services-description {
    max-width: 900px;
    text-align: center;
  }
  .services-section .services-description .section-desc {
    margin-inline: auto;
  }
  .services-section .services-picture {
    width: 100%;
    max-width: 1270px;
    align-self: center;
    padding: 82px clamp(30px, 6vw, 86px) 92px;
  }
  .services-section .services-picture img {
    width: 100%;
    max-width: 1080px;
    height: auto;
  }
}
@media (min-width: 481px) and (max-width: 900px) {
  .services-section .services-picture { max-width: 100%; }
  .services-section .services-picture img { max-width: 100%; }
}


/* MAILS native on-page order intake: synchronized budget/email-volume controls. */
.annual-emails-input{width:100%;max-width:340px;min-height:42px;padding:10px 12px;margin-top:3px;border:1px solid #b3d5fa;border-radius:9px;background:#fff;color:#054684;font-weight:800;font-size:20px}
.volume-adjust-label{margin-top:14px}
.calc-col #emailVolumeRange{display:block;margin-top:13px}
.inquiry-modal .modal-content{max-width:620px;max-height:min(94dvh,960px);overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable}
.inquiry-modal .mails-modal-pricing{border:1px solid rgba(83,174,255,.55);border-radius:14px;background:linear-gradient(135deg,#082a5a,#051c3a);padding:16px;margin:15px 0 17px}
.inquiry-modal .mails-modal-pricing label{margin:8px 0 4px}
.inquiry-modal .mails-modal-pricing input[type="number"]{font-weight:800;font-size:17px;min-height:43px}
.inquiry-modal .mails-modal-pricing input[type="range"]{margin:12px 0 0;accent-color:#32cfff}
.inquiry-modal .mails-modal-input{display:flex;align-items:center;position:relative}
.inquiry-modal .mails-modal-input>span{position:absolute;left:13px;font-weight:900;color:#6ddbff}
.inquiry-modal .mails-modal-input input{padding-left:28px}
.inquiry-modal .mails-modal-total{display:flex;flex-wrap:wrap;gap:8px;margin-top:13px;padding-top:12px;border-top:1px solid #2e5c91}
.inquiry-modal .mails-modal-total>span{font-size:12px;flex:1 1 130px;color:#c2dfff}
.inquiry-modal .mails-modal-total strong{font-size:16px;color:#fff}
.inquiry-modal #inquiryStatus{font-size:13px;color:#a8efff;line-height:1.5;margin:13px 0 0}
.inquiry-modal #inquiryFeedback:not([hidden]){font-size:12px;color:#d5e4fa;overflow-wrap:anywhere}
.inquiry-modal #inquirySubmit[disabled]{opacity:.6;cursor:wait;pointer-events:none}
.inquiry-modal .mails-spam-trap{position:absolute!important;left:-100000px!important;top:auto!important;opacity:0;pointer-events:none}
.inquiry-modal .mails-modal-pricing input:focus-visible{outline:2px solid #53dbff}
@media (max-width:600px){
 .inquiry-modal{padding:9px}
 .inquiry-modal .modal-content{padding:18px;max-height:96dvh}
 .inquiry-modal .mails-modal-pricing{padding:12px}
 .inquiry-modal .mails-modal-total>span{flex:1 1 105px}
 .annual-emails-input{max-width:100%}
}