:root{
  --navy:#082f63;
  --navy-2:#061f43;
  --blue:#0d6fc8;
  --blue-2:#2d9ae7;
  --sky:#dff2ff;
  --orange:#ff5a1f;
  --orange-2:#ff8a00;
  --green:#16ad52;
  --green-2:#37cc79;
  --ink:#10233f;
  --muted:#5b6f88;
  --line:#dce8f4;
  --white:#fff;
  --shadow:0 22px 55px rgba(18,66,112,.13);
  --radius:26px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:#f8fbff;line-height:1.55;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
img,svg{display:block;max-width:100%}
button,input,textarea,select{font:inherit}
.shell{width:min(1180px,calc(100% - 40px));margin-inline:auto}
.skip-link{position:absolute;left:-9999px;top:8px;background:#fff;padding:10px 14px;border-radius:8px;z-index:1000}.skip-link:focus{left:8px}
.site-header{position:sticky;top:0;z-index:100;background:rgba(255,255,255,.94);border-bottom:1px solid rgba(210,226,240,.82);backdrop-filter:blur(16px)}
.nav-wrap{min-height:78px;display:flex;align-items:center;justify-content:space-between;gap:26px}
.brand{display:inline-flex;align-items:center;gap:10px;color:var(--navy);font-size:1.38rem;font-weight:800;letter-spacing:-.035em}.brand-mark{width:42px;color:#1079d5}.main-nav{display:flex;align-items:center;gap:32px;font-weight:650}.main-nav a{padding:27px 0 23px;border-bottom:3px solid transparent;transition:.2s}.main-nav a:hover,.main-nav a.active{color:var(--blue);border-color:var(--blue)}
.nav-toggle{display:none;background:none;border:0;padding:8px;cursor:pointer}.nav-toggle span{display:block;width:26px;height:2px;background:var(--navy);margin:5px 0;border-radius:999px}
.hero{position:relative;overflow:hidden;color:#fff;background:linear-gradient(126deg,#0754a0 0%,#0a74ca 46%,#39a7ec 100%);min-height:650px}.hero-grid{position:relative;z-index:3;display:grid;grid-template-columns:1.08fr .92fr;align-items:center;gap:28px;min-height:620px;padding:74px 0 100px}.eyebrow,.section-kicker{text-transform:uppercase;letter-spacing:.14em;font-weight:800;font-size:.76rem}.eyebrow{color:#d9f1ff;margin:0 0 16px}.hero h1{font-size:clamp(3rem,5.5vw,5rem);line-height:.99;letter-spacing:-.055em;margin:0;max-width:760px}.hero h1 span{display:block;color:#d9f3ff}.hero-lead{font-size:1.2rem;max-width:680px;color:#edf8ff;margin:25px 0 31px}.hero-actions{display:flex;gap:16px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:56px;padding:0 28px;border-radius:999px;font-weight:800;color:#fff;box-shadow:0 13px 25px rgba(0,0,0,.16);transition:transform .2s,box-shadow .2s}.btn:hover{transform:translateY(-2px);box-shadow:0 16px 29px rgba(0,0,0,.2)}.btn-pto{background:linear-gradient(135deg,var(--orange),var(--orange-2))}.btn-hoa{background:linear-gradient(135deg,#11a64c,var(--green-2))}.hero-trust{display:flex;gap:20px;flex-wrap:wrap;margin-top:26px;font-size:.88rem;font-weight:700;color:#e8f6ff}.hero-trust span::before{content:"✓";margin-right:7px;color:#aef3cb}.hero-orb{position:absolute;border-radius:50%;filter:blur(0);background:rgba(255,255,255,.08)}.hero-orb-one{width:470px;height:470px;right:-100px;top:-170px}.hero-orb-two{width:310px;height:310px;left:-150px;bottom:-120px}.hero-wave{position:absolute;left:-3%;right:-3%;bottom:-70px;height:180px;background:#f8fbff;border-radius:52% 48% 0 0 / 60% 60% 0 0;transform:rotate(-2deg)}
.hero-art{position:relative;min-height:420px}.cloud-shape{position:absolute;width:420px;height:235px;border:2px solid rgba(255,255,255,.35);border-radius:180px 180px 70px 70px;right:0;top:34px;background:linear-gradient(180deg,rgba(255,255,255,.15),rgba(255,255,255,.03));box-shadow:inset 0 0 70px rgba(255,255,255,.11)}.cloud-shape:before,.cloud-shape:after{content:"";position:absolute;border-radius:50%;border:2px solid rgba(255,255,255,.35);background:rgba(255,255,255,.08)}.cloud-shape:before{width:165px;height:165px;left:30px;top:-65px}.cloud-shape:after{width:195px;height:195px;right:30px;top:-90px}.laptop{position:absolute;width:360px;right:62px;top:130px;transform:perspective(850px) rotateY(-6deg) rotateX(2deg);z-index:4}.laptop-screen{height:228px;background:#092d57;border:10px solid #0a294a;border-radius:16px 16px 8px 8px;box-shadow:0 22px 35px rgba(0,32,68,.36);padding:10px}.screen-top{height:15px;border-radius:5px;background:#1a80ca;margin-bottom:8px}.screen-body{display:flex;height:175px;border-radius:6px;overflow:hidden;background:#f7fbff}.screen-sidebar{width:58px;background:#0c6fb7}.screen-main{flex:1;padding:17px}.screen-kpi-row{display:flex;gap:8px}.screen-kpi-row i{display:block;flex:1;height:28px;border-radius:5px;background:#d7eafa}.chart{height:76px;margin:16px 0 11px;display:flex;align-items:end;gap:8px;padding:8px 10px;background:#edf6fd;border-radius:6px}.chart b{display:block;flex:1;background:#1b8bd6;border-radius:3px 3px 0 0}.chart b:nth-child(1){height:28%}.chart b:nth-child(2){height:44%}.chart b:nth-child(3){height:68%}.chart b:nth-child(4){height:54%}.chart b:nth-child(5){height:88%}.screen-lines i{display:block;height:5px;border-radius:999px;background:#c8def0;margin:6px 0}.screen-lines i:nth-child(2){width:70%}.screen-lines i:nth-child(3){width:86%}.laptop-base{height:20px;margin:-1px -25px 0;background:linear-gradient(#e8f1f8,#a8bfd0);clip-path:polygon(7% 0,93% 0,100% 75%,0 75%);filter:drop-shadow(0 12px 8px rgba(4,34,61,.28))}.tablet{position:absolute;width:145px;height:205px;right:3px;top:203px;background:#082b52;border:8px solid #082b52;border-radius:18px;z-index:5;box-shadow:0 18px 30px rgba(0,30,61,.33);transform:rotate(2deg)}.tablet:after{content:"";position:absolute;bottom:4px;left:50%;transform:translateX(-50%);width:23px;height:4px;border-radius:4px;background:#567493}.tablet-grid{height:178px;background:#eef8ff;border-radius:9px;display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:12px}.tablet-grid span{display:grid;place-items:center;background:#fff;border-radius:8px;font-size:1.35rem;color:#1378c4;box-shadow:0 4px 10px rgba(16,83,132,.11)}
.section{padding:86px 0}.products{padding-top:74px}.product-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px}.product-card{position:relative;display:grid;grid-template-columns:.9fr 1.1fr;overflow:hidden;background:#fff;border-radius:var(--radius);box-shadow:var(--shadow);border:1px solid #e6eef7;min-height:425px}.product-card:before{content:"";position:absolute;left:0;right:0;top:0;height:5px}.pto-card:before{background:linear-gradient(90deg,var(--orange),#ff9d4d)}.hoa-card:before{background:linear-gradient(90deg,var(--green),#58d991)}.product-visual{position:relative;display:grid;place-items:center;padding:30px;background:linear-gradient(160deg,#f8fcff,#eef7fd)}.pto-visual{background:linear-gradient(155deg,#fff9f5,#fff2ea)}.hoa-visual{background:linear-gradient(155deg,#f3fff8,#ebf9f1)}.product-content{padding:38px 36px 34px}.product-label{margin:0 0 2px;font-size:.72rem;text-transform:uppercase;letter-spacing:.12em;color:var(--muted);font-weight:800}.product-content h2{font-size:2.3rem;letter-spacing:-.05em;margin:3px 0 13px}.pto-card h2{color:var(--orange)}.hoa-card h2{color:var(--green)}.product-content h2 span{color:var(--navy)}.product-content>p:not(.product-label){color:var(--muted);margin:0 0 17px}.product-content ul{list-style:none;padding:0;margin:0 0 23px}.product-content li{position:relative;padding-left:26px;margin:9px 0;font-weight:650;font-size:.95rem}.product-content li:before{content:"✓";position:absolute;left:0;font-weight:900}.pto-card li:before{color:var(--orange)}.hoa-card li:before{color:var(--green)}.text-link{font-weight:850;display:inline-flex;gap:10px}.pto-link{color:var(--orange)}.hoa-link{color:var(--green)}
.people-table{position:relative;width:230px;height:210px}.table{position:absolute;width:195px;height:68px;background:#fff;border:4px solid #d9e6f1;border-radius:50%;left:17px;top:104px;box-shadow:0 10px 22px rgba(14,65,105,.1)}.person{position:absolute;width:42px;height:58px;border-radius:20px 20px 10px 10px;z-index:2}.person:before{content:"";position:absolute;width:29px;height:29px;border-radius:50%;background:#c98b62;left:7px;top:-16px}.p1{background:#256ed6;left:13px;top:84px}.p2{background:#ffb51b;left:56px;top:53px}.p2:before{background:#8c543e}.p3{background:#f54d38;left:96px;top:42px}.p3:before{background:#f2b189}.p4{background:#22b36c;right:51px;top:57px}.p4:before{background:#9d6549}.p5{background:#6d62d8;right:11px;top:88px}.p5:before{background:#d49b73}.bubble{position:absolute;width:39px;height:39px;border-radius:50%;display:grid;place-items:center;background:#fff;border:3px solid #e5eef7;color:#ff9a00;font-weight:900;box-shadow:0 7px 12px rgba(16,70,108,.08)}.b1{left:18px;top:10px}.b2{left:96px;top:-4px}.b3{right:15px;top:15px;color:#14a959}
.house{position:relative;width:240px;height:210px}.roof{position:absolute;left:38px;top:27px;width:150px;height:86px;background:#0b69ae;clip-path:polygon(50% 0,100% 55%,87% 55%,87% 100%,13% 100%,13% 55%,0 55%)}.home-body{position:absolute;width:158px;height:115px;left:35px;top:90px;background:#dff3ff;border:4px solid #88c9eb;display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:15px}.home-body i{background:#fff;border:2px solid #9ed5ee}.home-body b{position:absolute;width:30px;height:46px;background:#0b69ae;left:60px;bottom:0}.shrub{position:absolute;width:50px;height:29px;background:#37b45d;border-radius:50%;bottom:0}.shrub-a{left:6px}.shrub-b{right:12px}.hoa-badge{position:absolute;right:0;top:82px;width:83px;height:83px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(#16a3e7,#0568c4);border:5px solid #fff;color:#fff;font-size:1.45rem;font-weight:900;text-align:center;box-shadow:0 10px 22px rgba(4,74,126,.2)}.hoa-badge small{display:block;font-size:.42rem;line-height:1.05;margin-top:-16px}
.quick-section{padding:0 0 84px}.quick-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px}.quick-panel{display:flex;align-items:center;gap:14px;padding:22px;border-radius:20px;border:1px solid #e1ebf4}.quick-panel>div{margin-right:auto}.quick-panel strong{display:block;font-size:1.15rem}.quick-panel span{font-size:.8rem;color:var(--muted)}.quick-panel a{background:#fff;padding:12px 14px;border-radius:13px;font-size:.86rem;font-weight:750;box-shadow:0 6px 16px rgba(14,57,93,.08)}.quick-panel a b{margin-left:5px}.quick-pto{background:#fff4eb}.quick-pto strong,.quick-pto a b{color:var(--orange)}.quick-hoa{background:#eefaf2}.quick-hoa strong,.quick-hoa a b{color:var(--green)}
.about{background:#fff}.about-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:70px;align-items:center}.about-art{position:relative;min-height:390px;border-radius:34px;background:radial-gradient(circle at 30% 30%,#e0f5ff,transparent 34%),linear-gradient(145deg,#f7fbfe,#eaf4fa);overflow:hidden}.about-art:after{content:"";position:absolute;left:0;right:0;bottom:0;height:54px;background:linear-gradient(#eef5f9,#dae7ee)}.about-laptop{position:absolute;width:320px;right:42px;bottom:67px;z-index:3}.about-screen{height:190px;border:12px solid #213f63;border-radius:15px 15px 7px 7px;background:linear-gradient(145deg,#fff,#e8f6ff);display:grid;place-items:center;color:#1682d2}.about-screen svg{width:82px}.about-base{height:18px;margin:0 -24px;background:#a7bfd0;clip-path:polygon(7% 0,93% 0,100% 70%,0 70%)}.desk-plant{position:absolute;left:47px;bottom:66px;width:90px;height:130px;z-index:4}.desk-plant span{position:absolute;width:64px;height:55px;background:#f6f8fa;border-radius:9px 9px 20px 20px;bottom:0;left:13px;box-shadow:0 8px 20px rgba(15,59,89,.12)}.desk-plant i{position:absolute;width:30px;height:78px;background:#3cb760;border-radius:100% 0 100% 0;transform-origin:bottom center;left:30px;bottom:40px}.desk-plant i:nth-child(2){transform:rotate(-35deg)}.desk-plant i:nth-child(3){transform:rotate(3deg);height:93px}.desk-plant i:nth-child(4){transform:rotate(42deg)}.section-kicker{color:var(--blue);margin:0 0 10px}.about-copy h2,.cta-box h2{font-size:clamp(2.2rem,4vw,3.5rem);line-height:1.05;letter-spacing:-.045em;margin:0 0 18px}.about-copy>p:not(.section-kicker){font-size:1.08rem;color:var(--muted);margin:0 0 29px}.benefit-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.benefit-grid>div{padding:19px;border:1px solid var(--line);border-radius:17px;background:#fbfdff}.benefit-icon{width:38px;height:38px;border-radius:12px;background:#e6f4ff;color:var(--blue);display:grid;place-items:center;font-weight:900;margin-bottom:12px}.benefit-grid strong{display:block;margin-bottom:5px}.benefit-grid small{color:var(--muted);line-height:1.4;display:block}
.cta-section{padding:76px 0;background:#f1f7fc}.cta-box{display:flex;align-items:center;justify-content:space-between;gap:35px;padding:48px 52px;border-radius:30px;color:#fff;background:linear-gradient(135deg,#063f7e,#0b72c7);box-shadow:var(--shadow)}.cta-box .section-kicker{color:#9fdcff}.cta-box h2{margin-bottom:9px}.cta-box p:not(.section-kicker){margin:0;color:#e6f5ff}.cta-actions{display:flex;gap:12px;flex-wrap:wrap;flex-shrink:0}
.site-footer{background:linear-gradient(145deg,#073c77,#052754);color:#dcecff;padding:56px 0 24px}.footer-grid{display:grid;grid-template-columns:1.8fr .8fr .8fr;gap:42px}.brand-footer{color:#fff}.footer-brand p{max-width:340px;color:#bcd5eb}.site-footer h3{font-size:.88rem;text-transform:uppercase;letter-spacing:.08em;color:#9fd0f4;margin:8px 0 13px}.site-footer div:not(.footer-brand)>a{display:block;margin:7px 0;color:#e9f5ff}.site-footer div:not(.footer-brand)>p{font-size:.9rem;color:#bcd5eb;margin-top:0}.footer-bottom{display:flex;justify-content:flex-start;gap:20px;border-top:1px solid rgba(255,255,255,.18);margin-top:38px;padding-top:22px;font-size:.8rem;color:#a9c8e2}
@media (max-width:1000px){.hero-grid{grid-template-columns:1fr;min-height:auto;padding:72px 0 155px}.hero-art{min-height:390px;margin-top:20px}.product-grid,.quick-grid{grid-template-columns:1fr}.product-card{grid-template-columns:.85fr 1.15fr}.about-grid{grid-template-columns:1fr}.about-art{min-height:350px}.benefit-grid{grid-template-columns:repeat(3,1fr)}.footer-grid{grid-template-columns:1.4fr 1fr 1fr}.cta-box{align-items:flex-start;flex-direction:column}}
@media (max-width:760px){.shell{width:min(100% - 28px,1180px)}.nav-toggle{display:block}.main-nav{position:absolute;top:78px;left:14px;right:14px;display:none;flex-direction:column;align-items:stretch;gap:0;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow);border-radius:18px;padding:10px}.main-nav.open{display:flex}.main-nav a{padding:13px 14px;border:0;border-radius:10px}.main-nav a:hover,.main-nav a.active{background:#eef7ff}.hero{min-height:auto}.hero-grid{padding-top:56px}.hero h1{font-size:clamp(2.8rem,14vw,4.3rem)}.hero-lead{font-size:1.06rem}.hero-art{min-height:330px;transform:scale(.88);transform-origin:top center;margin-bottom:-38px}.cloud-shape{right:50%;transform:translateX(50%)}.laptop{right:50%;transform:translateX(50%) perspective(850px) rotateY(-4deg);width:330px}.tablet{right:6%}.product-card{grid-template-columns:1fr}.product-visual{min-height:250px}.quick-panel{align-items:stretch;flex-wrap:wrap}.quick-panel>div{width:100%}.quick-panel a{flex:1;text-align:center}.benefit-grid{grid-template-columns:1fr}.about-grid{gap:40px}.about-art{min-height:300px}.about-laptop{width:250px;right:20px}.desk-plant{left:22px;transform:scale(.8);transform-origin:bottom}.cta-box{padding:35px 28px}.footer-grid{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/-1}.footer-bottom{flex-direction:column}.section{padding:68px 0}}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.btn{transition:none}}

/* Production auxiliary pages */
.blog-hero{min-height:auto;padding:6rem 0 7rem;}
.blog-hero-inner{position:relative;z-index:2;max-width:900px;text-align:center;}
.blog-hero-title{max-width:none;}
.blog-hero-lead{margin-left:auto;margin-right:auto;}
.blog-card-content{padding:2.2rem;}
.error-shell{max-width:760px;text-align:center;padding:5rem 1rem;}