:root{--blue:#067cf0;--navy:#061a38;--ink:#10223e;--muted:#6d7e93;--line:#dce8f5;--pale:#f2f8ff}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:"DM Sans",Arial,sans-serif;color:var(--ink);line-height:1.6}a{text-decoration:none;color:inherit}img{display:block;max-width:100%}.container{width:min(1180px,calc(100% - 40px));margin:auto}
.topbar{background:#03142c;color:#c8d9ed;font-size:12px}.topbar-in{height:36px;display:flex;justify-content:space-between;align-items:center;gap:20px}.topbar a{color:#fff;font-weight:700}
.nav{height:82px;position:sticky;top:0;z-index:20;background:rgba(255,255,255,.9);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}.nav-in{height:100%;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:11px}.brand img{width:49px;height:49px;object-fit:cover;border-radius:50%}.brand span{display:flex;flex-direction:column}.brand b{font-family:Manrope;font-size:18px;letter-spacing:.06em;line-height:1.05}.brand small{font-size:9px;text-transform:uppercase;letter-spacing:.13em;color:#58728f;margin-top:5px}.nav nav{display:flex;align-items:center;gap:27px;font-size:13px;font-weight:700;color:#36506e}.nav nav a:hover{color:var(--blue)}.nav-cta{background:var(--blue);color:#fff!important;padding:12px 18px;border-radius:50px}.hamb{display:none;border:0;background:none;font-size:25px}
.hero{height:720px;position:relative;color:#fff;overflow:hidden}.hero-img,.hero-img img,.hero-shade{position:absolute;inset:0;width:100%;height:100%}.hero-img img{object-fit:cover}.hero-shade{background:linear-gradient(90deg,rgba(2,19,45,.92),rgba(3,28,56,.55) 50%,rgba(3,28,56,.12)),linear-gradient(0deg,rgba(2,16,38,.35),transparent 55%)}.hero-copy{height:100%;position:relative;z-index:1;display:flex;flex-direction:column;justify-content:center}.eyebrow,.kicker{font-size:11px;font-weight:800;letter-spacing:.18em;text-transform:uppercase;color:var(--blue);margin-bottom:14px}.eyebrow{color:#a9ddff}.hero h1,h2{font-family:Manrope,sans-serif;letter-spacing:-.055em;line-height:1.02}.hero h1{font-size:clamp(50px,7vw,92px);margin:0 0 23px}.hero h1 i{font-style:normal;color:#79ceff}.hero p{max-width:650px;color:#dbeafa;font-size:18px;margin:0 0 28px}.actions{display:flex;gap:11px;flex-wrap:wrap}.btn{display:inline-flex;justify-content:center;align-items:center;border:1px solid transparent;border-radius:99px;padding:14px 22px;font-weight:800;font-size:13px;cursor:pointer;transition:.2s transform,.2s box-shadow}.btn:hover{transform:translateY(-2px)}.primary{background:var(--blue);color:#fff;box-shadow:0 14px 32px rgba(6,124,240,.25)}.glass{color:#fff;background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.38);backdrop-filter:blur(10px)}.white{background:#fff;color:var(--navy)}.outline{color:#fff;border-color:rgba(255,255,255,.45)}.trust{display:flex;gap:22px;flex-wrap:wrap;margin-top:28px;color:#cfe2f7;font-size:12px;font-weight:700}.scroll{position:absolute;right:28px;bottom:25px;writing-mode:vertical-rl;color:#bcd4eb;font-size:10px;letter-spacing:.14em}
.numbers{border-bottom:1px solid var(--line)}.numbers-in{display:grid;grid-template-columns:repeat(4,1fr)}.numbers-in div{text-align:center;padding:24px;border-right:1px solid var(--line)}.numbers-in div:last-child{border:0}.numbers b{font-family:Manrope;font-size:23px;display:block}.numbers span{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.1em}
.section{padding:110px 0}.split{display:grid;grid-template-columns:260px 1fr;gap:70px}.section h2,.head h2,.product h2,.quality h2,.ceo h2,.blueband h2,.order h2,.report h2{font-size:clamp(38px,5vw,64px);margin:0 0 20px}.section h2 em,.head h2 em,.product h2 em,.quality h2 em,.ceo h2 em,.blueband h2 em,.order h2 em,.report h2 em,.gallery h2 em{font-style:normal;color:var(--blue)}.lead,.head p{font-size:18px;color:var(--muted);max-width:720px}.features{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:40px}.features article{border-top:1px solid var(--line);padding-top:20px}.features strong{display:grid;place-items:center;width:36px;height:36px;background:#e8f4ff;border-radius:50%;color:var(--blue)}.features h3{font-family:Manrope;margin:13px 0 6px}.features p{font-size:14px;color:var(--muted);margin:0}
.dark{background:var(--navy);color:#fff}.kicker.blue{color:#72c8ff}.kicker.light{color:#7bcaff}.head{max-width:760px;margin-bottom:50px}.head.center{text-align:center;margin-left:auto;margin-right:auto}.head.center p{margin-left:auto;margin-right:auto}.dark .head p{color:#8297b1}.process{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.process article{min-height:230px;padding:24px;border:1px solid rgba(255,255,255,.1);border-radius:20px;background:rgba(255,255,255,.035)}.process article.highlight{background:linear-gradient(145deg,rgba(6,124,240,.38),rgba(255,255,255,.04));border-color:rgba(93,188,255,.35)}.process small{color:#6cc4ff;font-weight:800}.process h3{font-family:Manrope;font-size:18px;margin:45px 0 8px}.process p{color:#91a6be;font-size:13px;margin:0}.process-line{display:flex;justify-content:center;gap:15px;flex-wrap:wrap;margin-top:30px;padding:17px;border:1px solid rgba(255,255,255,.1);border-radius:15px;color:#d1e5f7;font-size:11px;letter-spacing:.08em;text-transform:uppercase}
.product{display:grid;grid-template-columns:1.05fr .95fr;background:#edf7ff}.product-photo{min-height:680px}.product-photo img{width:100%;height:100%;object-fit:cover}.product-copy{padding:80px clamp(30px,7vw,105px);display:flex;flex-direction:column;justify-content:center}.product-copy>p{color:var(--muted);font-size:17px}.prices{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid #c9dced;border-bottom:1px solid #c9dced;margin:27px 0}.prices div{padding:20px}.prices div+div{border-left:1px solid #c9dced}.prices small{display:block;color:#6b7e94;font-weight:800;font-size:9px;letter-spacing:.14em}.prices b{display:block;font-family:Manrope;font-size:28px}.prices span{font-size:12px;color:var(--muted)}.note{background:#fff;border:1px solid #d7e6f4;border-radius:14px;padding:16px 18px;font-size:13px;color:#52677e;margin-bottom:24px}.note b{color:var(--navy)}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.cards article{min-height:370px;border-radius:24px;padding:27px;display:flex;flex-direction:column;justify-content:space-between;background-position:center;background-size:cover;color:#fff;position:relative;overflow:hidden}.cards article:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(2,17,38,.9),rgba(2,17,38,.08))}.cards article>*{position:relative;z-index:1}.cards article>span{font-size:11px;color:#c2def5}.cards article div{max-width:330px}.cards h3{font-family:Manrope;font-size:30px;margin:0 0 5px}.cards p{font-size:14px;color:#d9e9f7}.cards a{font-weight:800;font-size:13px}
.quality{min-height:630px;display:flex;align-items:center;position:relative;overflow:hidden;background:var(--navy);color:#fff}.quality-bg{position:absolute;inset:0;background:url('assets/brand-visual-3.jpg') center/cover;opacity:.5}.quality:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#061a38 5%,rgba(6,26,56,.86) 48%,rgba(6,26,56,.2))}.quality .container{position:relative;z-index:1}.quality-card{max-width:610px}.quality p{color:#c0cede;font-size:17px}.pills{display:flex;gap:8px;flex-wrap:wrap;margin:22px 0}.pills span{border:1px solid rgba(255,255,255,.2);border-radius:99px;padding:7px 12px;font-size:11px;color:#d5e7f7}.quality small{display:block;color:#8da3bb;font-size:10px;margin-top:16px;max-width:500px}
.controls{background:#f5f9fd}.control-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.control-grid div{background:#fff;border:1px solid var(--line);border-radius:18px;padding:23px}.control-grid b{display:block;color:var(--blue);font-family:Manrope;margin-bottom:7px}.control-grid span{font-size:13px;color:var(--muted)}
.ceo{display:grid;grid-template-columns:1fr 1fr;background:#eaf5ff}.ceo-photo{min-height:650px}.ceo-photo img{width:100%;height:100%;object-fit:cover}.ceo-copy{padding:80px clamp(30px,7vw,105px);display:flex;flex-direction:column;justify-content:center}.ceo-copy p{max-width:580px;color:#596e85;font-size:15px}.signature{border-left:2px solid var(--blue);padding-left:15px;margin-top:20px}.signature b,.signature span{display:block}.signature b{font-family:Manrope;font-size:19px}.signature span{font-size:11px;color:#6b7e93}
.blueband{background:linear-gradient(115deg,#0755a5,#067cf0);color:#fff;padding:75px 0}.blueband-in{display:flex;align-items:center;justify-content:space-between;gap:35px}.blueband p{color:#d8edff}.blueband .kicker{color:#a5ddff}
.order-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px}.contacts{display:grid;gap:12px;margin-top:35px}.contacts a,.contacts div{display:block;border-top:1px solid var(--line);padding:14px 0}.contacts small{display:block;font-size:9px;letter-spacing:.14em;color:#7a8da3;font-weight:800}.contacts b{display:block;margin-top:3px}.form,.report-form{background:#f5f9fd;border:1px solid var(--line);border-radius:24px;padding:28px;display:grid;gap:14px}.form label{font-size:12px;font-weight:800;color:#496079}.form input,.form select,.form textarea,.report-form input{display:block;width:100%;margin-top:6px;border:1px solid #d4e2ef;background:#fff;border-radius:12px;padding:13px 14px;font:inherit;font-size:13px;outline:none}.form textarea{min-height:100px;resize:vertical}.form input:focus,.form select:focus,.form textarea:focus,.report-form input:focus{border-color:#6bb8ff;box-shadow:0 0 0 3px rgba(6,124,240,.08)}.two{display:grid;grid-template-columns:1fr 1fr;gap:12px}.full{width:100%;border:0}.form>small{color:#7a8da1;font-size:10px}
.report{background:var(--navy);color:#fff;padding:85px 0}.report-grid{display:grid;grid-template-columns:1fr .8fr;gap:70px;align-items:center}.report p{color:#bfcddd}.report-form{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.12)}.report-form input{background:rgba(255,255,255,.07);border-color:rgba(255,255,255,.16);color:#fff}.report-form input::placeholder{color:#9eb2c8}
.gallery{padding:100px 0}.gallery-grid{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:14px}.gallery-grid img{height:390px;width:100%;object-fit:cover;border-radius:20px}.gallery-grid img:first-child{height:500px}
footer{background:#03142c;color:#a9bad0;padding:70px 0 20px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1.2fr;gap:40px}.footer-brand .brand{color:#fff}.footer-brand p{max-width:330px;font-size:13px}.footer-grid h4{color:#fff;font-family:Manrope;margin:0 0 15px}.footer-grid>div>a,.footer-grid>div>span{display:block;font-size:13px;margin:8px 0}.footer-grid a:hover{color:#fff}.footer-bottom{border-top:1px solid rgba(255,255,255,.1);margin-top:45px;padding-top:18px;display:flex;justify-content:space-between;font-size:11px}
#toast{position:fixed;left:50%;bottom:25px;transform:translate(-50%,20px);background:#061a38;color:#fff;padding:13px 18px;border-radius:99px;opacity:0;pointer-events:none;transition:.25s;z-index:99;font-size:13px}#toast.show{opacity:1;transform:translate(-50%,0)}
@media(max-width:850px){.topbar-in span:nth-child(2){display:none}.nav{height:72px}.nav nav{display:none;position:absolute;left:20px;right:20px;top:72px;background:#fff;border:1px solid var(--line);padding:15px;border-radius:16px;flex-direction:column;align-items:stretch;gap:5px;box-shadow:0 20px 50px rgba(0,30,70,.12)}.nav nav.open{display:flex}.nav nav a{padding:11px}.hamb{display:block}.hero{height:650px}.hero h1{font-size:54px}.hero p{font-size:16px}.scroll{display:none}.numbers-in{grid-template-columns:1fr 1fr}.numbers-in div:nth-child(2){border-right:0}.numbers-in div{border-bottom:1px solid var(--line)}.split,.product,.ceo,.order-grid,.report-grid{grid-template-columns:1fr}.section{padding:75px 0}.split{gap:20px}.features,.cards,.control-grid{grid-template-columns:1fr}.process{grid-template-columns:1fr 1fr}.product-photo,.ceo-photo{min-height:480px}.product-copy,.ceo-copy{padding:65px 30px}.blueband-in{flex-direction:column;align-items:flex-start}.gallery-grid{grid-template-columns:1fr}.gallery-grid img,.gallery-grid img:first-child{height:360px}.footer-grid{grid-template-columns:1fr 1fr}.topbar-in{justify-content:center}.topbar-in a{display:none}}
@media(max-width:520px){.container{width:min(100% - 28px,1180px)}.brand img{width:43px;height:43px}.brand b{font-size:15px}.brand small{font-size:7px}.hero h1{font-size:45px}.hero{height:620px}.trust{gap:10px;flex-direction:column}.process{grid-template-columns:1fr}.prices{grid-template-columns:1fr}.prices div+div{border-left:0;border-top:1px solid #c9dced}.two{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr}.footer-bottom{flex-direction:column;gap:5px}}

.quick-order{position:relative;z-index:5;background:#fff;border-bottom:1px solid #dce8f5;box-shadow:0 14px 40px rgba(4,48,92,.08)}
.quick-order-in{min-height:78px;display:flex;align-items:center;justify-content:space-between;gap:20px}.quick-copy{display:flex;align-items:baseline;gap:12px}.quick-copy span{font-size:10px;text-transform:uppercase;letter-spacing:.13em;color:#6d8198;font-weight:800}.quick-copy b{font-family:Manrope;font-size:20px}.quick-copy small{color:#6d7e93}.quick-actions{display:flex;align-items:center;gap:9px}.quick-actions .btn{padding:11px 18px}.quick-wa{font-size:12px;font-weight:800;color:#087ff5;padding:10px 13px;border:1px solid #cfe4f7;border-radius:99px}
.order-strip{background:#edf7ff;border-top:1px solid #d8e9f6;border-bottom:1px solid #d8e9f6;padding:27px 0}.order-strip-in{display:flex;justify-content:space-between;align-items:center;gap:20px}.order-strip span{display:block;font-size:9px;letter-spacing:.16em;color:#087ff5;font-weight:800}.order-strip b{font-family:Manrope;font-size:20px}
.order-intro{padding-top:10px}.order-benefits{display:flex;flex-wrap:wrap;gap:8px;margin:25px 0}.order-benefits span{font-size:11px;background:#edf7ff;color:#41617f;border:1px solid #d7e8f5;border-radius:99px;padding:8px 11px}
.order-card{background:#f5f9fd;border:1px solid #dce8f5;border-radius:26px;padding:25px;box-shadow:0 22px 60px rgba(10,51,91,.09)}.stepper{display:flex;align-items:center;gap:8px;margin-bottom:7px}.stepper span{width:25px;height:25px;border-radius:50%;display:grid;place-items:center;background:#087ff5;color:#fff;font-size:10px;font-weight:800}.stepper i{height:1px;background:#b9d4eb;flex:1}.step-labels{display:flex;justify-content:space-between;color:#7a8ea5;font-size:9px;text-transform:uppercase;letter-spacing:.1em;margin-bottom:20px}.order-card .form{background:transparent;border:0;padding:0;box-shadow:none}.qty{display:grid;grid-template-columns:36px 1fr 36px;margin-top:6px}.qty button{border:1px solid #d4e2ef;background:#fff;font-size:18px;cursor:pointer}.qty button:first-child{border-radius:11px 0 0 11px}.qty button:last-child{border-radius:0 11px 11px 0}.qty input{margin:0!important;border-radius:0!important;text-align:center}
.bill{background:#fff;border:1px solid #d6e6f3;border-radius:17px;padding:15px;margin-top:2px}.bill>div{display:flex;justify-content:space-between;padding:5px 0;font-size:12px;color:#62768c}.bill>div b{color:#203c59}.bill-total{border-top:1px solid #e1ebf3;margin-top:7px;padding-top:12px!important;align-items:center}.bill-total strong{font-family:Manrope;font-size:26px;color:#087ff5}.bill small{display:block;color:#8a9bad;font-size:9px;margin-top:7px}.form-note{text-align:center}
@media(max-width:850px){.quick-order-in,.order-strip-in{align-items:flex-start}.quick-copy{flex-wrap:wrap;gap:4px 10px}.quick-copy small{width:100%}.quick-actions{margin-left:auto}.order-strip-in{flex-direction:column}.order-strip-in .btn{width:100%}}
@media(max-width:520px){.quick-order-in{padding:12px 0;flex-direction:column;gap:9px}.quick-actions{width:100%}.quick-actions .btn{flex:1}.quick-wa{flex:1;text-align:center}.order-card{padding:18px}.bill-total strong{font-size:23px}}

.option-note{display:block;color:#087ff5!important;font-size:9px!important;font-weight:600;margin-top:7px}.form label .option-note{margin-top:7px}

/* V4 premium visual refinement */
body{background:#fbfdff}
.nav{background:rgba(251,253,255,.72);box-shadow:0 8px 30px rgba(7,43,79,.04)}
.hero-img img{transform:scale(1.015);transition:transform 8s ease}
.hero:hover .hero-img img{transform:scale(1.045)}
.hero-shade{background:linear-gradient(90deg,rgba(1,14,34,.94),rgba(1,24,50,.62) 47%,rgba(1,24,50,.16)),linear-gradient(0deg,rgba(1,15,34,.5),transparent 62%)}
.hero-copy{padding-top:25px}
.hero h1{max-width:900px;text-shadow:0 8px 35px rgba(0,0,0,.18)}
.hero p{max-width:610px}
.btn{box-shadow:0 10px 28px rgba(4,60,112,.10)}
.primary{box-shadow:0 13px 32px rgba(6,124,240,.28)}
.quick-order{backdrop-filter:blur(18px)}
.section,.gallery{background:linear-gradient(180deg,#fff 0%,#fbfdff 100%)}
.features article,.control-grid div{transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}
.features article:hover,.control-grid div:hover{transform:translateY(-4px);box-shadow:0 18px 45px rgba(9,53,91,.08);border-color:#c9e1f5}
.process article{transition:transform .25s ease,border-color .25s ease}
.process article:hover{transform:translateY(-5px);border-color:rgba(93,188,255,.38)}
.cards article{box-shadow:0 20px 45px rgba(5,30,60,.10);transition:transform .28s ease,box-shadow .28s ease}
.cards article:hover{transform:translateY(-7px);box-shadow:0 30px 65px rgba(5,30,60,.18)}
.product,.ceo{position:relative}
.product-copy,.ceo-copy{position:relative}
.order-card{box-shadow:0 30px 80px rgba(10,51,91,.12)}
.order-strip{background:linear-gradient(100deg,#f3f9ff,#eaf6ff)}
.quality{min-height:650px}
.gallery-grid img{box-shadow:0 18px 45px rgba(7,38,70,.08);transition:transform .3s ease}
.gallery-grid img:hover{transform:translateY(-5px)}
.footer-grid .brand b{color:#fff}
@media(max-width:850px){.hero-copy{padding-top:0}}

/* V5 purification layout fix */
#process .head{position:relative;z-index:2}
#process .head h2{font-size:clamp(42px,5.5vw,70px);line-height:.98;margin-bottom:22px}
#process .head h2 em{display:inline-block}
#process .head p{max-width:700px;line-height:1.7}
.process{grid-template-columns:repeat(4,minmax(0,1fr));align-items:stretch;gap:16px}
.process article{min-height:250px;padding:22px;display:flex;flex-direction:column;position:relative;overflow:hidden}
.process article:nth-child(5){grid-column:1}
.process article:nth-child(6){grid-column:2}
.process article:nth-child(7){grid-column:3}
.process article:before{content:"";position:absolute;left:0;top:0;width:100%;height:2px;background:rgba(255,255,255,.08)}
.process article.highlight:before{background:#42adff}
.step-top{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:28px}
.step-top small{font-size:11px;color:#72c8ff;font-weight:800;letter-spacing:.08em}
.step-top span{font-size:8px;color:#728aa5;letter-spacing:.13em;font-weight:800;text-align:right}
.process h3{font-size:19px;line-height:1.18;margin:48px 0 10px}
.process h3 b{font-weight:800;color:#74c9ff}
.process p{line-height:1.65}
.process-line{margin-top:24px}
@media(max-width:1000px){
 .process{grid-template-columns:repeat(2,minmax(0,1fr))}
 .process article:nth-child(5),.process article:nth-child(6),.process article:nth-child(7){grid-column:auto}
}
@media(max-width:520px){
 .process{grid-template-columns:1fr}
 .process article:nth-child(5),.process article:nth-child(6),.process article:nth-child(7){grid-column:auto}
 .process article{min-height:210px}
 .process h3{margin-top:38px}
 .step-top span{font-size:7px}
}

/* V6 — premium international-brand refinement */
:root{--blue:#0b7ff3;--navy:#04172f;--ink:#0a1e38}
body{letter-spacing:-.008em}
.topbar{background:#020f24;letter-spacing:.03em}
.topbar-in{height:32px;font-size:9px;text-transform:uppercase;letter-spacing:.13em}
.nav{height:88px;border-bottom-color:rgba(210,226,241,.75)}
.nav-in{max-width:1240px}
.brand img{width:52px;height:52px;box-shadow:0 5px 18px rgba(0,61,125,.12)}
.brand b{font-size:19px;letter-spacing:.055em}
.brand small{font-size:8px}
.nav nav{gap:30px}
.nav-cta{padding:13px 20px}
.hero{height:min(780px,calc(100vh - 32px));min-height:650px}
.hero-copy{max-width:1240px;padding-left:30px;padding-right:30px}
.hero h1{font-size:clamp(58px,7.4vw,105px);letter-spacing:-.07em;max-width:960px}
.hero p{font-size:17px;line-height:1.75}
.hero-meta{display:flex;gap:28px;flex-wrap:wrap;margin-top:30px;color:#c8dced;font-size:10px;text-transform:uppercase;letter-spacing:.11em}
.hero-meta span{display:flex;align-items:center;gap:8px}
.hero-meta b{color:#75caff;font-family:Manrope}
.quick-order{border-bottom:1px solid #e2edf6;box-shadow:0 15px 40px rgba(3,35,68,.06)}
.quick-order-in{min-height:72px}
.quick-copy b{font-size:18px}
.numbers{background:#fff}
.numbers-in{max-width:1000px}
.numbers-in div{padding:28px 18px}
.numbers b{font-size:20px}
.section{padding:125px 0}
.section .container,.gallery .container{max-width:1180px}
.features{gap:18px}
.features article{padding:24px;border:1px solid #e1ebf4;border-radius:18px;background:#fff}
.features article:hover{transform:translateY(-5px)}
.dark.section{background:linear-gradient(145deg,#03142b,#06284a)}
#process .head{margin-bottom:55px}
.process article{background:rgba(255,255,255,.045);backdrop-filter:blur(8px);border-radius:18px}
.process article.highlight{box-shadow:0 20px 55px rgba(0,116,231,.12)}
.product{background:#f2f8fd}
.product-copy{padding-top:100px;padding-bottom:100px}
.product-photo{background:#e7f3fc}
.cards article{border-radius:28px}
.quality{background:#03152e}
.quality-card{padding:15px 0}
.controls{background:#f7faff}
.control-grid{gap:12px}
.control-grid div{border-radius:18px}
.ceo{background:#eef7ff}
.ceo-copy{padding-top:100px;padding-bottom:100px}
.blueband{padding:90px 0;background:linear-gradient(115deg,#034e9c,#0b83f6 72%,#36a7ff)}
.order{background:#fff}
.order-card{border-radius:28px}
.report{padding:95px 0}
.gallery{padding:115px 0}
.gallery-grid{gap:18px}
.gallery-grid img{border-radius:24px}
footer{padding-top:85px}
.floating-wa{position:fixed;right:22px;bottom:22px;z-index:30;display:flex;align-items:center;gap:9px;background:#0a9b58;color:#fff;border-radius:99px;padding:10px 15px 10px 10px;box-shadow:0 15px 35px rgba(0,70,45,.25);font-size:11px}
.floating-wa span{width:30px;height:30px;border-radius:50%;background:#fff;color:#07894e;display:grid;place-items:center;font-weight:900}
.floating-wa b{font-size:11px}
@media(max-width:850px){
 .hero{height:680px;min-height:0}
 .hero-copy{padding-left:20px;padding-right:20px}
 .hero h1{font-size:55px}
 .hero-meta{gap:13px;flex-direction:column}
 .section{padding:85px 0}
 .floating-wa{right:14px;bottom:14px}
}
@media(max-width:520px){
 .topbar-in span:nth-child(2){display:none}
 .hero h1{font-size:45px}
 .hero-meta{margin-top:20px}
 .hero{height:650px}
 .floating-wa b{display:none}
 .floating-wa{padding:8px}
}

@import url('https://fonts.googleapis.com/css2?family=Allura&family=Manrope:wght@600;700;800&display=swap');
.signature b{font-family:'Allura',cursive;font-size:44px;font-weight:400;color:#0879df;line-height:1}
.premium-ribbon{background:#fff;border-top:1px solid #e5eef6;border-bottom:1px solid #e5eef6}.premium-ribbon-in{min-height:62px;display:flex;align-items:center;justify-content:center;gap:22px;color:#59718b;font-size:8px;font-weight:800;letter-spacing:.16em}.premium-ribbon-in i{width:3px;height:3px;background:#42aaf7;border-radius:50%}
.quality-proof{background:linear-gradient(180deg,#f8fbff,#fff)}.quality-proof-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:70px;align-items:center}.quality-proof-media{border-radius:28px;overflow:hidden;box-shadow:0 28px 70px rgba(6,50,90,.16)}.quality-proof-media img{display:block;width:100%;height:auto}.proof-list{display:grid;gap:12px;margin:24px 0}.proof-list div{display:flex;gap:14px;align-items:center;padding:14px 16px;border:1px solid #e6eef6;border-radius:14px;background:#fff}.proof-list b{font-size:11px;color:#1688e8}.proof-list span{font-size:14px;color:#42576c}.disclaimer{display:block;margin-top:14px;color:#7b8b99;font-size:11px;line-height:1.5}
.social-section{background:#f7fbff}.social-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:22px;max-width:900px;margin:34px auto 0}.social-card{display:flex;align-items:center;gap:20px;padding:28px;border-radius:24px;text-decoration:none;background:#fff;border:1px solid #e4edf6;box-shadow:0 18px 50px rgba(5,45,80,.08);transition:.25s}.social-card:hover{transform:translateY(-5px)}.social-card .social-icon{width:58px;height:58px;border-radius:18px;display:grid;place-items:center;font-weight:800;font-size:19px;background:#0b315d;color:#fff}.social-card.instagram .social-icon{background:linear-gradient(135deg,#6b42d8,#ef3c78,#f5a623)}.social-card.facebook .social-icon{font-family:Arial;font-size:32px}.social-card small{font-size:8px;letter-spacing:.15em;color:#7890a5;font-weight:800}.social-card h3{margin:4px 0 2px;color:#08284a}.social-card p{margin:0;color:#6c7f91;font-size:13px}.social-card>span{margin-left:auto;font-size:22px;color:#1688e8}
.feedback-section{background:#fff}.feedback-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:start}.feedback-trust{display:flex;gap:9px;flex-wrap:wrap;margin-top:26px}.feedback-trust span{border:1px solid #dfeaf4;border-radius:999px;padding:8px 12px;font-size:11px;font-weight:700;color:#567087}.feedback-form{padding:30px;border:1px solid #e2ebf3;border-radius:26px;box-shadow:0 25px 70px rgba(4,43,77,.09);background:#fff}.feedback-form label{display:grid;gap:7px;font-size:11px;font-weight:800;color:#587086;margin-bottom:15px}.feedback-form input,.feedback-form select,.feedback-form textarea{width:100%;border:1px solid #dbe7f0;border-radius:12px;padding:13px 14px;font:inherit;outline:none;background:#fbfdff}.feedback-form textarea{resize:vertical}
.faq-list{max-width:900px;margin:30px auto 0;border-top:1px solid #dfe8f0}.faq-list details{border-bottom:1px solid #dfe8f0;padding:20px 4px}.faq-list summary{cursor:pointer;font-weight:800;color:#123b61;list-style:none;display:flex;justify-content:space-between;gap:20px}.faq-list summary:after{content:'+';color:#1688e8;font-size:20px}.faq-list details[open] summary:after{content:'−'}.faq-list p{margin:12px 30px 0 0;color:#64788b;line-height:1.7}
.since-band{padding:42px 20px;text-align:center;background:#06284b;color:#fff}.since-band span{display:block;font-size:9px;letter-spacing:.32em;font-weight:800;color:#8ecbff;margin-bottom:8px}.since-band strong{font-family:Manrope,sans-serif;font-size:25px;letter-spacing:.08em}
@media(max-width:900px){.quality-proof-grid,.feedback-grid{grid-template-columns:1fr;gap:35px}.social-grid{grid-template-columns:1fr}}@media(max-width:520px){.premium-ribbon-in{gap:8px;justify-content:flex-start;overflow:hidden;white-space:nowrap;font-size:7px}.premium-ribbon-in span:nth-of-type(4),.premium-ribbon-in i:nth-of-type(3){display:none}.signature b{font-size:37px}}

/* Order CTA: land directly on the customer details form, accounting for the sticky header. */
#order{scroll-margin-top:110px}.order-card{scroll-margin-top:110px}


/* V8 — Premium Dark Mode */
.theme-toggle{display:inline-flex;align-items:center;justify-content:center;gap:7px;height:42px;padding:0 13px;border:1px solid #d8e6f2;border-radius:999px;background:rgba(255,255,255,.72);color:#173858;font:700 11px "DM Sans",Arial,sans-serif;cursor:pointer;box-shadow:0 8px 24px rgba(5,43,80,.07);transition:.25s ease;backdrop-filter:blur(12px)}
.theme-toggle:hover{transform:translateY(-1px);border-color:#8cc8f7;box-shadow:0 10px 28px rgba(5,43,80,.11)}
.theme-icon{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;background:#eaf5ff;color:#087ff5;font-size:16px;line-height:1}
.theme-label{letter-spacing:.06em;text-transform:uppercase}

html.dark-mode{color-scheme:dark}
html.dark-mode body{background:#07111f;color:#eaf4ff}
html.dark-mode .topbar{background:#020914;color:#a9c0d8}
html.dark-mode .topbar a{color:#fff}
html.dark-mode .nav{background:rgba(5,14,27,.86);border-bottom-color:rgba(151,187,219,.16);box-shadow:0 10px 35px rgba(0,0,0,.24)}
html.dark-mode .brand b{color:#fff}
html.dark-mode .brand small{color:#8ea8c1}
html.dark-mode .nav nav{color:#bcd0e3}
html.dark-mode .nav nav a:hover{color:#72c8ff}
html.dark-mode .theme-toggle{background:rgba(13,29,48,.88);border-color:#29435e;color:#eaf4ff;box-shadow:0 8px 24px rgba(0,0,0,.25)}
html.dark-mode .theme-icon{background:#173553;color:#8fd1ff}
html.dark-mode .hamb{color:#eaf4ff}
html.dark-mode .numbers{background:#07111f;border-bottom-color:#1c334a}
html.dark-mode .numbers-in div{border-color:#1c334a}
html.dark-mode .numbers span{color:#91a7bd}
html.dark-mode .section{background:#07111f}
html.dark-mode .section .kicker,html.dark-mode .head .kicker{color:#59baff}
html.dark-mode .lead,html.dark-mode .head p{color:#9bb0c4}
html.dark-mode .features article{border-top-color:#1d344b}
html.dark-mode .features p{color:#91a7bd}
html.dark-mode .features strong{background:#102d4b;color:#6fc6ff}
html.dark-mode .product{background:#0b1a2c}
html.dark-mode .product-copy>p{color:#9bb0c4}
html.dark-mode .prices{border-color:#29445e}
html.dark-mode .prices div+div{border-color:#29445e}
html.dark-mode .prices small{color:#8fa6bc}
html.dark-mode .prices span{color:#91a7bd}
html.dark-mode .note{background:#0e2034;border-color:#29445e;color:#aec1d3}
html.dark-mode .note b{color:#fff}
html.dark-mode .order{background:#07111f}
html.dark-mode .contacts a,html.dark-mode .contacts div{border-color:#1d344b}
html.dark-mode .contacts small{color:#839bb2}
html.dark-mode .order-benefits span{background:#0d2740;color:#a9c6dd;border-color:#244560}
html.dark-mode .order-card{background:linear-gradient(145deg,#0c2035,#0a192a);border-color:#29465f;box-shadow:0 25px 70px rgba(0,0,0,.28)}
html.dark-mode .stepper i{background:#31516d}
html.dark-mode .step-labels{color:#839bb2}
html.dark-mode .form label{color:#b9ccdd}
html.dark-mode .form input,html.dark-mode .form select,html.dark-mode .form textarea,html.dark-mode .report-form input{background:#081827;color:#eaf4ff;border-color:#2b4964}
html.dark-mode .form input::placeholder,html.dark-mode .form textarea::placeholder{color:#718ba3}
html.dark-mode .form input:focus,html.dark-mode .form select:focus,html.dark-mode .form textarea:focus{border-color:#55b7ff;box-shadow:0 0 0 3px rgba(6,124,240,.18)}
html.dark-mode .qty button{background:#10273d;color:#eaf4ff;border-color:#2b4964}
html.dark-mode .bill{background:#091a2b;border-color:#2a465f}
html.dark-mode .bill>div{color:#9fb4c7}
html.dark-mode .bill>div b{color:#eaf4ff}
html.dark-mode .bill-total{border-top-color:#263f56}
html.dark-mode .bill small,html.dark-mode .form>small,html.dark-mode .form-note{color:#8198ae}
html.dark-mode .option-note{color:#61bfff!important}
html.dark-mode .order-strip{background:#0b2136;border-color:#203d57}
html.dark-mode .order-strip b{color:#eaf4ff}
html.dark-mode .quick-order{background:#081827;border-bottom-color:#203d57;box-shadow:0 14px 40px rgba(0,0,0,.22)}
html.dark-mode .quick-copy span,html.dark-mode .quick-copy small{color:#839bb2}
html.dark-mode .quick-copy b{color:#eaf4ff}
html.dark-mode .quick-wa{color:#66c3ff;border-color:#28506e}
html.dark-mode .cards article{box-shadow:0 18px 50px rgba(0,0,0,.2)}
html.dark-mode .quality-proof{background:linear-gradient(180deg,#071522,#091a2a)}
html.dark-mode .proof-list div{background:#0c2034;border-color:#29455f}
html.dark-mode .proof-list span{color:#b0c4d6}
html.dark-mode .disclaimer{color:#7890a6}
html.dark-mode .controls{background:#081827}
html.dark-mode .control-grid div{background:#0d2135;border-color:#29455f}
html.dark-mode .control-grid span{color:#9db1c4}
html.dark-mode .ceo{background:#0b1e31}
html.dark-mode .ceo-copy p{color:#9eb2c5}
html.dark-mode .signature span{color:#8299af}
html.dark-mode .social-section{background:#081827}
html.dark-mode .social-card{background:#0d2135;border-color:#29455f;box-shadow:0 18px 50px rgba(0,0,0,.22)}
html.dark-mode .social-card h3{color:#eaf4ff}
html.dark-mode .social-card p{color:#8fa7bc}
html.dark-mode .social-card small{color:#7f96ad}
html.dark-mode .feedback-section{background:#07111f}
html.dark-mode .feedback-form{background:#0d2135;border-color:#29455f;box-shadow:0 25px 70px rgba(0,0,0,.25)}
html.dark-mode .feedback-form label{color:#aec2d5}
html.dark-mode .feedback-form input,html.dark-mode .feedback-form select,html.dark-mode .feedback-form textarea{background:#081827;color:#eaf4ff;border-color:#2b4964}
html.dark-mode .feedback-form input::placeholder,html.dark-mode .feedback-form textarea::placeholder{color:#718ba3}
html.dark-mode .feedback-trust span{border-color:#29455f;color:#91abc0}
html.dark-mode .faq-list{border-top-color:#263e55}
html.dark-mode .faq-list details{border-bottom-color:#263e55}
html.dark-mode .faq-list summary{color:#dceaf6}
html.dark-mode .faq-list p{color:#92a9be}
html.dark-mode .premium-ribbon{background:#081827;border-color:#203b54}
html.dark-mode .premium-ribbon-in{color:#8199af}
html.dark-mode footer{background:#020a14}
html.dark-mode .footer-grid h4,html.dark-mode .footer-grid .brand b{color:#fff}
html.dark-mode .footer-bottom{border-top-color:rgba(255,255,255,.1)}
html.dark-mode .since-band{background:#020b16}

/* Keep the dark theme elegant on mobile and make the toggle compact. */
@media(max-width:850px){
  .nav-in{gap:8px}
  .theme-toggle{margin-left:auto;height:38px;padding:0 11px}
  .theme-label{display:none}
  html.dark-mode .nav nav{background:#0b1a2b;border-color:#29455f;box-shadow:0 20px 50px rgba(0,0,0,.35)}
  html.dark-mode .nav nav a{color:#c4d6e7}
  html.dark-mode .nav nav a:hover{color:#72c8ff}
}
@media(max-width:520px){.theme-toggle{height:36px;width:36px;padding:0}.theme-icon{width:23px;height:23px}}

/* V9 — premium motion + dark-mode readability fixes */
.features article{position:relative;overflow:hidden}
.features article:after{content:"";position:absolute;inset:auto -25% -70% -25%;height:150px;background:radial-gradient(circle,rgba(6,124,240,.10),transparent 65%);pointer-events:none;transition:transform .5s ease}
.features article:hover:after{transform:translateY(-25px)}
html.dark-mode .features article{background:linear-gradient(145deg,#0d2237,#0a1b2b);border-color:#29455f;border-top-color:#315572;box-shadow:0 16px 45px rgba(0,0,0,.18)}
html.dark-mode .features h3{color:#eaf4ff}
html.dark-mode .features p{color:#a8bbcc}
html.dark-mode .features strong{background:#102d4b;color:#72c8ff;box-shadow:0 0 0 1px rgba(114,200,255,.12)}

/* Scroll reveal */
.reveal{opacity:0;transform:translateY(28px);transition:opacity .75s cubic-bezier(.2,.7,.2,1),transform .75s cubic-bezier(.2,.7,.2,1)}
.reveal.reveal-left{transform:translateX(-32px)}
.reveal.reveal-right{transform:translateX(32px)}
.reveal.revealed{opacity:1;transform:none}
.reveal-stagger > *{opacity:0;transform:translateY(22px);transition:opacity .65s ease,transform .65s ease}
.reveal-stagger.revealed > *{opacity:1;transform:none}
.reveal-stagger.revealed > *:nth-child(1){transition-delay:.05s}
.reveal-stagger.revealed > *:nth-child(2){transition-delay:.12s}
.reveal-stagger.revealed > *:nth-child(3){transition-delay:.19s}
.reveal-stagger.revealed > *:nth-child(4){transition-delay:.26s}
.reveal-stagger.revealed > *:nth-child(5){transition-delay:.33s}
.reveal-stagger.revealed > *:nth-child(6){transition-delay:.40s}
.hero-copy .eyebrow{animation:heroIn .7s .08s both}
.hero-copy h1{animation:heroIn .8s .16s both}
.hero-copy>p{animation:heroIn .8s .25s both}
.hero-copy .actions{animation:heroIn .8s .34s both}
.hero-copy .trust{animation:heroIn .8s .43s both}
@keyframes heroIn{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}
.hero-img img{animation:heroZoom 12s ease-out both}
@keyframes heroZoom{from{transform:scale(1.045)}to{transform:scale(1)}}
.theme-toggle .theme-icon{transition:transform .45s ease}
.theme-toggle:active .theme-icon{transform:rotate(180deg) scale(.92)}
.social-card .social-icon svg{width:31px;height:31px;display:block}
.social-card .social-icon{transition:transform .35s ease,box-shadow .35s ease}
.social-card:hover .social-icon{transform:scale(1.08) rotate(-2deg);box-shadow:0 10px 24px rgba(0,0,0,.16)}
.social-card.instagram .social-icon{color:#fff}
.social-card.facebook .social-icon{color:#fff}
.floating-wa span{animation:waPulse 2.4s infinite}
@keyframes waPulse{0%,100%{box-shadow:0 0 0 0 rgba(19,169,96,.25)}50%{box-shadow:0 0 0 10px rgba(19,169,96,0)}}

/* Purification cards get a subtle sequential entrance */
.process article{transition:transform .35s ease,box-shadow .35s ease,border-color .35s ease}
.process article:hover{transform:translateY(-7px);box-shadow:0 20px 55px rgba(0,0,0,.14)}
html.dark-mode .process article:hover{box-shadow:0 22px 60px rgba(0,0,0,.3)}

@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal,.reveal-stagger>*{opacity:1!important;transform:none!important;transition:none!important}.hero-img img,.hero-copy>*{animation:none!important}.floating-wa span{animation:none!important}.social-card,.features article,.process article{transition:none!important}}

/* V10 — refined dark-mode motion + animated mobile menu */
html,body,.nav,.topbar,.section,.gallery,.product,.ceo,.social-section,.feedback-section,.order,.report,.controls,.quality-proof,.quick-order,.order-card,.report-form,.feedback-form,.social-card,.features article,.control-grid div,.process article,.cards article,.note,.prices,.form input,.form select,.form textarea,.bill,.order-strip,.quick-order,.faq-item{
  transition:background-color .45s ease,color .45s ease,border-color .45s ease,box-shadow .45s ease;
}

/* Keep dark mode feeling alive: subtle ambient glow without distracting motion. */
html.dark-mode body::before{
  content:"";
  position:fixed;
  inset:-20%;
  pointer-events:none;
  z-index:-1;
  background:radial-gradient(circle at 15% 10%,rgba(21,126,235,.09),transparent 28%),radial-gradient(circle at 85% 35%,rgba(45,175,255,.055),transparent 25%);
  animation:darkAmbient 12s ease-in-out infinite alternate;
}
@keyframes darkAmbient{from{opacity:.55;transform:scale(1)}to{opacity:1;transform:scale(1.035)}}

/* Mobile menu: animate instead of appearing instantly. */
@media(max-width:850px){
  .nav nav{
    display:flex;
    visibility:hidden;
    opacity:0;
    pointer-events:none;
    transform:translateY(-10px) scale(.985);
    transform-origin:top right;
    transition:opacity .24s ease,transform .28s cubic-bezier(.2,.75,.25,1),visibility 0s linear .28s;
  }
  .nav nav.open{
    visibility:visible;
    opacity:1;
    pointer-events:auto;
    transform:translateY(0) scale(1);
    transition:opacity .24s ease,transform .28s cubic-bezier(.2,.75,.25,1),visibility 0s linear 0s;
  }
  .nav nav a{
    opacity:0;
    transform:translateY(-5px);
    transition:opacity .2s ease,transform .25s ease;
  }
  .nav nav.open a{opacity:1;transform:translateY(0)}
  .nav nav.open a:nth-child(1){transition-delay:.03s}
  .nav nav.open a:nth-child(2){transition-delay:.06s}
  .nav nav.open a:nth-child(3){transition-delay:.09s}
  .nav nav.open a:nth-child(4){transition-delay:.12s}
  .nav nav.open a:nth-child(5){transition-delay:.15s}
  .nav nav.open a:nth-child(6){transition-delay:.18s}

  .hamb{position:relative;width:48px;height:48px;display:grid;place-items:center;border-radius:14px;transition:background .25s ease,transform .25s ease,color .25s ease}
  .hamb:active{transform:scale(.94)}
  .hamb::after{content:"";position:absolute;inset:0;border-radius:14px;background:rgba(6,124,240,.08);opacity:0;transform:scale(.75);transition:opacity .25s ease,transform .3s ease}
  .hamb:focus-visible::after,.hamb:hover::after{opacity:1;transform:scale(1)}
}

/* Theme toggle gets a tiny icon rotation/scale when switching modes. */
.theme-toggle .theme-icon{transition:transform .42s cubic-bezier(.2,.8,.2,1),background-color .35s ease,color .35s ease}
.theme-toggle:active .theme-icon{transform:rotate(25deg) scale(.9)}
html.dark-mode .theme-toggle .theme-icon{transform:rotate(180deg)}

@media(prefers-reduced-motion:reduce){
  html.dark-mode body::before{animation:none}
  .nav nav,.nav nav a,.theme-toggle .theme-icon{transition:none!important}
}
@media(max-width:850px){
  .hamb.is-open{transform:rotate(2deg) scale(1.02)}
  .hamb.is-open::after{opacity:1;transform:scale(1)}
}

/* V11 — business utility upgrades */
.journey-section{overflow:hidden}.journey-track{position:relative;display:grid;grid-template-columns:repeat(5,1fr);gap:18px;margin-top:52px}.journey-line{position:absolute;left:8%;right:8%;top:33px;height:2px;background:linear-gradient(90deg,transparent,#2b9df7 12%,#2b9df7 88%,transparent);opacity:.45}.journey-track article{position:relative;z-index:1;padding:28px 20px 24px;border:1px solid var(--border);border-radius:24px;background:var(--card);box-shadow:0 16px 50px rgba(9,31,56,.08);transition:transform .35s ease,box-shadow .35s ease,border-color .35s ease}.journey-track article:hover{transform:translateY(-8px);box-shadow:0 24px 70px rgba(9,31,56,.16);border-color:rgba(43,157,247,.45)}.journey-track article span{width:66px;height:66px;display:grid;place-items:center;margin-bottom:20px;border-radius:50%;background:#0d3557;color:#68c4ff;font-weight:800;box-shadow:0 0 0 8px rgba(43,157,247,.08)}.journey-track article b{display:block;font-size:1.05rem;margin-bottom:9px}.journey-track article small{display:block;color:var(--muted);line-height:1.65}
.comparison-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:24px;align-items:stretch;margin-top:42px}.comparison-card,.difference-card{border:1px solid var(--border);border-radius:28px;background:var(--card);overflow:hidden;box-shadow:0 18px 60px rgba(9,31,56,.08)}.comparison-head{padding:24px;background:linear-gradient(135deg,rgba(13,53,87,.06),rgba(43,157,247,.08));display:flex;justify-content:space-between;gap:20px}.comparison-head span,.comparison-head b{font-size:.78rem;letter-spacing:.12em}.comparison-card>div:not(.comparison-head){display:flex;justify-content:space-between;padding:18px 24px;border-top:1px solid var(--border);color:var(--muted)}.comparison-card strong{color:#159c65;font-size:1.2rem}.difference-card{position:relative;padding:38px}.difference-card .kicker{position:relative;z-index:1}.difference-card h3,.difference-card p,.difference-card .btn{position:relative;z-index:1}.difference-card h3{font-size:2rem;margin:18px 0 14px}.difference-card p{color:var(--muted);line-height:1.8;margin-bottom:28px}.difference-glow{position:absolute;width:260px;height:260px;right:-90px;top:-80px;border-radius:50%;background:radial-gradient(circle,rgba(43,157,247,.24),transparent 68%);filter:blur(5px);animation:storyGlow 7s ease-in-out infinite alternate}@keyframes storyGlow{from{transform:translate(0,0)}to{transform:translate(-20px,18px)}}
.delivery-check{margin-top:16px;padding:15px 16px;border:1px solid var(--border);border-radius:18px;background:var(--soft);display:grid;grid-template-columns:1fr auto;gap:5px 12px}.delivery-check div{display:flex;flex-direction:column;gap:3px}.delivery-check span{font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.delivery-check b{font-size:.95rem}.delivery-check button{border:1px solid rgba(43,157,247,.35);background:transparent;color:var(--accent);border-radius:12px;padding:8px 12px;font-weight:700;cursor:pointer}.delivery-check small{grid-column:1/-1;color:var(--muted)}.empty-inventory{margin-top:12px;padding:14px;border:1px dashed var(--border);border-radius:16px}.inventory-message{margin-top:8px;color:var(--accent);font-size:.85rem}.empty-inventory[hidden]{display:none}
.brand-story{padding:64px 0}.brand-story .container{display:grid;grid-template-columns:.9fr 1.1fr;gap:36px;align-items:center}.brand-story strong{display:block;font-size:clamp(1.8rem,3vw,3.1rem);margin-top:8px}.brand-story p{color:var(--muted);line-height:1.8;font-size:1.05rem}.story-points{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:12px}.story-points span{padding:16px 18px;border:1px solid var(--border);border-radius:16px;background:var(--card);color:var(--muted)}.story-points b{color:var(--text);display:block;margin-bottom:4px}
html.dark-mode .journey-track article,html.dark-mode .comparison-card,html.dark-mode .difference-card,html.dark-mode .delivery-check,html.dark-mode .story-points span{box-shadow:0 22px 70px rgba(0,0,0,.25)}
@media(max-width:1050px){.journey-track{grid-template-columns:repeat(3,1fr)}.journey-line{display:none}}
@media(max-width:760px){.journey-track,.comparison-grid,.brand-story .container,.story-points{grid-template-columns:1fr}.journey-track{gap:14px;margin-top:34px}.journey-track article{padding:22px}.comparison-head{flex-direction:column;gap:7px}.difference-card{padding:28px}.brand-story{padding:46px 0}.brand-story .container{gap:22px}.story-points{gap:10px}.delivery-check{grid-template-columns:1fr}.delivery-check button{justify-self:start}.delivery-check small{grid-column:auto}}
@media(prefers-reduced-motion:reduce){.journey-track article,.difference-glow{animation:none!important;transition:none!important}}