:root{--navy:#101524;--purple:#99a0b7;--ink:#141b2e;--gray:#193382;--line:#e5e7ec}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:#fff}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}:focus-visible{outline:3px solid #babfcf;outline-offset:5px}.skip{position:absolute;top:-80px;background:white;padding:15px;z-index:100}.skip:focus{top:10px}header{height:96px;display:flex;align-items:center;justify-content:space-between;padding:0 6%;border-bottom:1px solid var(--line);background:#fffffff2;position:sticky;top:0;z-index:20;backdrop-filter:blur(15px)}.brand{display:flex;align-items:center;gap:11px;font-weight:800;font-size:28px;letter-spacing:-1px}.brand-sub{display:block;font-size:9px;letter-spacing:2.5px;margin-top:2px}nav{display:flex;align-items:center;gap:36px;font-size:13px;font-weight:600}nav a:hover{color:var(--purple)}.nav-cta{padding:14px 22px;border:1px solid var(--line);border-radius:7px}.nav-cta span{margin-left:24px}.menu{display:none}.hero{display:grid;grid-template-columns:1.1fr 1fr;min-height:650px;padding:85px 6% 60px;gap:24px;overflow:hidden;background:radial-gradient(ellipse at 87% 36%,#f2f3f7,transparent 48%)}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:700;line-height:1.7}.dot{display:inline-block;width:7px;height:7px;background:var(--purple);border-radius:50%;margin-right:9px}.hero h1{font-size:clamp(42px,4.7vw,76px);line-height:1.08;letter-spacing:-3.5px;margin:28px 0 24px;font-weight:700}em{font-style:normal;color:var(--purple)}.intro{max-width:480px;font-size:16px;line-height:1.9;color:var(--gray)}.actions{display:flex;gap:28px;align-items:center;margin:30px 0 48px}.button{background:var(--purple);color:white;border:0;border-radius:6px;padding:18px 24px;display:inline-flex;align-items:center;gap:34px;font-size:13px;font-weight:700;cursor:pointer;box-shadow:0 9px 22px #99a0b724;transition:transform .2s,background .2s}.button:hover{background:#1e3b97;transform:translateY(-2px)}.text-link{font-size:12px;font-weight:700}.text-link span{margin-left:12px}.hero-note{display:flex;gap:24px;color:#7a7c8b;font-size:8px;letter-spacing:1px}.hero-note span+span{border-left:1px solid #ccc;padding-left:24px}.visual{position:relative;min-height:460px;perspective:1100px;display:flex;align-items:center;justify-content:center}.orb{position:absolute;border-radius:50%;background:radial-gradient(circle at 30% 25%,#ced1dc,#99a0b7 50%,#12255e);box-shadow:inset -12px -12px 25px #10205155,0 20px 35px #99a0b72a}.orb-one{width:185px;height:185px;top:0;right:5%}.orb-two{width:74px;height:74px;bottom:25px;left:10%;background:radial-gradient(circle at 30% 25%,#e0e2e9,#1e3d9b 60%,#102051)}.orbit{position:absolute;width:430px;height:430px;border:1px solid #e3e5ec;border-radius:50%;transform:rotateX(30deg)}.software{width:410px;background:var(--navy);border-radius:14px;overflow:hidden;transform:rotateY(-15deg) rotateX(8deg) rotateZ(-5deg);box-shadow:25px 35px 60px #10205138;position:relative;border:1px solid #142866;animation:float 7s ease-in-out infinite}.window{display:flex;align-items:center;gap:5px;padding:13px 15px;border-bottom:1px solid #ffffff13}.window i{width:5px;height:5px;border-radius:50%;background:#1a3588}.window i:first-child{background:#b7bccd}.window span{font-size:7px;letter-spacing:2px;color:#a5acc0;margin:auto}.software-body{display:flex}.mini-sidebar{display:flex;flex-direction:column;align-items:center;gap:20px;padding:20px 17px;border-right:1px solid #ffffff13;color:#2142a7}.mini-sidebar b{color:#cdd1dc;font-size:22px}.mini-main{padding:24px 22px;flex:1;color:white}.mini-main>p{font-size:7px;letter-spacing:1.4px;color:#a2a9be}.mini-main h3{font-size:24px;line-height:1.3;margin:15px 0 22px;font-weight:500}.mini-cards{display:flex;gap:10px}.mini-cards>span{border:1px solid #ffffff1b;border-radius:6px;padding:13px 10px;flex:1;font-size:10px;background:#ffffff05}.mini-cards b{float:right;color:#b9bece}.mini-cards small{display:block;font-size:7px;color:#2244ae;margin-top:10px}.chart{height:95px;display:flex;gap:12px;align-items:end;border-bottom:1px solid #ffffff1b;margin-top:25px}.chart div{height:var(--h);flex:1;background:linear-gradient(#babfd0,#18317f);border-radius:4px 4px 0 0}.illustration-label{display:block;margin-top:12px;font-size:6px;letter-spacing:2px;color:#1e3c9a}.floating{position:absolute;z-index:2;background:white;border:1px solid #e8eaef;box-shadow:0 14px 35px #10205113;border-radius:10px}.chip-one{top:44px;left:0;padding:15px;font-size:11px;font-weight:600;transform:rotate(-6deg)}.chip-two{bottom:24px;right:0;display:flex;gap:12px;padding:17px;font-size:11px;font-weight:700}.chip-two small{display:block;font-size:9px;font-weight:400;color:var(--gray);margin-top:5px}.check{background:#f1f2f6;color:var(--purple);border-radius:50%;padding:8px}.visual-caption{position:absolute;bottom:-20px;font-size:8px;letter-spacing:2.5px;color:#1e3b97}.service-strip{background:var(--navy);color:#d3d6e1;display:flex;align-items:center;justify-content:space-between;padding:28px 6%;font-size:10px;letter-spacing:1.8px;gap:16px}.service-strip i{font-style:normal;color:#b9bece;font-size:17px}.section{padding:100px 6%;scroll-margin-top:0}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:50px;margin-bottom:45px}h2{font-size:clamp(30px,3.2vw,48px);line-height:1.15;letter-spacing:-1.8px;margin:18px 0 0}.section-heading>p{max-width:355px;font-size:14px;line-height:1.8;color:var(--gray)}.services-grid{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);border-radius:10px;overflow:hidden}.services-grid article{padding:30px 26px;position:relative;transition:background .2s}.services-grid article:hover{background:#f9f9fb}.services-grid article+article{border-left:1px solid var(--line)}.service-icon{font-size:23px;color:var(--purple);font-weight:700}.number{float:right;font-size:10px;color:#999aa6}.services-grid h3{font-size:19px;line-height:1.4;margin-top:29px;letter-spacing:-.5px}.services-grid p{font-size:12px;line-height:1.9;color:var(--gray);min-height:92px}.services-grid a{display:block;margin-top:25px;font-size:10px;font-weight:700;color:#1e3b96}.solutions{background:#f7f7f9}.tabs{display:flex;border-bottom:1px solid #dee0e7;gap:32px;margin-top:10px}.tabs button{background:none;border:0;border-bottom:3px solid transparent;padding:17px 0;font-size:13px;cursor:pointer;color:var(--gray)}.tabs button[aria-selected=true]{color:var(--purple);border-color:var(--purple);font-weight:700}.solution-panel{display:grid;grid-template-columns:1fr 1fr;gap:80px;padding-top:50px}.solution-panel h3{font-size:38px;letter-spacing:-1px;line-height:1.15;margin:20px 0}.solution-panel p:not(.eyebrow){font-size:14px;line-height:1.9;color:var(--gray);max-width:430px}.solution-panel ul{list-style:none;padding:0;margin:24px 0 30px;font-size:12px;line-height:2.5}.solution-panel li:before{content:'✓';margin-right:12px;color:var(--purple)}.solution-art{background:linear-gradient(140deg,#eaecf1,#e7e9ee);border-radius:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:35px;position:relative;overflow:hidden}.concept-label{font-size:8px;letter-spacing:2px;color:#18317f;margin-bottom:20px}.concept-card{width:100%;max-width:310px;background:#ffffffec;border:1px solid white;border-radius:12px;padding:28px;box-shadow:12px 22px 45px #14286820;transform:rotate(-4deg)}.concept-icon{color:var(--purple);background:#f1f2f6;display:inline-block;padding:10px;border-radius:8px}.concept-card h4{font-size:22px;margin:16px 0 24px;letter-spacing:-.5px}.task{padding:14px 0;border-top:1px solid #e9ebef;font-size:11px;display:flex;justify-content:space-between}.task b{color:var(--purple)}.concept-bottom{font-size:8px;margin-top:18px;color:var(--gray)}.concept-bottom .dot{width:5px;height:5px}.about{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center}.about-graphic{min-height:470px;border-radius:14px;background:radial-gradient(ellipse at 50% 45%,#102051,#13182a 65%);position:relative;display:grid;place-content:center;overflow:hidden}.about-graphic:before,.about-graphic:after{content:'';position:absolute;width:360px;height:360px;border:1px solid #c3c8d730;top:50%;left:50%;border-radius:50%;transform:translate(-50%,-50%) rotateX(35deg)}.about-graphic:after{width:270px;height:270px}.monogram{color:#eeeff3;font-size:100px;font-weight:800;letter-spacing:-7px;transform:rotate(-9deg);text-shadow:3px 5px #1b368b,10px 17px 24px #0005;z-index:1}.monogram span{font-size:11px;letter-spacing:6px;display:block;text-shadow:none;text-align:center;margin-top:12px}.graphic-label{position:absolute;bottom:32px;width:100%;text-align:center;font-size:8px;letter-spacing:3px;color:#9ba2b9}.about>div>p:not(.eyebrow){font-size:14px;line-height:1.9;color:var(--gray);margin:24px 0}.about-point{display:flex;gap:20px;border-top:1px solid var(--line);padding:20px 0 0;margin-top:18px}.about-point>b{color:var(--purple);font-size:11px;padding-top:4px}.about-point h3{font-size:15px;margin:0 0 8px}.about-point p{font-size:12px;line-height:1.7;color:var(--gray);margin:0}.process{padding-top:20px}.process-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin-top:45px}.process-grid article{border-top:1px solid var(--line);padding-top:22px}.process-grid b{font-size:9px;letter-spacing:1.5px;color:var(--purple)}.process-grid h3{font-size:20px;letter-spacing:-.4px;margin:20px 0 12px}.process-grid p{font-size:13px;line-height:1.8;color:var(--gray);max-width:300px}.contact{background:var(--navy);color:white;display:grid;grid-template-columns:1fr 1.15fr;gap:90px}.contact h2{font-size:60px}.contact em{color:#c3c8d6}.contact>div>p:not(.eyebrow){font-size:14px;line-height:1.9;color:#a2a9bf;max-width:360px;margin-top:25px}.contact-note{font-size:9px;letter-spacing:2px;margin-top:60px;color:#c7ccda}.contact-note span{display:block;font-size:12px;letter-spacing:0;color:#a2a9bf;margin-top:12px}form{padding:32px;background:#ffffff06;border:1px solid #ffffff16;border-radius:12px}form h3{font-size:20px;margin:0 0 28px;letter-spacing:-.4px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}label{font-size:10px;display:block;margin-bottom:20px;color:#dddfe6}input,select,textarea{width:100%;background:#181f35;border:1px solid #ffffff24;border-radius:5px;color:white;padding:13px 12px;margin-top:10px;font-size:12px}input::placeholder,textarea::placeholder{color:#2143ab}textarea{resize:vertical}select{color-scheme:dark}.consent{display:flex;gap:9px;align-items:center;line-height:1.6}.consent input{width:15px;height:15px;margin:0;accent-color:var(--purple)}form .button{width:100%;justify-content:space-between}.form-footnote{font-size:9px;color:#989fb6;line-height:1.7;margin-bottom:0}.honeypot{position:absolute;left:-9999px}.notice{font-size:12px;background:#102051;border:1px solid #2141a6;padding:14px;line-height:1.8}footer{padding:36px 6%;display:flex;gap:30px;align-items:center;justify-content:space-between}footer .brand{font-size:23px}footer .brand-sub{font-size:7px}footer>span,footer p,footer>a:last-child{font-size:10px;color:var(--gray)}@keyframes float{50%{transform:rotateY(-10deg) rotateX(5deg) rotateZ(-3deg) translateY(-10px)}}@media(min-width:1600px){header,.section,.hero,footer{padding-left:max(6%,calc((100vw - 1400px)/2));padding-right:max(6%,calc((100vw - 1400px)/2))}}@media(max-width:1000px){.hero{grid-template-columns:1fr 1fr;padding-top:65px}.hero h1{font-size:48px}.software{width:340px}.chip-one{left:-10px}.orb-one{width:140px;height:140px}.hero-note{font-size:6px;gap:10px}.hero-note span+span{padding-left:10px}.services-grid{grid-template-columns:repeat(2,1fr)}.services-grid article:nth-child(3){border-left:0;border-top:1px solid var(--line)}.services-grid article:nth-child(4){border-top:1px solid var(--line)}.services-grid p{min-height:0}.about,.contact,.solution-panel{gap:40px}.service-strip{font-size:8px;letter-spacing:1px}.contact h2{font-size:48px}footer>span{display:none}}@media(max-width:720px){header{height:78px}.brand{font-size:24px}.menu{display:block;border:1px solid var(--line);border-radius:6px;background:white;font-size:20px;padding:7px 12px}nav{display:none;position:absolute;top:78px;left:0;right:0;background:white;padding:22px 6%;border-bottom:1px solid var(--line);align-items:stretch;gap:24px}nav.open{display:flex;flex-direction:column}.hero{grid-template-columns:1fr;padding-top:40px;padding-bottom:50px}.hero h1{font-size:49px;letter-spacing:-2.7px}.intro{font-size:14px}.actions{gap:22px;margin-bottom:30px}.hero-note{font-size:7px}.visual{margin-top:35px;min-height:390px}.software{width:330px}.orbit{width:320px;height:320px}.chip-one{left:0;top:12px}.chip-two{bottom:10px}.orb-one{top:-12px}.visual-caption{bottom:-22px}.service-strip{overflow:hidden;justify-content:start;white-space:nowrap;padding:22px 6%}.service-strip i{font-size:13px}.section{padding-top:65px;padding-bottom:65px}.section-heading{display:block;margin-bottom:30px}.section-heading>p{margin-top:24px;max-width:none;font-size:13px}h2{font-size:36px}.services-grid{grid-template-columns:1fr}.services-grid article+article{border-left:0;border-top:1px solid var(--line)}.services-grid article{padding:26px}.services-grid h3{margin-top:20px}.services-grid h3 br{display:none}.services-grid a{font-size:12px}.services-grid p{font-size:13px}.tabs{gap:22px}.tabs button{font-size:11px}.solution-panel{grid-template-columns:1fr;padding-top:30px}.solution-art{min-height:360px}.solution-panel h3{font-size:34px}.about{grid-template-columns:1fr;gap:38px}.about-graphic{min-height:340px}.process-grid{grid-template-columns:1fr;gap:24px}.process-grid p{max-width:none}.contact{grid-template-columns:1fr;gap:32px}.contact h2{font-size:48px}.contact-note{margin-top:25px}form{padding:23px}.form-row{grid-template-columns:1fr;gap:0}footer{flex-wrap:wrap;gap:20px}footer p{order:3;width:100%;margin:0}.eyebrow{font-size:9px;letter-spacing:1.5px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}

/* Enhanced RSJ identity and motion */
:root{--navy:#0c1329;--purple:#0b2165;--ink:#151a28;--gray:#68716c;--line:#dee0e6}
.brand img{width:52px;height:52px;filter:drop-shadow(0 4px 7px #0c132920);transition:transform .5s}
.brand:hover img{transform:rotate(-8deg) scale(1.08)}
.brand{font-weight:900;letter-spacing:-1.3px}.brand-sub{letter-spacing:3px}
.hero{position:relative;background:radial-gradient(ellipse at 90% 35%,#d9deec,transparent 55%),#f9f9fb;isolation:isolate}
.hero:before{content:'';position:absolute;inset:0;z-index:-1;background-image:linear-gradient(#0a1e5d07 1px,transparent 1px),linear-gradient(90deg,#0a1e5d07 1px,transparent 1px);background-size:50px 50px;mask-image:linear-gradient(90deg,transparent,#000);animation:grid-drift 24s linear infinite;pointer-events:none}
.hero h1 em{background:linear-gradient(110deg,#091846 20%,#3f5598 45%,#091846 70%);background-size:220% auto;background-clip:text;-webkit-background-clip:text;color:transparent;animation:title-shine 7s linear infinite}
.hero-copy{animation:hero-enter .9s ease-out both}.hero .visual{animation:hero-enter 1.2s ease-out both}
.visual{transform-style:preserve-3d}.software{border-color:#6c758f;box-shadow:25px 35px 65px #0c132940}
.orbit{border-color:#7f87a170;box-shadow:0 0 0 32px #0a1e5d05,0 0 0 65px #0a1e5d03;animation:orbit-breathe 8s ease-in-out infinite}
.orb-one{animation:orb-drift 9s ease-in-out infinite}.orb-two{animation:orb-drift 7s ease-in-out infinite reverse}
.chip-one{animation:chip-float 6s ease-in-out infinite}.chip-two{animation:chip-float 6s 2s ease-in-out infinite}
.button{position:relative;overflow:hidden;background:#0a1e5d;box-shadow:0 9px 24px #0a1e5d25}.button:hover{background:#071643;box-shadow:0 15px 30px #0a1e5d35}
.button:before{content:'';position:absolute;inset:-100% auto -100% -80%;width:45%;background:linear-gradient(90deg,transparent,#ffffff30,transparent);transform:rotate(25deg);transition:left .65s;pointer-events:none}.button:hover:before{left:140%}
.services-grid{overflow:visible;border:0;gap:16px}.services-grid article,.services-grid article+article{border:1px solid var(--line);border-radius:12px;background:#fff;transition:transform .35s,box-shadow .35s,border-color .35s}
.services-grid article:hover{transform:translateY(-9px);box-shadow:0 20px 40px #09184618;border-color:#5c6a94;background:#f7f8fc}
.service-icon{display:inline-flex;align-items:center;justify-content:center;min-width:48px;height:48px;border:1px solid #0a1e5d24;border-radius:12px;background:#f0f2f7;transition:transform .4s}.services-grid article:hover .service-icon{transform:rotate(-8deg) scale(1.08)}
.about-graphic{background:radial-gradient(ellipse at 50% 45%,#2c3a64,#0c1329 70%)}.about-graphic:before,.about-graphic:after{border-color:#d6dae630;animation:orbit-breathe 8s infinite}.monogram{letter-spacing:0;text-shadow:none;transform:none;animation:chip-float 8s infinite}.monogram img{width:190px;height:190px;filter:drop-shadow(10px 20px 20px #0005)}.monogram span{letter-spacing:5px;font-size:12px;color:#dee1eb}
.contact{background:radial-gradient(ellipse at 0 80%,#1f2b52,transparent 60%),#0c1329}.contact em{color:#b2bad3}.contact input,.contact select,.contact textarea{background:#171e34}.contact input:focus,.contact textarea:focus,.contact select:focus{border-color:#97a1c1;box-shadow:0 0 0 3px #97a1c120}.notice{background:#232d4c;border-color:#808aa9}
.reveal{opacity:1;transform:none}.motion-ready .reveal{opacity:0;transform:translateY(26px);transition:opacity .7s ease,transform .7s ease;transition-delay:var(--reveal-delay,0ms)}.motion-ready .reveal.visible{opacity:1;transform:none}
.solution-panel.panel-enter{animation:panel-enter .4s ease-out}.scroll-progress{position:fixed;top:0;left:0;height:3px;width:100%;transform:scaleX(0);transform-origin:left;background:linear-gradient(90deg,#0a1e5d,#8b97ba);z-index:100;pointer-events:none}
@keyframes grid-drift{to{background-position:50px 50px}}@keyframes title-shine{to{background-position:220% center}}@keyframes hero-enter{from{opacity:0;transform:translateY(25px)}to{opacity:1;transform:none}}@keyframes orbit-breathe{50%{transform:rotateX(30deg) scale(.94);opacity:.6}}@keyframes orb-drift{50%{translate:0 -18px}}@keyframes chip-float{50%{translate:0 -9px}}@keyframes panel-enter{from{opacity:.5;translate:0 10px}to{opacity:1;translate:0 0}}
@media(max-width:720px){.brand img{width:44px;height:44px}.services-grid article:hover{transform:translateY(-4px)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.motion-ready .reveal{opacity:1;transform:none}.orb,.floating{translate:none!important}}

/* Electric blue identity, atmospheric light and flame interaction */
:root{--navy:#080f2b;--purple:#163b8c;--ink:#14213c;--gray:#687185;--line:#dfe4ed}
.hero{background:radial-gradient(ellipse at 88% 15%,#197dff22,transparent 40%),radial-gradient(ellipse at 55% 90%,#00cfff0b,transparent 50%),#f7f9fd}
.hero h1 em{background-image:linear-gradient(110deg,#10285d 20%,#276be8 45%,#10285d 70%)}
.hero:after{content:'';position:absolute;width:340px;height:2px;right:4%;top:100px;background:linear-gradient(90deg,transparent,#48d9ff,transparent);box-shadow:0 0 18px 3px #27bfff77;transform:rotate(-34deg);animation:neon-drift 8s ease-in-out infinite;z-index:-1;pointer-events:none}
.visual:before,.visual:after{content:'';position:absolute;pointer-events:none;z-index:3;width:130px;height:2px;background:linear-gradient(90deg,transparent,#a9efff,transparent);box-shadow:0 0 16px 4px #16b8ff66;transform:rotate(-35deg)}
.visual:before{top:90px;right:-5px;animation:neon-drift 7s ease-in-out infinite}.visual:after{bottom:90px;left:0;width:80px;animation:neon-drift 9s 2s ease-in-out infinite}
.orbit{border-color:#4a9fff66;box-shadow:0 0 16px #1395ff22,inset 0 0 20px #1395ff11,0 0 0 32px #124df906,0 0 0 65px #124df904}
.software{box-shadow:25px 35px 65px #080f2b45,0 0 28px #1395ff22;border-color:#356aa0}
.chart div{box-shadow:0 0 12px #218aff33;background:linear-gradient(#4ccfff,#20489b)}
.brand img{width:58px;height:58px;filter:drop-shadow(0 0 8px #16b8ff40)}.brand:hover img{filter:drop-shadow(0 0 13px #16b8ff80)}
.service-strip{background:#080f2b;border-block:1px solid #2d71c7;box-shadow:0 0 24px #207afc22}.service-strip i{color:#66dcff;text-shadow:0 0 12px #00bfff}
.services-grid{position:relative;isolation:isolate;gap:22px}.services-grid article{isolation:isolate;z-index:0;transform-origin:center;will-change:auto}
.services-grid article:hover,.services-grid article:focus-within{transform:scale(1.065);z-index:5;border-color:#368dff;box-shadow:0 0 0 1px #4fcaff88,0 0 22px #217eff35,0 25px 55px #071b4430;background:#f8faff}
.services-grid article:focus-within .service-icon{transform:rotate(-8deg) scale(1.08)}
.about-graphic{background:radial-gradient(ellipse at 50% 45%,#173d70,#080f2b 70%)}.about-graphic:before{border-color:#2ec9ff55;box-shadow:0 0 25px #00bfff15}.monogram img{width:205px;height:205px;filter:drop-shadow(0 0 18px #00bfff44) drop-shadow(10px 20px 20px #0005)}
.contact{background:radial-gradient(ellipse at 0 80%,#173469,transparent 60%),#080f2b;position:relative;border-top:1px solid #2470c0}.contact em{color:#a2d9ff;text-shadow:0 0 35px #13a8ff40}.contact input,.contact select,.contact textarea{background:#14223e}.contact .button,.button{background:#153c8a}.button:hover{background:#0e2c68;box-shadow:0 0 20px #258fff55,0 12px 30px #102d5e22}.scroll-progress{background:linear-gradient(90deg,#225ce6,#67e4ff);box-shadow:0 0 12px #19bcff}
@keyframes neon-drift{50%{translate:12px -16px;opacity:.45}}@keyframes fire-dance{0%{transform:rotate(-23deg) scale(.65,.7);opacity:.7}45%{transform:rotate(8deg) scale(.8,1.2);opacity:1}100%{transform:rotate(-10deg) scale(.65,.95);opacity:.9}}@keyframes fire-glow{50%{box-shadow:0 0 13px #ffb84d,inset 0 0 9px #ff7c1850,0 0 25px #ff62004b}}
@media(max-width:720px){.brand img{width:48px;height:48px}.services-grid article:hover,.services-grid article:focus-within{transform:scale(1.025)}.flame{width:13px;height:25px}.fire-edge{inset:-6px}}
@media(hover:none){.services-grid article:hover{transform:none}.services-grid article:hover>.fire-edge{opacity:0}.services-grid article:focus-within>.fire-edge{opacity:1}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}.services-grid article:hover,.services-grid article:focus-within{transform:none}.flame:before{transform:rotate(-15deg) scale(.65)}.flame:after{transform:rotate(-15deg) scale(.65)}.hero:after,.visual:before,.visual:after{opacity:.5}}
/* Interactive dimensional concept */
.solution-art{perspective:1100px;min-height:460px;overflow:visible;isolation:isolate;padding-bottom:75px}
.concept-card{--rx:-10deg;--ry:-17deg;transform:rotateX(var(--rx)) rotateY(var(--ry));transform-style:preserve-3d;position:relative;cursor:grab;touch-action:pan-y;user-select:none;outline-offset:10px;box-shadow:20px 26px 40px #08172f35;transition:transform .18s ease-out,box-shadow .2s;will-change:transform}
.concept-card:before{content:'';position:absolute;inset:0;transform:translateZ(-16px);border-radius:12px;background:#102e66;box-shadow:0 0 0 1px #46bcff,0 0 25px #239aff40}
.concept-card:after{content:'';position:absolute;inset:0;border-radius:12px;pointer-events:none;border:1px solid #78d7ff80;background:linear-gradient(130deg,#ffffff40,transparent 42%,#2b88ff14)}
.concept-card h4,.concept-card .concept-icon{transform:translateZ(24px)}.concept-card .task{transform:translateZ(12px)}.concept-card.dragging{cursor:grabbing;transition:none;box-shadow:25px 35px 55px #08172f40}.concept-card:focus-visible{outline:3px solid #237dce}
.rotation-tools{position:absolute;bottom:20px;left:15px;right:15px;text-align:center}.rotation-tools p{font-size:10px!important;margin:0 0 9px!important;max-width:none!important;color:#415574!important}.rotation-tools button{border:1px solid #2a5ca34a;background:#ffffffd9;color:#13376c;padding:7px 12px;border-radius:5px;cursor:pointer;font-size:11px;margin:0 3px}.rotation-tools button:hover{background:#143d83;color:white}

/* Dimensional service boxes; flames and explosions removed. */
.services-grid{perspective:1200px;gap:24px;align-items:stretch}
.services-grid .rotatable-service,.services-grid .rotatable-service:hover,.services-grid .rotatable-service:focus-within{--card-x:0deg;--card-y:0deg;opacity:1;transform:rotateX(var(--card-x)) rotateY(var(--card-y));transform-style:preserve-3d;border:1px solid #a5bde0;background:linear-gradient(145deg,#fff,#f0f5fc);border-radius:14px;box-shadow:6px 8px 0 #193970,14px 20px 30px #0b244325;transition:transform .16s ease-out,box-shadow .25s;cursor:grab;touch-action:pan-y;position:relative;isolation:isolate}
.services-grid .rotatable-service:hover,.services-grid .rotatable-service:focus-within{z-index:4;box-shadow:7px 10px 0 #193970,18px 28px 40px #0b244338,0 0 18px #3c9bff22}
.rotatable-service>.service-icon,.rotatable-service>h3{transform:translateZ(20px)!important}.rotatable-service>p:not(.card-rotate-help),.rotatable-service>a{transform:translateZ(10px)}.services-grid .rotatable-service.is-dragging{cursor:grabbing;transition:none}
.rotatable-service:focus-visible{outline:3px solid #277bca;outline-offset:7px}.services-grid .card-rotate-help{font-size:9px;line-height:1.6;color:#617493;min-height:0;margin:24px 0 10px;user-select:none}
.card-rotation-controls{display:flex;gap:7px;transform:translateZ(14px)}.card-rotation-controls button{border:1px solid #b9cbe4;background:#fff;color:#163c77;border-radius:5px;padding:7px 11px;cursor:pointer;font-size:11px}.card-rotation-controls button:hover{background:#163c77;color:#fff}
nav>a{position:relative;padding:12px 8px;border-radius:6px;transition:color .2s,background .2s,box-shadow .2s}nav>a.nav-cta{padding:14px 22px}nav>a:hover,nav>a:focus-visible{color:#153c8a;background:#edf3fc;box-shadow:0 3px 0 #2579ca}
@media(max-width:720px){.solution-art{min-height:470px;padding-inline:28px}.rotation-tools button{padding:8px 13px}.services-grid{gap:26px}.services-grid .rotatable-service{box-shadow:4px 6px 0 #193970,10px 16px 25px #0b244322}}
@media(prefers-reduced-motion:reduce){.concept-card,.rotatable-service{transition:none!important}.concept-card{--rx:0deg;--ry:0deg}}

/* A single-letter pulse travels across the service heading. */
.letter-pulse-heading{--pulse-duration:6.8s}
.pulse-word{display:inline-block;white-space:nowrap}
.pulse-letter{display:inline-block;transform-origin:center 70%;animation:letter-pulse var(--pulse-duration) linear infinite;animation-delay:calc(var(--letter-index) * .18s)}
@keyframes letter-pulse{0%,2.65%,100%{transform:scale(1);color:inherit;text-shadow:none}1.32%{transform:scale(1.17);color:#237ad8;text-shadow:0 0 15px #389bff55}}
@media(prefers-reduced-motion:reduce){.pulse-letter{animation:none!important;transform:none;color:inherit;text-shadow:none}}

/* Shared pulse timing keeps each letter separate across all requested headings. */
.letter-pulse-heading{--pulse-duration:10s}
.hero h1.letter-pulse-heading em{background:none;-webkit-text-fill-color:initial;color:#163b8c;animation:none}
@keyframes letter-pulse{0%,1.8%,100%{transform:scale(1);color:inherit;text-shadow:none}.9%{transform:scale(1.17);color:#237ad8;text-shadow:0 0 15px #389bff55}}
.contact .pulse-letter{--letter-highlight:#a2d9ff}
@keyframes letter-pulse{0%,1.8%,100%{transform:scale(1);color:inherit;text-shadow:none}.9%{transform:scale(1.17);color:var(--letter-highlight,#237ad8);text-shadow:0 0 15px #389bff55}}

/* Decorative transparent portrait drifts between corners of light sections. */
.hero,.section:not(.contact),.portrait-section{position:relative;isolation:isolate}
.portrait-watermark{position:absolute;inset:0;z-index:-1;pointer-events:none;overflow:hidden;border-radius:inherit;background-image:url('portrait-cutout.webp');background-repeat:no-repeat;background-size:clamp(190px,30vw,390px) auto;background-position:0% 0%;opacity:.08;filter:grayscale(.65);animation:portrait-corners 38s linear infinite;will-change:background-position}
#services>.portrait-watermark{animation-delay:-9s;animation-duration:44s}#solutions>.portrait-watermark{animation-delay:-18s;animation-duration:48s}#about>.portrait-watermark{animation-delay:-26s;animation-duration:42s}.process>.portrait-watermark{animation-delay:-15s;animation-duration:46s}.portrait-section>.portrait-watermark{background-size:90px auto;animation-duration:50s;opacity:.06}
@keyframes portrait-corners{0%,100%{background-position:0% 0%}25%{background-position:100% 100%}50%{background-position:100% 0%}75%{background-position:0% 100%}}
@media(max-width:720px){.portrait-watermark{background-size:185px auto;opacity:.065;animation-duration:48s}}
@media(prefers-reduced-motion:reduce){.portrait-watermark{animation:none!important;background-position:100% 100%;will-change:auto}}

/* Animated 3D creative studio scenes. */
.creative-studio{background:linear-gradient(180deg,#fff,#f3f6fc);padding-top:80px;padding-bottom:80px}.studio-scenes{display:grid;grid-template-columns:1fr 1fr;gap:28px}.studio-scene{border-radius:18px;overflow:hidden;border:1px solid #dce5f4;background:#fff;box-shadow:0 15px 35px #10285d0c}.scene-stage{position:relative;min-height:340px;aspect-ratio:1.5;isolation:isolate;perspective:1000px;background:radial-gradient(ellipse at 50% 60%,#d9ebff,#f4f7fc 70%);overflow:hidden}.scene-character{display:block;width:100%;height:auto;position:relative;z-index:1;filter:drop-shadow(0 12px 12px #10234c15)}.coding-scene>.scene-stage>.scene-character{animation:developer-work 5s ease-in-out infinite;transform-origin:50% 80%}.presentation-visual{position:relative;animation:presenter-explain 7s ease-in-out infinite;transform-origin:50% 90%}.presentation-visual .scene-character{width:100%}.scene-halo{position:absolute;inset:10% 15%;border-radius:50%;background:radial-gradient(ellipse,#269cff20,transparent 70%);animation:studio-light 6s ease-in-out infinite;z-index:0}.scene-badge{position:absolute;z-index:3;display:flex;gap:10px;align-items:center;background:#fffE;border:1px solid #c9dcfa;border-radius:10px;box-shadow:0 9px 25px #112e5c18;padding:12px 15px;color:#173a70;font-size:10px;backdrop-filter:blur(10px);animation:studio-badge 6s ease-in-out infinite}.coding-badge{left:18px;top:18px}.presenting-badge{right:18px;bottom:18px;animation-delay:-3s}.code-symbol{font-weight:800;font-size:18px;color:#237ed7}.typing-dots{display:inline-flex;gap:3px;margin-left:7px}.typing-dots i{width:3px;height:3px;background:#237ed7;border-radius:50%;animation:typing-dot 1.2s ease-in-out infinite}.typing-dots i:nth-child(2){animation-delay:.15s}.typing-dots i:nth-child(3){animation-delay:.3s}.code-ribbon{position:absolute;z-index:3;bottom:15px;left:20px;padding:9px 13px;border:1px solid #52bdff50;border-radius:7px;background:#0c2143ed;color:#9bdfff;font:10px monospace;box-shadow:0 0 18px #29a5ff15}.code-ribbon>span:first-child{display:inline-block;overflow:hidden;white-space:nowrap;width:0;vertical-align:bottom;animation:code-type 6s steps(21,end) infinite}.code-cursor{animation:cursor-blink 1s steps(1) infinite}.presentation-dot{width:7px;height:7px;border-radius:50%;background:#23a5f5;box-shadow:0 0 9px #23a5f580;animation:studio-light 3s ease-in-out infinite}.presentation-pointer{position:absolute;z-index:2;left:56%;top:29%;width:7px;height:7px;border:1px solid white;background:#bff7ff;border-radius:50%;box-shadow:0 0 9px 3px #26cfff90;animation:explain-points 8s ease-in-out infinite;pointer-events:none}.scene-caption{padding:25px 28px}.scene-caption>span{font-size:8px;letter-spacing:2px;font-weight:700;color:#4675ac}.scene-caption h3{font-size:20px;letter-spacing:-.5px;margin:12px 0}.scene-caption p{font-size:12px;line-height:1.8;color:var(--gray);margin:0}.studio-motion-toggle{display:block;margin:24px auto 0;padding:10px 15px;border:1px solid #c7d5e9;border-radius:6px;background:white;color:#245080;font-size:11px;cursor:pointer}.studio-paused .creative-studio *,.studio-paused .creative-studio *:before,.studio-paused .creative-studio *:after{animation-play-state:paused!important}
@keyframes developer-work{0%,100%{transform:translateY(0) rotateY(-2deg)}50%{transform:translateY(-5px) rotateY(2deg)}}@keyframes presenter-explain{0%,100%{transform:translateY(0) rotateY(2deg)}50%{transform:translateY(-7px) rotateY(-2deg)}}@keyframes studio-light{50%{opacity:.5}}@keyframes studio-badge{50%{transform:translateY(-5px)}}@keyframes typing-dot{0%,60%,100%{transform:translateY(0);opacity:.4}30%{transform:translateY(-3px);opacity:1}}@keyframes code-type{0%,10%{width:0}55%,85%{width:21ch}100%{width:0}}@keyframes cursor-blink{50%{opacity:0}}@keyframes projection-sweep{0%,15%,100%{opacity:0;transform:translateX(-15%)}45%{opacity:.4}75%{opacity:0;transform:translateX(15%)}}@keyframes explain-points{0%,100%{translate:0 0}25%{translate:40px -20px}50%{translate:95px 20px}75%{translate:50px 38px}}
@media(max-width:900px){.scene-stage{min-height:260px}.scene-badge{font-size:8px;padding:9px}.scene-caption{padding:22px}.scene-caption h3{font-size:18px}}@media(max-width:720px){.studio-scenes{grid-template-columns:1fr}.scene-stage{min-height:0;aspect-ratio:1.5}.scene-badge{font-size:9px}.scene-caption h3{font-size:20px}.creative-studio{padding-top:60px;padding-bottom:60px}}
@media(prefers-reduced-motion:reduce){.creative-studio *{animation:none!important}.code-ribbon>span:first-child{width:21ch}.studio-motion-toggle{display:none}}

/* Timed character poses: forward glance, then focused work. */
.coding-badge{top:auto;bottom:60px;left:18px;max-width:calc(100% - 36px);animation:none}.coding-scene .code-ribbon{bottom:15px}
.developer-poses,.presenter-poses{position:relative;z-index:1}.developer-poses .scene-character,.presenter-poses .scene-character{filter:none}.developer-poses .pose-looking{animation:developer-look 10s linear infinite}.pose-typing{position:absolute;inset:0;opacity:0;animation:developer-type 10s linear infinite}.typing-hands{position:absolute;inset:0;width:100%;height:auto;clip-path:polygon(47% 39%,59% 39%,59% 46%,47% 46%);transform-origin:49% 44%;animation:finger-taps .36s steps(2,end) infinite;pointer-events:none}
.presentation-visual{animation:none}.presenter-poses .pose-explaining{animation:presenter-explain-pose 9s linear infinite}.presenter-poses .pose-pointing{position:absolute;inset:0;opacity:0;animation:presenter-point-pose 9s linear infinite}
.board-brand{position:absolute;z-index:4;left:41.5%;top:7.7%;width:47%;height:7.8%;display:flex;align-items:center;justify-content:center;background:#f4faff;color:#132348;font-size:clamp(12px,1.7vw,27px);font-weight:800;letter-spacing:-.5px;text-align:center;line-height:1.1;pointer-events:none}
@keyframes developer-look{0%,28%{opacity:1}32%,94%{opacity:0}98%,100%{opacity:1}}@keyframes developer-type{0%,28%{opacity:0}32%,94%{opacity:1}98%,100%{opacity:0}}@keyframes finger-taps{0%,100%{transform:translateY(0)}50%{transform:translateY(-1px) rotate(.12deg)}}
@keyframes presenter-explain-pose{0%,24%{opacity:1}29%,91%{opacity:0}97%,100%{opacity:1}}@keyframes presenter-point-pose{0%,24%{opacity:0}29%,91%{opacity:1}97%,100%{opacity:0}}
@media(max-width:720px){.coding-badge{bottom:48px;left:12px}.coding-scene .code-ribbon{left:12px;bottom:12px}.board-brand{font-size:clamp(12px,3.7vw,22px)}}
@media(prefers-reduced-motion:reduce){.developer-poses .pose-looking{opacity:0}.pose-typing{opacity:1}.presenter-poses .pose-explaining{opacity:0}.presenter-poses .pose-pointing{opacity:1}.typing-hands{display:none}}

/* Crisp presenter silhouettes: remove matte haze, crossfade ghosting and blur. */
.presenter-poses .scene-character{filter:url('clean-cutout.svg#clean-edges');image-rendering:auto;backface-visibility:hidden}
.presenter-poses .pose-explaining{animation:presenter-explain-clean 9s steps(1,end) infinite}
.presenter-poses .pose-pointing{animation:presenter-point-clean 9s steps(1,end) infinite}
.presenting-scene .scene-halo{display:none}.presenting-badge{backdrop-filter:none;background:#fff}
@keyframes presenter-explain-clean{0%,100%{opacity:1}28%{opacity:0}95%{opacity:1}}
@keyframes presenter-point-clean{0%,100%{opacity:0}28%{opacity:1}95%{opacity:0}}
#services>.section-heading{display:grid;grid-template-columns:1.15fr .85fr .9fr;gap:26px;align-items:center}
#services>.section-heading>p{font-size:13px;margin:0;line-height:1.9}.reading-boy{display:block;width:100%;height:auto;max-width:320px;justify-self:center;filter:drop-shadow(0 7px 7px #102c4f15)}
@media(max-width:1000px){#services>.section-heading{grid-template-columns:1.2fr 1fr;gap:18px}#services>.section-heading>p{grid-column:1/-1;max-width:620px}.reading-boy{max-width:280px}}
@media(max-width:600px){#services>.section-heading{grid-template-columns:1fr;gap:24px}#services>.section-heading>p{grid-column:auto}.reading-boy{max-width:270px;justify-self:center}}
@media(prefers-reduced-motion:reduce){.presenter-poses .pose-explaining{opacity:0}.presenter-poses .pose-pointing{opacity:1}}

/* Hero mascot beside the Ideas into impact label. */
.ideas-group{position:absolute;top:-28px;left:-12px;z-index:4;display:flex;align-items:center;gap:3px;animation:chip-float 7s ease-in-out infinite;max-width:100%;pointer-events:none}.ideas-girl{display:block;width:145px;height:auto;filter:drop-shadow(0 5px 7px #10285d16)}.ideas-group .chip-one{position:relative;inset:auto;transform:rotate(-4deg);animation:none;white-space:nowrap;padding:13px 12px;font-size:10px}
@media(max-width:1000px){.ideas-group{left:-8px;top:-20px}.ideas-girl{width:120px}.ideas-group .chip-one{font-size:9px;padding:11px}}
@media(max-width:720px){.ideas-group{top:-22px;left:0}.ideas-girl{width:115px}}
@media(prefers-reduced-motion:reduce){.ideas-group{animation:none!important}}

/* Leaning mascot shares the panel's transform, so the contact stays anchored. */
.hero .visual{padding-top:120px;min-height:560px}
.workspace-assembly{position:relative;width:410px;transform:rotateY(-15deg) rotateX(8deg) rotateZ(-5deg);animation:float 7s ease-in-out infinite;flex-shrink:0}
.workspace-assembly .software{width:100%;transform:none;animation:none;position:relative;z-index:1}
.leaning-girl{position:absolute;width:160px;height:auto;top:0;left:4px;transform:translateY(-88%);z-index:3;pointer-events:none;filter:none}
.workspace-assembly .ideas-group{position:absolute;left:172px;top:-48px;z-index:4;display:block;animation:none;max-width:none}
.workspace-assembly .ideas-group .chip-one{font-size:10px;transform:rotate(3deg);padding:13px 12px}
@media(max-width:1000px){.workspace-assembly{width:340px}.leaning-girl{width:145px;left:0}.workspace-assembly .ideas-group{left:150px;top:-45px}.workspace-assembly .ideas-group .chip-one{font-size:9px;padding:11px}.hero .visual{padding-top:120px;min-height:540px}}
@media(max-width:720px){.workspace-assembly{width:min(330px,100%)}.hero .visual{padding-top:125px;min-height:510px;margin-top:25px}.leaning-girl{width:140px;left:0}.workspace-assembly .ideas-group{left:145px;top:-44px}.workspace-assembly .ideas-group .chip-one{font-size:8px;padding:10px}.visual-caption{bottom:-12px}}
@media(prefers-reduced-motion:reduce){.workspace-assembly{animation:none!important}}
/* Responsive layout and proportional characters across input types and orientations. */
:root{--page-gutter:clamp(18px,5.5vw,100px)}
img,svg{max-width:100%}img{height:auto}main,section,article,.section-heading>*,.hero>*,.solution-panel>*,.about>*,.contact>*,.form-row>*{min-width:0}
header{padding-inline:var(--page-gutter);gap:16px}header .brand{flex-shrink:0}nav{gap:clamp(16px,2.5vw,36px)}
.hero,.section,footer{padding-inline:var(--page-gutter)}.section{padding-block:clamp(56px,7vw,110px)}
.hero{grid-template-columns:minmax(0,1.08fr) minmax(0,1fr);gap:clamp(20px,3vw,55px);padding-top:clamp(48px,6vw,90px);min-height:0}
.hero h1{font-size:clamp(34px,4.65vw,76px);letter-spacing:clamp(-3.5px,-.2vw,-1px);line-height:1.12;overflow-wrap:normal}
h2{font-size:clamp(27px,3.2vw,48px);letter-spacing:clamp(-1.8px,-.1vw,-.6px)}.solution-panel h3{font-size:clamp(28px,3vw,40px)}.contact h2{font-size:clamp(38px,4.6vw,64px)}
.actions{flex-wrap:wrap;gap:20px}.hero-note{flex-wrap:wrap;row-gap:12px;font-size:8px;line-height:1.6}.intro{font-size:clamp(14px,1.1vw,17px)}
.hero .visual{container-type:inline-size;min-width:0;width:100%;min-height:clamp(490px,43vw,590px);padding-top:clamp(110px,11vw,155px);margin-top:0}
.workspace-assembly{width:90%;max-width:440px;flex-shrink:1}.workspace-assembly .software{width:100%;max-width:100%}
.leaning-girl{width:40%;left:1%;top:0;max-width:none;transform:translateY(-88%)}
.workspace-assembly .ideas-group{left:43%;right:0;top:-43px;max-width:57%}.workspace-assembly .ideas-group .chip-one{font-size:clamp(7px,2.2cqi,11px);padding:clamp(8px,2.7cqi,14px) clamp(6px,2.4cqi,13px);white-space:normal;line-height:1.5;max-width:100%}
.mini-sidebar{padding:clamp(12px,3.5cqi,20px) clamp(9px,3cqi,17px);gap:clamp(14px,4.4cqi,22px)}.mini-main{padding:clamp(12px,4.4cqi,25px);min-width:0}.mini-main h3{font-size:clamp(17px,5.6cqi,27px)}.mini-main>p{font-size:clamp(6px,1.65cqi,8px);line-height:1.5}.mini-cards{gap:8px}.mini-cards>span{min-width:0;padding:10px 7px;font-size:clamp(8px,2.3cqi,11px)}.mini-cards small{font-size:clamp(6px,1.6cqi,8px);line-height:1.6}.chart{height:clamp(65px,21cqi,110px);gap:clamp(6px,2.5cqi,13px)}.window span{letter-spacing:clamp(1px,.4cqi,2px)}
.orbit{width:90%;height:auto;aspect-ratio:1}.orb-one{width:clamp(95px,32cqi,180px);height:auto;aspect-ratio:1;top:12%;right:0}.orb-two{width:clamp(45px,14cqi,80px);height:auto;aspect-ratio:1;left:2%;bottom:12px}
.chip-two{right:0;bottom:4px;padding:clamp(10px,3cqi,17px);font-size:clamp(9px,2.4cqi,12px);max-width:72%;gap:8px}.chip-two small{font-size:clamp(7px,2cqi,10px);line-height:1.5}.visual-caption{bottom:-24px;max-width:100%;text-align:center;font-size:clamp(6px,1.8cqi,9px);letter-spacing:1.6px}
.service-strip{flex-wrap:wrap;justify-content:center;white-space:normal;gap:16px 24px;line-height:1.6;padding:24px var(--page-gutter);overflow:visible}.service-strip span{font-size:clamp(8px,.8vw,11px)}
.services-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(18px,2vw,28px)}.services-grid article{padding:clamp(22px,2vw,30px)}.services-grid article h3{font-size:clamp(17px,1.5vw,21px)}.services-grid article a{line-height:1.8;overflow-wrap:anywhere}.card-rotation-controls{flex-wrap:wrap}.card-rotation-controls button,.rotation-tools button{min-width:44px;min-height:44px}.rotatable-service>p{user-select:text}
.solution-panel{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(30px,5vw,80px)}.solution-art{min-width:0;padding:35px clamp(24px,4vw,45px) 90px;min-height:460px}.concept-card{width:100%;max-width:310px;padding:clamp(22px,2vw,30px)}.rotation-tools{bottom:16px;left:10px;right:10px}.rotation-tools p{line-height:1.7}.tabs{flex-wrap:wrap;gap:0 clamp(14px,3vw,32px)}.tabs button{min-height:44px}
.about{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(30px,6vw,90px)}.about-graphic{min-height:clamp(340px,35vw,500px)}.monogram img{width:clamp(130px,16vw,220px)}.about-graphic:before{width:80%;height:auto;aspect-ratio:1}.about-graphic:after{width:60%;height:auto;aspect-ratio:1}
.contact{grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:clamp(30px,5vw,90px)}form{padding:clamp(22px,3vw,36px)}input,select,textarea{min-width:0;max-width:100%;min-height:44px;font-size:16px}.consent input{min-height:16px;flex-shrink:0}.form-row{gap:18px}label{font-size:12px}
.studio-scenes{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(20px,2.5vw,36px)}.scene-stage{container-type:inline-size;min-height:0;aspect-ratio:3/2}.scene-character,.typing-hands{width:100%;height:auto}.board-brand{font-size:clamp(8px,3.5cqi,28px);letter-spacing:0}.scene-badge{font-size:clamp(7px,1.9cqi,12px);padding:clamp(7px,2cqi,14px);gap:clamp(6px,1.6cqi,11px);line-height:1.5;max-width:86%}.coding-badge{left:3%;bottom:16%}.code-ribbon{left:3%;bottom:4%;font-size:clamp(7px,1.8cqi,11px);padding:clamp(6px,1.7cqi,10px)}.presenting-badge{right:3%;bottom:4%}.presentation-dot{flex-shrink:0}.scene-caption{padding:clamp(20px,2.5vw,30px)}.scene-caption h3{font-size:clamp(18px,1.7vw,24px)}
#services>.section-heading{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr) minmax(0,.9fr);gap:clamp(18px,2vw,30px)}.reading-boy{width:100%;max-width:400px;height:auto}
footer{flex-wrap:wrap;gap:20px 30px}footer p{line-height:1.7}.portrait-watermark{background-size:clamp(155px,28vw,420px) auto}
@media(min-width:1800px){.hero,.section,header,footer{padding-inline:max(var(--page-gutter),calc((100vw - 1600px)/2))}.hero h1{font-size:76px}.hero .visual{min-height:600px}.reading-boy{max-width:420px}.scene-stage{max-height:520px}}
@media(max-width:1150px){.services-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.services-grid article h3{font-size:21px}#services>.section-heading{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr)}#services>.section-heading>p{grid-column:1/-1;max-width:700px}.reading-boy{width:90%;max-width:350px}.form-row{grid-template-columns:1fr;gap:0}}
@media(max-width:960px){.hero{grid-template-columns:1fr}.hero-copy{max-width:740px}.hero h1{font-size:clamp(38px,7.5vw,68px)}.hero .visual{max-width:570px;margin:25px auto 0;min-height:560px;padding-top:145px}.workspace-assembly{width:85%;max-width:430px}.about,.contact{grid-template-columns:1fr}.about-graphic{min-height:350px;max-width:620px;width:100%;justify-self:center}.monogram img{width:180px}.contact>div>p:not(.eyebrow){max-width:650px}.contact-note{margin-top:28px}.form-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.solution-panel{gap:28px}.section-heading{gap:24px}.process-grid{gap:24px}}
@media(max-width:720px){header{height:78px}.menu{display:block;min-width:44px;min-height:44px}nav{display:none;top:78px;max-height:calc(100dvh - 78px);overflow-y:auto;padding:22px var(--page-gutter)}nav.open{display:flex;flex-direction:column;align-items:stretch}nav a{min-height:44px;display:flex;align-items:center;justify-content:space-between}.brand{font-size:24px}.hero{padding-block:40px 65px}.hero h1{font-size:clamp(32px,8vw,54px);letter-spacing:-1.7px}.hero .visual{max-width:450px;min-height:495px;padding-top:125px;margin-top:20px}.workspace-assembly{width:88%}.leaning-girl{width:40%}.workspace-assembly .ideas-group{left:43%;top:-40px}.workspace-assembly .ideas-group .chip-one{font-size:clamp(7px,2.2cqi,10px)}.section-heading{display:block}.section-heading>p{max-width:none}.solution-panel{grid-template-columns:1fr}.solution-art{width:100%;max-width:600px;justify-self:center;min-height:450px}.studio-scenes{grid-template-columns:1fr}.scene-stage{max-height:none}.process-grid{grid-template-columns:1fr}.process-grid p{max-width:none}.services-grid{gap:24px}.service-strip{gap:12px 18px}.service-strip i{font-size:12px}.hero-note span+span{padding-left:12px}#services>.section-heading{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);align-items:center}#services>.section-heading>p{grid-column:1/-1}.reading-boy{width:100%;max-width:280px}.portrait-watermark{opacity:.065}}
@media(max-width:540px){.services-grid{grid-template-columns:1fr}.services-grid article h3{font-size:21px}.form-row{grid-template-columns:1fr;gap:0}#services>.section-heading{grid-template-columns:1fr}#services>.section-heading>p{grid-column:auto}.reading-boy{width:clamp(200px,75vw,300px);max-width:100%}.hero .visual{min-height:460px;padding-top:110px}.mini-main h3{font-size:clamp(16px,5.4cqi,23px)}.scene-caption h3{font-size:20px}.tabs{gap:0 16px}.tabs button{font-size:11px}.hero-note{font-size:7px;gap:10px}.hero-note span+span{border:0;padding:0}.contact h2{font-size:42px}footer p{width:100%;order:3}}
@media(max-width:360px){:root{--page-gutter:16px}.hero h1{font-size:31px}.hero .visual{min-height:420px;padding-top:100px}.workspace-assembly{width:88%}.mini-sidebar{padding:12px 8px}.mini-main{padding:12px}.mini-main h3{font-size:16px}.mini-cards>span{font-size:8px;padding:8px 6px}.mini-cards small{font-size:6px}.chart{gap:6px;height:65px}.window{padding:10px}.window span{font-size:6px}.chip-two{max-width:80%;font-size:9px}.workspace-assembly .ideas-group{top:-34px}.section-heading h2{font-size:27px}.solution-art{padding-inline:26px;min-height:450px}.concept-card h4{font-size:20px}.rotation-tools button{margin:0 1px;padding:7px 9px}.actions{gap:16px}.button{padding:16px 20px;gap:24px}}
@media(orientation:landscape) and (max-height:600px) and (max-width:1000px){header{position:relative}.hero{padding-top:30px}.hero .visual{min-height:450px;padding-top:110px;max-width:430px}nav{max-height:calc(100dvh - 78px)}.section{padding-block:48px}.about-graphic{min-height:290px}.portrait-watermark{animation-duration:55s}.reading-boy{max-width:270px}}
@media(hover:none),(pointer:coarse){.button,.nav-cta{min-height:44px}.services-grid .rotatable-service:hover{box-shadow:6px 8px 0 #193970,14px 20px 30px #0b244325}.text-link{display:inline-flex;align-items:center;min-height:44px}}
@media(prefers-reduced-motion:reduce){.workspace-assembly,.leaning-girl,.portrait-watermark{animation:none!important}.workspace-assembly{transform:rotateY(-5deg) rotateX(2deg)}}
/* Uncluttered 3D cards and contact details. */
.solution-art{padding-bottom:35px;min-height:390px}.rotation-tools,.card-rotation-controls,.card-rotate-help{display:none}
.contact-phones{margin-top:30px}.contact-label{font-size:9px;letter-spacing:2px;color:#b3c9eb}.contact-phones>a{display:flex;align-items:center;justify-content:space-between;gap:18px;width:fit-content;min-height:44px;font-size:clamp(19px,2vw,27px);font-weight:600;letter-spacing:.3px}.contact-phones>a span{font-size:15px;color:#89c8ff}.contact-phones>a:hover{color:#a9dcff}.whatsapp-numbers{display:flex;flex-wrap:wrap;gap:8px 18px;margin:12px 0 25px}.whatsapp-numbers a{font-size:11px;color:#b5d3f8;min-height:44px;display:flex;align-items:center}
.social-icons{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-top:22px}.social-icon{display:inline-flex;width:44px;height:44px;flex-shrink:0;align-items:center;justify-content:center;color:#153c8a;background:#f1f6ff;border:1px solid #ccdcf2;border-radius:12px;animation:social-bob 5s ease-in-out infinite;animation-delay:calc(var(--social-index) * -.65s);transition:background .25s,color .25s,box-shadow .25s}.social-icon svg{width:22px;height:22px;transition:transform .25s}.social-icon:hover,.social-icon:focus-visible{color:white;background:#164d9c;box-shadow:0 0 18px #3aa5ff55}.social-icon:hover svg,.social-icon:focus-visible svg{transform:scale(1.13) rotate(-6deg)}.contact .social-icon{color:#dcefff;background:#ffffff09;border-color:#ffffff30}.contact .social-icon:hover,.contact .social-icon:focus-visible{color:#fff;background:#2058a4;border-color:#6bbfff}.contact .contact-note{margin-top:30px}footer .social-icons{margin:0}footer .social-icons .social-icon{width:40px;height:40px}
@keyframes social-bob{0%,70%,100%{translate:0 0}35%{translate:0 -4px}}
@media(max-width:540px){.social-icons{gap:10px}.contact-phones>a{font-size:22px}.solution-art{min-height:390px;padding-bottom:35px}}
@media(prefers-reduced-motion:reduce){.social-icon{animation:none!important;transition:none}.social-icon svg{transition:none}}

/* Service titles scale with screen width and retain normal spaces at line breaks. */
.services-grid article h3{font-size:clamp(16px,1.6vw,21px);line-height:1.45;letter-spacing:normal;word-spacing:normal;white-space:normal;overflow-wrap:normal;word-break:normal;hyphens:none}
@media(max-width:1150px){.services-grid article h3{font-size:clamp(17px,2.2vw,21px)}}
@media(max-width:720px){.services-grid article h3{font-size:clamp(16px,2.8vw,20px)}.services-grid article h3 br{display:none}}
@media(max-width:540px){.services-grid article h3{font-size:clamp(15px,4.2vw,19px);line-height:1.5;letter-spacing:normal}}