:root{--navy:#061d37;--blue:#0b5da8;--green:#12874b;--green2:#19a965;--sun:#f6bd28;--ink:#0a2340;--muted:#61758b;--line:#dfe8ef;--soft:#f4f8fb;--white:#fff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Arial,sans-serif;color:var(--ink);background:#fff}a{text-decoration:none;color:inherit}.wrap{width:min(1180px,calc(100% - 40px));margin:auto}.top{background:var(--navy);color:#dbe8f4;font-size:13px}.top .wrap{display:flex;justify-content:space-between;align-items:center;padding:9px 0}.nav{position:sticky;top:0;z-index:80;background:rgba(255,255,255,.96);border-bottom:1px solid rgba(10,35,64,.08);backdrop-filter:blur(16px)}.nav .wrap{height:84px;display:flex;align-items:center;gap:24px}.logo{width:210px;max-height:62px;object-fit:contain}.links{display:flex;gap:22px;align-items:center;margin-left:auto;font-size:14px;font-weight:750}.links>a:not(.btn){position:relative}.links>a:not(.btn):after{content:"";position:absolute;left:0;right:100%;bottom:-8px;height:2px;background:var(--green);transition:.2s}.links>a:hover:after{right:0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:13px 19px;border-radius:12px;background:var(--blue);color:#fff;font-weight:800;border:0;cursor:pointer;box-shadow:0 8px 22px rgba(11,93,168,.14)}.btn.green{background:linear-gradient(135deg,var(--green),var(--green2))}.btn.sun{background:var(--sun);color:#17304a}.btn.light{background:#fff;color:var(--ink);border:1px solid var(--line);box-shadow:none}.hero{position:relative;overflow:hidden;background:linear-gradient(118deg,#041a31 0%,#073d6b 56%,#0d7b59 100%);color:#fff;padding:78px 0 70px}.hero:before{content:"";position:absolute;width:520px;height:520px;border-radius:50%;background:rgba(246,189,40,.13);right:-180px;top:-230px}.hero-grid{display:grid;grid-template-columns:1.03fr .97fr;gap:55px;align-items:center;position:relative}.eyebrow{color:#ffd65a;font-weight:900;letter-spacing:.12em;text-transform:uppercase;font-size:13px}.hero h1{font-size:clamp(44px,5.5vw,72px);line-height:1.02;margin:14px 0 18px;letter-spacing:-.035em}.hero p{font-size:18px;line-height:1.72;color:#dceaf5;max-width:650px}.hero-art{position:relative}.hero-art img{width:100%;display:block;border-radius:28px;box-shadow:0 30px 80px rgba(0,0,0,.28);border:1px solid rgba(255,255,255,.2)}.trustbar{background:#fff;border-bottom:1px solid var(--line)}.trustgrid{display:grid;grid-template-columns:repeat(4,1fr)}.trustitem{padding:20px 18px;border-right:1px solid var(--line);display:flex;gap:12px;align-items:center}.trustitem:last-child{border-right:0}.trusticon{width:42px;height:42px;border-radius:12px;background:#e9f7ef;color:var(--green);display:grid;place-items:center;font-weight:900}.trustitem b{display:block}.trustitem span{font-size:12px;color:var(--muted)}.section{padding:78px 0}.section.soft{background:var(--soft)}.section.dark{background:var(--navy);color:#fff}.sectionhead{display:flex;justify-content:space-between;align-items:end;gap:25px;margin-bottom:30px}.kicker{font-size:12px;font-weight:900;letter-spacing:.12em;color:var(--green);text-transform:uppercase}.section h2{font-size:clamp(30px,4vw,44px);letter-spacing:-.025em;margin:6px 0 8px}.lead{color:var(--muted);line-height:1.72;max-width:760px}.dark .lead{color:#b9cbdc}.grid4,.grid3,.grid2{display:grid;gap:18px}.grid4{grid-template-columns:repeat(4,1fr)}.grid3{grid-template-columns:repeat(3,1fr)}.grid2{grid-template-columns:repeat(2,1fr)}.card{background:#fff;border:1px solid var(--line);border-radius:22px;padding:25px;box-shadow:0 14px 40px rgba(7,29,54,.06);transition:.25s}.card:hover{transform:translateY(-5px);box-shadow:0 22px 50px rgba(7,29,54,.11)}.card h3{margin:12px 0 8px;font-size:19px}.icon{width:50px;height:50px;border-radius:15px;background:linear-gradient(135deg,#e7f2ff,#edf9f1);display:grid;place-items:center;font-size:23px}.muted{color:var(--muted);line-height:1.6}.solution-card{min-height:230px;position:relative;overflow:hidden}.solution-card:after{content:"";position:absolute;width:100px;height:100px;border-radius:50%;background:#eff8f3;right:-28px;bottom:-28px}.brandrow{display:flex;flex-wrap:wrap;gap:10px}.brandchip{padding:10px 15px;border:1px solid var(--line);border-radius:999px;background:#fff;font-weight:800;font-size:13px}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.step{padding:24px;border-radius:20px;background:#0b2d50;border:1px solid #20496f}.step b{font-size:30px;color:#ffd65a}.step h3{margin:8px 0 0}.cta{border-radius:28px;background:linear-gradient(120deg,#0b5da8,#12874b);color:#fff;padding:42px;display:grid;grid-template-columns:1.5fr .5fr;gap:25px;align-items:center;box-shadow:0 22px 60px rgba(10,75,110,.2)}.cta h2{margin:0 0 8px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}.smallhero{padding:54px 0}.smallhero h1{font-size:clamp(36px,5vw,56px)}.formbox{background:#fff;border-radius:22px;padding:28px;border:1px solid var(--line);box-shadow:0 14px 40px rgba(7,29,54,.05)}.formgrid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.field label{display:block;font-weight:800;font-size:13px;margin:0 0 7px}.field input,.field select,.field textarea{width:100%;padding:13px 14px;border:1px solid #cbd9e4;border-radius:11px;background:#fff;color:var(--ink)}.field textarea{min-height:100px}.result,.notice{margin-top:16px;padding:15px 17px;border-radius:12px}.result{background:#edf9f2;border-left:4px solid var(--green)}.notice{background:#fff7dd;border:1px solid #efd98e;color:#6d5400}.product-card{display:flex;flex-direction:column;min-height:210px}.product-card .category{font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:var(--green);font-weight:900}.product-card .arrow{margin-top:auto;color:var(--blue);font-weight:900}.projectcard{padding:0;overflow:hidden}.projectvisual{height:180px;background:linear-gradient(145deg,#0a3158,#0f7f5b);position:relative}.projectvisual:before{content:"";position:absolute;left:12%;right:12%;top:35%;height:42%;transform:skewX(-12deg);background:repeating-linear-gradient(90deg,#153d70 0 44px,#5c9dd1 45px 47px),repeating-linear-gradient(0deg,transparent 0 34px,#75b3e2 35px 37px);border:3px solid #dcecf6}.projectbody{padding:22px}.footer{background:#031426;color:#d7e4ef;padding:55px 0 28px}.footergrid{display:grid;grid-template-columns:1.7fr 1fr 1fr 1fr;gap:34px}.footer img{width:230px;background:#fff;border-radius:10px;padding:7px}.footer a:hover{color:#ffd65a}.socials{display:flex;gap:9px;flex-wrap:wrap;margin-top:15px}.socials a{padding:8px 10px;border:1px solid #28425c;border-radius:9px}.legal{border-top:1px solid #20364c;margin-top:35px;padding-top:20px;font-size:12px;color:#8ea5b8}.mobilebar{display:none}.menubtn{display:none}.adminbody{background:#eef3f7}.adminwrap{max-width:1220px;margin:25px auto;padding:0 20px}.adminnav{display:flex;gap:8px;flex-wrap:wrap;margin:16px 0;padding:15px;background:var(--navy);border-radius:14px}.adminnav a{padding:9px 12px;background:#eef5fb;border-radius:9px;color:#123;font-size:13px;font-weight:700}.tablewrap{overflow:auto}.table,.datatable{width:100%;border-collapse:collapse;background:#fff}.table th,.table td,.datatable th,.datatable td{padding:11px;border-bottom:1px solid #e5ebf0;text-align:left;white-space:nowrap}.table th,.datatable th{background:#f6f9fb}.statgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.stat{background:#fff;padding:22px;border-radius:16px}.stat b{font-size:30px;display:block}.badge{padding:4px 8px;border-radius:999px;background:#eef5fb}.danger{background:#b42318}.success{background:var(--green)}@media(max-width:920px){.links{display:none}.menubtn{display:block;margin-left:auto;border:0;background:#eef4f8;padding:10px 13px;border-radius:10px}.links.open{display:flex;position:absolute;top:100%;left:0;right:0;background:#fff;flex-direction:column;padding:20px;border-bottom:1px solid var(--line)}.nav .wrap{position:relative}.hero-grid,.cta{grid-template-columns:1fr}.grid4,.steps,.trustgrid,.footergrid{grid-template-columns:1fr 1fr}.mobilebar{display:grid;grid-template-columns:repeat(4,1fr);position:fixed;bottom:0;left:0;right:0;background:#fff;border-top:1px solid var(--line);z-index:100}.mobilebar a{text-align:center;padding:10px 3px;font-size:11px;font-weight:900}.footer{padding-bottom:88px}}@media(max-width:620px){.top{display:none}.wrap{width:min(100% - 28px,1180px)}.nav .wrap{height:70px}.logo{width:178px}.hero{padding:54px 0}.hero h1{font-size:42px}.hero p{font-size:16px}.hero-art{margin-top:10px}.section{padding:56px 0}.grid4,.grid3,.grid2,.steps,.trustgrid,.footergrid,.formgrid,.statgrid{grid-template-columns:1fr}.trustitem{border-right:0;border-bottom:1px solid var(--line)}.sectionhead{display:block}.cta{padding:28px}.footergrid{gap:22px}}

/* V5 Premium UX refinements */
body{background:#fff}.nav{box-shadow:0 8px 30px rgba(6,29,55,.04)}.smallhero{padding:62px 0 56px}.smallhero p{max-width:760px}.card{border-color:#e5edf3}.customer-note{margin-top:22px;padding:18px 20px;border-radius:16px;background:linear-gradient(90deg,#edf8f2,#eef6ff);border:1px solid #dcebe4;color:#23415b}.visit-section{background:linear-gradient(180deg,#f5f9fc,#fff)}.visit-layout{display:grid;grid-template-columns:.88fr 1.12fr;gap:42px;align-items:start}.visit-copy{padding:28px 8px 20px 0;position:sticky;top:120px}.visit-copy h2{font-size:clamp(34px,4vw,48px);line-height:1.08;margin:10px 0 14px}.comfort-list{display:grid;gap:12px;margin:28px 0}.comfort-list>div{display:flex;flex-direction:column;padding:16px 18px;border:1px solid var(--line);background:#fff;border-radius:16px;box-shadow:0 10px 25px rgba(7,29,54,.04)}.comfort-list b{color:var(--ink)}.comfort-list span{font-size:13px;color:var(--muted);margin-top:3px}.mini-contact{display:flex;gap:12px;flex-wrap:wrap}.mini-contact a{font-weight:850;color:var(--blue)}.visit-form{padding:30px;border-radius:26px;box-shadow:0 25px 70px rgba(7,29,54,.1)}.form-title{margin-bottom:22px}.form-title h3{font-size:27px;margin:7px 0 4px}.form-title p{margin:0;color:var(--muted)}.form-step{display:inline-flex;padding:6px 9px;border-radius:8px;background:#e9f7ef;color:var(--green);font-size:11px;font-weight:900;letter-spacing:.09em}.field em{font-style:normal;font-weight:600;color:#8a9bad;font-size:11px}.field small{display:block;margin-top:6px;color:#7a8da0}.field.full{grid-column:1/-1}.choice-row{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.choice-row label{margin:0;cursor:pointer}.choice-row input{position:absolute;opacity:0;pointer-events:none}.choice-row span{display:flex;justify-content:center;align-items:center;min-height:48px;border:1px solid #cbd9e4;border-radius:12px;background:#fff;font-size:13px;font-weight:800;transition:.2s}.choice-row input:checked+span{border-color:var(--green);background:#edf9f2;color:var(--green);box-shadow:0 0 0 2px rgba(18,135,75,.08)}.visit-submit{width:100%;margin-top:20px;min-height:52px;font-size:15px}.privacy-note{font-size:11px;line-height:1.5;color:#7c8d9e;text-align:center;margin:12px 0 0}.socials a{transition:.2s}.socials a:hover{background:#fff;color:var(--navy);transform:translateY(-2px)}
@media(max-width:920px){.visit-layout{grid-template-columns:1fr}.visit-copy{position:static;padding:0}.choice-row{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.smallhero{padding:42px 0}.smallhero .actions{display:none}.visit-section{padding-top:34px}.visit-copy h2{font-size:32px}.visit-form{padding:20px;border-radius:20px}.form-title h3{font-size:23px}.choice-row{grid-template-columns:1fr 1fr}.field input,.field select,.field textarea{min-height:48px;font-size:16px}.visit-submit{min-height:56px}}
