/* Breakthrough Learning Hub | Liquid Glass Design • Design revision 02 */
:root{--navy:#081d41;--blue:#1a4c91;--orange:#ff791e;--orange2:#ffb45c;--ink:#102441;--muted:#60718b;--cream:#f5f8fc;--line:transparent;--radius:28px;--shadow:0 20px 54px rgba(18,42,82,.10)}
body{font-family:Inter,"Segoe UI",Arial,sans-serif;background:#fff;color:var(--ink);overflow-x:hidden}
h1,h2,h3{letter-spacing:-.045em}
h1{font-size:clamp(2.85rem,5vw,4.95rem);line-height:1.08;font-weight:810}
h2{font-size:clamp(2rem,3.3vw,3.15rem);line-height:1.17}
h3{letter-spacing:-.025em}
.topline{background:linear-gradient(90deg,#091d42,#14427e);color:#dceafb;padding:10px 0}
.topline .container{font-size:.83rem}
header{background:linear-gradient(90deg,#0b2451,#194a87);border:0;box-shadow:none;position:relative;z-index:15;padding:0 0 14px}
.header-inner{width:min(1260px,calc(100% - 40px));min-height:90px;padding:12px 30px;border-radius:25px;background:rgba(255,255,255,.96);box-shadow:0 18px 45px rgba(0,15,48,.23),inset 0 3px 8px #fff;backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px)}
.brand{min-width:170px}
.brand img{width:202px;height:65px;object-fit:contain}
nav{gap:25px}
nav a{font-size:.90rem;color:#142848;transition:color .2s ease}
nav a:hover,nav a[aria-current="page"]{color:#df5900}
.btn{background:linear-gradient(120deg,#ff9d36,#ff6c12);border:0;border-radius:16px;padding:15px 23px;box-shadow:0 9px 23px rgba(218,85,10,.18),inset 0 2px 2px #ffffff3d;transition:transform .2s ease,box-shadow .2s ease}
.btn:hover{background:linear-gradient(115deg,#ffad53,#f16400);transform:translateY(-3px);box-shadow:0 16px 27px rgba(218,85,10,.25)}
.btn-outline{background:rgba(225,235,255,.09);color:#fff!important;box-shadow:inset 0 1px 6px rgba(255,255,255,.15),0 9px 22px rgba(0,5,25,.17);backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px)}
.btn-outline:hover{background:rgba(225,235,255,.20)}
.btn-light{background:rgba(255,255,255,.94);color:var(--navy)!important;box-shadow:0 10px 24px rgba(5,20,55,.18)}
:focus-visible{outline:3px solid #ffae66;outline-offset:3px}
.hero{padding:90px 0 140px;background:radial-gradient(ellipse at 76% 50%,#2475c9cc 0,transparent 44%),radial-gradient(ellipse at 103% 82%,#f08365ba 0,transparent 36%),linear-gradient(118deg,#071b3f 8%,#0e3276 62%,#10508d);isolation:isolate;overflow:hidden}
.hero:before,.hero:after{display:none}
.hero-grid{grid-template-columns:1.05fr .95fr;gap:50px;align-items:center}
.hero h1{max-width:720px;text-shadow:0 7px 30px #0014374a}
.hero .lead{font-size:1.05rem;max-width:650px;line-height:1.85;color:#dae7fb}
.hero .eyebrow{color:#ffba72}
.hero .btn-row{gap:14px}
.hero .btn{padding:17px 25px}
.liquid-stage{min-height:455px;position:relative;isolation:isolate;display:grid;place-items:center;perspective:1100px}
.liquid-orb{pointer-events:none;position:absolute;z-index:-1;filter:blur(1px);border-radius:47% 53% 63% 37% / 47% 39% 61% 53%;box-shadow:inset -24px -30px 45px rgba(8,20,77,.3),inset 16px 17px 45px #d0f0ff43,0 40px 80px #001e515e}
.orb-cobalt{width:365px;height:310px;right:-22px;top:20px;background:radial-gradient(circle at 28% 18%,#9ed7ffb8,#2779efad 25%,#112e83 67%,#091f59);transform:rotate(-14deg)}
.orb-peach{width:215px;height:225px;right:-36px;bottom:-21px;background:radial-gradient(circle at 26% 15%,#ffe4c6cc,#ff9448c2 45%,#e0604a8a 80%,#662c5188);transform:rotate(22deg)}
.orb-mini{width:150px;height:135px;left:5px;bottom:30px;background:radial-gradient(circle at 20% 25%,#b7f0ffff,#60bbffb7 30%,#2465ba9c 83%);transform:rotate(22deg)}
.glass-rear{position:absolute;width:220px;height:255px;right:4%;top:42px;border-radius:39px;transform:rotate(18deg) translateZ(-85px);background:linear-gradient(140deg,#e0f3ff78,#ffffff18 50%,#84c3ff4c);box-shadow:inset 0 8px 13px #ffffff8c,0 26px 60px #001a5280;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px)}
.glass-rear:after{content:"";position:absolute;inset:20px;border-radius:26px;background:linear-gradient(130deg,#ffffffe3,#b1deff20 27%,transparent 70%);opacity:.35}
.glass-chip{position:absolute;z-index:3;right:0;bottom:34px;padding:15px 21px;border-radius:20px;background:linear-gradient(135deg,#ffffffb5,#bfd9ff72 48%,#ffffff6f);box-shadow:inset 0 2px 3px #ffffffd0,0 18px 30px #06245b87;backdrop-filter:blur(18px);color:#0d2c58;font-size:.9rem;font-weight:800;transform:rotate(6deg)}
.glass-card{z-index:2;position:relative;width:min(410px,90%);min-height:365px;display:flex;flex-direction:column;justify-content:space-between;border-radius:38px;padding:35px 35px 31px;background:linear-gradient(132deg,#eff8ff85,#e6f1ff1c 45%,#a6bdf660 100%);box-shadow:inset 0 3px 7px #ffffff91,inset 0 -10px 24px #2964b546,0 26px 75px #00153b9c;backdrop-filter:blur(28px);-webkit-backdrop-filter:blur(28px);transform:rotate(-5deg) rotateY(-9deg) translateZ(18px);animation:glassDrift 9s ease-in-out infinite}
.glass-pill{align-self:start;border-radius:28px;background:#d9ecff40;box-shadow:inset 0 2px 3px #ffffff78,0 7px 15px #061b4f24;padding:11px 16px;font-size:.76rem;letter-spacing:.07em;color:#fff;font-weight:750}
.glass-symbol{height:94px;display:flex;gap:7px;align-items:center}
.glass-symbol span{display:inline-block;width:23px;border-radius:12px;background:linear-gradient(180deg,#f5fbff,#66bbff,#116be0);box-shadow:0 5px 18px #9dd7ffa6,inset 0 2px 4px #ffffffc7}
.glass-symbol span:nth-child(1){height:48px}.glass-symbol span:nth-child(2){height:72px}.glass-symbol span:nth-child(3){height:92px}
.glass-card h3{font-size:2rem;line-height:1.15;color:#fff;margin:0 0 12px}
.glass-card p{color:#f0f6ff;font-size:.93rem;line-height:1.7;margin:0}
.glass-floating-label{align-self:start;padding:10px 16px;border-radius:16px;background:#ffffff34;box-shadow:inset 0 1px 3px #fff8;color:#fff;font-size:.76rem}
@keyframes glassDrift{0%,100%{transform:rotate(-5deg) rotateY(-9deg) translateZ(18px) translateY(0)}50%{transform:rotate(-4deg) rotateY(-7deg) translateZ(18px) translateY(-8px)}}
.stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:-79px;padding:14px;border-radius:27px;position:relative;z-index:3;background:linear-gradient(110deg,rgba(246,250,255,.87),rgba(234,242,255,.83));box-shadow:0 20px 50px #143c7140,inset 0 2px 5px #fff;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px)}
.stat{position:relative;border:0;border-radius:21px;padding:25px 18px 23px 72px;min-height:115px;background:rgba(255,255,255,.60);box-shadow:inset 0 2px 4px #fff,0 7px 19px #092c5512;display:flex;flex-direction:column;justify-content:center}
.stat strong{font-size:2.2rem;color:#103365;margin-bottom:6px}
.stat span:last-child{color:#5a6b81;font-size:.80rem;line-height:1.35}
.stat-bubble{position:absolute;left:17px;top:50%;transform:translateY(-50%);display:grid;place-items:center;width:43px;height:43px;border-radius:14px;font-size:1.4rem;color:#fff!important;background:linear-gradient(145deg,#6ec5ff,#0e66cc);box-shadow:0 7px 18px #2578bb43,inset 0 2px 3px #ffffff70}
.stat:nth-child(2) .stat-bubble,.stat:nth-child(4) .stat-bubble{background:linear-gradient(145deg,#ffce96,#f47c2d);box-shadow:0 7px 18px #ec813a3b,inset 0 2px 3px #ffffff70}

/* Soft surfaces and spatial depth without decorative lines */
.section{padding:88px 0}
.section-soft{background:radial-gradient(ellipse at 12% 14%,#eaf5ff,#f7f9fd 56%,#fffaf7)}
.section-blue{background:radial-gradient(ellipse at 86% 20%,#2d6db2 0,transparent 42%),linear-gradient(115deg,#09214b,#123b7b 75%,#13528f)}
.section-heading{gap:30px}
.section-heading>p{font-size:.98rem}
.eyebrow{letter-spacing:.16em}
.feature,.value,.industry,.step{border:0;border-radius:25px;background:linear-gradient(145deg,#ffffff,#f4f8ff 100%);box-shadow:12px 17px 37px #1a407014,-7px -7px 20px #fff,inset 0 2px 4px #ffffffcf;transition:transform .22s ease,box-shadow .22s ease}
.feature{padding:33px 30px;position:relative;overflow:hidden;min-height:275px}
.feature:after{content:"";position:absolute;right:-50px;top:-53px;width:170px;height:170px;border-radius:48%;background:radial-gradient(circle,#c6dcffb0,transparent 68%);pointer-events:none}
.feature:hover,.industry:hover,.value:hover,.step:hover{transform:translateY(-5px);box-shadow:15px 23px 48px #1c4f8326,-6px -6px 19px #fff,inset 0 2px 4px #fff}
.feature h3{position:relative;z-index:1;color:#122e59}
.feature p{position:relative;z-index:1;color:#566c83}
.feature .index{color:#eb6916;font-size:.70rem;margin-bottom:24px}
.feature a{color:#d45608}
.service-icon{width:56px;height:56px;border-radius:19px;display:grid;place-items:center;background:linear-gradient(135deg,#fff0e1,#ffccaf);box-shadow:inset 0 3px 6px #ffffffdb,0 13px 27px #d4773d26;font-size:1.5rem;color:#f0781e;margin-bottom:22px}
.feature:nth-child(2) .service-icon{background:linear-gradient(135deg,#e9f5ff,#9dceff);color:#1469c7}
.feature:nth-child(3) .service-icon{background:linear-gradient(135deg,#fff0e1,#ffcbb1);color:#e8661a}
.industries{gap:15px}
.industry{min-height:74px;padding:20px;box-shadow:0 14px 31px #0c3c7012,inset 0 2px 4px #fff}
.industry:before{width:11px;height:11px;background:radial-gradient(circle at 27% 28%,#ffd5ad,#f37014 69%);box-shadow:0 3px 10px #ff812754}
.section-blue .step{background:linear-gradient(150deg,rgba(255,255,255,.94),rgba(215,234,255,.90));box-shadow:inset 0 2px 6px #ffffffb3,0 13px 36px #00153540}
.step{border-radius:24px;min-height:250px}
.step b{font-size:2.2rem;color:#f57924}
.band{background:radial-gradient(ellipse at 85% 20%,#4989ca90,transparent 46%),linear-gradient(110deg,#082451,#235b9a);padding:62px 0}
.band-inner{position:relative}
.band-inner:before{content:"";position:absolute;right:17%;width:175px;height:90px;border-radius:50%;background:#a6d8ff36;filter:blur(46px);pointer-events:none}
.band h2{font-size:2.3rem}
.page-hero{position:relative;overflow:hidden;isolation:isolate;padding:81px 0 83px;background:radial-gradient(ellipse at 86% 36%,#317cb2a3,transparent 45%),radial-gradient(ellipse at 108% 110%,#f3997b65,transparent 43%),linear-gradient(107deg,#0b2550,#154884)}
.page-hero:after{content:"";position:absolute;width:360px;height:310px;border-radius:46% 54% 70% 30% / 50% 40% 60% 50%;right:7%;top:20%;transform:rotate(-22deg);background:radial-gradient(circle at 26% 24%,#ffffff9e,#74c2ff50 32%,#1d73d84d 71%,#ffffff0a 96%);box-shadow:inset 11px 15px 36px #ffffff5c,inset -21px -18px 33px #0a3c8a2b,0 25px 46px #061e574f;opacity:.65;z-index:-1}
.page-hero .container{position:relative;z-index:1}
.page-hero h1{font-size:clamp(2.5rem,4.4vw,4.4rem);text-shadow:0 8px 29px #001e483d}
.page-hero p{max-width:660px}
.metric-panel,.info-panel,.contact-box{border:0;border-radius:30px}
.metric-panel{background:radial-gradient(ellipse at 90% 20%,#70beff63,transparent 44%),linear-gradient(135deg,#0d2a5c,#1d5296);box-shadow:inset 0 2px 4px #ffffff61,0 20px 45px #133f7440}
.metric-panel strong{color:#fff}
.info-panel{background:linear-gradient(136deg,#ffead9,#e1efff);box-shadow:inset 0 3px 7px #fff,0 20px 45px #12335719}
.value{padding:35px}
.value strong{color:#d95c0b}
.contact-box{background:linear-gradient(130deg,#fff7ef,#f0f7ff);box-shadow:inset 0 2px 5px #fff,0 22px 45px #1d4b7929}
.contact-line .symbol{color:#f27920}
.placeholder{border:0;background:linear-gradient(135deg,#edf4fd,#fff4ea);border-radius:25px;box-shadow:inset 0 3px 6px #fff,0 15px 40px #1d46711b}
footer{background:radial-gradient(ellipse at 82% 12%,#102c5e44,transparent 65%),#060d1a}
.footer-grid img{object-position:left center}
.footbottom{border:0;border-radius:18px;background:#ffffff0b;padding:19px 24px}
footer .footer-grid a:hover{color:#ffc183}
@media(max-width:1150px){.header-inner{padding:10px 22px}.brand{min-width:130px}.brand img{width:155px}nav{gap:17px}nav a{font-size:.84rem}.hero-grid{gap:20px}.glass-card{width:min(380px,92%)}.stat{padding-left:61px}.stat-bubble{left:12px}}
@media(max-width:900px){.hero-grid{grid-template-columns:1fr}.hero{padding:68px 0 118px}.hero h1{max-width:850px}.hero .lead{max-width:800px}.liquid-stage{min-height:340px;margin-top:25px}.glass-card{min-height:300px;padding:26px}.orb-cobalt{right:14%;top:0}.orb-peach{right:12%;bottom:0}.glass-rear{right:18%;top:10px}.glass-chip{right:12%;bottom:13px}.stats{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:-55px}.stat{min-height:114px}.page-hero:after{opacity:.3}}
@media(max-width:700px){.topline{display:none}header{padding:8px 0 10px}.header-inner{width:calc(100% - 24px);min-height:65px;padding:7px 13px;border-radius:19px}.brand{min-width:0}.brand img{height:50px;width:148px}.menu-toggle{display:block;border:0;border-radius:13px;background:linear-gradient(135deg,#ecf5ff,#f9faff);box-shadow:inset 0 2px 5px #fff,0 3px 12px #15395c1a;font-size:.85rem}.hero{padding:50px 0 100px}.hero h1{font-size:clamp(2.45rem,11vw,3.65rem);line-height:1.1;letter-spacing:-.055em}.hero .lead{font-size:1rem;line-height:1.7}.btn-row{gap:9px}.hero .btn{padding:14px 19px;font-size:.89rem}.liquid-stage{min-height:270px;margin:22px 0 0}.glass-card{min-height:240px;width:min(290px,79vw);padding:23px 23px 18px;border-radius:28px}.glass-card h3{font-size:1.45rem}.glass-card p{font-size:.78rem}.glass-pill{font-size:.60rem;padding:8px 11px}.glass-symbol{height:55px}.glass-symbol span{width:17px}.glass-symbol span:nth-child(1){height:25px}.glass-symbol span:nth-child(2){height:40px}.glass-symbol span:nth-child(3){height:52px}.glass-chip{font-size:.67rem;padding:10px 11px;right:-3px;bottom:17px}.glass-rear{height:155px;width:140px;right:11%;top:28px;border-radius:25px}.orb-cobalt{height:210px;width:245px;right:-4px}.orb-peach{height:140px;width:135px;right:4px;bottom:8px}.orb-mini{height:110px;width:100px;left:0;bottom:0}.stats{gap:10px;padding:10px;border-radius:22px;margin-top:-52px}.stat{padding:17px 12px 17px 13px;min-height:112px;border-radius:16px;justify-content:start}.stat-bubble{position:static;transform:none;width:30px;height:30px;font-size:1rem;border-radius:10px;margin-bottom:10px}.stat strong{font-size:1.68rem;line-height:1.1}.stat span:last-child{font-size:.74rem}.section{padding:63px 0}.section-heading{margin-bottom:24px}.section-heading h2{font-size:2.1rem}.feature{padding:26px;min-height:0}.feature .index{margin-bottom:15px}.feature .service-icon{margin-bottom:16px}.industry{min-height:66px}.step{min-height:0}.page-hero{padding:58px 0 63px}.page-hero:after{width:190px;height:200px;right:-70px;top:10%;opacity:.25}.footer-grid img{width:210px;height:105px}.footbottom{padding:18px 20px}.band h2{font-size:1.85rem}nav{top:calc(100% - 3px);margin:0 10px;border-radius:21px;background:#f8fbff;box-shadow:0 19px 40px #0013356b;padding:22px}}
@media(prefers-reduced-motion:reduce){.glass-card{animation:none}.feature,.step,.value,.industry,.btn{transition:none!important}}

/* Final polish after desktop/mobile visual review */
.hero-grid{grid-template-columns:1.18fr .82fr}
.hero h1{font-size:clamp(3.05rem,4.3vw,4.4rem)}
.quote{border:0;padding:22px 25px;background:linear-gradient(120deg,#f0f7ff,#fff7ee);border-radius:20px;box-shadow:inset 0 3px 5px #fff,0 13px 27px #12396717}
.section-blue .step:hover{box-shadow:0 20px 44px #00153455,inset 0 2px 5px #ffffffa6}
@media(max-width:900px){.hero-grid{grid-template-columns:1fr}.hero h1{font-size:clamp(3.05rem,6.4vw,4.4rem)}}
@media(max-width:700px){.hero h1{font-size:clamp(2.35rem,10.1vw,3.4rem)}.glass-floating-label{display:none}.glass-chip{bottom:-12px;right:3px}.glass-card{justify-content:space-between}.liquid-stage{margin-bottom:12px}}

/* Tablet navigation uses the same compact menu as mobile */
@media(max-width:1000px){
 .header-inner{position:relative}
 .header-inner>.btn{display:none}
 .menu-toggle{display:block;background:linear-gradient(135deg,#ecf5ff,#f9faff);border:0;border-radius:14px;padding:11px 18px;color:#102b55;box-shadow:inset 0 2px 5px #fff,0 5px 13px #12396a18}
 nav{display:none;position:absolute;top:calc(100% + 3px);left:0;right:0;padding:22px;background:#f8fbff;border-radius:21px;box-shadow:0 23px 39px #04163354;flex-direction:column;align-items:stretch;gap:19px;z-index:30}
 nav.open{display:flex}
}

/* Match the client's black-background logo at the footer without altering the logo asset. */
footer{background:#000}

/* ────────────────────────────────────────────────────────────
   V3 FINAL FIT: even full-width header, readable type, crisp glass
   Text remains free of decorative underline treatments.
   ──────────────────────────────────────────────────────────── */
.topline{width:100%;padding:9px 0;background:#09244c}
.topline .container{width:100%;max-width:none;margin:0;padding-inline:clamp(18px,4vw,78px);display:flex;align-items:center;justify-content:space-between;gap:20px}
.topline span{font-size:.9rem}
header{padding:0 0 12px;background:linear-gradient(95deg,#0b2451,#194a87)}
.header-inner{width:calc(100% - 36px);max-width:none;margin-inline:18px;min-height:84px;display:flex;justify-content:space-between;gap:22px;padding:10px clamp(20px,3vw,42px);border-radius:25px}
.brand{flex:0 0 clamp(155px,17vw,230px);min-width:0}
.brand img{width:192px;height:61px;max-width:100%;object-fit:contain;object-position:left}
.header-inner nav{flex:1;display:flex;justify-content:space-evenly;align-items:center;gap:clamp(10px,1.4vw,25px)}
.header-inner nav a{font-size:clamp(.91rem,1vw,1.04rem);font-weight:650;white-space:nowrap}
.header-inner > .btn{flex-shrink:0;padding:14px 22px;min-height:49px}
.header-inner nav a,.header-inner nav a:hover,.header-inner nav a:focus,
.feature a,.feature a:hover,footer a,a:hover{text-decoration:none;text-underline-offset:unset}
.header-inner nav a::before,.header-inner nav a::after,
.feature a::before,.feature a::after{display:none!important}
.hero{padding:68px 0 109px}
.hero-grid{grid-template-columns:minmax(0,1.16fr) minmax(0,.84fr);gap:clamp(26px,4vw,54px);align-items:center}
.hero h1{font-size:clamp(3rem,4vw,4.15rem);line-height:1.12;max-width:720px;margin-bottom:22px}
.hero .lead{font-size:clamp(1.06rem,1.1vw,1.17rem);line-height:1.72;max-width:660px;margin-bottom:22px}
.hero .eyebrow{font-size:.79rem;letter-spacing:.13em}
.hero .btn{font-size:1rem;min-height:52px}
.liquid-stage{height:355px;min-height:355px;width:min(100%,460px);margin-left:auto;transform:none}
.glass-card{transform:none!important;animation:none!important;min-height:300px;max-width:360px;width:86%;border:1.6px solid rgba(240,250,255,.76);border-radius:30px;padding:27px 28px;background:linear-gradient(142deg,rgba(212,235,255,.60),rgba(140,188,255,.23) 57%,rgba(255,233,215,.39));box-shadow:inset 0 2px 4px #ffffffba,inset 0 -3px 13px #5494de43,0 22px 56px #051c4d94}
.glass-card h3{font-size:clamp(1.4rem,1.6vw,1.75rem);line-height:1.23;margin:0 0 9px}
.glass-card p{font-size:.99rem;line-height:1.52}
.glass-symbol{height:57px;gap:7px}
.glass-symbol span{width:19px}
.glass-symbol span:nth-child(1){height:31px}
.glass-symbol span:nth-child(2){height:44px}
.glass-symbol span:nth-child(3){height:56px}
.glass-pill{font-size:.73rem;letter-spacing:.025em;padding:10px 14px}
.glass-floating-label{font-size:.77rem;padding:8px 12px}
.glass-chip{display:none!important}
.glass-rear{height:245px;width:185px;right:3%;top:40px;transform:none;border:1.5px solid #e2f2ff8a;border-radius:30px}
.orb-cobalt{height:300px;width:330px;right:-15px}
.orb-peach{height:180px;width:175px;right:-4px;bottom:4px}
.orb-mini{width:100px;height:100px;left:8px;bottom:4px}
.stats{max-width:1160px;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin-top:-56px;padding:12px;border:1.5px solid rgba(205,223,246,.95);border-radius:24px;box-shadow:0 19px 37px #1239692e,inset 0 2px 6px #fff}
.stat{min-height:118px;padding:17px 15px 17px 72px;border:1.4px solid #d0e0f4;border-radius:18px;background:linear-gradient(125deg,rgba(255,255,255,.97),rgba(233,242,255,.94));box-shadow:inset 0 2px 6px #fff,0 7px 14px rgba(24,62,107,.08);justify-content:center}
.stat-bubble{width:46px;height:46px;left:15px}
.stat strong{font-size:clamp(1.82rem,2.3vw,2.25rem);line-height:1.1;margin-bottom:5px}
.stat span:last-child{font-size:.88rem;line-height:1.35}
.section{padding:72px 0}
.section-heading{margin-bottom:29px;align-items:end}
.section-heading h2{font-size:clamp(2rem,2.75vw,2.8rem);line-height:1.18;margin:0}
.section-heading p{font-size:1.02rem;line-height:1.65}
.grid3{gap:21px}
.feature{min-height:247px;padding:25px 26px 24px;border:1.6px solid #c7d8ed;border-radius:23px;background:linear-gradient(135deg,#fff 0%,#f2f7ff 100%);box-shadow:inset 0 2px 5px #fff,0 14px 30px #1a40701c;display:flex;flex-direction:column;align-items:flex-start}
.feature:after{width:130px;height:130px;right:-45px;top:-35px}
.feature .service-icon{width:55px;height:55px;flex:none;margin-bottom:14px;font-size:1.55rem}
.feature .index{font-size:.78rem;letter-spacing:.10em;margin:0 0 10px}
.feature h3{font-size:1.32rem;line-height:1.27;margin:0 0 10px}
.feature h2[style]{font-size:1.45rem!important;line-height:1.26}
.feature p{font-size:1rem;line-height:1.56;margin:0 0 9px;color:#4b627d}
.feature a{font-size:.96rem;align-self:flex-start;margin:auto 0 0;padding-top:10px;font-weight:720}
.feature:hover{border-color:#90b6e8;box-shadow:0 19px 35px #1e518029,inset 0 2px 6px #fff}
.industry,.value,.step,.contact-box,.info-panel,.placeholder{border:1.4px solid rgba(185,207,234,.85)}
.metric-panel{border:1.5px solid rgba(198,226,255,.50)}
.industry{font-size:.98rem}
.step{min-height:222px;padding:25px}
.step h3{font-size:1.28rem}
.step p{font-size:.98rem}
.footbottom{border:0}
.rule,.divider-line{display:none}
@media(max-width:1230px){
 .header-inner{gap:14px;padding-inline:20px}
 .brand{flex-basis:165px}
 .brand img{width:160px}
 .header-inner nav{gap:10px}
 .header-inner nav a{font-size:.89rem}
 .header-inner>.btn{font-size:.87rem;padding:12px 16px}
 .stat{padding-left:65px}
 .stat-bubble{left:11px;width:43px;height:43px}
}
@media(max-width:1000px){
 .header-inner nav{display:none}
 .header-inner nav.open{display:flex}
 .header-inner{min-height:77px}
 .brand img{width:173px}
 .hero-grid{grid-template-columns:1fr}
 .hero{padding:65px 0 105px}
 .liquid-stage{margin:25px auto 0;width:min(100%,470px)}
 .stats{grid-template-columns:repeat(2,minmax(0,1fr));max-width:690px}
 .stat{padding-left:85px}
 .stat-bubble{left:21px}
}
@media(max-width:700px){
 .topline{display:none}
 header{padding:8px 0 10px}
 .header-inner{width:calc(100% - 20px);margin-inline:10px;min-height:69px;padding:9px 15px;border-radius:20px}
 .brand{flex:0 0 158px}
 .brand img{width:150px;height:52px}
 .header-inner nav.open{display:flex}
 .hero{padding:44px 0 87px}
 .hero h1{font-size:clamp(2.3rem,9vw,3.4rem);line-height:1.12;margin-bottom:17px}
 .hero .lead{font-size:1rem;line-height:1.63}
 .hero .btn{font-size:.88rem;min-height:48px;padding:12px 18px}
 .hero .btn-row{gap:9px}
 .liquid-stage{height:280px;min-height:280px;margin-top:17px;width:100%}
 .glass-card{width:min(282px,83%);min-height:246px;padding:19px 21px}
 .glass-card h3{font-size:1.42rem}
 .glass-card p{font-size:.88rem}
 .glass-pill{font-size:.61rem}
 .glass-symbol{height:45px}
 .glass-symbol span:nth-child(1){height:23px}
 .glass-symbol span:nth-child(2){height:33px}
 .glass-symbol span:nth-child(3){height:44px}
 .glass-rear{height:185px;width:135px;right:8%;top:27px}
 .stats{margin-top:-48px;padding:10px;gap:10px;border-radius:22px}
 .stat{min-height:137px;padding:14px;justify-content:flex-start}
 .stat-bubble{width:36px;height:36px;position:static;transform:none;margin:0 0 9px}
 .stat strong{font-size:1.77rem}
 .stat span:last-child{font-size:.82rem}
 .section{padding:59px 0}
 .section-heading h2{font-size:clamp(1.95rem,7.5vw,2.4rem)}
 .section-heading p{font-size:1rem}
 .grid3{gap:15px}
 .feature{min-height:0;padding:25px 24px}
 .feature h3{font-size:1.28rem}
 .feature p{font-size:.99rem}
 .section-blue .step{min-height:0}
}