:root{font-family:Inter,Segoe UI,system-ui,sans-serif;color:#15334b;background:#f3f7fa;--navy:#072a4a;--blue:#087daf;--line:#d9e6ee}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer;border:1px solid var(--line);background:#fff;border-radius:8px;padding:.55rem .75rem}.login{min-height:100vh;display:grid;grid-template-columns:1.15fr 1fr;background:#fff}.brand-panel{padding:8vw;background:linear-gradient(145deg,var(--navy),#075780);color:#fff;display:flex;flex-direction:column;justify-content:center}.brand-panel h1{font-size:clamp(2.4rem,5vw,5.5rem);line-height:.92;margin:.2em 0}.auth-card{align-self:center;max-width:480px;width:80%;margin:auto}.field{display:grid;gap:.35rem;margin-bottom:.9rem}.field input,.field select,.field textarea{width:100%;padding:.8rem;border:1px solid var(--line);border-radius:9px;background:#fff}.primary{border:0;border-radius:9px;padding:.8rem 1rem;background:var(--blue);color:#fff;font-weight:700;margin-right:.5rem}.danger-button{background:#b13838;color:#fff;border:0}.icon-button{border:0;background:transparent}.shell{display:grid;grid-template-columns:250px 1fr;min-height:100vh}.side{background:var(--navy);color:#fff;padding:1.2rem;position:sticky;top:0;height:100vh;overflow:auto}.logo{font-weight:900;font-size:1.25rem;margin:1rem 0 2rem}.nav a{display:flex;gap:.7rem;align-items:center;color:#c9e4ef;text-decoration:none;padding:.72rem;border-radius:9px;margin:.2rem 0}.nav a.active,.nav a:hover{background:#ffffff18;color:#fff}.main{padding:1.5rem 2rem;min-width:0}.top{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.25rem}.kicker{font-size:.76rem;text-transform:uppercase;letter-spacing:.1em;color:#608098;font-weight:800}.top h1{margin:.2rem 0;font-size:1.8rem}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.card{background:#fff;border:1px solid #e7eef3;border-radius:14px;padding:1.1rem;box-shadow:0 8px 28px #17364d0b}.metric strong{display:block;font-size:1.7rem;color:var(--navy);margin-top:.5rem}.metric .icon{width:36px;height:36px;border-radius:10px;background:#e3f7fa;color:#087daf;padding:8px}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:.8rem}.table-wrap{overflow:auto;background:#fff;border-radius:14px;border:1px solid #e7eef3}.toolbar{display:flex;gap:.7rem;justify-content:space-between;margin-bottom:1rem}.toolbar input{max-width:420px;flex:1;padding:.75rem;border:1px solid var(--line);border-radius:9px}table{width:100%;border-collapse:collapse;white-space:nowrap}th,td{text-align:left;padding:.72rem;border-bottom:1px solid #edf2f5}th{font-size:.75rem;text-transform:uppercase;color:#688399;background:#f9fbfc;position:sticky;top:0}.empty{padding:2.5rem;text-align:center;color:#71899b}.danger{color:#b13838}.notice{background:#fff8df;border:1px solid #efd985;padding:.75rem;border-radius:10px;margin-bottom:1rem}.section-help{margin-top:0;color:#5e788c}.status-pill{display:inline-flex;align-items:center;width:max-content;border-radius:999px;padding:.25rem .55rem;background:#e7f4fa;color:#075a81;font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.04em}.status-pill.confirmed,.status-pill.paid,.status-pill.sent{background:#e4f6ec;color:#187044}.status-pill.pending,.status-pill.draft{background:#fff3d6;color:#8a5a00}.status-pill.reversed,.status-pill.cancelled{background:#fde8e8;color:#a32d2d}.invoice{max-width:1050px;margin-inline:auto;padding:clamp(1.1rem,3vw,2.25rem)}.invoice-head{display:flex;align-items:flex-start;justify-content:space-between;gap:2rem}.invoice-brand h2{color:var(--navy);font-size:2rem;letter-spacing:.025em;margin:.25rem 0}.invoice-brand p{margin:0;color:#5e788c}.invoice-meta{display:grid;justify-items:end;gap:.35rem;text-align:right}.invoice-meta strong{font-size:1.15rem;color:var(--navy)}.invoice hr{border:0;border-top:2px solid #dbe8ef;margin:1.4rem 0}.invoice-summary-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(250px,.8fr);gap:2rem;margin-bottom:1.5rem}.invoice-summary-grid h3{margin:.35rem 0}.invoice-summary-grid p{line-height:1.55;margin:.35rem 0}.year-summary{background:#f4f9fb;border:1px solid #deebf1;border-radius:12px;padding:1rem}.year-summary p{display:flex;justify-content:space-between;gap:1rem;margin:.45rem 0}.invoice h3{color:var(--navy)}.invoice-table{border-radius:8px}.invoice-table table{white-space:normal}.invoice-table th:last-child,.invoice-table td:last-child{text-align:right}.invoice-table tfoot th{border-top:2px solid #d9e6ee;color:var(--navy);font-size:.8rem}.invoice-empty{text-align:center!important;color:#71899b;padding:1.5rem}.payments-table{max-width:720px}.invoice-totals{width:min(100%,470px);margin:1.5rem 0 1.25rem auto;border-top:1px solid #d9e6ee;padding-top:.6rem}.invoice-totals p{display:flex;justify-content:space-between;gap:1rem;margin:.65rem 0;text-align:right}.invoice-due{border-top:2px solid var(--navy);padding-top:.85rem!important;color:var(--navy);font-size:1.15rem}.invoice-note{border-top:1px solid #e5edf2;padding-top:1rem;color:#648094;font-size:.9rem}.invoice-actions{display:flex;align-items:center;gap:.55rem;flex-wrap:wrap;margin-top:1.25rem}.invoice-actions span{color:#71899b;font-size:.85rem}.premium-invoice{position:relative;overflow:hidden;border:0;box-shadow:0 18px 55px #082a4a18}.invoice-accent{height:8px;background:linear-gradient(90deg,#062d50,#08a4c7,#5bd5d0);margin:calc(clamp(1.1rem,3vw,2.25rem)*-1) calc(clamp(1.1rem,3vw,2.25rem)*-1) 2rem}.invoice-month-card{background:linear-gradient(145deg,#effbfc,#f7fbfe);border:1px solid #cce9ed;border-radius:14px;padding:1rem}.invoice-month-card p{display:flex;justify-content:space-between;gap:1rem;margin:.5rem 0}.invoice-bottom{display:grid;grid-template-columns:minmax(240px,.8fr) minmax(300px,1.2fr);align-items:center;gap:2rem;margin-top:1.5rem}.pay-box{display:grid;gap:.2rem;padding:1.15rem 1.3rem;color:#fff;background:linear-gradient(145deg,#087daf,#075374);border-radius:14px;box-shadow:0 10px 25px #07537424}.pay-box .kicker{color:#bdebf2}.pay-box h3{color:#fff;margin:.2rem 0}.pay-box strong{font-size:1.45rem;letter-spacing:.04em}.pay-box span{color:#d9f4f7}.invoice-bottom .invoice-totals{width:100%;margin:0}.invoice-actions select{padding:.55rem .75rem;border:1px solid var(--line);border-radius:8px;background:#fff}.paid-button{background:#187044;color:#fff;border-color:#187044;font-weight:700}.payment-card{max-width:1100px}.payment-client-picker{display:grid;grid-template-columns:minmax(220px,1fr) minmax(220px,1fr);gap:.8rem;max-width:760px}.payment-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem;margin:.25rem 0 1.15rem}.payment-summary>div{display:grid;gap:.35rem;background:#f4f9fb;border:1px solid #deebf1;border-radius:11px;padding:.9rem}.payment-summary span{color:#5e788c;font-size:.82rem}.payment-summary strong{color:var(--navy);font-size:1.05rem}.payment-summary .amount-due{background:#eaf7fb;border-color:#bfe4ef}.payment-summary .amount-due strong{font-size:1.55rem;color:#06749f}.payment-form{margin-top:.2rem}.payment-period-field input{min-width:0}.payment-notes{grid-column:span 2}.payment-actions{display:flex;align-items:center;flex-wrap:wrap;gap:.55rem}.payment-actions .primary{margin-right:0}.payment-prompt{background:#f7fafc;border:1px dashed #cbdde7;border-radius:11px;margin-top:.5rem}.payment-history-title{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.85rem 1rem;border-bottom:1px solid #e7eef3}.payment-history-title h3{margin:0;color:var(--navy);font-size:1rem}.payment-history-title span{color:#71899b;font-size:.82rem}.payment-period-cell{min-width:210px;white-space:normal;line-height:1.35}.month-total-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;margin-bottom:1rem}.month-total-card{display:grid;gap:.45rem;padding:1rem 1.1rem;background:#fff;border:1px solid #deebf1;border-radius:13px;box-shadow:0 8px 24px #17364d0b}.month-total-card span{color:#607b8e;font-size:.8rem}.month-total-card strong{color:var(--navy);font-size:1.35rem}.month-total-card.earning{color:#fff;background:linear-gradient(145deg,#087daf,#075374);border:0}.month-total-card.earning span,.month-total-card.earning strong{color:#fff}.monthly-register-table tfoot th{position:static;color:var(--navy);background:#edf7fa;border-top:2px solid #bcdce5}.monthly-register-table td:nth-child(n+5),.monthly-register-table th:nth-child(n+5){text-align:right}.monthly-register-table td:last-child,.monthly-register-table th:last-child{text-align:left}.client-history{margin-top:1rem}.client-history-head{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.client-history-head h2{color:var(--navy);margin:.25rem 0}.client-history-head p{color:#648094;margin:.25rem 0 1rem}.history-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.8rem;margin-bottom:1rem}.history-summary>div{display:grid;gap:.35rem;padding:.9rem;background:#f3f9fb;border:1px solid #dcebf0;border-radius:11px}.history-summary span{font-size:.78rem;color:#607b8e}.history-summary strong{color:var(--navy);font-size:1.1rem}@media(max-width:900px){.cards{grid-template-columns:repeat(2,1fr)}.shell{grid-template-columns:76px 1fr}.side{padding:.7rem}.nav span,.logo span{display:none}.invoice-summary-grid,.invoice-bottom{grid-template-columns:1fr}.month-total-grid,.history-summary{grid-template-columns:repeat(2,1fr)}}@media(max-width:650px){.login{grid-template-columns:1fr}.brand-panel{display:none}.auth-card{width:88%}.main{padding:1rem 1rem 90px}.cards{grid-template-columns:1fr 1fr}.shell{display:block}.side{height:auto;position:fixed;z-index:10;left:0;right:0;bottom:0;top:auto}.logo{display:none}.nav{display:flex;overflow:auto}.nav a{min-width:55px;justify-content:center}.invoice{padding:1rem}.invoice-head,.client-history-head{display:grid;gap:1rem}.invoice-meta{justify-items:start;text-align:left}.invoice-totals{width:100%}.payment-client-picker,.payment-summary,.month-total-grid,.history-summary{grid-template-columns:1fr}.payment-notes{grid-column:auto}.payment-actions button{width:100%}.payment-history-title{align-items:flex-start;flex-direction:column}.payment-period-cell{min-width:175px}}@page{size:A4;margin:12mm}@media print{body{background:#fff;color:#102d43}.side,.top,.no-print{display:none!important}.shell{display:block;min-height:auto}.main{padding:0}.invoice{max-width:none;margin:0!important;padding:0;border:0;border-radius:0;box-shadow:none}.invoice .table-wrap{overflow:visible;border-radius:0}.invoice table{white-space:normal}.invoice th{position:static;background:#f1f6f8!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}.invoice-summary-grid{grid-template-columns:1.2fr .8fr}.invoice-bottom{grid-template-columns:.8fr 1.2fr}.year-summary,.invoice-month-card{background:#f4f9fb!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}.invoice-accent,.pay-box{-webkit-print-color-adjust:exact;print-color-adjust:exact}.invoice-head,.invoice-summary-grid,.invoice-bottom,.invoice-totals,.invoice-table tr{break-inside:avoid}.status-pill{-webkit-print-color-adjust:exact;print-color-adjust:exact}}.public-site{--ink:#063449;--aqua:#12b9d0;--mint:#8fe3d2;--pale:#eafcff;color:var(--ink);background:#f9ffff;overflow:hidden}.public-site,.public-site button,.public-site input,.public-site textarea{font-family:Inter,Segoe UI,sans-serif}.public-site a{text-decoration:none;color:inherit}.public-nav{height:86px;padding:0 clamp(1.25rem,6vw,6rem);display:flex;align-items:center;justify-content:space-between;position:absolute;z-index:20;inset:0 0 auto;color:#fff}.public-logo{display:flex;align-items:center;gap:.7rem}.public-logo>span{width:42px;height:42px;border:1px solid #ffffff66;border-radius:50%;display:grid;place-items:center}.public-logo svg{width:22px}.public-logo div{display:grid;line-height:1}.public-logo b{font-size:1.3rem;letter-spacing:.16em}.public-logo small{font-size:.58rem;letter-spacing:.31em;margin-top:4px}.public-links{display:flex;align-items:center;gap:2rem;font-size:.88rem;font-weight:650}.public-links>a:last-child{border:1px solid #ffffff88;border-radius:999px;padding:.7rem 1rem;display:flex;align-items:center;gap:.4rem}.mobile-menu{display:none!important;color:#fff;background:transparent;border:0}.hero{min-height:760px;height:100vh;max-height:950px;position:relative;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;padding:105px clamp(1.25rem,8vw,8rem) 55px;color:#fff;background:radial-gradient(circle at 70% 30%,#36d3de55,transparent 27%),linear-gradient(125deg,#032e44,#05677c 52%,#0ab0bd)}.hero:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:90px;background:#f9ffff;clip-path:ellipse(58% 45% at 50% 100%)}.hero-copy{z-index:2;max-width:670px}.eyebrow{display:inline-flex;align-items:center;gap:.45rem;text-transform:uppercase;letter-spacing:.16em;font-size:.7rem;font-weight:800;color:#087d91}.eyebrow svg{width:15px}.hero .eyebrow,.eyebrow.light{color:#9ff5ee}.hero h1{font-family:Georgia,serif;font-size:clamp(4rem,8vw,7.7rem);line-height:.82;letter-spacing:-.055em;margin:.18em 0 .25em}.hero h1 em,.intro h2 em{font-weight:400;color:#9cf0dc}.hero-copy>p{max-width:590px;font-size:1.08rem;line-height:1.75;color:#d5f5f7}.hero-actions{display:flex;align-items:center;gap:1.8rem;margin:2rem 0 3rem}.hero-actions a{font-weight:800;display:flex;align-items:center;gap:.5rem}.cta{padding:1rem 1.35rem;background:#fff;color:#07586d!important;border-radius:999px;box-shadow:0 12px 30px #002b3a55}.hero-proof{display:flex;gap:2.4rem}.hero-proof div{display:grid;gap:.25rem}.hero-proof b{font-family:Georgia,serif;font-size:1.2rem}.hero-proof span{font-size:.7rem;color:#b7e4e8}.hero-visual{height:620px;position:relative;display:grid;place-items:center;perspective:1200px}.water-glow{position:absolute;width:430px;height:430px;border-radius:50%;background:radial-gradient(circle,#a7fff2aa,transparent 65%);filter:blur(8px)}.orbit{position:absolute;border:1px solid #bafff366;border-radius:50%;transform:rotateX(65deg) rotate(-20deg);animation:orbit 14s linear infinite}.orbit.one{width:520px;height:310px}.orbit.two{width:400px;height:600px;transform:rotateY(68deg);animation-direction:reverse}.water-bottle{position:relative;width:185px;height:485px;z-index:2;filter:drop-shadow(24px 35px 22px #002e4355);transform:rotateY(-10deg) rotate(2deg);animation:float 5s ease-in-out infinite}.bottle-cap{position:absolute;z-index:4;left:62px;top:0;width:62px;height:34px;border-radius:12px 12px 5px 5px;background:repeating-linear-gradient(90deg,#087e9a 0,#087e9a 4px,#0caec0 4px,#0caec0 7px);box-shadow:inset 0 4px #54dbe2}.bottle-neck{position:absolute;left:68px;top:28px;width:50px;height:62px;background:linear-gradient(90deg,#b8f9ff99,#efffffdd,#8bd9e399);clip-path:polygon(18% 0,82% 0,100% 100%,0 100%)}.bottle-body{position:absolute;top:76px;right:0;bottom:20px;left:0;border-radius:60px 60px 38px 38px;background:linear-gradient(90deg,#58d4e045,#eaffffee 34%,#baf6f9bb 56%,#29aabc66 84%,#bffaff99);border:2px solid #dcffff88;box-shadow:inset -20px 0 30px #08779533,inset 15px 0 22px #fff9;overflow:hidden}.bottle-body:after{content:"";position:absolute;inset:auto 5px 4px;height:48%;border-radius:35px;background:linear-gradient(#79e4e655,#23aeb888);box-shadow:inset 0 12px 18px #eaffff88}.bottle-body>i{position:absolute;z-index:2;width:16px;height:75%;left:23px;top:22px;background:#fff9;border-radius:50%;filter:blur(3px)}.bottle-label{position:absolute;z-index:3;left:0;right:0;top:128px;padding:23px 8px;text-align:center;display:grid;place-items:center;color:#07536b;background:linear-gradient(110deg,#eaffffdd,#fff,#b8fbf5dd);box-shadow:0 5px 20px #05647755}.bottle-label svg{width:25px}.bottle-label b{font-size:1.4rem;letter-spacing:.13em}.bottle-label span{font-size:.63rem;font-weight:900;letter-spacing:.18em}.bottle-label small{font-size:.48rem;letter-spacing:.24em;margin-top:3px}.water-bottle.alkaline .bottle-label{color:#38587b;background:linear-gradient(110deg,#edf0ffdd,#fff,#c9ddffdd)}.bottle-shadow{position:absolute;bottom:4px;left:12px;width:170px;height:30px;background:#003e4f55;border-radius:50%;filter:blur(12px)}.float-card{position:absolute;z-index:4;left:4%;top:24%;display:grid;padding:1rem 1.2rem;background:#fffd;color:#07566b;border:1px solid white;border-radius:16px;box-shadow:0 18px 42px #00364a44;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transform:translateZ(80px)}.float-card svg{color:#14b7c2}.float-card span{font-size:.65rem;text-transform:uppercase;letter-spacing:.12em}.float-card b{font-family:Georgia,serif;font-size:1.1rem}.alkaline-note{left:auto;right:0;top:auto;bottom:22%}.intro{padding:8rem clamp(1.25rem,8vw,8rem);display:grid;grid-template-columns:1fr 1fr;gap:8vw;align-items:center}.intro h2,.products h2,.quality h2,.lead-copy h2{font-family:Georgia,serif;font-size:clamp(2.5rem,4vw,4.6rem);line-height:1.05;margin:.3em 0}.intro h2 em{color:#0da5aa}.intro p{color:#52737e;line-height:1.8;font-size:1.04rem}.intro a,.product-copy>a{display:inline-flex;gap:.5rem;align-items:center;color:#098fa2;font-weight:800;margin-top:1rem}.products{padding:7rem clamp(1.25rem,6vw,6rem);background:#053b50;color:#fff}.products>header{text-align:center;max-width:680px;margin:0 auto 3.5rem}.products>header p{color:#b4dce3}.product-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.4rem;max-width:1250px;margin:auto}.product-card{height:570px;border-radius:28px;position:relative;display:flex;align-items:center;overflow:hidden;padding:clamp(1.5rem,3vw,3.2rem);background:radial-gradient(circle at 80% 25%,#91fff755,transparent 32%),linear-gradient(145deg,#08677a,#09a7ad);box-shadow:0 22px 55px #001f2e66;transform-style:preserve-3d;transition:.45s}.product-card:hover{transform:translateY(-10px) rotateX(1deg);box-shadow:0 35px 65px #00182399}.alkaline-card{background:radial-gradient(circle at 20% 25%,#bed7ff55,transparent 30%),linear-gradient(145deg,#263f70,#6385c8)}.product-card .water-bottle{position:absolute;right:6%;transform:scale(.77) rotateY(-16deg);transform-origin:center}.alkaline-card .water-bottle{right:auto;left:3%;transform:scale(.72) rotateY(16deg)}.product-copy{position:relative;z-index:5;width:55%;align-self:flex-end}.alkaline-card .product-copy{margin-left:auto}.product-copy>span{font-size:.67rem;letter-spacing:.18em;color:#adf5ee;font-weight:800}.product-copy h3{font:2.5rem Georgia,serif;margin:.35rem 0}.product-copy p{color:#d2edf0;line-height:1.65}.product-copy ul{list-style:none;padding:0;display:grid;gap:.6rem;font-size:.85rem}.product-copy li{display:flex;align-items:center;gap:.45rem}.product-copy li svg{width:16px}.product-copy>a{color:#fff}.quality{display:grid;grid-template-columns:.8fr 1.2fr;min-height:700px;background:#fff}.quality-art{position:relative;display:grid;place-items:center;align-content:center;overflow:hidden;color:#fff;background:radial-gradient(circle,#95efe0 0,#95efe0 8%,#11a9bb 34%,#065a73 72%)}.quality-art>div{position:absolute;border:1px solid #c1fff288;border-radius:50%;width:370px;height:370px;animation:pulse 4s ease-out infinite}.quality-art>div:nth-child(2){width:550px;height:550px;animation-delay:2s}.quality-art svg{width:90px;height:90px}.quality-art>b{font:3rem Georgia,serif;letter-spacing:.2em}.quality-copy{padding:7rem clamp(2rem,7vw,7rem)}.quality-copy>p{color:#5a7780;line-height:1.8;max-width:640px}.promise-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.3rem;margin-top:3rem}.promise-grid article{border-top:2px solid #bdebe6;padding-top:1rem}.promise-grid article>b{color:#09a4ae}.promise-grid h3{font-size:1rem}.promise-grid p{font-size:.82rem;line-height:1.55;color:#69828a}.lead-section{display:grid;grid-template-columns:.8fr 1.2fr;padding:7rem clamp(1.25rem,8vw,8rem);gap:7vw;color:#fff;background:linear-gradient(125deg,#053b50,#087b8d)}.lead-copy>p{color:#c3e7ea;line-height:1.75}.direct-contact{display:flex;align-items:center;gap:1rem;margin-top:2.5rem}.direct-contact>svg{padding:12px;width:48px;height:48px;border-radius:50%;background:#ffffff14}.direct-contact span{display:grid}.direct-contact small{color:#a9d8de}.direct-contact b{font-size:1.25rem}.lead-form{background:#fff;color:var(--ink);padding:clamp(1.4rem,4vw,3.2rem);border-radius:24px;box-shadow:0 30px 60px #002b3f55}.form-tabs{display:grid;grid-template-columns:1fr 1fr;background:#edf7f8;border-radius:999px;padding:4px}.form-tabs button{border:0;border-radius:999px;background:transparent;font-size:.85rem}.form-tabs button.active{color:#fff;background:#078b9c}.lead-form h3{font:2rem Georgia,serif}.public-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:.8rem}.public-form-grid label{display:grid;gap:.4rem;font-size:.75rem;font-weight:800;color:#41626e}.public-form-grid .full{grid-column:1/-1}.public-form-grid input,.public-form-grid textarea{padding:.85rem;border:1px solid #d7e8e9;border-radius:9px;resize:vertical}.whatsapp-submit{width:100%;display:flex;justify-content:center;align-items:center;gap:.7rem;margin-top:1rem;padding:1rem;color:#fff;border:0;border-radius:10px;background:#20aa60;font-weight:800}.form-note{display:block;text-align:center;color:#769098;margin-top:.7rem}.public-site footer{display:grid;grid-template-columns:1.5fr .7fr 1.2fr .7fr;gap:2rem;padding:4rem clamp(1.25rem,8vw,8rem) 2rem;background:#032a3b;color:#d4edf0}.public-site footer h4{color:#74ded6;text-transform:uppercase;font-size:.68rem;letter-spacing:.16em}.public-site footer>div:not(.copyright){display:flex;flex-direction:column;align-items:flex-start;gap:.7rem}.public-site footer svg{width:16px}.public-site footer a{display:flex;gap:.5rem;align-items:center;font-size:.82rem}.copyright{grid-column:1/-1;border-top:1px solid #ffffff19;padding-top:1.5rem;color:#729aa4;font-size:.72rem}.floating-whatsapp{position:fixed;z-index:30;right:22px;bottom:22px;width:58px;height:58px;display:grid;place-items:center;color:#fff!important;background:#20bd68;border-radius:50%;box-shadow:0 10px 30px #003d2166;transition:.2s}.floating-whatsapp:hover{transform:scale(1.08)}@keyframes float{50%{transform:translateY(-15px) rotateY(8deg) rotate(-1deg)}}@keyframes orbit{to{transform:rotateX(65deg) rotate(340deg)}}@keyframes pulse{0%{transform:scale(.5);opacity:0}50%{opacity:1}to{transform:scale(1.35);opacity:0}}@media(max-width:900px){.public-links{display:none;position:absolute;top:76px;left:1rem;right:1rem;padding:1.4rem;flex-direction:column;align-items:stretch;background:#06475aee;border:1px solid #ffffff33;border-radius:18px;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.public-links.open{display:flex}.mobile-menu{display:block!important}.hero{height:auto;min-height:950px;grid-template-columns:1fr;padding-top:130px}.hero-copy{text-align:center;margin:auto}.hero-actions,.hero-proof{justify-content:center}.hero-visual{height:430px}.hero-visual .water-bottle{transform:scale(.72)}.intro,.quality,.lead-section,.product-grid{grid-template-columns:1fr}.quality-art{min-height:420px}.public-site footer{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/-1}}@media(max-width:600px){.hero{min-height:900px}.hero h1{font-size:4.25rem}.hero-copy>p{font-size:.95rem}.hero-proof{gap:1rem}.hero-proof span{font-size:.6rem}.hero-visual{height:360px}.hero-visual .water-bottle{transform:scale(.58)}.orbit.one{width:350px}.orbit.two{height:400px}.float-card{font-size:.75rem;left:0}.alkaline-note{left:auto}.intro,.products,.quality-copy,.lead-section{padding-top:5rem;padding-bottom:5rem}.product-card{height:520px}.product-card .water-bottle{right:-6%;transform:scale(.58)}.alkaline-card .water-bottle{left:-8%;transform:scale(.55)}.product-copy{width:65%}.promise-grid,.public-form-grid{grid-template-columns:1fr}.public-form-grid .full{grid-column:auto}.public-site footer{grid-template-columns:1fr}.public-site footer>div{grid-column:1/-1}}.footer-locations{grid-column:1/-1!important;display:grid!important;grid-template-columns:1fr 1fr;gap:.8rem 2rem!important;padding-top:1rem;border-top:1px solid #ffffff19}.footer-locations h4{grid-column:1/-1;margin:0}.footer-locations p{display:flex;align-items:flex-start;gap:.7rem;margin:0;color:#b9d6da;font-size:.82rem;line-height:1.55}.footer-locations p svg{flex:0 0 auto;color:#74ded6;margin-top:.15rem}.footer-locations p span{display:grid;gap:.2rem}.footer-locations p b{color:#fff}@media(max-width:600px){.footer-locations{grid-template-columns:1fr}.footer-locations h4{grid-column:auto}}.auth-main-button{width:100%;margin:0}.forgot-link,.back-home{display:flex;align-items:center;justify-content:center;gap:.35rem;margin-top:1rem;color:#087daf;text-decoration:none;font-size:.88rem}.back-home{color:#698293}.back-home svg{width:16px}.auth-symbol{width:42px;height:42px;padding:9px;color:#087daf;background:#e3f7fa;border-radius:12px}.auth-card>p{color:#617b8e;line-height:1.6}.settings-layout{display:grid;gap:1rem}.account-card,.sessions-card{max-width:1050px}.settings-title{display:flex;gap:.9rem;align-items:flex-start;margin-bottom:1.2rem}.settings-title>svg{width:42px;height:42px;padding:9px;color:#087daf;background:#e3f7fa;border-radius:11px;flex:0 0 auto}.settings-title h3{margin:0;color:var(--navy)}.settings-title p{margin:.3rem 0 0;color:#698293}.session-list{display:grid}.session-list article{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:.9rem;padding:1rem 0;border-top:1px solid #e3edf2}.session-list article>svg{color:#087daf}.session-list article>div{display:grid;gap:.2rem;min-width:0}.session-list article span,.session-list article small{font-size:.78rem;color:#6d8494}.current-device{display:inline-block;padding:.18rem .45rem;border-radius:999px;background:#e4f6ec;color:#187044!important;font-size:.65rem!important}.remove-session{display:flex;align-items:center;gap:.4rem;color:#a32d2d}.remove-session svg{width:16px}.sessions-card .empty{padding:1.5rem}@media(max-width:650px){.session-list article{grid-template-columns:auto 1fr}.remove-session{grid-column:1/-1;justify-content:center}}.public-site{--ink:#f5f5f5;--aqua:#1d69c9;--mint:#f5a31a;--pale:#111;color:#f4f4f4;background:#050505}.public-nav{background:linear-gradient(180deg,#000 0%,#000d 65%,transparent);height:104px}.public-logo{display:block;width:155px;height:82px;background:url(/safa-logo.png) center/contain no-repeat}.public-logo>*{display:none!important}.public-links{color:#eee}.public-links a:hover{color:#f3a21a}.public-links>a:last-child{border-color:#e7931e;background:#e7931e12;color:#ffc04c}.hero{min-height:800px;background:radial-gradient(circle at 77% 42%,#164d9c77 0,transparent 27%),radial-gradient(circle at 68% 48%,#e48b0e2b 0,transparent 38%),linear-gradient(118deg,#000,#030713,#061b3b)}.hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;opacity:.2;background-image:radial-gradient(circle,#f1a019 1.3px,transparent 1.5px);background-size:24px 24px;-webkit-mask-image:radial-gradient(circle at 73% 47%,black,transparent 42%);mask-image:radial-gradient(circle at 73% 47%,black,transparent 42%)}.hero:after{background:#080808}.hero .eyebrow,.eyebrow.light{color:#f0a11c}.hero h1 em,.intro h2 em{color:#f2a11c;text-shadow:0 3px 24px #e9891b55}.hero-copy>p{color:#c8cbd1}.cta{color:#050505!important;background:linear-gradient(135deg,#ffe06b,#e68a0a);box-shadow:0 14px 35px #e28b1544}.hero-actions>a:not(.cta){color:#70baff}.hero-proof span{color:#929aa9}.hero-proof b{color:#fff}.water-glow{background:radial-gradient(circle,#247bdc77 0,#e9901b33 36%,transparent 68%)}.orbit{border-color:#efa01c66}.bottle-cap{background:repeating-linear-gradient(90deg,#d78209 0,#d78209 4px,#ffc341 4px,#ffc341 7px);box-shadow:inset 0 4px #ffe178}.bottle-body{background:linear-gradient(90deg,#123f8d66,#ecf7ffdd 34%,#70baffaa 56%,#164b9b77 84%,#f8b63855);border-color:#8bbfff77}.bottle-body:after{background:linear-gradient(#2b7cd044,#0c397c88)}.bottle-label{color:#fff;background:linear-gradient(115deg,#020817dd,#0d2f6b,#e59013);box-shadow:0 5px 24px #000}.water-bottle.alkaline .bottle-label{color:#fff;background:linear-gradient(115deg,#020817,#173f85,#e99415)}.float-card{color:#fff;background:#070b13dd;border-color:#e99a2355;box-shadow:0 18px 42px #000a}.float-card svg,.float-card span{color:#f0a11c}.intro{background:#080808}.eyebrow{color:#e99416}.intro p{color:#aeb2ba}.intro a,.product-copy>a{color:#f0a11c}.products{background:radial-gradient(circle at 50% 20%,#153f7c55,transparent 36%),#020306}.products>header p{color:#a7afbc}.product-card{background:radial-gradient(circle at 80% 25%,#e8971b33,transparent 32%),linear-gradient(145deg,#04112a,#104c9c);border:1px solid #d78a174d;box-shadow:0 25px 65px #000}.alkaline-card{background:radial-gradient(circle at 20% 25%,#eba1223b,transparent 30%),linear-gradient(145deg,#030714,#09275c)}.product-copy>span,.product-copy li svg{color:#f2aa2d}.product-copy p{color:#c3c9d3}.quality{background:#080808}.quality-art{background:radial-gradient(circle,#f7b632 0,#f7b632 7%,#d27a09 20%,#164c9c 49%,#02050c 74%)}.quality-art>div{border-color:#f4aa2f77}.quality-copy>p,.promise-grid p{color:#aab0b9}.promise-grid article{border-color:#d88920}.promise-grid article>b{color:#f2a21d}.lead-section{background:radial-gradient(circle at 10% 50%,#174e9a88,transparent 42%),linear-gradient(125deg,#010101,#07162f)}.lead-copy>p{color:#b7bdc7}.direct-contact>svg{background:#df8b191c;color:#f2a11c}.direct-contact small{color:#999}.lead-form{color:#171717;border:1px solid #e6972444;box-shadow:0 30px 70px #000;background:#f7f7f7}.form-tabs{background:#e3e6eb}.form-tabs button.active{background:linear-gradient(135deg,#0e4595,#062a67)}.whatsapp-submit{background:linear-gradient(135deg,#1eac61,#148447)}.public-site footer{background:#000;border-top:1px solid #d98a1d33}.public-site footer h4,.footer-locations p svg{color:#e99722}.public-site footer .public-logo{width:190px;height:105px}.footer-locations{border-color:#d98a1d33}.footer-locations p{color:#b8b8b8}.copyright{border-color:#d98a1d33;color:#777}.floating-whatsapp{outline:2px solid #d991233d}.public-links.open{background:#030817f2;border-color:#e5962855}.login{background:#070707}.brand-panel{position:relative;overflow:hidden;padding-top:42vh;background:radial-gradient(circle at 50% 35%,#123e8177,transparent 34%),linear-gradient(145deg,#000,#061631);color:#fff}.brand-panel:before{content:"";position:absolute;top:5%;left:12%;right:12%;height:58%;background:url(/safa-logo.png) center/contain no-repeat}.brand-panel .kicker{color:#efa123!important}.auth-card{padding:2.2rem;border-radius:18px;background:#fff;box-shadow:0 25px 70px #0007}.primary{background:linear-gradient(135deg,#0d4ea9,#082c69)}.side{background:linear-gradient(180deg,#02050b,#061c40)}.side .logo{color:#f3a21a}.nav a.active,.nav a:hover{background:#df8a181f;color:#ffc14d}.metric .icon,.settings-title>svg,.auth-symbol{background:#fff3df;color:#d7810b}@media(max-width:650px){.public-nav{height:86px}.public-logo{width:125px;height:68px}.brand-panel{display:none}.auth-card{box-shadow:none}.hero{padding-top:115px}}.footer-social>a:not(.footer-admin-link){transition:color .2s,transform .2s}.footer-social>a:not(.footer-admin-link):hover{color:#f2a21d;transform:translate(3px)}.footer-social>a:not(.footer-admin-link) svg{width:19px;height:19px;color:#e99722}.footer-admin-link{margin-top:.35rem;padding-top:.7rem;border-top:1px solid #d98a1d33;color:#8ebcf4!important}.footer-admin-link:hover{color:#fff!important}.brand-panel{justify-content:flex-end;padding:clamp(2rem,5vw,5rem) clamp(2rem,7vw,7rem) 9vh}.brand-panel:before{top:5%;left:10%;right:10%;height:68%;background-size:contain;background-position:center}.brand-panel h1{display:none}.brand-panel>.kicker,.brand-panel>p{position:relative;z-index:2;max-width:520px}.brand-panel>.kicker{margin-top:auto;font-size:.72rem;letter-spacing:.16em}.brand-panel>p{margin:.7rem 0 0;color:#d4d9e2;font-size:1rem;line-height:1.6}@media(max-height:700px)and (min-width:651px){.brand-panel{padding-bottom:6vh}.brand-panel:before{top:3%;height:72%}.brand-panel>p{margin-top:.4rem}}@media(max-width:650px){.brand-panel{display:none}}.daily-payment-total{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin:1rem 0;padding:1rem 1.25rem;color:#fff;background:linear-gradient(135deg,#071c42,#0d4f9e 65%,#d98712);border-radius:14px;box-shadow:0 12px 30px #082a4a24}.daily-payment-total>div{display:grid;gap:.25rem}.daily-payment-total span{font-size:.72rem;font-weight:900;text-transform:uppercase;letter-spacing:.12em;color:#ffc456}.daily-payment-total small{color:#d5dfef}.daily-payment-total strong{font-size:clamp(1.5rem,3vw,2.1rem)}.daily-payment-total+.table-wrap tfoot th{position:static;background:#fff6e6;color:#7b4a00;border-top:2px solid #e4a33e}.daily-payment-total+.table-wrap tfoot th:nth-child(2){font-size:.9rem}@media(max-width:500px){.daily-payment-total{align-items:flex-start;flex-direction:column}.daily-payment-total strong{font-size:1.65rem}}.photo-water-bottle{position:relative;z-index:2;width:min(330px,78%);height:520px;overflow:hidden;border:1px solid #f1a01d66;border-radius:170px 170px 34px 34px;background:#dbeeff;box-shadow:0 35px 80px #000b,0 0 45px #1756a866;transform:rotateY(-9deg) rotate(1deg);animation:float 5s ease-in-out infinite;transition:.45s}.photo-water-bottle:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(110deg,#fff3,transparent 30%,transparent 70%,#f3a31b18);box-shadow:inset 0 0 32px #fff3}.photo-water-bottle img{width:100%;height:100%;display:block;object-fit:cover;object-position:center}.photo-water-bottle>span{position:absolute;z-index:2;left:50%;bottom:8%;transform:translate(-50%);padding:.48rem .8rem;border:1px solid #f3a31b99;border-radius:999px;color:#fff;background:#020817d9;box-shadow:0 7px 20px #0008;font-size:.58rem;font-weight:900;letter-spacing:.13em;white-space:nowrap}.photo-water-bottle.alkaline>span{color:#ffd066}.product-card .photo-water-bottle{position:absolute;right:4%;width:245px;height:420px;border-radius:125px 125px 28px 28px;transform:rotateY(-14deg) rotate(2deg);transform-origin:center}.alkaline-card .photo-water-bottle{right:auto;left:3%;transform:rotateY(14deg) rotate(-2deg)}.product-card:hover .photo-water-bottle{transform:translateY(-8px) rotateY(-8deg) rotate(1deg)}.alkaline-card:hover .photo-water-bottle{transform:translateY(-8px) rotateY(8deg) rotate(-1deg)}.hero-visual .photo-water-bottle.hero-bottles{width:min(410px,88%);height:525px;border-radius:44px;transform:rotateY(-7deg) rotate(1deg)}.hero-visual .hero-bottles img{object-position:center 48%}@media(max-width:900px){.hero-visual .photo-water-bottle{width:245px;height:390px}.hero-visual .photo-water-bottle.hero-bottles{width:315px;height:390px}.product-card .photo-water-bottle{width:225px;height:390px}}@media(max-width:600px){.hero-visual .photo-water-bottle{width:190px;height:310px}.hero-visual .photo-water-bottle.hero-bottles{width:245px;height:310px;border-radius:28px}.product-card .photo-water-bottle{right:-5%;width:185px;height:340px}.alkaline-card .photo-water-bottle{left:-7%;right:auto}}
