/*
Theme Name: TechDizy
Author: TechDizy
Version: 2.0
Text Domain: techdizy
Description: Immersive editorial digital agency theme with interactive WebGL, cinematic scroll and premium glass UI.
*/

:root{--ink:#eef7f3;--ink-2:#e4f0eb;--surface:#ffffff;--surface-2:#e9f3ef;--mint:#13c488;--mint-2:#35d9a5;--mint-3:#087a58;--white:#07130f;--muted:#536a62;--line:rgba(7,44,34,.14);--glass:rgba(255,255,255,.58);--glass-strong:rgba(255,255,255,.78);--shadow:0 24px 90px rgba(0,0,0,.28);--radius:28px;--max:1440px}
*{box-sizing:border-box}html{scroll-behavior:auto;background:var(--ink);color:var(--white)}body{margin:0;background:radial-gradient(circle at 75% 8%,rgba(19,196,136,.16),transparent 24%),linear-gradient(180deg,#f5fbf8 0%,#eaf4f0 42%,#f4faf7 100%);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;overflow-x:hidden;line-height:1.45}body:before{content:"";position:fixed;inset:0;z-index:2;pointer-events:none;opacity:.045;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160' viewBox='0 0 160 160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.55'/%3E%3C/svg%3E")}.site{position:relative;z-index:3}.container{width:min(calc(100% - 56px),var(--max));margin:auto}.eyebrow{display:flex;align-items:center;gap:10px;font-size:11px;letter-spacing:.17em;text-transform:uppercase;color:#536a62;font-weight:700}.eyebrow i{width:8px;height:8px;border-radius:50%;background:var(--mint);box-shadow:0 0 18px var(--mint);display:inline-block}.display{font-family:"Arial Narrow","Roboto Condensed",Impact,sans-serif;text-transform:uppercase;letter-spacing:-.045em;line-height:.83;font-weight:900}.display em{font-style:normal;color:var(--mint)}.muted{color:var(--muted)}a{color:inherit;text-decoration:none}.glass{background:linear-gradient(145deg,rgba(255,255,255,.12),rgba(255,255,255,.025) 35%,rgba(19,196,136,.08));border:1px solid rgba(220,255,245,.16);box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 30px 90px rgba(0,0,0,.22);backdrop-filter:blur(22px) saturate(145%);-webkit-backdrop-filter:blur(22px) saturate(145%)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:50px;padding:0 20px;border:1px solid rgba(255,255,255,.16);border-radius:999px;font-size:12px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;transition:transform .45s cubic-bezier(.16,1,.3,1),background .35s,border-color .35s,box-shadow .35s}.btn-primary{background:var(--mint);color:#04130e;border-color:var(--mint);box-shadow:0 12px 42px rgba(19,196,136,.25)}.btn-primary:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 18px 60px rgba(19,196,136,.34)}.btn-ghost{background:rgba(7,44,34,.045)}.btn-ghost:hover{background:rgba(7,44,34,.08);transform:translateY(-3px)}.topbar{position:fixed;left:0;right:0;top:0;z-index:50;padding:16px 0;transition:background .35s,transform .45s}.topbar.scrolled{background:rgba(245,251,248,.78);backdrop-filter:blur(20px);border-bottom:1px solid var(--line)}.nav{display:flex;align-items:center;justify-content:space-between;gap:30px}.brand{display:flex;align-items:center;gap:10px;font-weight:900;letter-spacing:.04em}.brand-mark{width:30px;height:30px;border-radius:9px;background:linear-gradient(135deg,var(--mint),#0b7656);position:relative;box-shadow:0 8px 30px rgba(19,196,136,.24)}.brand-mark:before,.brand-mark:after{content:"";position:absolute;border:2px solid #06251b;transform:rotate(45deg)}.brand-mark:before{width:8px;height:8px;left:8px;top:8px}.brand-mark:after{width:8px;height:8px;right:8px;bottom:8px}.navlinks{display:flex;gap:28px;font-size:12px;color:#526a62}.navlinks a{position:relative;padding:9px 0}.navlinks a:after{content:"";position:absolute;left:0;right:100%;bottom:2px;height:1px;background:var(--mint);transition:right .35s}.navlinks a:hover:after{right:0}.nav-cta{display:flex;align-items:center;gap:10px}.menu{display:none;border:0;background:none;color:white;font-size:25px}
#webgl{position:fixed;inset:0;z-index:0;width:100%;height:100%;pointer-events:none}.webgl-vignette{position:fixed;inset:0;z-index:1;pointer-events:none;background:radial-gradient(circle at 50% 48%,transparent 0 38%,rgba(19,196,136,.035) 60%,rgba(214,235,228,.42) 100%)}.grid-glow{position:fixed;inset:0;z-index:1;pointer-events:none;background-image:linear-gradient(rgba(113,255,215,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(113,255,215,.04) 1px,transparent 1px);background-size:72px 72px;mask-image:linear-gradient(to bottom,transparent 0%,rgba(0,0,0,.8) 12%,rgba(0,0,0,.25) 60%,transparent 100%)}
main{position:relative}.hero{min-height:100svh;display:grid;align-items:end;padding:140px 0 82px;position:relative}.hero-inner{display:grid;grid-template-columns:1.02fr .98fr;gap:40px;align-items:end}.hero-copy{max-width:780px}.hero h1{font-size:clamp(78px,10.3vw,170px);margin:28px 0 34px}.hero h1 .outline{-webkit-text-stroke:1px rgba(245,255,251,.55);color:transparent}.hero-sub{max-width:560px;font-size:18px;color:#536a62}.hero-actions{display:flex;gap:12px;margin-top:30px}.hero-side{min-height:460px;position:relative;display:flex;align-items:center;justify-content:center}.orbital-ui{position:relative;width:min(560px,100%);aspect-ratio:1}.orbital-ui .ring{position:absolute;inset:12%;border:1px solid rgba(19,196,136,.3);border-radius:50%;transform:rotateX(64deg) rotateZ(18deg);box-shadow:0 0 50px rgba(19,196,136,.12)}.orbital-ui .ring.r2{inset:22%;transform:rotateY(64deg) rotateZ(-24deg)}.orbital-ui .node{position:absolute;width:9px;height:9px;border-radius:50%;background:var(--mint);box-shadow:0 0 24px 8px rgba(19,196,136,.35)}.node.n1{top:15%;right:26%}.node.n2{left:19%;bottom:24%}.node.n3{right:12%;bottom:38%}.orbital-core{position:absolute;inset:26%;border-radius:42% 58% 52% 48%/52% 46% 54% 48%;background:radial-gradient(circle at 35% 28%,rgba(255,255,255,.72),rgba(120,255,220,.3) 7%,rgba(19,196,136,.22) 24%,rgba(19,196,136,.06) 58%,transparent 72%);border:1px solid rgba(190,255,237,.36);box-shadow:inset -30px -40px 80px rgba(19,196,136,.12),inset 20px 12px 30px rgba(255,255,255,.11),0 0 100px rgba(19,196,136,.2);backdrop-filter:blur(4px);animation:float 7s ease-in-out infinite}.orbital-core:after{content:"";position:absolute;inset:18%;border:1px solid rgba(255,255,255,.2);border-radius:50%;transform:rotateX(65deg);box-shadow:0 0 35px rgba(19,196,136,.18)}.floating-ui{position:absolute;min-width:170px;padding:14px;border-radius:18px}.floating-ui strong{display:block;font-size:20px}.floating-ui small{display:block;color:#536a62;font-size:9px;letter-spacing:.1em;text-transform:uppercase}.ui-a{top:12%;right:4%;transform:rotate(4deg)}.ui-b{left:3%;top:40%;transform:rotate(-7deg)}.ui-c{right:4%;bottom:13%;transform:rotate(-3deg)}.mini-chart{height:48px;margin-top:10px;display:flex;align-items:end;gap:4px}.mini-chart span{width:9px;background:linear-gradient(to top,var(--mint),rgba(19,196,136,.1));border-radius:4px 4px 0 0}.mini-chart span:nth-child(1){height:22%}.mini-chart span:nth-child(2){height:48%}.mini-chart span:nth-child(3){height:35%}.mini-chart span:nth-child(4){height:72%}.mini-chart span:nth-child(5){height:58%}.mini-chart span:nth-child(6){height:91%}.scroll-hint{position:absolute;left:0;bottom:20px;display:flex;gap:10px;align-items:center;font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:#536a62}.scroll-hint span{width:34px;height:1px;background:var(--mint)}
.section{position:relative;padding:150px 0}.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-bottom:70px}.section-title{font-size:clamp(54px,7vw,112px);margin:0;max-width:1050px}.section-copy{max-width:400px;color:#536a62}.manifesto{min-height:80vh;display:flex;align-items:center}.manifesto-inner{display:grid;grid-template-columns:1.1fr .9fr;gap:80px;align-items:center}.manifesto h2{font-size:clamp(62px,8.3vw,138px);margin:0}.manifesto h2 .green{color:var(--mint)}.manifesto-art{height:560px;position:relative}.glass-window{position:absolute;width:72%;height:56%;right:3%;top:12%;border-radius:28px;padding:18px;transform:rotate(7deg);overflow:hidden}.glass-window:after{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent 30%,rgba(255,255,255,.15) 45%,transparent 55%);transform:translateX(-100%);animation:sheen 6s ease-in-out infinite}.window-bar{display:flex;gap:6px}.window-bar i{width:7px;height:7px;border-radius:50%;background:rgba(255,255,255,.3)}.window-body{height:80%;margin-top:15px;border-radius:16px;background:linear-gradient(135deg,rgba(255,255,255,.07),rgba(19,196,136,.07));position:relative;overflow:hidden}.window-body:before{content:"";position:absolute;left:10%;right:10%;bottom:15%;height:2px;background:linear-gradient(90deg,transparent,var(--mint),transparent);box-shadow:0 -40px 0 rgba(19,196,136,.14),0 -80px 0 rgba(19,196,136,.08)}.glass-chip{position:absolute;padding:12px 15px;border-radius:16px;font-size:10px;text-transform:uppercase;letter-spacing:.1em}.chip-1{left:5%;top:25%;transform:rotate(-8deg)}.chip-2{right:0;bottom:20%;transform:rotate(6deg)}
.services-stage{min-height:900px;position:relative}.service-word{font-size:clamp(70px,11vw,180px);opacity:.14;position:absolute;left:-4%;top:10%;white-space:nowrap}.service-orbit{position:absolute;width:500px;height:500px;left:50%;top:55%;transform:translate(-50%,-50%);border:1px solid rgba(19,196,136,.18);border-radius:50%;box-shadow:0 0 100px rgba(19,196,136,.08)}.service-orbit:before,.service-orbit:after{content:"";position:absolute;inset:12%;border:1px dashed rgba(19,196,136,.18);border-radius:50%}.service-orbit:after{inset:28%;border-style:solid}.service-card{position:absolute;width:240px;padding:22px;border-radius:22px;transition:transform .55s cubic-bezier(.16,1,.3,1),box-shadow .55s,background .4s;will-change:transform}.service-card:hover{transform:translate3d(0,-12px,40px) rotateX(4deg) rotateY(-6deg)!important;box-shadow:0 35px 90px rgba(0,0,0,.3),0 0 40px rgba(19,196,136,.16);background:rgba(25,63,52,.62)}.service-card .num{font-size:11px;color:var(--mint);letter-spacing:.15em}.service-card h3{font-size:24px;margin:12px 0 8px}.service-card p{font-size:12px;color:#536a62;margin:0}.s1{left:2%;top:16%;transform:rotate(-6deg)}.s2{right:4%;top:7%;transform:rotate(5deg)}.s3{left:10%;top:53%;transform:rotate(4deg)}.s4{right:9%;top:46%;transform:rotate(-5deg)}.s5{left:35%;bottom:4%;transform:rotate(2deg)}.s6{right:34%;bottom:19%;transform:rotate(-3deg)}.s7{left:33%;top:20%;width:300px}.s8{right:31%;top:27%;width:260px}
.process{overflow:hidden}.process-track{height:520px;position:relative;margin-top:30px}.process-line{position:absolute;left:8%;right:8%;top:48%;height:3px;background:linear-gradient(90deg,transparent,var(--mint),transparent);box-shadow:0 0 25px rgba(19,196,136,.45);transform:rotate(-7deg)}.process-node{position:absolute;width:130px;text-align:center}.process-node .dot{width:18px;height:18px;margin:auto;border-radius:50%;background:var(--mint);box-shadow:0 0 35px rgba(19,196,136,.65);position:relative}.process-node .dot:after{content:"";position:absolute;inset:-10px;border:1px solid rgba(19,196,136,.3);border-radius:50%}.process-node h3{font-size:17px;margin:18px 0 5px}.process-node p{font-size:10px;color:#536a62;text-transform:uppercase;letter-spacing:.12em}.pn1{left:4%;top:28%}.pn2{left:20%;top:40%}.pn3{left:37%;top:52%}.pn4{left:53%;top:30%}.pn5{left:70%;top:43%}.pn6{right:4%;top:22%}
.growth{min-height:100vh}.dashboard{position:relative;padding:20px;border-radius:32px;overflow:hidden}.dashboard-top{display:flex;justify-content:space-between;align-items:center;padding:12px 8px 20px}.dashboard-grid{display:grid;grid-template-columns:1.5fr .5fr;gap:16px}.chart-panel,.metric-panel{border-radius:24px;padding:22px;min-height:280px}.chart-panel{background:linear-gradient(180deg,rgba(255,255,255,.82),rgba(19,196,136,.045));position:relative;overflow:hidden}.chart-svg{width:100%;height:230px}.chart-svg path{fill:none;stroke:var(--mint);stroke-width:4;filter:drop-shadow(0 0 9px rgba(19,196,136,.5))}.chart-grid{stroke:rgba(255,255,255,.08);stroke-width:1}.metric-list{display:grid;gap:12px}.metric{padding:16px;border:1px solid var(--line);border-radius:18px;background:rgba(255,255,255,.64)}.metric b{display:block;font-size:30px;color:var(--mint)}.metric span{font-size:9px;letter-spacing:.15em;color:#536a62;text-transform:uppercase}.data-pills{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}.data-pill{padding:8px 12px;border-radius:999px;border:1px solid var(--line);font-size:10px;color:#536a62;background:rgba(19,196,136,.05)}
.portfolio{overflow:hidden}.portfolio-stage{position:relative;min-height:820px}.project{position:absolute;border-radius:28px;overflow:hidden;transition:transform .8s cubic-bezier(.16,1,.3,1),box-shadow .5s}.project:hover{box-shadow:0 45px 120px rgba(0,0,0,.4);z-index:5}.project-visual{height:100%;position:relative;overflow:hidden}.project-visual:before{content:"";position:absolute;inset:0;background:linear-gradient(140deg,rgba(19,196,136,.2),transparent 35%,rgba(255,255,255,.1) 50%,transparent 65%);transform:translateX(-100%);transition:transform .9s}.project:hover .project-visual:before{transform:translateX(100%)}.project-screen{position:absolute;inset:8%;border-radius:18px;border:1px solid rgba(255,255,255,.18);background:#f1f7f5;box-shadow:0 20px 60px rgba(0,0,0,.25);overflow:hidden}.project-screen .ps-top{height:14px;background:#dfe9e6;display:flex;gap:5px;padding:4px 8px}.project-screen .ps-top i{width:5px;height:5px;border-radius:50%;background:#9aa9a5}.project-screen .ps-content{height:calc(100% - 14px);padding:16px;color:#17241f;background:linear-gradient(135deg,#f9fffd,#dcefe9)}.ps-content .fake-title{font-size:clamp(18px,2.1vw,34px);font-weight:900;line-height:.9;max-width:70%}.ps-content .fake-block{height:30%;margin-top:20px;border-radius:12px;background:linear-gradient(135deg,#123b30,#18a978)}.ps-content .fake-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:10px}.ps-content .fake-grid i{height:50px;background:#c6d9d4;border-radius:8px}.project-info{position:absolute;left:22px;right:22px;bottom:20px;display:flex;justify-content:space-between;align-items:end}.project-info strong{font-size:22px}.project-info span{font-size:10px;color:#b9cbc6;text-transform:uppercase;letter-spacing:.12em}.p1{left:0;top:7%;width:54%;height:390px;transform:rotate(-4deg)}.p2{right:0;top:0;width:46%;height:330px;transform:rotate(5deg)}.p3{left:17%;bottom:0;width:48%;height:360px;transform:rotate(2deg)}
.case-grid{display:grid;grid-template-columns:.75fr 1.25fr;gap:22px;align-items:stretch}.case-copy{padding:35px;border-radius:30px;display:flex;flex-direction:column;justify-content:space-between}.case-copy h3{font-size:50px;margin:18px 0}.case-copy .stat{font-size:80px;line-height:.9;color:var(--mint)}.case-copy small{color:#536a62;text-transform:uppercase;letter-spacing:.14em}.case-visual{min-height:520px;border-radius:30px;position:relative;overflow:hidden;background:radial-gradient(circle at 50% 55%,rgba(19,196,136,.2),transparent 42%),linear-gradient(140deg,#11241f,#08110f)}.case-visual .dash-window{position:absolute;left:8%;right:8%;top:15%;bottom:10%;border-radius:22px;background:rgba(248,253,251,.88);border:1px solid rgba(255,255,255,.15);box-shadow:0 30px 90px rgba(0,0,0,.35);padding:18px;transform:perspective(900px) rotateX(7deg) rotateY(-7deg)}.dash-window .dash-line{height:2px;background:linear-gradient(90deg,var(--mint),transparent);position:absolute;left:8%;right:8%;top:55%;box-shadow:0 -40px 0 rgba(19,196,136,.16),0 40px 0 rgba(19,196,136,.1)}.dash-window .dash-orb{position:absolute;width:180px;height:180px;right:12%;top:18%;border-radius:50%;background:radial-gradient(circle,rgba(19,196,136,.6),rgba(19,196,136,.04) 55%,transparent 70%);filter:blur(2px)}.dash-stat{position:absolute;padding:14px 18px;border-radius:16px}.ds1{left:8%;top:22%}.ds2{left:8%;bottom:18%}.ds3{right:9%;bottom:16%}.dash-stat b{font-size:30px;color:var(--mint);display:block}.dash-stat span{font-size:9px;color:#536a62;text-transform:uppercase;letter-spacing:.12em}
.social-stage{min-height:720px;position:relative}.social-title{font-size:clamp(58px,8vw,120px);max-width:800px}.social-stack{position:absolute;right:3%;top:20%;width:520px;height:480px}.social-card{position:absolute;width:210px;height:290px;border-radius:24px;overflow:hidden;box-shadow:0 30px 80px rgba(0,0,0,.35);transition:transform .65s cubic-bezier(.16,1,.3,1)}.social-card:hover{transform:translateY(-20px) rotate(0deg) scale(1.04)!important;z-index:8}.social-card:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 35%,rgba(0,0,0,.65))}.social-card .social-copy{position:absolute;left:16px;right:16px;bottom:16px}.social-card .social-copy b{font-size:20px}.social-card .social-copy span{display:block;font-size:9px;color:#29433b;text-transform:uppercase;letter-spacing:.1em;margin-top:5px}.sc1{left:0;top:90px;transform:rotate(-12deg);background:linear-gradient(145deg,#18b986,#e8fff7)}.sc2{left:120px;top:10px;transform:rotate(-3deg);background:linear-gradient(145deg,#d7f8ed,#4ba78a);color:#07110f}.sc3{left:230px;top:40px;transform:rotate(8deg);background:linear-gradient(145deg,#e7fff7,#13b982)}.sc4{right:0;top:0;transform:rotate(16deg);background:linear-gradient(145deg,#ffffff,#b9d9ce);color:#07110f}
.why{min-height:720px;display:flex;align-items:center}.why-center{width:min(700px,100%);margin:auto;text-align:center;position:relative}.why-center h2{font-size:clamp(70px,10vw,150px);margin:0}.why-orbit{position:absolute;inset:-80px;border:1px solid rgba(19,196,136,.17);border-radius:50%;transform:rotateX(68deg);pointer-events:none}.why-points{position:absolute;inset:-30px;pointer-events:none}.why-point{position:absolute;padding:10px 14px;border-radius:999px;font-size:10px;letter-spacing:.14em;text-transform:uppercase}.wp1{top:2%;left:8%}.wp2{top:22%;right:0}.wp3{bottom:18%;right:7%}.wp4{bottom:0;left:17%}.wp5{top:48%;left:-6%}.wp6{bottom:42%;right:-6%}
.testimonials{overflow:hidden}.testi-track{display:flex;gap:20px;will-change:transform}.testi{min-width:380px;padding:28px;border-radius:26px;transform:rotate(-2deg);transition:transform .5s}.testi:nth-child(even){transform:rotate(2deg);margin-top:50px}.stars{color:#b7ffe8;letter-spacing:.15em}.testi p{font-size:19px;line-height:1.25}.testi small{color:#536a62;text-transform:uppercase;letter-spacing:.12em}
.insights-grid{display:grid;grid-template-columns:1.25fr .75fr .75fr;gap:18px}.insight{min-height:390px;border-radius:26px;overflow:hidden;position:relative;transition:transform .5s}.insight:hover{transform:translateY(-10px)}.insight .image{position:absolute;inset:0;background:radial-gradient(circle at 50% 30%,rgba(19,196,136,.5),transparent 40%),linear-gradient(145deg,#10231e,#08110f)}.insight:nth-child(2) .image{background:linear-gradient(135deg,#10372d,#13c488 55%,#06120f)}.insight:nth-child(3) .image{background:linear-gradient(135deg,#dbe8e4,#758e88 48%,#0c1a16)}.insight .content{position:absolute;left:22px;right:22px;bottom:20px}.insight h3{font-size:27px;margin:7px 0}.insight span{font-size:9px;text-transform:uppercase;letter-spacing:.13em;color:#536a62}
.final-cta{min-height:90vh;display:flex;align-items:center;overflow:hidden}.cta-wrap{position:relative;width:100%;padding:80px 0}.cta-wrap h2{font-size:clamp(70px,10vw,160px);margin:0;max-width:900px;position:relative;z-index:2}.cta-orb{position:absolute;width:520px;height:520px;right:4%;top:0;border-radius:46% 54% 45% 55%;background:radial-gradient(circle at 30% 25%,rgba(255,255,255,.65),rgba(19,196,136,.35) 8%,rgba(19,196,136,.14) 38%,transparent 70%);border:1px solid rgba(213,255,244,.25);box-shadow:inset -40px -30px 90px rgba(19,196,136,.2),0 0 130px rgba(19,196,136,.16);animation:float 8s ease-in-out infinite}.cta-orb:after{content:"";position:absolute;inset:14%;border:1px solid rgba(255,255,255,.22);border-radius:50%;transform:rotateX(65deg)}.cta-copy{position:relative;z-index:3;margin-top:35px}.footer{padding:40px 0 28px;border-top:1px solid var(--line);background:rgba(245,251,248,.76)}.footer-grid{display:grid;grid-template-columns:1.2fr 1fr 1fr 1fr;gap:40px}.footer h4{margin:0 0 15px;font-size:12px;text-transform:uppercase;letter-spacing:.14em}.footer a,.footer p{font-size:12px;color:#536a62;margin:8px 0;display:block}.footer-bottom{margin-top:45px;padding-top:18px;border-top:1px solid rgba(255,255,255,.08);display:flex;justify-content:space-between;color:#6b8078;font-size:10px}.reveal{opacity:0;transform:translateY(35px)}.tilt{transform-style:preserve-3d;will-change:transform}.page-hero{min-height:68vh;padding:190px 0 90px;display:flex;align-items:end}.page-hero h1{font-size:clamp(78px,11vw,165px);max-width:1100px;margin:24px 0}.page-hero .lead{max-width:680px;font-size:18px;color:#536a62}.content-section{padding:120px 0}.story-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px}.story-block{padding:35px;border-radius:28px}.story-block h2{font-size:48px;margin:0 0 18px}.story-block p{color:#536a62}.faq{display:grid;gap:12px}.faq details{padding:20px 22px;border-radius:18px}.faq summary{cursor:pointer;font-weight:800}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.field{display:flex;flex-direction:column;gap:8px}.field.full{grid-column:1/-1}.field label{font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:#536a62}.field input,.field textarea,.field select{width:100%;border:1px solid var(--line);background:rgba(255,255,255,.72);color:#07130f;border-radius:15px;padding:15px;outline:none}.field textarea{min-height:150px;resize:vertical}.field input:focus,.field textarea:focus,.field select:focus{border-color:rgba(19,196,136,.65);box-shadow:0 0 0 4px rgba(19,196,136,.08)}.not-found{min-height:80vh;display:flex;align-items:center}.not-found h1{font-size:clamp(90px,15vw,220px);margin:0}.scroll-progress{position:fixed;right:18px;top:50%;width:2px;height:100px;background:rgba(255,255,255,.08);z-index:60}.scroll-progress i{display:block;width:100%;height:0;background:var(--mint);box-shadow:0 0 12px var(--mint)}.cursor,.cursor-ring{position:fixed;left:0;top:0;z-index:100;pointer-events:none;border-radius:50%;mix-blend-mode:screen}.cursor{width:6px;height:6px;background:var(--mint);box-shadow:0 0 18px var(--mint)}.cursor-ring{width:34px;height:34px;border:1px solid rgba(183,255,232,.6);transition:width .25s,height .25s,margin .25s,border-color .25s}.cursor-ring.active{width:72px;height:72px;margin:-19px 0 0 -19px;border-color:rgba(19,196,136,.9)}
@keyframes float{0%,100%{transform:translate3d(0,0,0) rotate(0deg)}50%{transform:translate3d(0,-18px,0) rotate(2deg)}}@keyframes sheen{0%,55%{transform:translateX(-120%)}75%,100%{transform:translateX(120%)}}
@media(max-width:1100px){.navlinks{gap:18px}.hero-inner,.manifesto-inner{grid-template-columns:1fr}.hero-side{min-height:540px}.manifesto-art{height:480px}.service-card{width:220px}.s7,.s8{width:240px}.dashboard-grid{grid-template-columns:1fr}.social-stack{right:0;transform:scale(.85);transform-origin:top right}.insights-grid{grid-template-columns:1fr 1fr}.insights-grid .insight:first-child{grid-column:1/-1}.footer-grid{grid-template-columns:1fr 1fr}}
@media(max-width:760px){body{background:linear-gradient(180deg,#07110f,#0a1714)}.container{width:min(calc(100% - 34px),var(--max))}.navlinks,.nav-cta{display:none}.menu{display:block}.hero{padding-top:120px;min-height:900px}.hero-inner{gap:0}.hero h1{font-size:clamp(64px,18vw,100px)}.hero-sub{font-size:15px}.hero-side{min-height:420px}.orbital-ui{width:100%;transform:scale(.88)}.floating-ui{min-width:130px;padding:11px}.section{padding:95px 0}.section-head{display:block;margin-bottom:45px}.section-copy{margin-top:20px}.manifesto{min-height:auto}.manifesto h2{font-size:clamp(54px,15vw,90px)}.manifesto-art{height:420px}.service-stage{min-height:1200px}.service-orbit{width:330px;height:330px;top:52%}.service-card{width:175px;padding:15px}.service-card h3{font-size:18px}.service-card p{font-size:10px}.s1{left:0;top:10%}.s2{right:0;top:16%}.s3{left:0;top:40%}.s4{right:0;top:46%}.s5{left:16%;bottom:10%}.s6{right:10%;bottom:0}.s7{left:20%;top:26%;width:200px}.s8{right:16%;top:34%;width:180px}.process-track{height:700px}.process-line{left:50%;top:8%;bottom:8%;width:2px;height:auto;right:auto;transform:rotate(0)}.process-node{width:120px}.pn1{left:0;top:5%}.pn2{right:0;left:auto;top:20%}.pn3{left:0;top:36%}.pn4{right:0;left:auto;top:52%}.pn5{left:0;top:68%}.pn6{right:0;left:auto;top:84%}.portfolio-stage{min-height:1000px}.p1{left:0;top:5%;width:92%;height:330px}.p2{right:0;top:33%;width:78%;height:280px}.p3{left:5%;bottom:0;width:88%;height:320px}.case-grid{grid-template-columns:1fr}.case-visual{min-height:440px}.social-stage{min-height:900px}.social-stack{position:relative;right:auto;top:auto;width:100%;height:500px;transform:scale(.82);transform-origin:top left;margin-top:30px}.why{min-height:650px}.why-orbit{inset:-25px}.why-point{font-size:8px}.wp1{left:0}.wp2{right:0}.wp5{left:0}.wp6{right:0}.testi{min-width:290px}.insights-grid{grid-template-columns:1fr}.insights-grid .insight:first-child{grid-column:auto}.insight{min-height:330px}.cta-orb{width:300px;height:300px;right:-20px;top:80px}.cta-wrap h2{font-size:clamp(62px,16vw,100px)}.footer-grid{grid-template-columns:1fr 1fr}.footer-bottom{display:block}.footer-bottom span{display:block;margin-top:6px}.page-hero{min-height:62vh;padding-top:150px}.page-hero h1{font-size:clamp(65px,18vw,110px)}.story-grid,.form-grid{grid-template-columns:1fr}.field.full{grid-column:auto}.cursor,.cursor-ring{display:none}.scroll-progress{right:8px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none}.orbital-core,.cta-orb{animation:none}.project,.service-card,.insight,.btn{transition:none}}
/* TechDizy v2: native pointer retained; no fake cursor dot/ring. */
.cursor,.cursor-ring{display:none!important}
.insight:nth-child(1) .image{background-image:url('../images/visual-01.svg');background-size:cover;background-position:center}.insight:nth-child(2) .image{background-image:url('../images/visual-02.svg');background-size:cover;background-position:center}.insight:nth-child(3) .image{background-image:url('../images/visual-03.svg');background-size:cover;background-position:center}.case-visual{background-image:url('../images/visual-04.svg');background-size:cover;background-position:center}