:root{--blue:#086cff;--deep:#06295a;--navy:#032e58;--ink:#082d68;--text:#173f78;--pale:#eef7ff;--line:#cfe4fb;--white:#fff}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:"DM Sans",Arial,sans-serif;color:var(--ink);background:#fff}a{text-decoration:none;color:inherit}.container{width:min(1220px,93%);margin:auto}
.site-header{height:82px;background:#fff;position:sticky;top:0;z-index:100;box-shadow:0 1px 0 #edf3fa}.nav{height:100%;display:flex;align-items:center;gap:35px}.logo{height:62px}.nav nav{margin-left:auto;display:flex;align-items:center;gap:36px;font:700 14px Manrope}.nav nav a{padding:30px 0 23px;position:relative}.nav nav a:after{content:"";position:absolute;left:0;bottom:18px;width:0;height:3px;background:var(--blue)}.nav nav a.active:after,.nav nav a:hover:after{width:100%}.btn{border:0;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;gap:10px;font:800 14px Manrope;cursor:pointer}.wa-btn,.primary{background:linear-gradient(135deg,#0875ff,#0563e6);color:#fff;box-shadow:0 8px 18px rgba(8,108,255,.2)}.wa-btn{padding:13px 19px;margin-left:28px}.wa-icon{width:21px;height:21px;display:inline-grid}.wa-icon svg{width:100%;height:100%;fill:currentColor}.menu{display:none}
.hero{min-height:500px;position:relative;overflow:hidden;background:
linear-gradient(90deg,rgba(255,255,255,.99) 0%,rgba(255,255,255,.94) 31%,rgba(229,243,255,.42) 47%,rgba(13,86,165,.06) 100%),
radial-gradient(circle at 72% 43%,#82b9ed 0,#cbe4f7 31%,#f8fbff 63%)}
.hero:before{content:"";position:absolute;right:0;top:0;width:57%;height:100%;background:
linear-gradient(145deg,transparent 0 23%,rgba(16,96,180,.08) 24% 100%),
radial-gradient(circle at 58% 25%,rgba(3,70,145,.22),transparent 26%);opacity:.9}
.hero-grid{min-height:500px;display:grid;grid-template-columns:.88fr 1.12fr;align-items:center;gap:18px;position:relative;z-index:2}.eyebrow{font:800 12px Manrope;letter-spacing:1.4px;color:#0b4e9c}.hero h1{font:800 48px/.98 Manrope;letter-spacing:-2.5px;margin:12px 0 17px;color:#092d65}.hero h1 span{color:#0874ff}.hero-copy>p{font-size:16px;line-height:1.5;max-width:520px;color:#173f73}.large{padding:15px 20px;font-size:16px;margin-top:6px}.trust-row{display:flex;gap:25px;margin-top:34px}.trust-row>div{display:flex;align-items:center;gap:8px}.trust-row svg{width:30px;height:30px;color:#0874ff;stroke:currentColor;fill:none;stroke-width:2}.trust-row span{display:flex;flex-direction:column}.trust-row b{font-size:12px}.trust-row small{font-size:11px}
.hero-visual{height:410px;position:relative;display:grid;place-items:center}.screen-card{width:78%;height:300px;border-radius:12px;background:#06172c;box-shadow:0 25px 55px rgba(2,33,73,.34);transform:perspective(1100px) rotateY(-7deg) rotateX(2deg);position:relative;z-index:3;overflow:hidden;border:6px solid #123455}.screen-top{height:32px;background:#071b33;border-bottom:1px solid #173554;display:flex;align-items:center;padding:0 12px;gap:5px}.screen-top i{width:6px;height:6px;border-radius:50%;background:#4a6683}.screen-top span{margin-left:auto;color:#587491;font:8px monospace}.screen-content{display:grid;grid-template-columns:1.18fr .82fr;height:calc(100% - 32px)}.code{padding:21px;color:#d7eaff;font:10px/1.8 Consolas}.pink{color:#cf8dff}.blue{color:#5ba7ff}.green{color:#64dba7}.yellow{color:#ffd66b}.muted{color:#5c7694}.screen-brand{display:flex;flex-direction:column;justify-content:center;align-items:center;background:radial-gradient(circle,#123b67,#07192e);color:#fff}.screen-brand img{width:112px;filter:brightness(0) invert(1)}.screen-brand strong{font:700 22px/1.05 Manrope;margin-top:14px}.desk-card{position:absolute;right:3%;bottom:26px;width:110px;height:100px;border-radius:7px;background:#fff;box-shadow:0 12px 30px rgba(7,50,100,.22);z-index:5;padding:23px 14px;transform:rotate(-2deg)}.desk-card b,.desk-card span{display:block;font:800 13px/1.03 Manrope}.desk-card span{font-weight:600;margin-top:5px}.office-orb{position:absolute;border-radius:50%;background:rgba(23,117,235,.12)}.orb1{width:150px;height:150px;right:6%;top:22px}.orb2{width:100px;height:100px;left:10%;bottom:20px}
.section{padding:48px 0}.split-title,.work-title{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:23px}.split-title h2,.work-title h2,.process h2{font:800 36px/1 Manrope;letter-spacing:-1.8px;margin:7px 0}.split-title i,.work-title i,.underline{display:block;width:50px;height:3px;background:#0874ff}.split-title>p,.work-title>p{max-width:560px;color:#244d7a;line-height:1.45;font-size:14px}
.service-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:13px}.service-card{padding:20px 17px 22px;border:1px solid #cfe3f8;border-radius:9px;background:#fff;box-shadow:0 6px 15px rgba(20,85,160,.06);min-height:184px;transition:.25s}.service-card:hover{transform:translateY(-4px);box-shadow:0 15px 30px rgba(20,85,160,.11)}.service-icon{width:50px;height:50px;border-radius:50%;display:grid;place-items:center;background:#eaf4ff;color:#0874ff;margin-bottom:12px}.service-icon svg{width:28px;height:28px;stroke:currentColor;fill:none;stroke-width:1.9}.service-card h3{font:800 14px Manrope;margin:0 0 8px}.service-card p{font-size:12px;line-height:1.48;color:#315a87;margin:0}
.work{background:linear-gradient(135deg,#052f5b,#073e72 48%,#052d56);color:#fff;padding:36px 0 42px}.work-title>div>span{font:600 11px Manrope;letter-spacing:1.4px}.work-title>p{color:#e1edf8}.projects{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.project{border-radius:7px;overflow:hidden;background:#082e55;border:1px solid #46739e;transition:.25s}.project:hover{transform:translateY(-5px);box-shadow:0 18px 35px rgba(0,0,0,.25)}.project-screen{height:157px;background:linear-gradient(145deg,#ddecfb,#8bb9e9);padding:12px;position:relative;overflow:hidden}.project-info{display:flex;justify-content:space-between;align-items:center;padding:10px 13px}.project-info h3{font:700 14px Manrope;margin:0}.project-info p{font-size:11px;margin:2px 0 0;color:#d3e2f1}.project-info>b{font-size:18px}.mini-browser{height:16px;background:#fff;border-radius:4px 4px 0 0;display:flex;align-items:center;gap:3px;padding:0 5px}.mini-browser i{width:4px;height:4px;border-radius:50%;background:#9eb4ca}.mini-nav{height:14px;background:#0b68d8}.mini-hero{height:56px;background:#fff;padding:10px}.mini-hero b,.mini-hero span,.mini-hero em{display:block;height:4px;background:#184f88;border-radius:3px;width:65%;margin-bottom:5px}.mini-hero span{width:45%;background:#7c9dbc}.mini-hero em{width:35%;height:10px;background:#0874f9}.mini-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;background:#fff;padding:6px}.mini-cards i{height:27px;background:#e5f0fb}.school-head,.store-head,.community-title{height:28px;background:#0a65cf}.school-columns{display:grid;grid-template-columns:1.3fr .7fr;gap:6px;background:white;padding:7px}.school-columns span{height:53px;background:#e7f1fb}.school-stats{display:flex;gap:4px;padding:6px;background:#fff}.school-stats i{height:15px;flex:1;background:#bcd8f3}.store-products{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;background:white;padding:9px}.store-products span{height:72px;background:#e9f3fc;color:#0b70e6;display:grid;place-items:center;font-size:22px;transition:.3s}.project:hover .store-products span:nth-child(2){transform:translateY(-5px)}.community-person{position:absolute;right:23px;top:55px;width:57px;height:57px;border-radius:50%;display:grid;place-items:center;background:#fff;color:#0874f9;font-size:30px}.community-lines{background:white;height:79px;padding:17px}.community-lines i{display:block;height:5px;width:55%;background:#9dbbd8;margin:6px 0}
.process{background:linear-gradient(110deg,#f7fbff,#e9f5ff);padding:38px 0 42px}.process-grid{display:grid;grid-template-columns:1.55fr .72fr;gap:42px;align-items:center}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;margin-top:29px}.step{position:relative}.step:not(:last-child):after{content:"→";position:absolute;right:-17px;top:29px;color:#93c7ff;font-size:23px}.step-icon{width:62px;height:62px;border-radius:50%;display:grid;place-items:center;background:#dceeff;color:#0874f9;margin-bottom:12px}.step-icon svg{width:31px;height:31px;stroke:currentColor;fill:none;stroke-width:1.8}.step h3{font:800 13px Manrope;margin:0 0 5px}.step p{font-size:11px;line-height:1.4;color:#1470dc;margin:0}
.form-card{background:#fff;border:1px solid #cfe3fa;border-radius:9px;padding:18px;box-shadow:0 13px 32px rgba(18,78,147,.12)}.form-card h3{font:800 18px Manrope;margin:0 0 4px}.form-card>p{font-size:11px;color:#31577f;line-height:1.4;margin:0 0 11px}.form-card form{display:grid;gap:7px}.form-card label{border:1px solid #bcd8f6;border-radius:5px;display:flex;align-items:flex-start;padding:0 8px;color:#0a5fbd}.form-card input,.form-card select,.form-card textarea{border:0;outline:0;width:100%;padding:8px 7px;font:11px "DM Sans";background:transparent;color:#244d78}.form-card label>span{padding-top:7px}.form-card textarea{min-height:49px;resize:vertical}.submit{padding:10px;font-size:13px}
.footer-main{padding:20px 0;background:#fff}.footer-grid{display:grid;grid-template-columns:.72fr 1.5fr 1.2fr;align-items:center;gap:30px}.footer-logo{height:55px}.footer-item{display:flex;gap:13px;border-left:1px solid #c8dcf2;padding-left:30px}.footer-item svg{width:27px;height:27px;stroke:#0874f9;fill:none;stroke-width:1.8}.footer-item div{display:flex;flex-direction:column}.footer-item b{font:800 12px Manrope}.footer-item span,.footer-item a{font-size:11px;line-height:1.45;color:#244d78}.footer-bottom{background:#052e57;color:#fff;padding:13px 0;font-size:10px}.footer-bottom .container{display:flex;justify-content:space-between}.floating-wa{position:fixed;right:20px;bottom:20px;width:52px;height:52px;border-radius:50%;background:#25D366;color:#fff;display:grid;place-items:center;box-shadow:0 12px 30px rgba(0,0,0,.2);z-index:99}.floating-wa svg{width:27px;height:27px;fill:currentColor}
.reveal{opacity:0;transform:translateY(15px);transition:.55s ease}.reveal.visible{opacity:1;transform:none}
@media(max-width:950px){.desktop-wa{display:none}.nav nav{margin-left:auto}.hero-grid{grid-template-columns:1fr}.hero{padding:40px 0}.hero-visual{height:350px}.service-grid{grid-template-columns:repeat(2,1fr)}.projects{grid-template-columns:repeat(2,1fr)}.process-grid{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr 1fr}.footer-logo{grid-column:1/-1}}
@media(max-width:650px){.site-header{height:74px}.logo{height:50px}.menu{display:block;background:none;border:0;font-size:26px;color:#082d68}.nav nav{display:none;position:absolute;top:74px;left:0;width:100%;background:#fff;flex-direction:column;gap:0;padding:12px 5%;box-shadow:0 12px 30px rgba(0,0,0,.1)}.nav nav.open{display:flex}.nav nav a{padding:11px;width:100%}.hero h1{font-size:43px}.hero-grid{min-height:auto}.trust-row{display:grid;grid-template-columns:1fr 1fr}.hero-visual{height:300px}.screen-card{width:100%;height:255px;transform:none}.desk-card{display:none}.split-title,.work-title{display:block}.split-title>p,.work-title>p{margin-top:17px}.service-grid,.projects,.steps{grid-template-columns:1fr}.step:not(:last-child):after{display:none}.section{padding:42px 0}.footer-grid{grid-template-columns:1fr}.footer-logo{grid-column:auto}.footer-item{border-left:0;padding-left:0}.footer-bottom .container{flex-direction:column;gap:7px}.screen-brand img{width:80px}.screen-brand strong{font-size:17px}}

/* --- Interactive selected-work showcase --- */
.work{padding:64px 0 72px;background:
 radial-gradient(circle at 78% 0,rgba(26,116,219,.19),transparent 30%),
 linear-gradient(135deg,#031d39,#052f59 55%,#032342);overflow:hidden}
.work-title{align-items:center;margin-bottom:26px}.work-title h2{font-size:42px;max-width:660px}.work-title>p{max-width:490px;font-size:15px;line-height:1.55}
.showcase-tabs{display:flex;gap:8px;padding:7px;background:rgba(255,255,255,.06);border:1px solid rgba(133,190,245,.18);border-radius:12px;width:max-content;max-width:100%;margin-bottom:18px}
.showcase-tab{border:0;background:transparent;color:#a9c6e4;padding:11px 17px;border-radius:8px;font:700 12px Manrope;cursor:pointer;transition:.25s}.showcase-tab:hover{color:#fff}.showcase-tab.active{background:#fff;color:#075fbf;box-shadow:0 8px 22px rgba(0,0,0,.16)}
.showcase-stage{display:grid;grid-template-columns:.34fr .66fr;min-height:430px;border:1px solid rgba(116,177,236,.25);border-radius:18px;overflow:hidden;background:rgba(4,33,63,.78);box-shadow:0 28px 70px rgba(0,0,0,.23)}
.showcase-copy{padding:43px 35px;display:flex;flex-direction:column;justify-content:center;background:linear-gradient(150deg,rgba(5,43,82,.96),rgba(4,31,59,.96));border-right:1px solid rgba(121,177,231,.18)}
.case-label{font:800 10px Manrope;letter-spacing:1.5px;color:#61adff}.showcase-copy h3{font:800 29px/1.08 Manrope;letter-spacing:-1.2px;margin:10px 0 14px;color:#fff}.showcase-copy p{font-size:13px;line-height:1.65;color:#afc7df;margin:0}.case-points{display:flex;flex-wrap:wrap;gap:7px;margin-top:20px}.case-points span{font-size:10px;color:#d5e8fb;border:1px solid rgba(113,176,238,.27);background:rgba(22,91,158,.2);padding:7px 9px;border-radius:20px}.demo-action{margin-top:28px;width:max-content;border:0;background:transparent;color:#64afff;padding:0;font:800 12px Manrope;cursor:pointer}.demo-action b{font-size:16px;margin-left:6px}
.device-shell{margin:30px;min-width:0;border-radius:13px;overflow:hidden;background:#f5f9fd;box-shadow:0 22px 55px rgba(0,0,0,.31);border:5px solid #123d68}.device-bar{height:36px;background:#e9f1f8;display:flex;align-items:center;padding:0 12px;color:#708ba7;font:9px Manrope}.device-bar>div{display:flex;gap:5px}.device-bar i{width:7px;height:7px;border-radius:50%;display:block;background:#9eb2c6}.device-bar span{margin:auto}.device-bar b{font-size:12px}
.demo-panel{height:350px;display:none;color:#092c55;overflow:hidden;position:relative;background:#fff}.demo-panel.active{display:block;animation:demoIn .4s ease}@keyframes demoIn{from{opacity:.2;transform:translateY(7px)}to{opacity:1;transform:none}}
.biz-nav,.shop-nav,.impact-nav{height:50px;padding:0 24px;display:flex;align-items:center;border-bottom:1px solid #edf2f7;font-size:10px}.biz-nav strong,.shop-nav strong,.impact-nav strong{font:800 15px Manrope}.biz-nav strong span,.impact-nav strong span{color:#0874ff}.biz-nav>div{display:flex;gap:15px;margin:auto}.biz-nav>div i{width:32px;height:5px;background:#d2deea;border-radius:4px}.biz-nav button,.impact-nav button{border:0;background:#0874ff;color:white;border-radius:5px;padding:8px 12px;font-size:9px}
.biz-hero{height:218px;padding:35px 34px;display:grid;grid-template-columns:1fr .8fr;background:linear-gradient(120deg,#fff,#eef7ff)}.biz-hero small,.impact-body small,.shop-heading small{font:800 8px Manrope;letter-spacing:1px;color:#0874ff}.biz-hero h4{font:800 25px/1.04 Manrope;letter-spacing:-1px;margin:7px 0 12px;max-width:300px}.biz-hero p{height:5px;width:80%;background:#b6c8d9;border-radius:4px;margin:7px 0}.biz-hero p.short{width:55%}.biz-hero button,.shop-heading button,.impact-body button{border:0;background:#0874ff;color:#fff;border-radius:5px;padding:9px 12px;font:700 8px Manrope;margin-top:10px}.biz-art{position:relative}.biz-art span{position:absolute;width:130px;height:130px;border-radius:32px;background:linear-gradient(145deg,#0b70ed,#68b2ff);right:18px;top:8px;transform:rotate(8deg)}.biz-art i{position:absolute;width:76px;height:76px;border-radius:20px;background:#082d58;right:92px;top:72px;transform:rotate(-8deg)}.biz-art b{position:absolute;background:white;padding:10px 12px;border-radius:8px;right:2px;bottom:14px;box-shadow:0 8px 20px rgba(0,0,0,.12);color:#0874ff;font:800 14px Manrope}.biz-stats{height:82px;display:grid;grid-template-columns:repeat(3,1fr);padding:15px 30px;gap:15px}.biz-stats span{display:flex;flex-direction:column;border-right:1px solid #e1eaf3}.biz-stats span:last-child{border:0}.biz-stats b{font:800 18px Manrope}.biz-stats small{font-size:9px;color:#6c849d}
#demo-school{display:none;grid-template-columns:70px 1fr;background:#f2f6fa}#demo-school.active{display:grid}.portal-side{background:#082d58;color:white;padding:20px 16px}.portal-side strong{font:800 12px Manrope}.portal-side strong span{color:#60adff}.portal-side i{display:block;width:34px;height:6px;background:#315477;border-radius:4px;margin:22px 0}.portal-side i.on{background:#53a6ff}.portal-main{padding:20px}.portal-head{display:flex;justify-content:space-between;align-items:center}.portal-head div{display:flex;flex-direction:column}.portal-head small{font-size:8px;color:#8093a7}.portal-head b{font:800 16px Manrope}.portal-head>span{width:31px;height:31px;border-radius:50%;display:grid;place-items:center;background:#0874ff;color:white;font:800 9px Manrope}.portal-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:18px 0}.portal-metrics article{background:white;border-radius:8px;padding:13px;box-shadow:0 4px 12px rgba(16,62,105,.06);display:flex;flex-direction:column}.portal-metrics small{font-size:8px;color:#7890a8}.portal-metrics b{font:800 19px Manrope;margin:3px 0}.portal-metrics em{font-style:normal;font-size:8px;color:#138a60}.portal-bottom{display:grid;grid-template-columns:1.5fr .7fr;gap:10px}.attendance-chart,.notice{background:#fff;border-radius:8px;padding:13px}.attendance-chart>b,.notice>b{font:800 10px Manrope}.attendance-chart>div{height:95px;display:flex;align-items:end;gap:9px;padding-top:14px}.attendance-chart i{flex:1;background:linear-gradient(#4ea2ff,#0874ff);border-radius:3px 3px 0 0;transition:.3s}.notice p{font-size:8px;border-bottom:1px solid #edf1f5;padding:9px 0;margin:0;color:#617a94}
.shop-nav{justify-content:space-between}.shop-nav>div{color:#61778e}.shop-heading{text-align:center;padding:22px 20px 14px}.shop-heading h4{font:800 25px Manrope;margin:4px 0}.shop-products{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;padding:0 23px}.shop-products article{font-size:9px}.shop-products article>div{height:125px;background:linear-gradient(145deg,#eaf3fa,#cbdfee);display:grid;place-items:center;font-size:36px;color:#0874ff;margin-bottom:7px;transition:.25s}.shop-products article:hover>div{transform:translateY(-5px)}.shop-products b,.shop-products small{display:block}.shop-products small{color:#6e8297;margin-top:3px}
.impact-nav{justify-content:space-between}.impact-nav>div{color:#607991}.impact-body{height:215px;display:grid;grid-template-columns:1fr .8fr;padding:34px;background:linear-gradient(120deg,#f9fcff,#e7f3ff)}.impact-body h4{font:800 27px/1.03 Manrope;margin:7px 0 10px}.impact-body p{font-size:9px;line-height:1.5;max-width:260px;color:#647d96}.impact-map{margin-left:20px;border-radius:50%;background:radial-gradient(circle,#b7dcff,#e7f4ff 62%);position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center}.impact-map b{font:800 22px Manrope}.impact-map small{font-size:8px}.pulse{position:absolute;width:10px;height:10px;background:#0874ff;border-radius:50%;box-shadow:0 0 0 7px rgba(8,116,255,.12)}.p1{top:26%;left:24%}.p2{right:22%;top:38%}.p3{left:42%;bottom:19%}.impact-stats{height:85px;display:grid;grid-template-columns:repeat(3,1fr);padding:15px 30px}.impact-stats span{display:flex;flex-direction:column;text-align:center;border-right:1px solid #e1eaf3}.impact-stats span:last-child{border:0}.impact-stats b{font:800 19px Manrope;color:#0874ff}.impact-stats small{font-size:8px;color:#647d96}
@media(max-width:850px){.showcase-stage{grid-template-columns:1fr}.showcase-copy{border-right:0;border-bottom:1px solid rgba(121,177,231,.18);padding:30px}.device-shell{margin:20px}.showcase-tabs{width:100%;overflow:auto}.showcase-tab{white-space:nowrap}}
@media(max-width:600px){.work-title h2{font-size:34px}.device-shell{margin:12px}.demo-panel{height:330px}.showcase-copy h3{font-size:25px}.biz-hero{grid-template-columns:1fr;padding:25px}.biz-art{display:none}.portal-metrics{gap:5px}.portal-main{padding:12px}.portal-bottom{grid-template-columns:1fr}.notice{display:none}.shop-products{padding:0 10px;gap:6px}.shop-products article>div{height:110px}.impact-body{grid-template-columns:1fr;padding:25px}.impact-map{display:none}}

#work{scroll-margin-top:82px}.showcase-tab{appearance:none;-webkit-appearance:none}.showcase-stage *{box-sizing:border-box}