:root{--ink:#10231d;--muted:#60716a;--green:#075f47;--green2:#0b7658;--mint:#dff1e8;--cream:#f6f8f4;--warm:#fbfaf6;--gold:#c59b45;--line:#dce5df;--white:#fff;--radius:26px;--shadow:0 28px 70px rgba(17,45,35,.12)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--warm);font:400 16px/1.7 'DM Sans',sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}button{font:inherit}.container{width:min(1180px,calc(100% - 48px));margin:auto}.section{padding:120px 0}.progress{position:fixed;left:0;top:0;width:100%;height:3px;z-index:200;pointer-events:none}.progress span{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--green),#18a77a,var(--gold))}.site-header{position:fixed;inset:0 0 auto;z-index:100;padding:17px 0;transition:.3s}.site-header.scrolled{padding:10px 0;background:rgba(251,250,246,.84);backdrop-filter:blur(18px);border-bottom:1px solid rgba(19,59,45,.08)}.nav-shell{display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:12px}.brand-symbol{width:40px;height:40px;border-radius:13px;background:var(--green);display:grid;grid-template-columns:1fr 1fr;gap:3px;padding:9px;box-shadow:0 10px 28px rgba(7,95,71,.18)}.brand-symbol i{display:block;background:#fff;border-radius:2px}.brand-symbol i:nth-child(2),.brand-symbol i:nth-child(3){opacity:.48}.brand-text{display:flex;flex-direction:column;line-height:1.1}.brand-text strong{font:800 14px 'Manrope';letter-spacing:.09em}.brand-text small{font-size:10px;color:var(--muted);margin-top:4px}.main-nav{display:flex;align-items:center;gap:30px;font-size:13px;font-weight:600}.main-nav>a:not(.nav-contact){position:relative;color:#40524b}.main-nav>a:not(.nav-contact)::after{content:"";position:absolute;left:0;right:100%;bottom:-8px;height:2px;background:var(--green);transition:.3s}.main-nav>a.active::after,.main-nav>a:hover::after{right:0}.nav-contact{border:1px solid var(--ink);border-radius:999px;padding:10px 17px;display:flex;gap:10px;transition:.25s}.nav-contact:hover{background:var(--ink);color:#fff}.menu-toggle{display:none;border:0;background:none;width:42px;height:42px;padding:10px}.menu-toggle span{display:block;height:2px;background:var(--ink);margin:6px 0;transition:.25s}.hero{position:relative;min-height:720px;padding:125px 0 0;background:linear-gradient(180deg,#fbfaf6 0%,#f5f8f4 100%);overflow:hidden}.hero::after{content:"";position:absolute;inset:auto 0 0;height:1px;background:var(--line)}.hero-layout{display:grid;grid-template-columns:1.05fr .95fr;gap:58px;align-items:center}.hero-copy{position:relative;z-index:2}.badge{display:inline-flex;align-items:center;gap:9px;border:1px solid #dbe5df;border-radius:999px;padding:8px 12px;background:rgba(255,255,255,.65);font-size:10px;font-weight:800;letter-spacing:.12em}.badge span{width:7px;height:7px;border-radius:50%;background:#21a976;box-shadow:0 0 0 5px rgba(33,169,118,.12)}h1,h2,h3{font-family:'Manrope',sans-serif}h1{font-size:clamp(46px,5.2vw,70px);line-height:1.02;letter-spacing:-.055em;margin:22px 0 24px;font-weight:700;max-width:720px}h1 em,h2 em{font-style:normal;color:var(--green)}.hero-copy>p{font-size:18px;color:var(--muted);max-width:660px;margin:0}.hero-actions{display:flex;gap:12px;margin-top:36px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:center;gap:14px;border-radius:999px;padding:14px 22px;font-weight:700;font-size:13px;transition:transform .25s,background .25s,box-shadow .25s}.button.primary{background:var(--green);color:#fff;box-shadow:0 14px 34px rgba(7,95,71,.22)}.button.primary:hover{background:#064d3a;transform:translateY(-2px)}.button.ghost{border:1px solid var(--line);background:#fff}.button.ghost:hover{border-color:#aebeb6;transform:translateY(-2px)}.hero-trust{display:flex;gap:42px;margin-top:58px;padding-top:26px;border-top:1px solid var(--line);max-width:600px}.hero-trust div{display:flex;gap:10px;align-items:flex-start}.hero-trust strong{color:var(--gold);font-size:11px}.hero-trust span{font-size:11px;font-weight:700;line-height:1.35;color:#4a5c54}.hero-stage{min-height:500px;position:relative;display:grid;place-items:center;perspective:1000px}.dashboard{position:relative;width:min(100%,520px);border:1px solid rgba(255,255,255,.7);border-radius:30px;padding:19px;background:linear-gradient(145deg,rgba(255,255,255,.94),rgba(238,245,240,.86));box-shadow:0 36px 90px rgba(34,66,53,.16),inset 0 0 0 1px rgba(10,99,72,.05);transform-style:preserve-3d;transition:transform .2s ease}.dash-top{display:flex;justify-content:space-between;align-items:center;padding-bottom:16px;border-bottom:1px solid var(--line);font-size:9px;font-weight:800;letter-spacing:.12em;color:#60716a}.dash-top>div{display:flex;align-items:center;gap:8px}.dash-top b{width:7px;height:7px;border-radius:50%;background:#21a976}.dash-top small{color:var(--green);font-weight:800}.dash-head{padding:28px 5px 19px;display:flex;flex-direction:column}.dash-head span{font-size:10px;color:var(--muted);text-transform:uppercase;letter-spacing:.12em}.dash-head strong{font:700 23px 'Manrope';letter-spacing:-.03em}.dash-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.dash-card{border:1px solid var(--line);border-radius:19px;background:rgba(255,255,255,.8);padding:16px}.dash-card.wide{grid-column:1/-1;height:160px}.card-label{display:flex;justify-content:space-between;font-size:10px;font-weight:800}.card-label b{color:var(--green);font-size:9px}.activity-chart{height:96px;display:flex;align-items:end;gap:7px;padding-top:16px}.activity-chart i{flex:1;height:var(--h);border-radius:5px 5px 2px 2px;background:linear-gradient(180deg,#23a779,#83c7ab);animation:pulseBars 3s ease-in-out infinite alternate}.activity-chart i:nth-child(2n){animation-delay:-1s}.dash-card.stat span{font-size:10px;color:var(--muted)}.dash-card.stat strong{display:block;font:800 31px 'Manrope';color:var(--green);margin:7px 0}.dash-card.stat small{font-size:9px;color:#87968f}.dash-foot{display:flex;gap:18px;padding:18px 5px 2px;font-size:9px;color:#66766f}.dash-foot i{display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--green);margin-right:5px}.floating-tag{position:absolute;padding:10px 13px;border-radius:12px;background:#fff;border:1px solid var(--line);box-shadow:0 18px 40px rgba(24,62,48,.12);font-size:9px;font-weight:800;letter-spacing:.08em}.tag-a{left:-10px;top:150px}.tag-b{right:-28px;bottom:120px}.hero-glow{position:absolute;border-radius:50%;filter:blur(2px);pointer-events:none}.glow-one{width:460px;height:460px;right:-80px;top:100px;background:radial-gradient(circle,rgba(48,179,130,.12),transparent 70%)}.glow-two{width:380px;height:380px;left:-180px;bottom:30px;background:radial-gradient(circle,rgba(197,155,69,.08),transparent 70%)}.ticker{margin-top:48px;border-top:1px solid var(--line);height:65px;display:flex;align-items:center;overflow:hidden;white-space:nowrap;background:rgba(255,255,255,.55)}.ticker div{display:inline-block;min-width:max-content;font:800 11px 'Manrope';letter-spacing:.14em;color:#849089;animation:ticker 26s linear infinite}.ticker i{font-style:normal;color:var(--gold);margin:0 26px}.section-label{display:flex;align-items:center;gap:12px;text-transform:uppercase;font:800 10px 'Manrope';letter-spacing:.14em;color:var(--green)}.section-label span{display:grid;place-items:center;width:28px;height:28px;border:1px solid #b9cec4;border-radius:50%;font-size:8px}.intro{background:#fff}.intro-grid{display:grid;grid-template-columns:.38fr 1fr;gap:80px}.intro-copy h2,.heading-row h2,.process-grid h2{font-size:clamp(38px,5vw,62px);line-height:1.08;letter-spacing:-.055em;margin:0 0 25px}.intro-copy>p{font-size:18px;color:var(--muted);max-width:800px}.value-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:34px}.value-row span{padding:9px 13px;border-radius:999px;background:var(--cream);border:1px solid var(--line);font-size:11px;font-weight:700}.services{background:var(--cream)}.heading-row{display:flex;justify-content:space-between;align-items:end;gap:50px;margin-bottom:55px}.heading-row h2{margin-top:17px;margin-bottom:0}.heading-row>p{max-width:410px;color:var(--muted);margin:0}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.service-card{position:relative;min-height:285px;padding:28px;border:1px solid var(--line);border-radius:24px;background:#fff;overflow:hidden;transition:box-shadow .3s,border-color .3s,transform .15s;display:grid;grid-template-columns:52px minmax(0,1fr);grid-template-rows:auto 52px auto;column-gap:16px;align-content:start}.service-card::after{content:"";position:absolute;width:190px;height:190px;border-radius:50%;right:-90px;bottom:-110px;background:radial-gradient(circle,var(--mint),transparent 68%);opacity:0;transition:.3s}.service-card:hover{border-color:#bad4c8;box-shadow:0 22px 56px rgba(31,70,54,.10)}.service-card:hover::after{opacity:1}.service-no{font-size:9px;color:#9aa8a2;grid-column:1/-1;grid-row:1}.service-icon{margin-top:34px;width:52px;height:52px;border-radius:17px;display:grid;place-items:center;background:#eaf4ef;color:var(--green);font:800 10px 'Manrope';letter-spacing:.06em;grid-column:1;grid-row:2;align-self:center}.service-card h3{font-size:21px;margin:34px 0 0;grid-column:2;grid-row:2;align-self:center;line-height:1.2}.service-card p{font-size:14px;color:var(--muted);margin:20px 0 0;max-width:340px;grid-column:1/-1;grid-row:3}.card-arrow{position:absolute;right:26px;top:25px;font-size:20px;transition:.25s}.service-card:hover .card-arrow{transform:translate(3px,-3px);color:var(--green)}.ecosystem{background:#0b2c22;color:#fff;overflow:hidden}.section-label.light{color:#88ccb0}.section-label.light span{border-color:rgba(255,255,255,.22)}.ecosystem-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:100px;align-items:center}.eco-copy h2{font-size:clamp(46px,5.7vw,74px);line-height:1.04;letter-spacing:-.06em;margin:23px 0}.eco-copy h2 em{color:#82cbae}.eco-copy p{color:#a8bcb4;max-width:540px}.text-link{display:inline-flex;gap:13px;align-items:center;margin-top:20px;border-bottom:1px solid rgba(255,255,255,.25);padding-bottom:7px;font-size:12px;font-weight:700}.orbit-system{height:620px;position:relative;display:grid;place-items:center}.orbit-ring{position:absolute;border:1px solid rgba(255,255,255,.10);border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%)}.ring-one{width:220px;height:220px}.ring-two{width:280px;height:280px;border-style:dashed}.ring-three{width:340px;height:340px}.ring-four{width:400px;height:400px;border-style:dashed}.ring-five{width:460px;height:460px}.ring-six{width:520px;height:520px;border-style:dashed}.orbit-core{width:145px;height:145px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(circle at 30% 25%,#20a878,#075f47 65%);box-shadow:0 0 80px rgba(32,168,120,.25);position:relative;z-index:3}.orbit-core span{font-size:10px;letter-spacing:.13em}.orbit-core b{font:800 26px 'Manrope'}.orbit-core small{font-size:8px;opacity:.6}.orbit-node{position:absolute;left:50%;top:50%;display:inline-flex;align-items:center;justify-content:center;min-width:104px;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.08);backdrop-filter:blur(10px);border-radius:999px;padding:10px 18px;font-size:9px;font-weight:800;color:#d3e2db;box-shadow:0 10px 24px rgba(0,0,0,.10);z-index:2;transform:translate(-50%,-50%) rotate(var(--a)) translateY(calc(var(--r) * -1)) rotate(calc(var(--a) * -1))}.orbit-node::before{content:'';width:6px;height:6px;border-radius:50%;background:#63c9a2;box-shadow:0 0 0 4px rgba(99,201,162,.12);margin-right:8px;flex:0 0 auto}.n1{--r:260px;--a:0deg}.n2{--r:230px;--a:60deg}.n3{--r:200px;--a:120deg}.n4{--r:170px;--a:180deg}.n5{--r:140px;--a:240deg}.n6{--r:110px;--a:300deg}.ecosystem-links{display:grid;grid-template-columns:repeat(4,1fr);margin-top:60px;border-top:1px solid rgba(255,255,255,.11)}.ecosystem-links>a,.ecosystem-links>div{display:grid;grid-template-columns:auto 1fr auto;gap:13px;padding:24px 18px;border-right:1px solid rgba(255,255,255,.11);transition:.25s}.ecosystem-links>*:last-child{border-right:0}.ecosystem-links>a:hover{background:rgba(255,255,255,.05)}.ecosystem-links span{font-size:9px;color:#74b99d}.ecosystem-links strong{display:block;font-size:12px}.ecosystem-links small{display:block;color:#819c90;font-size:9px;margin-top:3px}.ecosystem-links b{font-weight:400;color:#7fc2a7}.work{background:#fff}.work-grid{display:grid;grid-template-columns:1.3fr .85fr;grid-auto-rows:auto;gap:18px}.project{border-radius:26px;padding:14px;background:#f5f7f4;border:1px solid var(--line);transition:transform .15s,box-shadow .3s}.project:hover{box-shadow:0 26px 60px rgba(18,54,40,.11)}.p-large{grid-row:span 2}.project-visual{border-radius:18px;background:linear-gradient(145deg,#e7f1ec,#dcebe4);min-height:270px;overflow:hidden;position:relative;display:grid;place-items:center}.p-large .project-visual{min-height:610px}.browser-ui{padding:70px}.browser-ui::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 10%,rgba(255,255,255,.8),transparent 35%)}.browser-bar{position:absolute;top:24%;left:12%;right:12%;height:36px;background:#fff;border-radius:14px 14px 0 0;display:flex;gap:6px;align-items:center;padding:0 13px;box-shadow:0 22px 50px rgba(27,72,53,.12)}.browser-bar i{width:6px;height:6px;border-radius:50%;background:#d4ded9}.browser-content{position:absolute;top:calc(24% + 36px);left:12%;right:12%;height:290px;background:#fff;border-radius:0 0 14px 14px;padding:35px;box-shadow:0 30px 60px rgba(27,72,53,.10)}.browser-content span{display:block;width:45%;height:8px;border-radius:9px;background:#c8ddd3}.browser-content b{display:block;width:72%;height:26px;border-radius:8px;background:#0c6a4f;margin:14px 0 8px}.browser-content em{display:block;width:56%;height:7px;border-radius:9px;background:#dce7e2}.browser-content div{height:105px;border-radius:12px;background:#eef4f1;margin-top:30px}.phone-ui{background:linear-gradient(145deg,#183f32,#0a2e23)}.phone{width:120px;height:220px;border:5px solid #fff;border-radius:28px;padding:18px 12px;box-shadow:0 25px 50px rgba(0,0,0,.22);transform:rotate(7deg);background:#f8faf8}.phone i{display:block;width:34px;height:6px;border-radius:10px;background:#d9e4df;margin:auto}.phone span{display:block;width:60px;height:60px;border-radius:18px;background:#dff1e8;margin:20px auto}.phone b,.phone em{display:block;height:8px;border-radius:10px;background:#dce7e2;margin:8px 0}.phone b{width:100%}.phone em{width:70%}.media-ui{background:linear-gradient(145deg,#f3ead5,#e5d2a3)}.media-frame{width:76%;height:62%;border:1px solid rgba(69,53,24,.18);border-radius:18px;position:relative;background:#fbf6ea;box-shadow:0 22px 50px rgba(64,48,16,.12)}.media-frame span{position:absolute;top:14px;left:14px;border-radius:999px;background:#0b654b;color:#fff;padding:6px 9px;font-size:7px;font-weight:800}.media-frame b{position:absolute;inset:52px 20px 30px;border-radius:12px;background:linear-gradient(145deg,#dcebe4,#b9d5c8)}.media-frame i{position:absolute;right:22px;top:15px;width:8px;height:8px;border-radius:50%;background:#d05353}.project-meta{display:flex;justify-content:space-between;align-items:end;padding:20px 7px 8px}.project-meta small{font-size:8px;font-weight:800;letter-spacing:.12em;color:var(--green)}.project-meta h3{margin:5px 0 0;font-size:18px}.project-meta>span{font-size:10px;color:#9aa7a1}.stats-section{padding:0 0 100px;background:#fff}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.stats-grid div{padding:42px 24px;text-align:center;border-right:1px solid var(--line)}.stats-grid div:last-child{border-right:0}.stats-grid strong{display:block;font:700 43px 'Manrope';letter-spacing:-.05em;color:var(--green)}.stats-grid span{font-size:10px;text-transform:uppercase;letter-spacing:.09em;color:var(--muted)}.process{background:var(--warm)}.process-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:90px}.process-grid h2{margin-top:20px}.process-list{border-top:1px solid var(--line)}.process-list>div{display:grid;grid-template-columns:50px 150px 1fr;gap:20px;padding:25px 0;border-bottom:1px solid var(--line);align-items:start}.process-list span{font-size:9px;color:var(--gold);font-weight:800}.process-list strong{font:700 17px 'Manrope'}.process-list p{margin:0;color:var(--muted);font-size:13px}.contact{background:var(--warm);padding-top:10px}.contact-card{position:relative;overflow:hidden;background:#0b2c22;color:#fff;border-radius:34px;padding:62px;display:grid;grid-template-columns:1.2fr .8fr;gap:60px;align-items:end}.contact-card::before{content:"";position:absolute;width:560px;height:560px;border:1px solid rgba(255,255,255,.06);border-radius:50%;right:-180px;top:-300px;box-shadow:0 0 0 70px rgba(255,255,255,.025),0 0 0 140px rgba(255,255,255,.018)}.contact-copy,.contact-side{position:relative;z-index:2}.contact-card h2{font-size:clamp(46px,6vw,72px);line-height:1.03;letter-spacing:-.06em;margin:22px 0}.contact-card h2 em{color:#84ccb0}.contact-card p{color:#9bb1a8;max-width:640px}.contact-side{display:flex;flex-direction:column;align-items:flex-end;gap:18px}.contact-btn{background:#fff;color:#0b2c22;padding:16px 23px}.contact-btn:hover{transform:translateY(-2px);box-shadow:0 18px 45px rgba(0,0,0,.18)}.contact-side small{color:#789287;font-size:9px}.site-footer{padding:50px 0;background:var(--warm)}.footer-grid{display:grid;grid-template-columns:1.2fr 1fr .8fr auto;align-items:center;gap:28px}.site-footer p{margin:0;color:var(--muted);font-size:12px}.footer-links{display:flex;gap:18px;font-size:10px;font-weight:700}.site-footer>div>small{font-size:9px;color:#8d9a94}.back-top{position:fixed;right:20px;bottom:20px;width:44px;height:44px;border:1px solid var(--line);border-radius:50%;background:rgba(255,255,255,.88);backdrop-filter:blur(10px);color:var(--ink);opacity:0;pointer-events:none;transform:translateY(9px);transition:.25s;z-index:90}.back-top.show{opacity:1;pointer-events:auto;transform:none}.reveal{opacity:0;transform:translateY(28px);transition:opacity .8s cubic-bezier(.2,.8,.2,1),transform .8s cubic-bezier(.2,.8,.2,1)}.reveal.visible{opacity:1;transform:none}.delay-1{transition-delay:.12s}.delay-2{transition-delay:.22s}@keyframes ticker{to{transform:translateX(-50%)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulseBars{to{filter:saturate(1.25);transform:scaleY(.9)}}@media(max-width:1000px){.main-nav{position:absolute;top:68px;left:24px;right:24px;background:rgba(255,255,255,.96);backdrop-filter:blur(16px);border:1px solid var(--line);border-radius:20px;padding:14px;display:none;flex-direction:column;align-items:stretch;gap:3px;box-shadow:var(--shadow)}.main-nav.open{display:flex}.main-nav a{padding:10px 12px}.nav-contact{justify-content:space-between}.menu-toggle{display:block}.hero{min-height:auto;padding-top:112px}.hero-layout,.intro-grid,.ecosystem-grid,.process-grid,.contact-card{grid-template-columns:1fr;gap:45px}.hero-stage{min-height:460px}.service-grid{grid-template-columns:repeat(2,1fr)}.ecosystem-links{grid-template-columns:repeat(2,1fr)}.ecosystem-links>*:nth-child(2){border-right:0}.work-grid{grid-template-columns:1fr 1fr}.p-large{grid-column:1/-1;grid-row:auto}.p-large .project-visual{min-height:460px}.contact-side{align-items:flex-start}.footer-grid{grid-template-columns:1fr 1fr}.heading-row{align-items:flex-start}.section{padding:90px 0}}@media(max-width:650px){.container{width:min(100% - 28px,1180px)}.site-header{padding:12px 0}.brand-symbol{width:36px;height:36px}.hero{padding-top:100px}.hero-layout{gap:25px}h1{font-size:42px;line-height:1.04;max-width:100%}.hero-copy>p{font-size:16px}.hero-actions .button{width:100%}.hero-trust{gap:18px;justify-content:space-between}.hero-trust div{display:block}.hero-trust strong{display:block;margin-bottom:6px}.hero-stage{min-height:410px}.dashboard{padding:13px;border-radius:23px}.dash-card.wide{height:135px}.dash-grid{gap:7px}.floating-tag{display:none}.ticker{margin-top:38px}.section{padding:76px 0}.intro-copy h2,.heading-row h2,.process-grid h2{font-size:38px}.intro-copy>p{font-size:16px}.heading-row{display:block;margin-bottom:35px}.heading-row>p{margin-top:18px}.service-grid{grid-template-columns:1fr}.service-card{min-height:250px;grid-template-columns:48px minmax(0,1fr);grid-template-rows:auto 48px auto;column-gap:14px}.service-icon{width:48px;height:48px;margin-top:26px}.service-card h3{margin-top:26px;font-size:20px}.ecosystem-grid{gap:25px}.orbit-system{height:430px;transform:scale(.74)}.ecosystem-links{grid-template-columns:1fr}.ecosystem-links>a,.ecosystem-links>div{border-right:0;border-bottom:1px solid rgba(255,255,255,.1)}.work-grid{grid-template-columns:1fr}.p-large{grid-column:auto}.p-large .project-visual{min-height:320px}.browser-ui{padding:30px}.browser-bar{top:20%;left:8%;right:8%}.browser-content{top:calc(20% + 36px);left:8%;right:8%;height:190px}.stats-grid{grid-template-columns:repeat(2,1fr)}.stats-grid div:nth-child(2){border-right:0}.stats-grid div:nth-child(-n+2){border-bottom:1px solid var(--line)}.process-list>div{grid-template-columns:35px 105px 1fr;gap:10px}.contact-card{padding:35px 24px;border-radius:26px}.contact-card h2{font-size:43px}.contact-btn{width:100%}.footer-grid{grid-template-columns:1fr}.footer-links{flex-wrap:wrap}.delay-1,.delay-2{transition-delay:0s}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}

/* Hero dashboard scale refinement */
@media (min-width:1001px){
  .hero-layout{grid-template-columns:1.12fr .88fr;gap:48px}
  .hero-stage{min-height:420px;place-items:center end}
  .dashboard{width:min(100%,420px);border-radius:26px;padding:15px}
  .dash-top{padding-bottom:13px;font-size:8px}
  .dash-head{padding:21px 4px 14px}
  .dash-head span{font-size:9px}
  .dash-head strong{font-size:19px}
  .dash-grid{gap:8px}
  .dash-card{border-radius:16px;padding:13px}
  .dash-card.wide{height:132px}
  .card-label{font-size:9px}
  .card-label b{font-size:8px}
  .activity-chart{height:78px;gap:5px;padding-top:13px}
  .dash-card.stat strong{font-size:25px;margin:5px 0}
  .dash-card.stat span{font-size:9px}
  .dash-card.stat small{font-size:8px}
  .dash-foot{gap:14px;padding:13px 4px 0;font-size:8px}
  .floating-tag{padding:8px 11px;border-radius:10px;font-size:8px}
  .tag-a{left:-8px;top:125px}
  .tag-b{right:-18px;bottom:92px}
  .glow-one{width:360px;height:360px;right:-60px;top:80px}
}

/* V5 — tighter dashboard stat cards */
@media (min-width: 651px) {
  .dash-grid { gap: 7px; }
  .dash-card.stat {
    min-height: 96px;
    padding: 11px 14px;
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
  .dash-card.stat span { font-size: 8px; line-height: 1.2; }
  .dash-card.stat strong { font-size: 23px; line-height: 1; margin: 4px 0 5px; }
  .dash-card.stat small { font-size: 7.5px; line-height: 1.25; }
  .dash-foot { padding-top: 10px; }
}

@media (max-width: 650px) {
  .dash-card.stat {
    min-height: 90px;
    padding: 10px 12px;
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
  .dash-card.stat strong { font-size: 22px; margin: 3px 0 4px; }
}


/* === Portfolio V9 === */
.service-card{cursor:pointer;grid-template-rows:auto 52px auto auto}
.service-bottom{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:24px;padding-top:17px;border-top:1px solid var(--line);font-size:10px;color:#7a8a83;position:relative;z-index:2}
.service-bottom strong{font:800 11px 'Manrope';color:var(--green);letter-spacing:.02em}
.service-bottom>span{font-weight:700;transition:.25s}
.service-card:hover .service-bottom>span{color:var(--green);transform:translateX(3px)}
.service-card:focus-visible{outline:3px solid rgba(7,95,71,.16);outline-offset:3px}

.portfolio-section{background:#fff}
.portfolio-toolbar{display:flex;align-items:center;justify-content:space-between;gap:24px;margin:-8px 0 34px;padding-bottom:18px;border-bottom:1px solid var(--line)}
.portfolio-filters{display:flex;gap:8px;flex-wrap:wrap}
.filter-btn{border:1px solid var(--line);background:#fff;color:#53645d;border-radius:999px;padding:9px 13px;font:700 10px 'Manrope';cursor:pointer;transition:.25s;display:inline-flex;align-items:center;gap:7px}
.filter-btn span{display:grid;place-items:center;min-width:20px;height:20px;padding:0 5px;border-radius:999px;background:var(--cream);font-size:8px}
.filter-btn:hover,.filter-btn.active{background:var(--ink);color:#fff;border-color:var(--ink)}
.filter-btn.active span{background:rgba(255,255,255,.14)}
.portfolio-result{font-size:10px;color:var(--muted);white-space:nowrap}
.portfolio-result strong{color:var(--green);font:800 13px 'Manrope'}

.portfolio-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.portfolio-card{border:1px solid var(--line);border-radius:24px;background:#fff;overflow:hidden;transition:transform .3s,box-shadow .3s,border-color .3s;cursor:pointer;min-width:0}
.portfolio-card:hover{transform:translateY(-5px);box-shadow:0 24px 55px rgba(21,59,44,.10);border-color:#bfd4ca}
.portfolio-card:focus-visible{outline:3px solid rgba(7,95,71,.16);outline-offset:3px}
.portfolio-thumb{height:235px;position:relative;overflow:hidden;background:linear-gradient(145deg,#e9f3ee,#dbe9e2)}
.portfolio-thumb::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(5,47,34,.12))}
.portfolio-thumb .mock-browser{position:absolute;left:10%;right:10%;top:16%;bottom:12%;background:#fff;border-radius:14px;box-shadow:0 18px 45px rgba(25,68,51,.15);overflow:hidden}
.portfolio-thumb .mock-browser::before{content:"";display:block;height:28px;background:#f3f6f4;border-bottom:1px solid #e2e9e5}
.portfolio-thumb .mock-browser::after{content:"";position:absolute;left:10%;right:10%;top:52px;height:46%;border-radius:10px;background:linear-gradient(135deg,#0a6d50,#30a87d)}
.portfolio-thumb .mock-phone{position:absolute;width:92px;height:180px;border-radius:24px;background:#fff;left:50%;top:50%;transform:translate(-50%,-50%) rotate(5deg);border:4px solid #173f32;box-shadow:0 20px 45px rgba(0,0,0,.18)}
.portfolio-thumb .mock-phone::before{content:"";position:absolute;width:36px;height:5px;border-radius:8px;background:#d7e4de;left:50%;top:13px;transform:translateX(-50%)}
.portfolio-thumb .mock-phone::after{content:"";position:absolute;inset:35px 10px 12px;border-radius:15px;background:linear-gradient(180deg,#e8f4ee,#cce6da)}
.portfolio-thumb .mock-poster{position:absolute;width:44%;height:72%;left:50%;top:50%;transform:translate(-50%,-50%) rotate(-3deg);background:linear-gradient(155deg,#0a6048,#0b2c22);border-radius:5px;box-shadow:22px 20px 0 rgba(255,255,255,.58),0 24px 45px rgba(22,57,43,.18)}
.portfolio-thumb .mock-poster::before{content:"MEDIA";position:absolute;left:12%;top:12%;font:800 9px 'Manrope';letter-spacing:.14em;color:#c8eadc}
.portfolio-thumb .mock-poster::after{content:"";position:absolute;left:12%;right:12%;bottom:13%;height:28%;border-radius:4px;background:#d4af5d}
.portfolio-thumb .mock-video{position:absolute;inset:13%;border-radius:17px;background:linear-gradient(145deg,#153d31,#071f18);box-shadow:0 20px 45px rgba(0,0,0,.18)}
.portfolio-thumb .mock-video::before{content:"▶";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:52px;height:52px;border-radius:50%;display:grid;place-items:center;background:#fff;color:var(--green);font-size:14px}
.portfolio-thumb .mock-stream{position:absolute;inset:14%;border-radius:18px;background:#0c3126;border:1px solid rgba(255,255,255,.1);box-shadow:0 22px 50px rgba(0,0,0,.18)}
.portfolio-thumb .mock-stream::before{content:"LIVE";position:absolute;left:16px;top:16px;background:#d55454;color:#fff;padding:5px 9px;border-radius:999px;font:800 8px 'Manrope';letter-spacing:.08em}
.portfolio-thumb .mock-stream::after{content:"";position:absolute;left:12%;right:12%;bottom:16%;height:8px;border-radius:10px;background:linear-gradient(90deg,#27aa7d 65%,rgba(255,255,255,.15) 65%)}
.portfolio-thumb .mock-system{position:absolute;inset:14%;border-radius:16px;background:#fff;box-shadow:0 22px 48px rgba(20,65,47,.14);display:grid;grid-template-columns:26% 1fr;overflow:hidden}
.portfolio-thumb .mock-system::before{content:"";background:#0a6048}
.portfolio-thumb .mock-system::after{content:"";margin:18px;border-radius:10px;background:repeating-linear-gradient(180deg,#e5eee9 0 8px,transparent 8px 20px)}
.portfolio-badge{position:absolute;left:15px;top:15px;z-index:2;border:1px solid rgba(255,255,255,.6);background:rgba(255,255,255,.82);backdrop-filter:blur(10px);border-radius:999px;padding:6px 9px;font:800 8px 'Manrope';letter-spacing:.08em;color:var(--green)}
.portfolio-body{padding:19px 20px 21px}
.portfolio-kicker{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:8px;letter-spacing:.1em;text-transform:uppercase;color:#83918b;font-weight:800}
.portfolio-body h3{font-size:18px;margin:8px 0 7px;letter-spacing:-.025em}
.portfolio-body p{font-size:12px;line-height:1.6;color:var(--muted);margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.portfolio-card-foot{display:flex;justify-content:space-between;align-items:center;margin-top:16px;padding-top:13px;border-top:1px solid var(--line);font-size:9px;color:#71817a}
.portfolio-card-foot b{font:800 10px 'Manrope';color:var(--green)}
.portfolio-more{text-align:center;margin-top:36px}
.portfolio-more p{font-size:11px;color:var(--muted);margin:0 0 13px}
.portfolio-card.is-hidden{display:none}

.project-modal{position:fixed;inset:0;z-index:500;display:grid;place-items:center;padding:24px;opacity:0;pointer-events:none;transition:.28s}
.project-modal.open{opacity:1;pointer-events:auto}
.modal-backdrop{position:absolute;inset:0;background:rgba(7,28,22,.62);backdrop-filter:blur(7px)}
.modal-panel{position:relative;width:min(900px,100%);max-height:min(760px,90vh);overflow:auto;background:#fff;border-radius:28px;box-shadow:0 40px 100px rgba(0,0,0,.28);display:grid;grid-template-columns:1.05fr .95fr;transform:translateY(18px) scale(.98);transition:.3s}
.project-modal.open .modal-panel{transform:none}
.modal-close{position:absolute;right:16px;top:16px;z-index:3;width:40px;height:40px;border:1px solid rgba(255,255,255,.45);border-radius:50%;background:rgba(255,255,255,.88);font-size:24px;line-height:1;cursor:pointer}
.modal-visual{min-height:470px;background:linear-gradient(145deg,#e5f1eb,#d3e6dc);position:relative;overflow:hidden}
.modal-content{padding:48px 42px 42px;display:flex;flex-direction:column;justify-content:center}
.modal-topline{display:flex;justify-content:space-between;gap:16px;font:800 9px 'Manrope';letter-spacing:.12em;text-transform:uppercase;color:var(--green)}
.modal-content h3{font-size:34px;line-height:1.12;letter-spacing:-.045em;margin:16px 0 15px}
.modal-content>p{color:var(--muted);font-size:14px}
.modal-tags{display:flex;flex-wrap:wrap;gap:7px;margin:18px 0 28px}
.modal-tags span{border:1px solid var(--line);border-radius:999px;padding:7px 10px;font-size:9px;font-weight:700;color:#617169}
.modal-link{align-self:flex-start}
body.modal-open{overflow:hidden}

@media(max-width:1000px){
  .portfolio-grid{grid-template-columns:repeat(2,1fr)}
  .portfolio-toolbar{align-items:flex-start;flex-direction:column}
  .modal-panel{grid-template-columns:1fr}
  .modal-visual{min-height:330px}
}
@media(max-width:650px){
  .portfolio-grid{grid-template-columns:1fr}
  .portfolio-thumb{height:220px}
  .portfolio-result{display:none}
  .filter-btn{padding:8px 11px}
  .modal-content{padding:30px 22px 28px}
  .modal-content h3{font-size:27px}
  .modal-visual{min-height:260px}
}