:root{--bg:#07111f;--panel:#0d1a2c;--panel2:#101f34;--text:#f3f7fb;--muted:#9caabd;--accent:#36e0a1;--accent2:#66a6ff;--line:rgba(255,255,255,.09);--max:1180px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.6}a{color:inherit;text-decoration:none}.container{width:min(calc(100% - 40px),var(--max));margin:auto}.site-header{position:sticky;top:0;z-index:20;background:rgba(7,17,31,.82);backdrop-filter:blur(16px);border-bottom:1px solid var(--line)}.nav{height:74px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:10px;font-size:21px;font-weight:800;letter-spacing:-.5px}.brand>span:last-child>span{color:var(--accent)}.brand-mark{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:linear-gradient(135deg,var(--accent),var(--accent2));color:#07111f;font-weight:900}.nav-links{display:flex;align-items:center;gap:28px;font-size:14px;color:var(--muted)}.nav-links a:hover{color:var(--text)}.nav-cta{color:#07111f!important;background:var(--accent);padding:10px 17px;border-radius:9px;font-weight:800}.menu-toggle{display:none;background:none;border:0;color:white;font-size:25px}.hero{position:relative;overflow:hidden;padding:105px 0 90px}.hero-glow{position:absolute;width:700px;height:500px;right:-200px;top:-160px;background:radial-gradient(circle,rgba(54,224,161,.16),transparent 65%)}.hero-grid{display:grid;grid-template-columns:1.12fr .88fr;gap:65px;align-items:center}.eyebrow{font-size:11px;letter-spacing:2px;font-weight:800;color:var(--accent);margin:0 0 14px}.hero h1{font-size:clamp(44px,6vw,72px);line-height:1.02;letter-spacing:-3px;margin:0 0 25px}.hero h1 span,h2 span{color:var(--accent)}.hero-text{font-size:18px;color:var(--muted);max-width:650px}.hero-actions{display:flex;gap:12px;margin:30px 0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;border:1px solid var(--line);padding:13px 20px;border-radius:10px;font-weight:800;cursor:pointer;font:inherit}.btn-primary{background:var(--accent);color:#06131e;border-color:var(--accent)}.btn-secondary{background:rgba(255,255,255,.03)}.trust-row{display:flex;gap:28px;margin-top:38px}.trust-row div{display:flex;flex-direction:column}.trust-row strong{font-size:14px}.trust-row span{font-size:11px;color:var(--muted)}.hero-card{background:linear-gradient(145deg,#0e2036,#091321);border:1px solid var(--line);border-radius:18px;box-shadow:0 25px 80px rgba(0,0,0,.3);overflow:hidden}.terminal-top{height:48px;display:flex;align-items:center;gap:7px;padding:0 17px;border-bottom:1px solid var(--line)}.terminal-top span{width:9px;height:9px;border-radius:50%;background:#506176}.terminal-top small{margin-left:auto;color:#63758b;font-family:monospace}.code{padding:34px 30px;font:14px/2.1 monospace;color:#b9c7d8}.code i{color:#66a6ff;font-style:normal}.code b{color:#f7b955}.code .success{color:var(--accent)}.section{padding:100px 0}.section-heading{max-width:720px;margin-bottom:45px}.section-heading h2,.about-section h2,.contact-section h2,.cta-band h2{font-size:clamp(32px,4vw,48px);line-height:1.08;letter-spacing:-1.7px;margin:0 0 16px}.section-heading p:not(.eyebrow),.about-section p,.contact-section>p{color:var(--muted)}.services-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.service-card{padding:27px;border:1px solid var(--line);background:linear-gradient(145deg,rgba(255,255,255,.035),rgba(255,255,255,.015));border-radius:15px;min-height:230px;transition:.25s}.service-card:hover,.project-card:hover{transform:translateY(-4px);border-color:rgba(54,224,161,.35)}.icon{font-size:25px;color:var(--accent);margin-bottom:25px}.service-card h3{font-size:18px;line-height:1.2;margin:0 0 12px}.service-card p,.project-body p{font-size:13px;color:var(--muted);margin:0}.portfolio-section{background:#091523}.split{display:flex;justify-content:space-between;gap:40px;align-items:end;max-width:none}.split>p{max-width:400px}.portfolio-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.project-card{background:var(--panel);border:1px solid var(--line);border-radius:16px;overflow:hidden;transition:.25s}.project-image{height:260px;display:flex;flex-direction:column;justify-content:end;padding:26px;position:relative;overflow:hidden}.project-image:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(3,9,17,.8),transparent 65%)}.project-image>*{position:relative;z-index:1}.project-image span{font-size:10px;letter-spacing:2px;color:var(--accent)}.project-image strong{font-size:28px;letter-spacing:-1px}.gradient-one{background:linear-gradient(135deg,#173a4d,#10243c 45%,#126c5c)}.gradient-two{background:linear-gradient(135deg,#321b4e,#162c50 55%,#126d76)}.gradient-three{background:linear-gradient(135deg,#3b2b16,#182d32 55%,#2d6e52)}.gradient-four{background:linear-gradient(135deg,#15264a,#4b2744 55%,#1a5b68)}.project-body{display:flex;justify-content:space-between;align-items:center;padding:20px 22px}.project-body h3{margin:0 0 3px;font-size:16px}.project-link{font-size:13px;font-weight:800;color:var(--accent);white-space:nowrap}.portfolio-note{margin-top:18px;padding:16px 18px;border:1px dashed rgba(54,224,161,.3);border-radius:10px;color:var(--muted);font-size:13px}.portfolio-note strong{color:var(--text)}.about-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:80px;align-items:center}.about-visual{height:350px;display:grid;place-items:center;position:relative}.about-logo{width:130px;height:130px;border-radius:35px;display:grid;place-items:center;font-size:75px;font-weight:900;color:#07111f;background:linear-gradient(135deg,var(--accent),var(--accent2));box-shadow:0 0 90px rgba(54,224,161,.18);z-index:2}.orbit{position:absolute;border:1px solid rgba(54,224,161,.2);border-radius:50%;transform:rotate(-25deg)}.orbit-one{width:300px;height:150px}.orbit-two{width:380px;height:190px;transform:rotate(25deg)}.checks{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:25px}.checks p{margin:0!important;color:var(--text)!important;font-size:14px}.cta-band{padding:55px 0;background:linear-gradient(90deg,#0c2b2c,#0b2030);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.cta-inner{display:flex;justify-content:space-between;align-items:center;gap:30px}.cta-inner h2{margin:0}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px}.contact-details{display:grid;gap:18px;margin-top:35px}.contact-details a,.contact-details div{display:flex;flex-direction:column;font-size:17px;font-weight:700}.contact-details span{font-size:10px;letter-spacing:2px;color:var(--accent);margin-bottom:2px}.contact-form{display:grid;gap:15px;background:var(--panel);padding:28px;border-radius:16px;border:1px solid var(--line)}.contact-form label{font-size:12px;font-weight:700;color:#c7d1df}.contact-form input,.contact-form textarea,.contact-form select{display:block;width:100%;margin-top:7px;padding:13px 14px;background:#081321;border:1px solid var(--line);border-radius:9px;color:var(--text);font:inherit;outline:none}.contact-form input:focus,.contact-form textarea:focus,.contact-form select:focus{border-color:var(--accent)}.contact-form small{color:var(--accent)}footer{border-top:1px solid var(--line);padding:30px 0}.footer-inner{display:flex;align-items:center;gap:25px}.footer-inner p{margin:0;color:var(--muted);font-size:12px}.footer-inner small{margin-left:auto;color:#607086}.footer-inner .brand{flex:none}@media(max-width:900px){.services-grid{grid-template-columns:repeat(2,1fr)}.hero-grid,.about-grid,.contact-grid{grid-template-columns:1fr}.hero-card{max-width:650px}.portfolio-grid{grid-template-columns:1fr}.about-visual{height:280px}.nav-links{gap:15px}}@media(max-width:680px){.container{width:min(calc(100% - 28px),var(--max))}.menu-toggle{display:block}.nav-links{display:none;position:absolute;left:14px;right:14px;top:68px;background:#0b1828;border:1px solid var(--line);border-radius:12px;padding:15px;flex-direction:column;align-items:stretch}.nav-links.open{display:flex}.nav-links a{padding:8px}.hero{padding:70px 0}.hero h1{font-size:44px;letter-spacing:-2px}.trust-row{gap:15px;flex-wrap:wrap}.services-grid{grid-template-columns:1fr}.split,.cta-inner{display:block}.split>p{margin-top:20px}.cta-inner .btn{margin-top:20px}.checks{grid-template-columns:1fr}.footer-inner{display:grid;gap:12px}.footer-inner small{margin:0}.project-image{height:220px}}
.portfolio-grid .featured-project{grid-column:1 / -1}
.featured-project .project-image{height:360px}
.hybrid-project{background:linear-gradient(135deg,#0a1524 0%,#152c39 45%,#08745e 100%);justify-content:center;align-items:center;text-align:center}
.hybrid-project:before{content:"";position:absolute;width:240px;height:240px;border-radius:50%;border:1px solid rgba(54,224,161,.28);box-shadow:0 0 100px rgba(54,224,161,.16)}
.hybrid-project span,.hybrid-project strong,.hybrid-badge{z-index:2}
.hybrid-project strong{font-size:56px;letter-spacing:-3px;margin-top:8px}
.hybrid-badge{position:absolute;top:25px;left:25px;border:1px solid rgba(54,224,161,.35);background:rgba(7,17,31,.55);padding:7px 11px;border-radius:999px;font-size:9px!important;letter-spacing:1.5px!important;color:var(--accent)!important}
.project-body{align-items:flex-start;gap:22px}
.project-body h2{font-size:19px;line-height:1.2;margin:0 0 8px}
.project-body>div{min-width:0}
.project-tags{display:flex;flex-wrap:wrap;gap:7px;margin:14px 0 0;padding:0;list-style:none}
.project-tags li{border:1px solid rgba(255,255,255,.12);border-radius:999px;padding:4px 9px;color:#b8c4d4;font-size:10px;line-height:1.2}
.media-project{justify-content:flex-end;background:#131724}
 .media-project img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 54%;opacity:.72;filter:saturate(.86) contrast(1.08);transition:transform .6s ease,opacity .35s ease}
.media-project:before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,rgba(5,7,15,.1),rgba(5,7,15,.9) 92%)}
 .media-project>*:not(img){z-index:2}
 .media-project strong{font-size:32px}
 .project-card:hover .media-project img{transform:scale(1.045);opacity:.88}
.jishu-project{background:#20141f}
.cacao-project{background:#302019}
.portfolio-cta{margin-top:25px;padding:24px 26px;border:1px solid var(--line);background:rgba(255,255,255,.025);border-radius:15px;display:flex;align-items:center;justify-content:space-between;gap:25px}
.portfolio-cta h3{margin:0;font-size:22px}
.portfolio-cta .eyebrow{margin-bottom:5px}
@media(max-width:680px){.featured-project .project-image{height:270px}.hybrid-project strong{font-size:40px}.media-project{height:240px}.portfolio-cta{display:block}.portfolio-cta .btn{margin-top:18px}}
 .brand{line-height:0}.brand-logo{display:block;width:72px;height:72px;object-fit:contain}.about-logo{width:min(100%,340px);height:auto;padding:0;background:none;border-radius:0;box-shadow:none;z-index:2}.about-logo-image{display:block;width:100%;height:auto}@media(max-width:680px){.brand-logo{width:58px;height:58px}.about-logo{width:min(100%,290px)}}
:root{--bg:#121317;--panel:#1b1e25;--panel2:#232832;--text:#f5f7fa;--muted:#aeb6c2;--accent:#ff9d00;--accent2:#00d0ff;--line:rgba(255,255,255,.12)}
body{background:var(--bg)}
.site-header{background:rgba(18,19,23,.9)}
.nav-links a:hover{color:var(--accent2)}
.hero-glow{background:radial-gradient(circle,rgba(0,208,255,.18),transparent 65%)}
.hero-card{background:linear-gradient(145deg,#1b1e25,#101114)}
.hero h1 span,h2 span{color:var(--accent)}
.btn-primary,.nav-cta{background:var(--accent);border-color:var(--accent)}
.btn-secondary{border-color:rgba(0,208,255,.4)}
.code i{color:var(--accent2)}
.code b{color:var(--accent)}
.code .success{color:var(--accent2)}
.service-card:hover,.project-card:hover{border-color:rgba(0,208,255,.45)}
.portfolio-section{background:#17191f}
.hybrid-project{background:linear-gradient(135deg,#101114 0%,#172630 52%,#0d5864 100%)}
.hybrid-project:before{border-color:rgba(0,208,255,.35);box-shadow:0 0 100px rgba(0,208,255,.2)}
.hybrid-badge{border-color:rgba(0,208,255,.45);color:var(--accent2)!important}
.portfolio-note{border-color:rgba(0,208,255,.35)}
.about-section .orbit{border-color:rgba(0,208,255,.2)}
.cta-band{background:linear-gradient(90deg,#20262d,#151f2c)}
.about-photo{display:block;position:relative;z-index:2;width:min(100%,300px);height:350px;object-fit:cover;object-position:center top;border:1px solid rgba(0,208,255,.4);border-radius:22px;box-shadow:0 25px 70px rgba(0,0,0,.4),0 0 70px rgba(0,208,255,.12)}
@media(max-width:900px){.about-photo{width:min(100%,300px)}}
@media(max-width:680px){.about-photo{width:min(100%,270px);height:350px}}
.nav-links a.active{color:var(--accent2)}
.page-section{min-height:calc(100vh - 74px)}
.section-heading h1,.about-section h1,.contact-section h1{font-size:clamp(32px,4vw,48px);line-height:1.08;letter-spacing:-1.7px;margin:0 0 16px}
body{background-color:#070b18;background-image:linear-gradient(rgba(5,8,20,.78),rgba(5,8,20,.88)),url("attached_assets/ChatGPT_Image_Aug_24,_2026,_11_15_09_PM_1787606131811.png");background-position:center;background-size:cover;background-attachment:fixed;background-repeat:no-repeat}
.site-header{background:rgba(6,10,24,.78)}
.section{background:transparent}
.portfolio-section{background:rgba(9,13,28,.7)}
.cta-band{background:rgba(10,24,42,.72)}
.ambient-code-screen{position:fixed;z-index:0;right:4vw;bottom:8vh;width:290px;border:1px solid rgba(102,166,255,.25);border-radius:16px;background:linear-gradient(145deg,rgba(12,23,47,.76),rgba(24,10,39,.68));box-shadow:0 25px 80px rgba(0,0,0,.35),0 0 70px rgba(102,166,255,.1);opacity:.48;transform:perspective(800px) rotateY(-8deg) rotateZ(2deg);pointer-events:none;overflow:hidden}
.ambient-code-top{height:34px;display:flex;align-items:center;gap:6px;padding:0 12px;border-bottom:1px solid rgba(255,255,255,.1)}
.ambient-code-top span{width:7px;height:7px;border-radius:50%;background:#687d9a}
.ambient-code-top small{margin-left:auto;color:#8195b5;font:10px monospace}
.ambient-code-screen pre{margin:0;padding:20px;font:12px/1.9 monospace;color:#c6d3e8;white-space:pre-wrap}
.ambient-code-screen i{color:#66d9ff;font-style:normal}
.ambient-code-screen b{color:#ffb347;font-weight:600}
.ambient-code-screen em{color:#7ce8c2;font-style:normal}
main,footer{position:relative;z-index:1}
@media(max-width:900px){.ambient-code-screen{right:18px;bottom:24px;width:245px;opacity:.25}}
@media(max-width:680px){.ambient-code-screen{display:none}}
/* Reference-inspired motion layer: dark editorial portfolio energy with restrained movement. */
html{background:#05060b}
body{position:relative;isolation:isolate;overflow-x:hidden;background-color:#05060b;background-image:linear-gradient(180deg,rgba(3,5,12,.82),rgba(4,4,12,.94)),url("attached_assets/ChatGPT_Image_Aug_24,_2026,_11_15_09_PM_1787606131811.png");background-position:center;background-size:cover;background-attachment:fixed}
body:before{content:"";position:fixed;inset:-15%;z-index:0;pointer-events:none;background:radial-gradient(circle at var(--mx,76%) var(--my,28%),rgba(255,72,43,.2),transparent 20%),radial-gradient(circle at 18% 72%,rgba(75,112,255,.14),transparent 26%);filter:blur(18px);mix-blend-mode:screen;animation:ambientDrift 14s ease-in-out infinite alternate}
 body:after{content:"KIVORAFORGE";position:fixed;left:50%;top:50%;z-index:0;pointer-events:none;white-space:nowrap;transform:translate(-44%,-50%);font-size:clamp(5rem,18vw,16rem);font-weight:900;letter-spacing:.16em;color:rgba(255,255,255,.035);animation:ghostType 18s ease-in-out infinite alternate}
main,footer{position:relative;z-index:1}
.site-header{background:rgba(4,6,14,.68);border-bottom-color:rgba(255,255,255,.1);animation:headerIn .8s ease both}
.site-header.is-scrolled{background:rgba(4,6,14,.9);box-shadow:0 12px 35px rgba(0,0,0,.18)}
.hero,.page-section{min-height:calc(100vh - 74px);display:flex;align-items:center}
.hero{padding-top:90px;padding-bottom:80px}
.hero-grid{width:min(calc(100% - 40px),var(--max));margin:auto;position:relative}
.hero-copy,.hero-card{animation:stageIn 1s cubic-bezier(.16,1,.3,1) both}
.hero-copy{animation-delay:.12s}
.hero-card{animation-delay:.3s}
.hero h1{font-size:clamp(48px,7.4vw,100px);line-height:.96;letter-spacing:-4px;max-width:820px}
.hero-text{max-width:610px}
.hero-glow{width:760px;height:650px;right:-270px;top:-190px;opacity:.6;animation:glowPulse 8s ease-in-out infinite alternate}
.hero-card{background:linear-gradient(145deg,rgba(23,27,39,.9),rgba(7,9,16,.88));border-color:rgba(255,255,255,.16);box-shadow:0 30px 100px rgba(0,0,0,.5),0 0 90px rgba(53,111,255,.08);animation-name:screenIn}
.terminal-top{background:rgba(255,255,255,.025)}
.ambient-code-screen{opacity:.34;background:linear-gradient(145deg,rgba(12,17,35,.7),rgba(33,8,28,.6));border-color:rgba(255,100,74,.24);animation:ambientScreen 9s ease-in-out infinite alternate}
.section-heading,.about-grid,.contact-grid,.portfolio-grid,.portfolio-cta,.portfolio-note{animation:stageIn 1s cubic-bezier(.16,1,.3,1) both}
.section-heading{animation-delay:.1s}
.about-grid,.contact-grid{animation-delay:.18s}
.portfolio-grid{animation-delay:.25s}
.service-card,.project-card,.checks p{opacity:0;transform:translateY(24px);transition:transform .45s ease,opacity .45s ease,border-color .25s ease}
.service-card.is-visible,.project-card.is-visible,.checks p.is-visible{opacity:1;transform:translateY(0)}
.service-card:nth-child(2),.project-card:nth-child(2),.checks p:nth-child(2){transition-delay:.07s}
.service-card:nth-child(3),.project-card:nth-child(3),.checks p:nth-child(3){transition-delay:.14s}
.service-card:nth-child(4),.project-card:nth-child(4),.checks p:nth-child(4){transition-delay:.21s}
.service-card{background:linear-gradient(145deg,rgba(21,25,38,.7),rgba(7,9,17,.52));backdrop-filter:blur(8px);border-color:rgba(255,255,255,.12)}
.service-card:hover,.project-card:hover{transform:translateY(-8px) scale(1.01);box-shadow:0 18px 50px rgba(0,0,0,.24)}
.portfolio-section{background:rgba(4,6,14,.62)}
.project-card{background:rgba(12,15,25,.76);backdrop-filter:blur(10px)}
.hybrid-project{background:radial-gradient(circle at 65% 65%,rgba(255,74,48,.42),transparent 18%),linear-gradient(135deg,#11131c 0%,#1c2031 50%,#13192b 100%);animation:projectGlow 7s ease-in-out infinite alternate}
.hybrid-project:before{animation:orbitPulse 6s ease-in-out infinite}
.cta-band{background:rgba(8,13,25,.67);backdrop-filter:blur(10px)}
.contact-form{background:rgba(15,18,29,.74);backdrop-filter:blur(14px);box-shadow:0 20px 70px rgba(0,0,0,.26)}
.contact-form input,.contact-form textarea,.contact-form select{background:rgba(4,7,15,.66)}
footer{background:rgba(3,5,11,.55)}
.btn,.nav-cta{transition:transform .25s ease,box-shadow .25s ease,background .25s ease}
.btn:hover,.nav-cta:hover{transform:translateY(-3px);box-shadow:0 12px 30px rgba(0,0,0,.25)}
body.is-leaving main,body.is-leaving footer{animation:pageOut .3s ease both}
@keyframes headerIn{from{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:none}}
@keyframes stageIn{from{opacity:0;transform:translateY(28px);filter:blur(7px)}to{opacity:1;transform:none;filter:none}}
@keyframes screenIn{from{opacity:0;transform:translateY(34px) rotate(1deg) scale(.96);filter:blur(7px)}to{opacity:1;transform:none;filter:none}}
@keyframes ambientScreen{from{transform:perspective(800px) rotateY(-8deg) rotateZ(2deg) translate3d(0,0,0)}to{transform:perspective(800px) rotateY(-4deg) rotateZ(1deg) translate3d(-12px,-14px,0)}}
@keyframes ambientDrift{from{transform:translate3d(-2%,1%,0) scale(1)}to{transform:translate3d(3%,-2%,0) scale(1.08)}}
@keyframes ghostType{from{letter-spacing:.16em;opacity:.7}to{letter-spacing:.24em;opacity:1;transform:translate(-44%,-50%) scale(1.04)}}
@keyframes glowPulse{from{opacity:.4;transform:scale(.96)}to{opacity:.85;transform:scale(1.04)}}
@keyframes projectGlow{from{background-position:20% 50%}to{background-position:80% 50%}}
@keyframes orbitPulse{0%,100%{transform:rotate(-25deg) scale(1)}50%{transform:rotate(-18deg) scale(1.05)}}
@keyframes pageOut{from{opacity:1}to{opacity:0;transform:translateY(-10px)}}
@media(max-width:900px){.hero h1{font-size:clamp(48px,10vw,78px)}.hero,.page-section{min-height:auto}.page-section{padding-top:90px;padding-bottom:90px}}
@media(max-width:680px){body:after{font-size:5rem;letter-spacing:.08em}.hero h1{font-size:clamp(43px,13vw,64px);letter-spacing:-2px}.hero{padding-top:72px}.section,.page-section{padding-top:78px;padding-bottom:78px}.service-card,.project-card,.checks p{opacity:1;transform:none}.hero-copy,.hero-card,.section-heading,.about-grid,.contact-grid,.portfolio-grid,.portfolio-cta,.portfolio-note{animation:none}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}
body{animation:pageIn .85s cubic-bezier(.16,1,.3,1) both}
.hero-copy{animation:none}
.hero-copy>*{opacity:0;animation:copyReveal .75s cubic-bezier(.16,1,.3,1) both}
.hero-copy>.eyebrow{animation-delay:.12s}
.hero-copy>h1{animation-delay:.2s}
.hero-copy>.hero-text{animation-delay:.3s}
.hero-copy>.hero-actions{animation-delay:.4s}
.hero-copy>.trust-row{animation-delay:.5s}
.hero-card{position:relative;translate:0 var(--scroll-shift,0px)}
.hero-card:after,.service-card:after,.project-card:after,.contact-form:after{content:"";position:absolute;inset:0;pointer-events:none;opacity:0;background:radial-gradient(circle at var(--card-x,50%) var(--card-y,50%),rgba(255,255,255,.14),transparent 35%);transition:opacity .35s ease}
.hero-card:hover:after,.service-card:hover:after,.project-card:hover:after,.contact-form:focus-within:after{opacity:1}
.hero-glow{translate:0 var(--scroll-shift,0px)}
.ambient-code-screen{translate:0 var(--scroll-shift,0px)}
.about-photo{translate:0 var(--scroll-shift,0px)}
.hybrid-project{background-size:140% 140%;background-position:var(--project-x,50%) var(--project-y,50%)}
.project-card,.service-card,.contact-form{position:relative}
.contact-form:after{opacity:0}
.section-heading,.about-grid,.contact-grid,.portfolio-grid,.portfolio-cta,.portfolio-note{will-change:opacity,transform,filter}
@keyframes pageIn{from{opacity:0}to{opacity:1}}
@keyframes copyReveal{from{opacity:0;transform:translateY(24px);filter:blur(9px)}to{opacity:1;transform:none;filter:none}}
@media(max-width:680px){body{animation:none}.hero-copy>*{animation:none;opacity:1}.hero-card,.ambient-code-screen,.about-photo,.hero-glow{translate:none}}
@media(prefers-reduced-motion:reduce){body{animation:none}.hero-copy>*{animation:none;opacity:1}.hero-card,.ambient-code-screen,.about-photo,.hero-glow{translate:none}}

/* Case studies */
.project-image-link{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:flex-end;padding:26px}
.project-image-link{z-index:2}
 .project-image-link img{position:absolute;inset:0;z-index:0;width:100%;height:100%;object-fit:cover;object-position:center}
.project-image-link:after{content:"";position:absolute;inset:0;z-index:0;background:linear-gradient(180deg,rgba(5,7,15,.1),rgba(5,7,15,.9) 92%)}
.project-image-link span,.project-image-link strong{position:relative;z-index:1}
.media-project .media-label{z-index:4}
.case-study{overflow:hidden}
.case-study-hero{display:block;min-height:0;padding:70px 0 86px}
.back-link{display:inline-flex;align-items:center;gap:8px;color:var(--muted);font-size:13px;font-weight:700;margin-bottom:50px;transition:color .2s ease,transform .2s ease}
.back-link:hover{color:var(--accent);transform:translateX(-3px)}
.case-study-intro{display:grid;grid-template-columns:minmax(0,1.22fr) minmax(220px,.78fr);gap:70px;align-items:end}
.case-study-intro h1{font-size:clamp(44px,6.2vw,78px);line-height:.98;letter-spacing:-3px;max-width:850px;margin:0 0 25px}
.case-study-lede{font-size:18px;color:var(--muted);max-width:670px;margin:0}
.case-study-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}
.case-study-meta{display:grid;gap:22px;border-left:1px solid rgba(255,255,255,.16);padding-left:27px;padding-bottom:5px}
.case-study-meta div{font-weight:700;font-size:15px}
.case-study-meta span{display:block;color:var(--accent);font-size:10px;letter-spacing:1.8px;text-transform:uppercase;margin-bottom:2px}
.case-study-feature{margin:72px 0 0;border:1px solid rgba(255,255,255,.14);border-radius:18px;overflow:hidden;background:rgba(9,12,22,.8);box-shadow:0 25px 80px rgba(0,0,0,.28)}
 .case-study-feature img{display:block;width:100%;aspect-ratio:16 / 7;object-fit:cover;object-position:center 50%;background:#090b12}
.case-study-feature figcaption,.gallery-item figcaption{display:flex;gap:18px;align-items:baseline;padding:16px 20px;color:var(--muted);font-size:12px}
.case-study-feature figcaption span,.gallery-item figcaption span{color:var(--accent);font-size:10px;letter-spacing:1.6px;font-weight:800;white-space:nowrap}
.case-study-content{background:rgba(4,6,14,.7);border-top:1px solid rgba(255,255,255,.06);border-bottom:1px solid rgba(255,255,255,.06)}
.case-study-story{display:grid;grid-template-columns:1.2fr .8fr;gap:80px;align-items:start}
.case-study-story h2,.case-study-section-heading h2,.outcome-panel h2{font-size:clamp(30px,4vw,50px);line-height:1.05;letter-spacing:-1.8px;margin:0 0 20px}
.case-study-story p:not(.eyebrow),.case-study-section-heading>p:not(.eyebrow),.outcome-panel>p{color:var(--muted);font-size:16px;max-width:650px}
.story-accent{border-left:1px solid var(--accent);padding-left:26px;margin-top:52px}
.story-accent p:not(.eyebrow){font-size:18px;color:var(--text);line-height:1.55}
.case-study-process{margin-top:110px}
.case-study-section-heading{max-width:690px;margin-bottom:38px}
.case-study-section-heading h2{margin-bottom:14px}
.process-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.process-step{padding:25px;border:1px solid rgba(255,255,255,.12);border-radius:14px;background:linear-gradient(145deg,rgba(20,24,37,.7),rgba(7,9,17,.5));min-height:205px}
.process-step>b{color:var(--accent);font:700 11px monospace;letter-spacing:1px}
.process-step h3{font-size:19px;margin:28px 0 8px}
.process-step p{color:var(--muted);font-size:13px;margin:0}
.outcome-panel{display:grid;grid-template-columns:1.2fr .8fr;gap:70px;align-items:end;margin-top:90px;padding:38px 0 0;border-top:1px solid rgba(255,255,255,.14)}
.outcome-panel h2{font-size:clamp(28px,3.5vw,43px);margin-bottom:0}
.outcome-panel>p{margin:0 0 4px}
.case-study-gallery{padding-top:96px;background:rgba(5,7,14,.32)}
.gallery-grid{display:grid;grid-template-columns:1.12fr .88fr;gap:20px;align-items:stretch}
.gallery-item{margin:0;border:1px solid rgba(255,255,255,.13);border-radius:16px;overflow:hidden;background:rgba(13,16,27,.75)}
.gallery-image{display:flex;flex-direction:column}
.gallery-image img{display:block;width:100%;height:100%;min-height:430px;object-fit:cover;object-position:center 35%}
.gallery-item figcaption{min-height:68px;background:rgba(5,7,14,.45)}
.gallery-detail{display:flex;flex-direction:column;justify-content:space-between}
.detail-window{margin:24px;height:100%;min-height:430px;border:1px solid rgba(255,255,255,.15);border-radius:10px;overflow:hidden;background:#0d101a}
.detail-top{display:flex;align-items:center;gap:6px;height:35px;padding:0 12px;border-bottom:1px solid rgba(255,255,255,.1);color:#8691a4}
.detail-top i{width:7px;height:7px;border-radius:50%;background:#5c6475}
.detail-top small{margin-left:auto;font:10px monospace}
.detail-copy{display:flex;flex-direction:column;justify-content:center;height:calc(100% - 35px);padding:30px;position:relative;overflow:hidden}
.detail-copy:before{content:"";position:absolute;width:220px;height:220px;right:-90px;top:25%;border:1px solid rgba(54,224,161,.24);border-radius:50%;box-shadow:0 0 90px rgba(54,224,161,.1)}
.detail-copy>span{color:var(--accent);font-size:10px;letter-spacing:1.7px;font-weight:800}
.detail-copy strong{font-size:clamp(27px,3vw,43px);line-height:1.02;letter-spacing:-1.8px;margin:25px 0;position:relative}
.detail-copy em{color:var(--accent);font-style:normal}
.detail-copy>small{color:var(--muted);font-size:11px;position:relative}
.detail-line{width:90px;height:1px;background:var(--accent);opacity:.7;position:relative}
.cacao-detail .detail-copy:before{border-color:rgba(255,157,0,.27);box-shadow:0 0 90px rgba(255,157,0,.1)}
.cacao-detail .detail-copy>span,.cacao-detail .detail-copy em{color:#ffb23f}
.detail-products{display:flex;gap:8px;position:relative;margin:5px 0 24px}
.detail-products b{display:grid;place-items:center;width:42px;height:42px;border:1px solid rgba(255,178,63,.45);border-radius:50%;color:#ffb23f;font:11px monospace}
.case-study-next{display:flex;justify-content:space-between;align-items:end;gap:25px;border-top:1px solid rgba(255,255,255,.12);margin-top:70px;padding-top:25px}
.case-study-next .eyebrow{margin:0}
.case-study-next a{font-size:18px;font-weight:800;color:var(--text)}
.case-study-next a span{color:var(--accent);margin-left:8px}
.cacao-case-study .case-study-next a span,.cacao-case-study .detail-products b{color:#ffb23f}
.cacao-case-study .case-study-next a:hover{color:#ffb23f}
 @media(max-width:900px){.case-study-intro,.case-study-story,.outcome-panel{grid-template-columns:1fr;gap:35px}.case-study-meta{grid-template-columns:repeat(3,1fr);border-left:0;border-top:1px solid rgba(255,255,255,.16);padding:22px 0 0}.story-accent{margin-top:0}.gallery-grid{grid-template-columns:1fr}.gallery-image img,.detail-window{min-height:360px}.outcome-panel>p{margin:0}.case-study-feature img{aspect-ratio:16 / 9}}
 @media(max-width:680px){.case-study-hero{padding-top:48px}.back-link{margin-bottom:36px}.case-study-intro h1{font-size:clamp(42px,13vw,62px);letter-spacing:-2px}.case-study-lede{font-size:16px}.case-study-actions{display:grid}.case-study-actions .btn{width:100%}.case-study-meta{grid-template-columns:1fr 1fr;gap:18px}.case-study-meta div:last-child{grid-column:1 / -1}.case-study-feature{margin-top:48px;border-radius:12px}.case-study-feature img{aspect-ratio:9 / 14;object-fit:cover}.case-study-feature figcaption,.gallery-item figcaption{display:block;padding:14px 16px}.case-study-feature figcaption span,.gallery-item figcaption span{display:block;margin-bottom:5px}.case-study-process{margin-top:75px}.process-grid{grid-template-columns:1fr}.process-step{min-height:0}.outcome-panel{margin-top:70px;padding-top:28px}.case-study-gallery{padding-top:76px}.gallery-image img,.detail-window{min-height:330px}.detail-window{margin:14px}.case-study-next{display:block}.case-study-next a{display:block;margin-top:16px;font-size:16px}}

/* Immersive agency experience */
.intro-loader{position:fixed;inset:0;z-index:100;display:grid;place-items:center;background:#05060b;color:var(--text);transition:opacity .55s ease,visibility .55s ease}
.intro-loader.is-done{opacity:0;visibility:hidden;pointer-events:none}
.intro-loader-inner{width:min(440px,calc(100% - 48px));text-align:center}
.intro-loader-mark{display:inline-grid;place-items:center;width:58px;height:58px;border:1px solid rgba(0,208,255,.65);border-radius:50%;color:var(--accent2);font:700 15px/1 monospace;letter-spacing:-1px;box-shadow:0 0 45px rgba(0,208,255,.14);animation:loaderMark 1.2s ease-in-out infinite alternate}
.intro-loader-title{display:block;margin-top:22px;font-size:12px;letter-spacing:4px;font-weight:800}
.intro-loader-status{display:block;margin-top:10px;color:var(--muted);font:11px monospace}
.intro-loader-progress{height:1px;margin-top:26px;background:rgba(255,255,255,.12);overflow:hidden}
.intro-loader-progress:after{content:"";display:block;width:45%;height:100%;background:var(--accent2);box-shadow:0 0 16px var(--accent2);animation:loaderProgress 1.4s cubic-bezier(.16,1,.3,1) forwards}
.js body:not(.intro-ready) main,.js body:not(.intro-ready) footer{opacity:0}
.js body.intro-ready main,.js body.intro-ready footer{opacity:1;transition:opacity .35s ease}
.network-section{position:relative;overflow:hidden;background:rgba(5,7,15,.56);border-top:1px solid rgba(255,255,255,.07);border-bottom:1px solid rgba(255,255,255,.07)}
.network-section:before{content:"";position:absolute;width:620px;height:620px;left:50%;top:50%;transform:translate(-50%,-50%);border:1px solid rgba(0,208,255,.08);border-radius:50%;box-shadow:0 0 120px rgba(0,208,255,.04)}
.network-intro{position:relative;z-index:1;display:flex;justify-content:space-between;align-items:end;gap:45px;margin-bottom:45px}
.network-intro h2{max-width:620px;font-size:clamp(35px,5vw,62px);line-height:.98;letter-spacing:-2.5px;margin:0}
.network-intro>p{max-width:355px;color:var(--muted);margin:0;font-size:14px}
.network-stage{position:relative;z-index:1;min-height:520px;max-width:900px;margin:auto}
.network-lines{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.network-lines path{fill:none;stroke:rgba(0,208,255,.22);stroke-width:1;stroke-dasharray:4 8;animation:lineDrift 8s linear infinite}
.network-core{position:absolute;left:50%;top:50%;display:grid;place-items:center;width:188px;height:188px;transform:translate(-50%,-50%);text-align:center;border:1px solid rgba(0,208,255,.5);border-radius:50%;background:radial-gradient(circle,rgba(20,34,51,.95),rgba(7,9,16,.9) 67%);box-shadow:0 0 70px rgba(0,208,255,.12),inset 0 0 35px rgba(0,208,255,.08)}
.network-core:before{content:"";position:absolute;inset:-13px;border:1px solid rgba(255,157,0,.18);border-radius:50%;animation:coreOrbit 9s linear infinite}
.network-core-mark{display:grid;place-items:center;width:35px;height:35px;border-radius:50%;background:var(--accent);color:#080c16;font:800 12px monospace}
.network-core strong{font-size:19px;line-height:.98;letter-spacing:-.7px}
.network-core em{color:var(--accent2);font-style:normal}
.network-core small{color:var(--muted);font-size:9px;letter-spacing:.4px}
.network-node{position:absolute;display:flex;flex-direction:column;gap:4px;width:190px;padding:17px 18px;border:1px solid rgba(255,255,255,.13);border-radius:12px;background:rgba(10,14,25,.78);backdrop-filter:blur(8px);transition:transform .3s ease,border-color .3s ease,background .3s ease;box-shadow:0 14px 40px rgba(0,0,0,.2)}
.network-node:hover,.network-node:focus-visible{transform:translateY(-5px);border-color:var(--accent2);background:rgba(16,26,42,.92);outline:none}
.network-node strong{font-size:14px}
.network-node small{color:var(--muted);font-size:10px;line-height:1.35}
.node-index{color:var(--accent);font:700 10px monospace;letter-spacing:1px}
.node-one{left:0;top:16px}.node-two{left:calc(50% - 95px);top:0}.node-three{right:0;top:16px}.node-four{left:0;bottom:16px}.node-five{left:calc(50% - 95px);bottom:0}.node-six{right:0;bottom:16px}
.proof-strip{position:relative;z-index:1;display:grid;grid-template-columns:repeat(2,160px) 1fr;align-items:center;gap:20px;margin-top:32px;padding-top:25px;border-top:1px solid rgba(255,255,255,.1)}
.proof-stat{display:flex;flex-direction:column}.proof-stat strong{font-size:42px;line-height:1;color:var(--accent2);letter-spacing:-2px}.proof-stat span{margin-top:5px;color:var(--muted);font-size:10px;letter-spacing:1.2px;text-transform:uppercase}
.proof-statement{display:flex;flex-direction:column;align-items:flex-end;text-align:right}.proof-statement span{color:var(--accent);font:700 10px monospace;letter-spacing:1.6px}.proof-statement strong{margin-top:4px;font-size:16px}
.service-rail{display:flex;gap:10px;overflow-x:auto;margin:0 0 33px;padding:0 0 9px;scrollbar-width:thin;scrollbar-color:var(--accent2) transparent}
.service-rail a{display:flex;align-items:center;gap:11px;flex:0 0 auto;padding:11px 15px;border:1px solid rgba(255,255,255,.12);border-radius:999px;background:rgba(10,14,25,.55);color:var(--muted);font-size:12px;transition:color .25s ease,background .25s ease,border-color .25s ease,transform .25s ease;animation:railFloat 6s ease-in-out infinite}
.service-rail a:nth-child(2){animation-delay:-1s}.service-rail a:nth-child(3){animation-delay:-2s}.service-rail a:nth-child(4){animation-delay:-3s}.service-rail a:nth-child(5){animation-delay:-4s}.service-rail a:nth-child(6){animation-delay:-5s}
.service-rail a:hover,.service-rail a:focus-visible{color:var(--text);background:rgba(0,208,255,.1);border-color:rgba(0,208,255,.55);transform:translateY(-2px);outline:none}
.service-rail a span{color:var(--accent);font:700 10px monospace}
.service-card[id]{scroll-margin-top:100px}
@keyframes loaderMark{from{transform:scale(.94);box-shadow:0 0 35px rgba(0,208,255,.1)}to{transform:scale(1.04);box-shadow:0 0 65px rgba(0,208,255,.24)}}
@keyframes loaderProgress{from{transform:translateX(-110%)}to{transform:translateX(235%)}}
@keyframes lineDrift{to{stroke-dashoffset:-48}}
@keyframes coreOrbit{to{transform:rotate(360deg)}}
@keyframes railFloat{0%,100%{translate:0 0}50%{translate:0 -3px}}
@media(max-width:900px){.network-stage{min-height:610px}.network-node{width:175px}.node-one{left:0}.node-three{right:0}.node-four{left:0}.node-six{right:0}.network-core{width:170px;height:170px}.proof-strip{grid-template-columns:repeat(2,1fr)}.proof-statement{grid-column:1 / -1;align-items:flex-start;text-align:left}}
@media(max-width:680px){.network-intro{display:block;margin-bottom:32px}.network-intro>p{margin-top:18px}.network-stage{min-height:700px}.network-stage:after{content:"";position:absolute;left:50%;top:50%;width:1px;height:100%;background:linear-gradient(transparent,rgba(0,208,255,.18),transparent);z-index:-1}.network-lines{opacity:.7}.network-core{width:145px;height:145px}.network-core strong{font-size:16px}.network-core small{font-size:8px}.network-node{width:calc(50% - 8px);padding:13px 12px}.network-node small{font-size:9px}.node-one{left:0;top:10px}.node-two{left:auto;right:0;top:120px}.node-three{left:0;right:auto;top:250px}.node-four{left:auto;right:0;bottom:250px}.node-five{left:0;bottom:120px}.node-six{left:auto;right:0;bottom:10px}.proof-strip{gap:18px;margin-top:15px}.proof-stat strong{font-size:35px}.proof-statement strong{font-size:14px}}
@media(prefers-reduced-motion:reduce){.intro-loader-mark,.intro-loader-progress:after,.network-lines path,.network-core:before{animation:none}.js body:not(.intro-ready) main,.js body:not(.intro-ready) footer{opacity:1}}

/* Fixed WhatsApp contact action */
.whatsapp-float{position:fixed;right:max(20px,env(safe-area-inset-right));bottom:max(20px,env(safe-area-inset-bottom));z-index:19;display:inline-flex;align-items:center;gap:11px;min-height:56px;padding:8px 17px 8px 10px;border:1px solid rgba(255,255,255,.24);border-radius:999px;background:#25d366;color:#062512;box-shadow:0 14px 34px rgba(0,0,0,.35),0 0 28px rgba(37,211,102,.2);font-size:12px;font-weight:800;transition:transform .25s ease,box-shadow .25s ease,filter .25s ease}
.whatsapp-float:hover{transform:translateY(-4px);filter:saturate(1.08);box-shadow:0 18px 38px rgba(0,0,0,.4),0 0 36px rgba(37,211,102,.3)}
.whatsapp-float:focus-visible{outline:3px solid rgba(0,208,255,.9);outline-offset:4px}
.whatsapp-float-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:rgba(255,255,255,.94)}
.whatsapp-float-icon svg{display:block;width:23px;height:23px;fill:none;stroke:#118c45;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.whatsapp-float-icon .whatsapp-phone{fill:none;stroke:#118c45;stroke-width:1.5}
.whatsapp-float-label{white-space:nowrap}
@media(max-width:680px){.whatsapp-float{right:max(14px,env(safe-area-inset-right));bottom:max(14px,env(safe-area-inset-bottom));min-height:52px;width:52px;padding:6px;justify-content:center}.whatsapp-float-icon{width:38px;height:38px}.whatsapp-float-label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}}
@media(prefers-reduced-motion:reduce){.whatsapp-float{transition:none}.whatsapp-float:hover{transform:none}}

 /* Visual promotion */
.promo-teaser,.promo-feature{border:1px solid rgba(255,255,255,.14);background:linear-gradient(135deg,rgba(18,22,36,.82),rgba(7,9,17,.7));box-shadow:0 24px 80px rgba(0,0,0,.22);overflow:hidden}
 .promo-teaser{display:block;margin-top:25px;border-radius:16px}
 .promo-teaser-copy{display:flex;flex-direction:column;justify-content:center;max-width:760px;padding:44px 48px}
.promo-teaser-copy h3{max-width:360px;margin:0 0 15px;font-size:clamp(25px,3vw,38px);line-height:1.06;letter-spacing:-1.5px}
.promo-teaser-copy>p:not(.eyebrow),.promo-feature-caption>div>p:not(.eyebrow){color:var(--muted);font-size:14px;margin:0 0 24px}
.promo-teaser-copy .btn{align-self:flex-start;margin-top:5px}
 .promo-feature{display:block;margin:0 0 45px;border-radius:18px}
 .promo-feature-caption{display:flex;flex-direction:column;justify-content:space-between;gap:35px;min-height:330px;padding:48px 52px}
.promo-feature-caption h2{font-size:clamp(30px,4vw,50px);line-height:1.04;letter-spacing:-1.8px;margin:0 0 18px}
.promo-feature-caption .btn{align-self:flex-start}
 @media(max-width:900px){.promo-feature-caption{min-height:300px}}
 @media(max-width:680px){.promo-teaser{margin-top:20px;border-radius:12px}.promo-teaser-copy,.promo-feature-caption{padding:30px 24px}.promo-teaser-copy h3{font-size:30px}.promo-feature{margin-bottom:30px;border-radius:12px}.promo-feature-caption{min-height:0;gap:25px}.promo-feature-caption .btn,.promo-teaser-copy .btn{width:100%}}
.hero{background-image:linear-gradient(90deg,rgba(4,6,14,.78) 0%,rgba(4,6,14,.46) 52%,rgba(4,6,14,.76) 100%),url("attached_assets/davinci_create_a_visually_striking_premium_hero_background_1788024305159.png");background-position:center right;background-size:cover;background-repeat:no-repeat}
@media(max-width:680px){.hero{background-position:66% center;background-image:linear-gradient(90deg,rgba(4,6,14,.86) 0%,rgba(4,6,14,.58) 100%),url("attached_assets/davinci_create_a_visually_striking_premium_hero_background_1788024305159.png")}}
.hero-glow{z-index:1}
.hero-grid{z-index:2}
.hero-human-cue{display:flex;align-items:center;gap:12px;margin:6px 30px 22px;padding:12px 14px;border:1px solid rgba(0,208,255,.22);border-radius:12px;background:rgba(4,7,15,.55);box-shadow:0 12px 35px rgba(0,0,0,.2);transition:transform .25s ease,border-color .25s ease,background .25s ease}
.hero-human-cue:hover{transform:translateY(-3px);border-color:rgba(54,224,161,.55);background:rgba(7,14,22,.76)}
.hero-human-cue img{width:38px;height:38px;flex:0 0 38px;border-radius:50%;object-fit:cover;object-position:center top;border:1px solid rgba(54,224,161,.55)}
.hero-human-cue span{display:flex;flex-direction:column;min-width:0}
.hero-human-cue small{color:var(--accent2);font-size:9px;letter-spacing:1.5px;font-weight:800}
.hero-human-cue strong{font-size:12px;line-height:1.25;color:#e9eef6}
.hero-human-cue b{margin-left:auto;color:var(--accent);font-size:18px;font-weight:500}
 @media(max-width:900px){.hero-human-cue{margin-left:22px;margin-right:22px}}
 @media(max-width:680px){.hero-human-cue{margin:2px 18px 18px;padding:10px 12px}.hero-human-cue strong{font-size:11px}}
 @media(prefers-reduced-motion:reduce){.hero-human-cue{transform:none}}

/* Mobile experience polish */
@media(max-width:680px){
  body{padding-bottom:calc(76px + env(safe-area-inset-bottom));}
  .site-header{z-index:30;}
  .nav{min-height:74px;}
  .menu-toggle{
    display:grid;
    place-items:center;
    width:48px;
    height:48px;
    padding:0;
    border-radius:10px;
    cursor:pointer;
  }
  .menu-toggle:focus-visible{
    outline:3px solid rgba(0,208,255,.9);
    outline-offset:2px;
  }
  .nav-links{
    top:calc(100% + 10px);
    max-height:calc(100dvh - 110px);
    overflow-y:auto;
    overscroll-behavior:contain;
    box-shadow:0 18px 45px rgba(0,0,0,.42);
  }
  .nav-links a{
    display:flex;
    align-items:center;
    min-height:44px;
  }
  .hero h1,.network-intro h2,.section-heading h1,.about-section h1,.contact-section h1{
    overflow-wrap:anywhere;
  }
  .hero-actions{
    display:grid;
    grid-template-columns:1fr;
    gap:10px;
  }
  .hero-actions .btn,
  .cta-inner .btn,
  .portfolio-cta .btn,
  .contact-form .btn{
    width:100%;
    min-height:48px;
  }
  .network-intro h2{
    font-size:clamp(32px,11vw,50px);
  }
  .network-stage{
    min-height:760px;
    margin-top:8px;
  }
  .network-node{
    width:calc(50% - 10px);
    min-height:96px;
    padding:14px 13px;
    gap:5px;
  }
  .network-node strong{font-size:14px;line-height:1.2;}
  .network-node small{font-size:9px;line-height:1.35;}
  .node-one{left:0;top:70px;}
  .node-two{left:auto;right:0;top:180px;}
  .node-three{left:0;right:auto;top:310px;}
  .node-four{left:auto;right:0;bottom:300px;}
  .node-five{left:0;bottom:170px;}
  .node-six{left:auto;right:0;bottom:40px;}
  .network-core{
    width:148px;
    height:148px;
  }
  .network-lines{opacity:.58;}
  .service-rail{
    max-width:100%;
    padding-inline:2px;
    scroll-padding-inline:2px;
    scroll-snap-type:x proximity;
  }
  .service-rail a{
    min-height:44px;
    scroll-snap-align:start;
  }
  .project-body{
    display:block;
    padding:18px;
  }
  .project-link{
    display:inline-flex;
    align-items:center;
    min-height:44px;
    margin-top:10px;
  }
  .contact-form input,
  .contact-form select{
    min-height:48px;
  }
  .contact-form textarea{min-height:132px;}
  .whatsapp-float{
    right:calc(14px + env(safe-area-inset-right));
    bottom:calc(14px + env(safe-area-inset-bottom));
  }
}