@import "https://fonts.googleapis.com/css2?family=Kanit:wght@300;400;500;600;700&display=swap";:root{--blue:#001737;--violet:#6361f7;--soft:#f3f5fa;--muted:#607089;--line:#dbe1ec}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:var(--blue);margin:0;font-family:Kanit,Arial,sans-serif;line-height:1.55}a{color:inherit;text-decoration:none}.topbar{z-index:20;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffffef;border-bottom:1px solid #e8ebf2;justify-content:space-between;align-items:center;height:82px;padding:0 max(5vw,24px);display:flex;position:sticky;top:0}.topbar nav{color:#44536b;gap:30px;display:flex}.button{background:var(--violet);color:#fff;cursor:pointer;border:0;border-radius:6px;justify-content:center;padding:14px 24px;font:500 1rem Kanit;display:inline-flex}.button:hover{background:#514fe0}.button.small{padding:9px 17px;font-size:.88rem}.hero{background:radial-gradient(circle at 78% 46%,#e7e7ff 0,#0000 33%),linear-gradient(135deg,#fff,#f7f8ff);grid-template-columns:1.1fr .9fr;align-items:center;gap:70px;min-height:700px;padding:85px max(7vw,35px);display:grid}.eyebrow{letter-spacing:.18em;color:#b9b8ff;font-size:.76rem;font-weight:600}.blue{color:var(--violet)}h1,h2,h3,h4,p{margin-top:0}h1{letter-spacing:-.04em;margin:20px 0 28px;font-size:clamp(3.1rem,5.4vw,5.5rem);font-weight:500;line-height:.98}h1 em{color:var(--violet);font-style:normal}h2{letter-spacing:-.03em;margin:14px 0 22px;font-size:clamp(2.2rem,4vw,4rem);line-height:1.05}.hero>div>p{color:var(--muted);max-width:680px;font-size:1.2rem}.actions{align-items:center;gap:28px;margin:34px 0;display:flex}.proof{color:#53627b;flex-wrap:wrap;gap:20px;font-size:.86rem;display:flex}.energy{place-items:center;height:480px;display:grid;position:relative}.orb{background:radial-gradient(circle at 38% 30%,#a8a7ff,var(--violet) 45%,var(--blue) 100%);border-radius:50%;place-items:center;width:285px;height:285px;display:grid;box-shadow:0 40px 90px #4040ad4f}.orb:before,.orb:after{content:"";border:1px solid #6361f744;border-radius:50%;position:absolute;inset:55px}.orb:after{inset:10px}.orb b{color:#fff;font-size:6rem;font-weight:300}.tag{color:#718096;background:#fffffff2;border:1px solid #fff;border-radius:8px;min-width:140px;padding:12px 16px;font-size:.72rem;position:absolute;box-shadow:0 18px 40px #00173724}.tag strong{color:var(--blue);font-size:1.05rem}.t1{top:70px;left:0}.t2{top:160px;right:0}.t3{bottom:70px;left:15px}.intro{grid-template-columns:1fr 1fr;align-items:end;gap:8vw;padding:105px max(7vw,35px) 55px;display:grid}.intro p{color:var(--muted);font-size:1.15rem}.pillars{grid-template-columns:repeat(3,1fr);gap:18px;padding:20px max(7vw,35px) 115px;display:grid}.pillars article{background:var(--soft);border-top:3px solid var(--line);padding:36px}.pillars .featured{background:var(--blue);color:#fff;border-color:var(--violet);transform:translateY(-10px)}.pillars article>b{color:var(--violet)}.pillars h3{margin-top:45px;font-size:1.55rem}.pillars p{color:#64728a;min-height:74px}.pillars .featured p{color:#c9d2e3}.pillars ul{padding:0;list-style:none}.pillars li{border-top:1px solid #dbe1ec;padding:10px 0}.pillars .featured li{border-color:#263c5d}.pillars li:before{content:"✓";color:var(--violet);margin-right:8px}.journey{background:var(--blue);color:#fff;padding:110px max(7vw,35px)}.center{text-align:center;max-width:780px;margin:auto}.center>p{color:#c6cfde}.steps{grid-template-columns:repeat(5,1fr);margin-top:60px;display:grid}.steps>div{text-align:center;padding:0 16px}.steps b{background:var(--violet);border-radius:50%;place-items:center;width:48px;height:48px;margin:auto;display:grid}.steps h4{margin:18px 0 5px;font-size:1.18rem}.steps p{color:#b7c1d2;font-size:.9rem}.management{grid-template-columns:1fr 1fr;align-items:center;gap:8vw;padding:115px max(7vw,35px);display:grid}.dashboard{background:var(--blue);color:#fff;border-radius:14px;padding:28px;box-shadow:0 35px 80px #0017373a}.dash-title{border-bottom:1px solid #334663;justify-content:space-between;padding-bottom:16px;display:flex}.dash-title span{color:#8ce9bb;font-size:.72rem}.metrics{grid-template-columns:repeat(3,1fr);gap:10px;margin:24px 0;display:grid}.metrics div{background:#10294c;border-radius:7px;padding:14px}.metrics small,.metrics em{color:#a8b5c9;font-size:.72rem;font-style:normal;display:block}.metrics strong{margin:4px 0;font-size:1.2rem;display:block}.bars{align-items:flex-end;gap:7px;height:150px;display:flex}.bars i{background:linear-gradient(#8583ff,#6361f7);border-radius:4px 4px 0 0;flex:1}.management>div>p{color:var(--muted);font-size:1.08rem}.management ol{padding:0;list-style:none}.management li{border-top:1px solid var(--line);flex-direction:column;padding:16px 0;display:flex}.maintenance{color:#fff;background:linear-gradient(135deg,#001737,#172e58);grid-template-columns:.9fr 1.1fr;gap:9vw;padding:110px max(7vw,35px);display:grid}.maintenance>div>p{color:#c8d1e0}.maint-list p{color:#c8d1e0;border-bottom:1px solid #344b6c;padding:18px 0}.maint-list b{color:#fff;display:block}.contact{background:var(--violet);color:#fff;grid-template-columns:.85fr 1.15fr;align-items:start;gap:8vw;padding:110px max(7vw,35px);display:grid}.contact-copy>p{color:#ececff;font-size:1.1rem}.privacy{color:#dedfff;border-left:2px solid #fff;margin-top:35px;padding-left:16px;font-size:.9rem}.lead-form{color:var(--blue);background:#fff;border-radius:14px;padding:34px;box-shadow:0 30px 70px #22228f50}.lead-form h3{font-size:1.6rem}.form-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.field{flex-direction:column;gap:6px;display:flex}.field.full{grid-column:1/-1}.field label{font-size:.88rem;font-weight:500}.field input,.field select{width:100%;color:var(--blue);background:#fff;border:1px solid #cfd6e2;border-radius:6px;padding:13px 14px;font:400 1rem Kanit}.field input:focus,.field select:focus{border-color:var(--violet);outline:2px solid #6361f74f}.upload{background:#f7f8fc;border:1px dashed #9ba7ba;border-radius:8px;padding:18px}.upload small{color:#75839a;display:block}.form-note{color:#748199;margin:14px 0;font-size:.78rem}.status{border-radius:6px;margin-top:14px;padding:11px 13px;font-size:.9rem}.status.ok{color:#126438;background:#e7f8ef}.status.error{color:#9a2525;background:#fff0f0}footer{color:#607089;align-items:center;gap:26px;padding:26px max(6vw,30px);display:flex}footer p{flex:1;margin:0}@media (max-width:900px){.topbar nav{display:none}.hero,.intro,.management,.maintenance,.contact{grid-template-columns:1fr}.hero{padding-top:60px}.energy{height:390px}.pillars{grid-template-columns:1fr}.pillars .featured{transform:none}.steps{grid-template-columns:1fr}.steps>div{text-align:left;grid-template-columns:60px 120px 1fr;align-items:center;display:grid}.steps b,.steps h4,.steps p{margin:0}}@media (max-width:560px){.topbar{height:70px;padding:0 17px}.topbar img{width:100px}.button.small{padding:8px 11px;font-size:.78rem}.hero{gap:20px;min-height:auto;padding:50px 20px 70px}h1{font-size:2.7rem}.actions{flex-direction:column;align-items:flex-start;gap:14px}.proof{flex-direction:column;gap:6px}.energy{height:310px}.orb{width:165px;height:165px}.orb b{font-size:4rem}.tag{min-width:120px;padding:9px}.t1{top:35px}.t2{top:110px}.t3{bottom:32px}.intro,.pillars,.journey,.management,.maintenance,.contact{padding-left:20px;padding-right:20px}.pillars article{padding:28px}.metrics,.form-grid{grid-template-columns:1fr}.field.full{grid-column:auto}.lead-form{padding:24px}.steps>div{grid-template-columns:48px 90px 1fr;padding:10px 0}footer{text-align:center;flex-direction:column}}