:root{font-family:Inter,Segoe UI,Arial,sans-serif;color:#0b3036;background:#f7faf8}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}header,footer{display:flex;align-items:center;justify-content:space-between;gap:22px;padding:18px max(7vw,24px);background:#fff}.brand{display:flex;align-items:center;gap:9px}.brand i{font-style:normal;color:#fff;background:linear-gradient(135deg,#1db9a6,#064c5a);border-radius:50%;width:35px;height:35px;display:grid;place-items:center;font-size:28px}.brand b{font-size:22px}.brand small{display:block;font-size:8px;letter-spacing:1px;color:#61787c}nav{display:flex;gap:22px;font-size:14px;color:#506a6e}.button{display:inline-block;padding:12px 17px;border:0;border-radius:9px;background:#087e70;color:#fff;font-weight:800;cursor:pointer}.outline{background:#fff;color:#087e70;border:1px solid #acd1ca}.hero{display:grid;grid-template-columns:1.2fr .8fr;gap:8vw;padding:95px max(7vw,24px);background:radial-gradient(circle at 82% 25%,#c9eee5,transparent 28%),linear-gradient(135deg,#eff8f5,#fff)}label{font-size:11px;letter-spacing:1.7px;font-weight:800;color:#008775}h1,h2{letter-spacing:-2px;line-height:1.05}h1{font-size:clamp(42px,5vw,65px);margin:16px 0}h1 em{font-style:normal;color:#008775}.hero p,section>p{font-size:17px;line-height:1.6;color:#536d71;max-width:660px}.ticks{margin-top:25px;color:#37656a;font-size:13px}.hero aside,.summary{background:#073f47;color:#e9faf7;border-radius:22px;padding:27px;align-self:center}.hero aside small{color:#a9d6cf}.hero aside span{color:#94e1b6}.hero aside p{padding:14px 0;border-top:1px solid #2d6670;color:#e9faf7;margin:0}.hero aside b{color:#40cbb8;margin-right:12px}.hero aside em{display:block;margin-left:28px;color:#a7c8c5;font-size:13px;font-style:normal}.strip{padding:20px;text-align:center;background:#073f47;color:#add8d0;font-weight:700}section{padding:95px max(7vw,24px)}section h2{font-size:clamp(31px,4vw,48px)}.choices{display:grid;grid-template-columns:repeat(2,1fr);gap:15px;margin-top:25px}.choices button,.grid button{background:#fff;border:1px solid #d8e7e3;text-align:left;padding:20px;border-radius:13px;cursor:pointer}.choices button.active,.grid button.active{border:2px solid #08917e}.choices span{display:block;color:#587075;font-size:14px;margin-top:8px}.layout{display:grid;grid-template-columns:1fr 285px;gap:22px}.grid{display:grid;grid-template-columns:repeat(2,1fr);gap:13px}.grid button{min-height:145px;position:relative}.grid i{position:absolute;right:14px;top:14px;border-radius:50%;background:#e5f2ef;color:#087e70;width:25px;height:25px;display:grid;place-items:center;font-style:normal}.grid b,.grid small{display:block}.grid small{margin-top:6px;color:#087e70}.grid p{font-size:13px;line-height:1.45;color:#536d71}.summary label,.summary p{color:#b7d9d3}.summary h3{font-size:25px}.summary ul{padding:0;list-style:none;border-top:1px solid #2d6670}.summary li{padding:10px 0;border-bottom:1px solid #2d6670;font-size:13px}.summary p{font-size:13px;line-height:1.5}.karma{display:grid;grid-template-columns:150px 1fr;gap:45px;align-items:center;background:#e5f4f0}.karma>i{background:linear-gradient(145deg,#08a18e,#063f50);color:#fff;border-radius:35px;width:130px;height:130px;display:grid;place-items:center;font-size:68px;font-weight:800;font-style:normal;box-shadow:16px 18px #bbdfd7}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:17px;margin-top:30px}.cards article{padding:25px;border:1px solid #dfece9;border-radius:14px}.cards b{font-size:20px}.cards p{color:#536d71;line-height:1.5}.cards a{font-weight:800;color:#087e70;font-size:14px}.request{margin:0 max(7vw,24px) 85px;padding:48px;display:grid;grid-template-columns:1fr 370px;gap:45px;border-radius:23px;background:#073f47;color:#eaf9f6}.request p{color:#b8d8d3}.request form{display:grid;gap:11px;align-content:center}.request input{padding:12px;border-radius:8px;border:1px solid #4b7880}.request form small{color:#a7d8ba;font-size:12px}footer{border-top:1px solid #dfebe8;color:#61777b;font-size:13px}@media(max-width:800px){nav{display:none}.hero,.layout,.request,.karma,.choices,.grid,.cards{grid-template-columns:1fr}.hero{padding-top:60px}.karma>i{width:90px;height:90px;font-size:47px;border-radius:25px}footer{flex-wrap:wrap}.request{padding:30px}section{padding:65px 24px}}header .brand i,footer .brand i{display:none}header .brand:before,footer .brand:before{content:"";display:block;width:49px;height:39px;background:url(/balian-logo.jpg) center/contain no-repeat;mix-blend-mode:multiply}header .brand b,footer .brand b{font-size:23px;letter-spacing:-1.2px}header .brand small{letter-spacing:1.4px}header{min-height:88px;border-bottom:1px solid #dce9e6;position:sticky;top:0;z-index:20;background:#fffefeed}header nav{font-weight:700}header nav a:hover{color:#008775}.hero{min-height:620px;background:radial-gradient(circle at 82% 22%,#c6eee5 0,transparent 25%),radial-gradient(circle at 58% 94%,#deeee9 0,transparent 23%),linear-gradient(135deg,#eff8f5,#fff 59%,#eff8f5)}.hero h1{font-size:clamp(47px,5.4vw,76px)}.hero p,section>p{max-width:670px}.hero aside{box-shadow:22px 27px #d3ebe5;transform:rotate(1.4deg)}.strip{letter-spacing:1.25px}.choices button,.grid button,.cards article{transition:transform .2s,box-shadow .2s}.choices button:hover,.grid button:hover,.cards article:hover{transform:translateY(-4px);box-shadow:0 15px 28px #15534d18}.karma{grid-template-columns:minmax(260px,430px) 1fr;min-height:550px;position:relative;overflow:hidden;background:radial-gradient(circle at 20% 50%,#cceee7 0,transparent 29%),#e5f4f0}.karma>i{display:none}.karma:before{content:"";width:min(100%,430px);height:465px;background:url(/karma-hover.png) center/contain no-repeat;filter:drop-shadow(0 27px 18px #0b71623b);animation:karma-float 5s ease-in-out infinite;z-index:1}.karma:after{content:"";position:absolute;width:340px;height:130px;left:7vw;top:50%;border:1px solid #8cd9cc;border-radius:50%;transform:rotate(-25deg);z-index:0}@keyframes karma-float{50%{transform:translateY(-14px)}}.karma h2{font-size:clamp(37px,4.4vw,61px)}.karma .ticks{padding-top:8px;font-weight:700}.request{background:linear-gradient(135deg,#073f47,#075c61)}.request form small{display:block}.cards{margin-top:34px}.cards article{border-radius:17px}.cards article b{font-size:21px}footer .brand{align-items:center}@media(max-width:800px){.karma{grid-template-columns:1fr}.karma:before{height:320px;width:290px;justify-self:center}.karma:after{left:50%;top:22%;transform:translate(-50%) rotate(-25deg)}header{min-height:72px}header .brand:before{width:40px;height:31px}header .brand b{font-size:19px}}
