:root{--ink:#02080d;--navy:#061c27;--primary:#36626e;--aqua:#8ee2ed;--ice:#dffafd;--paper:#f7faf9;--white:#fff;--muted:#59717a;--line:rgba(54,98,110,.22);--shadow:0 24px 80px rgba(2,27,38,.15)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:"Roboto Mono","SFMono-Regular",Consolas,"Liberation Mono",monospace;font-size:16px;line-height:1.6}a{color:inherit;text-decoration:none}button,input{font:inherit}img{max-width:100%}.shell{width:min(1180px,calc(100% - 40px));margin-inline:auto}.skip-link{position:fixed;z-index:999;top:12px;left:12px;transform:translateY(-160%);background:#fff;color:var(--ink);padding:12px 18px;border:3px solid var(--aqua)}.skip-link:focus{transform:translateY(0)}:focus-visible{outline:3px solid var(--aqua);outline-offset:4px}

.site-header{position:absolute;inset:0 0 auto;z-index:50;color:#fff}.nav{height:100px;display:flex;align-items:center;justify-content:space-between;gap:28px}.brand{display:inline-flex;align-items:center;gap:11px}.brand-mark{display:inline-flex;font:700 33px/1 Arial,sans-serif;letter-spacing:-12px;width:49px;overflow:visible}.brand-mark span{transform:translateX(4px)}.brand-copy{font-size:11px;line-height:1.1;letter-spacing:.12em;display:flex;flex-direction:column}.brand-copy b{display:none}.brand-copy small{margin-top:4px;font-size:7px;letter-spacing:.2em;opacity:.7}.nav-links{display:flex;align-items:center;gap:10px}.nav-links a{position:relative;display:inline-flex;min-height:44px;align-items:center;padding:8px 18px;border:1px solid rgba(142,226,237,.65);background:rgba(4,21,29,.55);border-radius:9px;backdrop-filter:blur(10px);font-size:14px;transition:background .25s,color .25s,transform .25s;animation:float 4s ease-in-out infinite}.nav-links a:nth-child(even){animation-duration:3.2s;animation-delay:-.8s}.nav-links a:hover{background:var(--aqua);color:var(--ink);transform:translateY(-4px)}.mobile-nav{display:none;position:relative}.mobile-nav summary{list-style:none;width:44px;height:44px;display:grid;place-content:center;gap:5px;border:1px solid var(--aqua);border-radius:8px;cursor:pointer}.mobile-nav summary::-webkit-details-marker{display:none}.mobile-nav summary span{display:block;width:22px;height:2px;background:#fff}.mobile-nav>div{position:absolute;top:56px;right:0;width:220px;padding:12px;background:#061c27;border:1px solid var(--aqua);border-radius:12px;box-shadow:var(--shadow)}.mobile-nav a{display:block;padding:12px;border-radius:7px}.mobile-nav a:hover{background:rgba(142,226,237,.14)}

.hero{min-height:100svh;position:relative;color:#fff;overflow:hidden;display:grid;align-items:center;background:radial-gradient(circle at 50% 85%,rgba(65,174,190,.46),transparent 37%),radial-gradient(circle at 15% 10%,rgba(22,76,94,.8),transparent 30%),linear-gradient(160deg,#01070c,#051c27 48%,#00121b)}.starfield:before,.starfield:after{content:"";position:absolute;inset:-30%;background-image:radial-gradient(circle,rgba(255,255,255,.9) 0 1px,transparent 1.5px),radial-gradient(circle,rgba(142,226,237,.75) 0 1px,transparent 1.6px);background-size:46px 46px,83px 83px;background-position:0 0,18px 25px;opacity:.32;transform:rotate(-9deg);animation:drift 36s linear infinite}.starfield:after{background-size:123px 123px,177px 177px;opacity:.5;animation-duration:55s;animation-direction:reverse}.hero-content{position:relative;z-index:2;padding-block:170px 120px}.eyebrow{margin:0 0 20px;color:var(--aqua);font-size:12px;letter-spacing:.22em;font-weight:700}.eyebrow.dark{color:var(--primary)}.hero-title{max-width:980px;margin:0;font-size:clamp(46px,7.4vw,108px);line-height:.98;letter-spacing:-.065em;text-transform:uppercase;text-wrap:balance;text-shadow:0 0 26px rgba(142,226,237,.15)}.hero-title span{color:transparent;-webkit-text-stroke:1.5px var(--aqua);text-shadow:0 0 28px rgba(142,226,237,.25)}.hero-copy{max-width:690px;margin:34px 0 0;color:rgba(255,255,255,.78);font-size:clamp(16px,1.6vw,20px)}.hero-actions{display:flex;gap:15px;flex-wrap:wrap;margin-top:38px}.button{display:inline-flex;min-height:52px;align-items:center;justify-content:center;gap:12px;padding:12px 22px;border:1px solid transparent;border-radius:8px;font-weight:700;transition:transform .25s,background .25s,color .25s}.button:hover{transform:translateY(-3px)}.button-primary{background:var(--aqua);color:var(--ink);box-shadow:0 0 30px rgba(142,226,237,.2)}.button-ghost{border-color:rgba(255,255,255,.4);background:rgba(255,255,255,.03)}.button-ghost:hover{border-color:var(--aqua);color:var(--aqua)}.orbit{position:absolute;z-index:1;border:1px solid rgba(142,226,237,.18);border-radius:50%}.orbit:after{content:"";position:absolute;width:9px;height:9px;border-radius:50%;background:var(--aqua);box-shadow:0 0 18px var(--aqua)}.orbit-one{width:520px;height:520px;right:-180px;top:20%;animation:spin 26s linear infinite}.orbit-one:after{top:33%;left:0}.orbit-two{width:230px;height:230px;right:17%;bottom:-130px;animation:spin 16s linear infinite reverse}.orbit-two:after{top:10px;left:25%}.scroll-cue{position:absolute;z-index:2;right:30px;bottom:42px;writing-mode:vertical-rl;font-size:10px;letter-spacing:.22em;color:rgba(255,255,255,.6);display:flex;align-items:center;gap:10px}.scroll-cue span{display:block;height:45px;width:1px;background:var(--aqua)}.reveal{animation:rise-in .9s both}.delay-1{animation-delay:.13s}.delay-2{animation-delay:.26s}.delay-3{animation-delay:.39s}

.section{padding-block:118px}.section-heading{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(280px,.65fr);align-items:end;gap:70px;margin-bottom:52px}.section-heading.compact{align-items:center}.section-heading h2{margin:0;font-size:clamp(38px,5vw,70px);line-height:1.04;letter-spacing:-.055em;text-transform:uppercase}.section-heading>p{max-width:520px;margin:0 0 8px;color:var(--muted);font-size:17px}.services-grid{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);background:#fff;box-shadow:var(--shadow)}.service-card{position:relative;min-height:330px;padding:28px;border-right:1px solid var(--line);overflow:hidden;transition:background .3s,color .3s,transform .3s}.service-card:last-child{border-right:0}.service-card:before{content:"";position:absolute;inset:auto -35% -70% auto;width:210px;aspect-ratio:1;border:1px solid rgba(54,98,110,.23);border-radius:50%;transition:transform .45s}.service-card:hover{background:var(--navy);color:#fff;transform:translateY(-8px)}.service-card:hover:before{transform:scale(1.5);border-color:rgba(142,226,237,.35)}.service-code{color:var(--primary);font-size:12px;font-weight:700;letter-spacing:.14em}.service-card:hover .service-code{color:var(--aqua)}.service-card h3{margin:80px 0 16px;font-size:25px;letter-spacing:-.04em}.service-card p{margin:0;color:var(--muted);font-size:14px}.service-card:hover p{color:rgba(255,255,255,.7)}.card-arrow{position:absolute;right:26px;bottom:22px;font-size:24px}

.portal-section{position:relative;overflow:hidden;padding-block:118px;color:#fff;background:radial-gradient(circle at 20% 20%,rgba(54,98,110,.5),transparent 35%),var(--ink)}.portal-section:before{content:"";position:absolute;inset:0;opacity:.14;background-image:linear-gradient(rgba(142,226,237,.25) 1px,transparent 1px),linear-gradient(90deg,rgba(142,226,237,.25) 1px,transparent 1px);background-size:44px 44px;mask-image:linear-gradient(to bottom,transparent,#000 30%,#000)}.portal-section .shell{position:relative}.section-heading.light>p{color:rgba(255,255,255,.66)}.portal-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.portal-card{position:relative;min-height:430px;padding:42px;border:1px solid rgba(142,226,237,.28);border-radius:2px;overflow:hidden;background:linear-gradient(145deg,rgba(255,255,255,.08),rgba(255,255,255,.02));isolation:isolate;transition:transform .35s,border-color .35s}.portal-card:before,.portal-card:after{content:"";position:absolute;z-index:-1;border-radius:50%;border:1px solid rgba(142,226,237,.35);transition:transform .6s}.portal-card:before{width:330px;height:330px;right:-100px;bottom:-120px}.portal-card:after{width:130px;height:130px;right:45px;bottom:0;background:radial-gradient(circle,rgba(142,226,237,.35),transparent 65%);box-shadow:0 0 60px rgba(142,226,237,.17)}.portal-card:hover{transform:translateY(-9px);border-color:var(--aqua)}.portal-card:hover:before{transform:scale(1.2) rotate(15deg)}.portal-card h3{margin:105px 0 18px;font-size:clamp(50px,6vw,82px);line-height:1;letter-spacing:-.07em;text-transform:uppercase}.portal-card p{max-width:460px;margin:0;color:rgba(255,255,255,.7)}.portal-kicker{color:var(--aqua);font-size:11px;letter-spacing:.2em}.portal-link{position:absolute;bottom:38px;left:42px;font-size:12px;font-weight:700;letter-spacing:.1em}.portal-link b{color:var(--aqua);font-size:18px}.portal-polls{background:linear-gradient(145deg,rgba(142,226,237,.16),rgba(255,255,255,.02))}

.text-link,.card-link{font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.text-link span,.card-link span{color:var(--primary);font-size:18px}.posts-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.post-card{background:#fff;border:1px solid var(--line);box-shadow:0 16px 48px rgba(6,28,39,.08);transition:transform .3s,box-shadow .3s}.post-card:hover{transform:translateY(-8px);box-shadow:var(--shadow)}.post-visual{position:relative;height:210px;overflow:hidden;background:var(--navy)}.post-visual:before,.post-visual:after{content:"";position:absolute;border:1px solid var(--aqua);opacity:.55}.post-visual:before{width:170px;height:170px;border-radius:50%;right:-30px;top:25px;box-shadow:0 0 30px rgba(142,226,237,.2)}.post-visual:after{inset:28px auto auto 42px;width:110px;height:110px;transform:rotate(45deg)}.visual-2{background:linear-gradient(130deg,#173d48,#02080d)}.visual-2:before{border-radius:0;transform:rotate(24deg)}.visual-3{background:linear-gradient(160deg,var(--primary),#08242d)}.visual-3:after{border-radius:50%;transform:none}.post-visual span{position:absolute;z-index:1;left:22px;bottom:18px;color:var(--aqua);font-size:10px;letter-spacing:.18em}.post-body{padding:25px}.post-meta{display:flex;justify-content:space-between;gap:12px;color:var(--muted);font-size:10px;letter-spacing:.12em}.post-body h3{margin:18px 0 12px;font-size:22px;line-height:1.2;letter-spacing:-.04em}.post-body h3 a:hover{text-decoration:underline;text-decoration-color:var(--aqua);text-underline-offset:5px}.post-body p{min-height:78px;margin:0 0 23px;color:var(--muted);font-size:14px}

.cta-section{position:relative;overflow:hidden;padding-block:120px;color:#fff;background:var(--primary)}.cta-section:after{content:"";position:absolute;width:520px;height:520px;right:-130px;top:-200px;border:1px solid rgba(255,255,255,.22);border-radius:50%;box-shadow:0 0 0 70px rgba(255,255,255,.035),0 0 0 140px rgba(255,255,255,.025)}.cta-inner{position:relative;z-index:1}.cta-inner h2{margin:0 0 35px;font-size:clamp(48px,7vw,92px);line-height:.98;letter-spacing:-.07em;text-transform:uppercase}.cta-inner h2 span{color:var(--aqua)}.button-light{background:#fff;color:var(--ink)}
.site-footer{color:rgba(255,255,255,.7);background:var(--ink);padding:78px 0 25px}.footer-grid{display:grid;grid-template-columns:1.7fr 1fr 1fr;gap:70px}.footer-brand{color:#fff}.footer-grid>div:first-child p{max-width:430px}.footer-grid h2{color:var(--aqua);font-size:12px;letter-spacing:.16em;text-transform:uppercase}.footer-grid>div:not(:first-child){display:flex;flex-direction:column;gap:10px;font-size:14px}.footer-grid a:hover{color:var(--aqua)}.footer-bottom{display:flex;justify-content:space-between;gap:20px;margin-top:65px;padding-top:20px;border-top:1px solid rgba(255,255,255,.12);font-size:10px;letter-spacing:.12em}

@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}@keyframes drift{to{transform:translate3d(5%,7%,0) rotate(-9deg)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes rise-in{from{opacity:0;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:960px){.nav-links{display:none}.mobile-nav{display:block}.section-heading{grid-template-columns:1fr;gap:22px}.services-grid{grid-template-columns:1fr 1fr}.service-card:nth-child(2){border-right:0}.service-card:nth-child(-n+2){border-bottom:1px solid var(--line)}.posts-grid{grid-template-columns:1fr 1fr}.post-card:last-child{grid-column:span 2}}
@media(max-width:680px){.shell{width:min(100% - 28px,1180px)}.nav{height:82px}.brand-copy{display:none}.hero-content{padding-block:140px 100px}.hero-title{letter-spacing:-.07em}.hero-copy{margin-top:25px}.scroll-cue{display:none}.section,.portal-section,.cta-section{padding-block:78px}.services-grid,.portal-grid,.posts-grid,.footer-grid{grid-template-columns:1fr}.service-card{min-height:260px;border-right:0;border-bottom:1px solid var(--line)}.service-card:last-child{border-bottom:0}.service-card h3{margin-top:48px}.portal-card{min-height:370px;padding:28px}.portal-card h3{margin-top:80px}.portal-link{left:28px;bottom:27px}.post-card:last-child{grid-column:auto}.footer-grid{gap:38px}.footer-bottom{flex-direction:column}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}

.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.inner-hero{position:relative;min-height:620px;overflow:hidden;color:#fff;background:radial-gradient(circle at 75% 40%,rgba(54,98,110,.62),transparent 33%),linear-gradient(145deg,#02080d,#06232e)}.inner-hero-content{position:relative;z-index:2;padding-top:190px}.inner-hero h1{max-width:950px;margin:0;font-size:clamp(54px,8vw,104px);line-height:.95;letter-spacing:-.07em;text-transform:uppercase}.inner-hero h1 span,.answer-band h2 span{color:transparent;-webkit-text-stroke:1px var(--aqua)}.inner-hero-content>p:last-child{max-width:680px;margin:30px 0 0;color:rgba(255,255,255,.7);font-size:18px}.blog-grid .post-body h2{margin:18px 0 12px;font-size:22px;line-height:1.2;letter-spacing:-.04em}.answer-band{position:relative;overflow:hidden;padding:110px 0;color:#fff;background:var(--navy)}.answer-band:after{content:"?";position:absolute;right:4%;top:-40%;color:rgba(142,226,237,.06);font-size:520px;line-height:1}.answer-band .shell{position:relative;z-index:1}.answer-band h2{margin:0;font-size:clamp(45px,6vw,80px);line-height:1;letter-spacing:-.06em;text-transform:uppercase}.answer-band .shell>p:last-child{max-width:720px;color:rgba(255,255,255,.7);font-size:18px}

.article-hero{position:relative;min-height:720px;display:grid;align-items:end;overflow:hidden;color:#fff;background:radial-gradient(circle at 85% 20%,rgba(54,98,110,.66),transparent 33%),#02080d}.article-heading{position:relative;z-index:2;padding:175px 0 90px}.back-link{display:inline-block;margin-bottom:58px;color:var(--aqua);font-size:11px;letter-spacing:.14em}.article-heading h1{max-width:1050px;margin:0;font-size:clamp(46px,7vw,92px);line-height:1;letter-spacing:-.065em;text-wrap:balance}.article-heading>p:not(.eyebrow){max-width:780px;margin:26px 0;color:rgba(255,255,255,.72);font-size:18px}.article-dates{display:flex;flex-wrap:wrap;gap:24px;color:rgba(255,255,255,.55);font-size:11px;letter-spacing:.06em}.article-layout{display:grid;grid-template-columns:250px minmax(0,760px);justify-content:space-between;gap:70px;padding-block:100px}.article-aside{position:sticky;top:30px;align-self:start;display:flex;flex-direction:column;gap:13px;border-left:1px solid var(--line);padding-left:22px;font-size:11px}.article-aside span{margin-bottom:8px;color:var(--primary);font-weight:700;letter-spacing:.12em}.article-aside a{color:var(--muted)}.article-aside a:hover{color:var(--ink)}.article-content>section:not(.quick-answer){padding:68px 0;border-bottom:1px solid var(--line);scroll-margin-top:30px}.article-content h2{margin:8px 0 25px;font-size:clamp(30px,4vw,46px);line-height:1.08;letter-spacing:-.05em}.article-content p{color:#354d56;font-family:Arial,sans-serif;font-size:18px;line-height:1.8}.article-content ul{display:grid;gap:13px;padding:0;list-style:none}.article-content li{position:relative;padding:15px 18px 15px 48px;background:#fff;border:1px solid var(--line)}.article-content li:before{content:"✓";position:absolute;left:18px;color:var(--primary);font-weight:700}.section-number{color:var(--primary);font-size:11px;font-weight:700;letter-spacing:.14em}.quick-answer{padding:34px;border-left:4px solid var(--aqua);background:#e9f9fa;box-shadow:0 15px 45px rgba(54,98,110,.1)}.quick-answer>span{color:var(--primary);font-size:11px;font-weight:700;letter-spacing:.14em}.quick-answer h2{font-size:28px}.quick-answer p{margin-bottom:0;color:var(--ink);font-size:19px}.faq-section details{border-top:1px solid var(--line)}.faq-section details:last-child{border-bottom:1px solid var(--line)}.faq-section summary{display:flex;justify-content:space-between;gap:20px;padding:22px 0;cursor:pointer;font-weight:700}.faq-section summary span{color:var(--primary);font-size:22px}.faq-section details p{margin:0;padding:0 0 22px;font-size:16px}.article-cta{margin-top:70px;padding:42px;color:#fff;background:var(--navy)}.article-cta p{margin:0;color:var(--aqua);font:700 11px/1.4 "Roboto Mono",monospace;letter-spacing:.14em}.article-cta h2{margin:15px 0 25px}

.survey-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:start}.survey-card{position:relative;padding:36px;background:#fff;border:1px solid var(--line);box-shadow:0 20px 60px rgba(6,28,39,.1)}.survey-head{display:flex;align-items:center;gap:9px;color:var(--primary);font-size:10px;font-weight:700;letter-spacing:.14em}.live-dot{width:8px;height:8px;border-radius:50%;background:var(--aqua);box-shadow:0 0 0 5px rgba(142,226,237,.2)}.survey-card h2{margin:24px 0 8px;font-size:clamp(26px,3vw,38px);line-height:1.1;letter-spacing:-.05em}.survey-card>p{margin:0 0 25px;color:var(--muted);font-size:14px}.survey-card fieldset{display:grid;gap:10px;margin:0;padding:0;border:0}.radio-option{position:relative;display:flex;align-items:center;gap:13px;min-height:52px;padding:12px 14px;border:1px solid var(--line);cursor:pointer;transition:border-color .2s,background .2s}.radio-option:has(input:checked){border-color:var(--primary);background:rgba(142,226,237,.14)}.radio-option input{position:absolute;opacity:0}.custom-radio{width:20px;height:20px;border:2px solid var(--primary);border-radius:50%;display:grid;place-content:center}.custom-radio:after{content:"";width:10px;height:10px;border-radius:50%;background:var(--primary);transform:scale(0);transition:transform .2s}.radio-option input:checked+.custom-radio:after{transform:scale(1)}.radio-option input:focus-visible+.custom-radio{outline:3px solid var(--aqua);outline-offset:3px}.vote-button{width:100%;margin-top:18px;background:var(--navy);color:#fff}.vote-button:disabled{opacity:.65;cursor:wait}.form-status{min-height:24px;margin:13px 0 0!important;color:var(--primary)!important;font-size:12px!important}.poll-results{display:grid;gap:14px}.result-row>div:first-child{display:flex;justify-content:space-between;gap:12px;margin-bottom:6px;font-size:13px}.result-track{height:9px;overflow:hidden;background:#e3ecee;border-radius:999px}.result-track span{display:block;height:100%;background:linear-gradient(90deg,var(--primary),var(--aqua));border-radius:inherit;transition:width .5s}.poll-results small{margin-top:5px;color:var(--muted)}.poll-band:after{content:"✓"}

.feedback-widget{position:fixed;z-index:100;right:22px;bottom:22px;display:flex;align-items:flex-end;flex-direction:column;gap:10px}.feedback-trigger{min-height:50px;padding:11px 18px;border:1px solid var(--aqua);border-radius:999px;color:#fff;background:var(--navy);box-shadow:0 12px 36px rgba(2,8,13,.3);cursor:pointer;font-weight:700}.feedback-trigger span{color:var(--aqua)}.feedback-panel{position:relative;width:min(390px,calc(100vw - 28px));max-height:calc(100vh - 100px);overflow:auto;background:#fff;box-shadow:var(--shadow)}.feedback-close{position:absolute;z-index:2;top:10px;right:10px;width:38px;height:38px;border:0;border-radius:50%;color:#fff;background:var(--navy);cursor:pointer;font-size:25px;line-height:1}.compact-survey{padding:28px}.compact-survey h2{padding-right:30px;font-size:25px}.compact-survey .radio-option{min-height:46px;padding:9px 11px;font-size:13px}

@media(max-width:900px){.article-layout{grid-template-columns:1fr}.article-aside{display:none}.survey-grid{grid-template-columns:1fr}}
@media(max-width:680px){.inner-hero{min-height:540px}.inner-hero-content{padding-top:155px}.article-hero{min-height:650px}.article-heading{padding:140px 0 65px}.article-layout{padding-block:65px}.quick-answer,.article-cta,.survey-card{padding:25px}.feedback-widget{right:14px;bottom:14px}.feedback-trigger{font-size:12px}.blog-grid .post-body h2{font-size:21px}}

/* Portfolio */
.home-works{position:relative;overflow:hidden;padding-block:118px;color:#fff;background:radial-gradient(circle at 80% 0,rgba(142,226,237,.17),transparent 27%),#092630}.home-works:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(142,226,237,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(142,226,237,.07) 1px,transparent 1px);background-size:60px 60px}.home-works .shell{position:relative}.light-link{color:#fff}.light-link span{color:var(--aqua)}.home-work-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.home-work-card{overflow:hidden;border:1px solid rgba(142,226,237,.2);background:rgba(255,255,255,.04);transition:transform .3s,border-color .3s,background .3s}.home-work-card:hover{transform:translateY(-8px);border-color:var(--aqua);background:rgba(255,255,255,.07)}.mini-work-preview{position:relative;height:230px;overflow:hidden;padding:25px;background:linear-gradient(145deg,#102f3a,#02080d)}.mini-work-preview:before,.mini-work-preview:after{content:"";position:absolute;border:1px solid rgba(142,226,237,.42);border-radius:50%}.mini-work-preview:before{width:210px;height:210px;right:-70px;bottom:-80px}.mini-work-preview:after{width:90px;height:90px;right:43px;bottom:10px}.mini-work-preview span{font-size:10px;color:var(--aqua);letter-spacing:.16em}.mini-work-preview strong{position:absolute;left:25px;bottom:30px;z-index:1;font-size:25px;line-height:1;letter-spacing:-.05em}.mini-work-preview i{position:absolute;width:9px;height:9px;right:68px;bottom:47px;border-radius:50%;background:var(--aqua);box-shadow:0 0 18px var(--aqua)}.home-work-card>div:last-child{padding:23px}.home-work-card>div:last-child>span{color:var(--aqua);font-size:10px;letter-spacing:.15em}.home-work-card h3{margin:11px 0 8px;font-size:22px;letter-spacing:-.04em}.home-work-card p{margin:0;color:rgba(255,255,255,.62);font-size:13px}.work-violet{background:linear-gradient(145deg,#30275f,#0b0921)}.work-blue{background:linear-gradient(145deg,#163b5c,#030b14)}.work-teal{background:linear-gradient(145deg,#1b554f,#031210)}.work-aqua{background:linear-gradient(145deg,#1b6570,#041216)}.work-silver{background:linear-gradient(145deg,#52656c,#0d1619)}

.works-hero{background:radial-gradient(circle at 78% 42%,rgba(142,226,237,.17),transparent 26%),radial-gradient(circle at 20% 5%,rgba(54,98,110,.75),transparent 31%),linear-gradient(145deg,#02080d,#061c27)}.works-hero:after{content:"";position:absolute;z-index:1;right:-150px;bottom:-310px;width:720px;height:720px;border:1px solid rgba(142,226,237,.2);border-radius:50%;box-shadow:0 0 0 90px rgba(142,226,237,.025),0 0 0 180px rgba(142,226,237,.018)}.works-heading{margin-bottom:80px}.work-list{display:grid;gap:110px}.work-card{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(340px,.85fr);gap:65px;align-items:center}.work-card:nth-child(even){grid-template-columns:minmax(340px,.85fr) minmax(0,1.15fr)}.work-card:nth-child(even) .work-preview{order:2}.work-preview{min-height:480px;padding:22px;background:linear-gradient(145deg,#102f3a,#02080d);box-shadow:var(--shadow);transform:perspective(1000px) rotateY(2deg);transition:transform .4s}.work-card:nth-child(even) .work-preview{transform:perspective(1000px) rotateY(-2deg)}.work-card:hover .work-preview{transform:perspective(1000px) rotateY(0) translateY(-7px)}.browser-chrome{height:42px;display:flex;align-items:center;gap:7px;padding:0 13px;color:rgba(255,255,255,.4);background:rgba(2,8,13,.62);font-size:9px;letter-spacing:.12em}.browser-chrome i{width:7px;height:7px;border-radius:50%;background:rgba(255,255,255,.3)}.browser-chrome span{margin-left:8px}.work-screen{position:relative;height:394px;overflow:hidden;padding:42px;color:#fff;background:radial-gradient(circle at 80% 70%,rgba(142,226,237,.26),transparent 26%),rgba(2,8,13,.48)}.work-screen:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(142,226,237,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(142,226,237,.08) 1px,transparent 1px);background-size:38px 38px}.screen-index,.work-screen strong,.screen-lines{position:relative;z-index:1}.screen-index{display:block;color:var(--aqua);font-size:11px;letter-spacing:.15em}.work-screen strong{display:block;max-width:82%;margin-top:70px;font-size:clamp(37px,5vw,66px);line-height:.9;letter-spacing:-.08em;text-transform:uppercase}.screen-lines{display:grid;gap:9px;width:40%;margin-top:28px}.screen-lines i{height:3px;background:rgba(255,255,255,.35)}.screen-lines i:nth-child(2){width:75%}.screen-lines i:nth-child(3){width:45%;background:var(--aqua)}.screen-orbit{position:absolute;right:-65px;bottom:-70px;width:260px;height:260px;border:1px solid rgba(142,226,237,.45);border-radius:50%;box-shadow:0 0 0 32px rgba(142,226,237,.025)}.screen-orbit:after{content:"";position:absolute;left:16px;top:52px;width:9px;height:9px;border-radius:50%;background:var(--aqua);box-shadow:0 0 15px var(--aqua)}.work-info{padding-block:25px}.work-meta{display:flex;justify-content:space-between;gap:20px;color:var(--primary);font-size:10px;font-weight:700;letter-spacing:.15em}.work-info h2{margin:22px 0 15px;font-size:clamp(40px,5vw,67px);line-height:.95;letter-spacing:-.07em}.work-summary{margin:0 0 32px;color:#304851;font-size:17px}.work-info dl{margin:0;border-top:1px solid var(--line)}.work-info dl>div{display:grid;grid-template-columns:100px 1fr;gap:20px;padding:18px 0;border-bottom:1px solid var(--line)}.work-info dt{color:var(--primary);font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.work-info dd{margin:0;color:var(--muted);font-family:Arial,sans-serif;font-size:15px;line-height:1.55}.project-tags{display:flex;flex-wrap:wrap;gap:8px;margin:24px 0 0;padding:0;list-style:none}.project-tags li{padding:7px 10px;border:1px solid var(--line);color:var(--primary);font-size:9px;font-weight:700;letter-spacing:.12em}

.project-method{position:relative;overflow:hidden;padding-block:115px;color:#fff;background:#02080d}.project-method:before{content:"";position:absolute;width:620px;height:620px;right:-220px;top:-310px;border:1px solid rgba(142,226,237,.16);border-radius:50%;box-shadow:0 0 0 75px rgba(142,226,237,.02),0 0 0 150px rgba(142,226,237,.015)}.project-method .shell{position:relative}.project-method h2{max-width:1000px;margin:0;font-size:clamp(43px,6vw,78px);line-height:1;letter-spacing:-.065em;text-transform:uppercase}.project-method h2 span{color:var(--aqua)}.method-steps{display:grid;grid-template-columns:repeat(4,1fr);margin-top:70px;border:1px solid rgba(142,226,237,.2)}.method-steps>div{min-height:230px;padding:25px;border-right:1px solid rgba(142,226,237,.2)}.method-steps>div:last-child{border-right:0}.method-steps b{color:var(--aqua);font-size:11px;letter-spacing:.14em}.method-steps h3{margin:55px 0 8px;font-size:21px}.method-steps p{margin:0;color:rgba(255,255,255,.55);font-size:13px}

@media(max-width:960px){.home-work-grid{grid-template-columns:1fr 1fr}.home-work-card:last-child{grid-column:span 2}.work-card,.work-card:nth-child(even){grid-template-columns:1fr;gap:35px}.work-card:nth-child(even) .work-preview{order:0}.work-info{padding:0}.method-steps{grid-template-columns:1fr 1fr}.method-steps>div:nth-child(2){border-right:0}.method-steps>div:nth-child(-n+2){border-bottom:1px solid rgba(142,226,237,.2)}}
@media(max-width:680px){.home-works{padding-block:78px}.home-work-grid{grid-template-columns:1fr}.home-work-card:last-child{grid-column:auto}.mini-work-preview{height:200px}.work-list{gap:75px}.work-preview{min-height:335px;padding:12px}.work-screen{height:285px;padding:27px}.work-screen strong{margin-top:45px;font-size:40px}.screen-lines{width:55%}.work-info dl>div{grid-template-columns:1fr;gap:7px}.method-steps{grid-template-columns:1fr}.method-steps>div{min-height:185px;border-right:0;border-bottom:1px solid rgba(142,226,237,.2)}.method-steps>div:last-child{border-bottom:0}.method-steps h3{margin-top:35px}}

/* Services and verified portfolio */
.services-grid{grid-template-columns:repeat(5,1fr);gap:1px;background:var(--line)}.service-card{border-right:0;background:#fff}.service-card:last-child{border-right:0}.service-card:focus-visible{position:relative;z-index:2}
.project-visit{display:inline-flex;align-items:center;gap:10px;margin-top:25px;color:var(--primary);font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.project-visit span{font-size:18px}.project-visit:hover{text-decoration:underline;text-decoration-color:var(--aqua);text-underline-offset:5px}
.client-section{padding-block:115px;color:#fff;background:radial-gradient(circle at 20% 20%,rgba(54,98,110,.45),transparent 32%),var(--navy)}.client-section .section-heading>p{color:rgba(255,255,255,.62)}.client-wall{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid rgba(142,226,237,.2);border-left:1px solid rgba(142,226,237,.2)}.client-wall>div{position:relative;min-height:190px;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:18px;padding:25px 22px 22px;border-right:1px solid rgba(142,226,237,.2);border-bottom:1px solid rgba(142,226,237,.2);background:rgba(255,255,255,.025);transition:background .25s,color .25s}.client-wall>div:hover{color:var(--ink);background:var(--aqua)}.client-wall span{position:absolute;top:18px;left:18px;color:var(--aqua);font-size:9px;letter-spacing:.14em}.client-wall>div:hover span{color:var(--primary)}.client-wall img{width:min(78%,170px);height:76px;object-fit:contain;filter:grayscale(.35);opacity:.9;transition:filter .25s,opacity .25s,transform .25s}.client-wall>div:hover img{filter:none;opacity:1;transform:scale(1.04)}.client-wall strong{text-align:center;font-size:14px;line-height:1.2}

.service-hero{position:relative;min-height:760px;display:grid;align-items:end;overflow:hidden;color:#fff;background:radial-gradient(circle at 78% 32%,rgba(54,98,110,.65),transparent 32%),linear-gradient(145deg,#02080d,#061c27)}.service-hero-inner{position:relative;z-index:2;padding:165px 0 85px}.service-hero h1{max-width:1040px;margin:0;font-size:clamp(48px,7.2vw,94px);line-height:.96;letter-spacing:-.07em;text-wrap:balance}.service-hero-inner>p:not(.eyebrow){max-width:760px;margin:28px 0 34px;color:rgba(255,255,255,.72);font-size:19px}.service-answer{position:relative;margin-top:-35px;padding:40px 44px;border-left:5px solid var(--aqua);background:#e9f9fa;box-shadow:var(--shadow)}.service-answer>span{color:var(--primary);font-size:10px;font-weight:700;letter-spacing:.14em}.service-answer h2{margin:9px 0 12px;font-size:30px;letter-spacing:-.045em}.service-answer p{margin:0;color:#203c45;font-family:Arial,sans-serif;font-size:18px;line-height:1.75}.benefit-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;border:1px solid var(--line);background:var(--line)}.benefit-grid article{position:relative;min-height:280px;padding:28px;background:#fff;transition:background .25s,color .25s,transform .25s}.benefit-grid article:hover{z-index:1;color:#fff;background:var(--navy);transform:translateY(-6px)}.benefit-grid span{color:var(--primary);font-size:10px;font-weight:700;letter-spacing:.14em}.benefit-grid article:hover span{color:var(--aqua)}.benefit-grid h3{margin:70px 0 12px;font-size:22px;letter-spacing:-.04em}.benefit-grid p{margin:0;color:var(--muted);font-size:14px}.benefit-grid article:hover p{color:rgba(255,255,255,.68)}
.service-process{position:relative;overflow:hidden;padding-block:115px;color:#fff;background:#02080d}.service-process:after{content:"";position:absolute;right:-250px;top:-300px;width:720px;height:720px;border:1px solid rgba(142,226,237,.14);border-radius:50%;box-shadow:0 0 0 70px rgba(142,226,237,.02),0 0 0 140px rgba(142,226,237,.014)}.service-process .shell{position:relative;z-index:1}.service-process h2{margin:0;font-size:clamp(43px,6vw,80px);line-height:1;letter-spacing:-.065em;text-transform:uppercase}.service-process h2 span{color:var(--aqua)}.service-process ol{display:grid;grid-template-columns:repeat(5,1fr);margin:65px 0 0;padding:0;border:1px solid rgba(142,226,237,.2);list-style:none}.service-process li{min-height:160px;display:flex;flex-direction:column;justify-content:space-between;padding:22px;border-right:1px solid rgba(142,226,237,.2)}.service-process li:last-child{border-right:0}.service-process li b{color:var(--aqua);font-size:10px;letter-spacing:.14em}.service-process li span{font-size:14px;line-height:1.35}.service-faq{display:grid;grid-template-columns:.75fr 1.25fr;gap:80px;align-items:start}.service-faq h2{margin:0;font-size:clamp(38px,5vw,65px);line-height:1;letter-spacing:-.06em;text-transform:uppercase}.service-faq details{border-top:1px solid var(--line)}.service-faq details:last-child{border-bottom:1px solid var(--line)}.service-faq summary{display:flex;justify-content:space-between;gap:20px;padding:23px 0;cursor:pointer;font-weight:700}.service-faq summary span{color:var(--primary);font-size:22px}.service-faq details p{margin:0;padding:0 0 23px;color:var(--muted);font-family:Arial,sans-serif;font-size:16px;line-height:1.65}

@media(max-width:1100px){.services-grid{grid-template-columns:repeat(3,1fr)}.client-wall{grid-template-columns:repeat(3,1fr)}}
@media(max-width:960px){.services-grid{grid-template-columns:1fr 1fr}.service-card:nth-child(2){border-right:0}.service-card:nth-child(-n+2){border-bottom:0}.service-card:last-child{grid-column:span 2}.benefit-grid{grid-template-columns:1fr 1fr}.service-process ol{grid-template-columns:1fr 1fr}.service-process li{border-bottom:1px solid rgba(142,226,237,.2)}.service-process li:nth-child(even){border-right:0}.service-process li:last-child{grid-column:span 2;border-bottom:0}.service-faq{grid-template-columns:1fr;gap:45px}.client-wall{grid-template-columns:1fr 1fr}}
@media(max-width:680px){.services-grid{grid-template-columns:1fr}.service-card:last-child{grid-column:auto}.service-answer{margin-top:-20px;padding:28px 24px}.service-hero{min-height:670px}.service-hero-inner{padding:145px 0 65px}.benefit-grid{grid-template-columns:1fr}.benefit-grid article{min-height:235px}.benefit-grid h3{margin-top:45px}.service-process ol{grid-template-columns:1fr}.service-process li,.service-process li:last-child{grid-column:auto;min-height:120px;border-right:0;border-bottom:1px solid rgba(142,226,237,.2)}.service-process li:last-child{border-bottom:0}.client-wall{grid-template-columns:1fr}.client-wall>div{min-height:125px}}

/* Real project previews and custom service illustrations */
.work-screenshot{display:block;width:100%;height:394px;object-fit:cover;object-position:top center;background:#fff}
.service-visual{position:relative;overflow:hidden;margin-top:90px;color:#fff;background:radial-gradient(circle at 76% 48%,rgba(142,226,237,.18),transparent 31%),linear-gradient(140deg,#061c27,#02080d)}.service-visual:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(142,226,237,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(142,226,237,.06) 1px,transparent 1px);background-size:56px 56px}.service-visual-inner{position:relative;display:grid;grid-template-columns:minmax(0,.85fr) minmax(430px,1.15fr);align-items:center;gap:55px;min-height:610px}.service-visual-copy{position:relative;z-index:2;padding-block:80px}.service-visual-copy h2{max-width:650px;margin:0;font-size:clamp(43px,5.7vw,76px);line-height:.98;letter-spacing:-.065em;text-transform:uppercase}.service-visual-copy>p:not(.eyebrow){max-width:550px;margin:25px 0 0;color:rgba(255,255,255,.68);font-size:17px}.service-visual-art{position:relative;align-self:stretch;display:grid;place-items:center;min-height:560px}.service-visual-art i{position:absolute;width:420px;height:420px;border:1px solid rgba(142,226,237,.28);border-radius:50%;box-shadow:0 0 0 55px rgba(142,226,237,.025),0 0 0 110px rgba(142,226,237,.014)}.service-visual-art img{position:relative;z-index:1;width:min(100%,590px);max-height:570px;object-fit:contain;filter:drop-shadow(0 28px 38px rgba(0,0,0,.38))}
@media(max-width:900px){.service-visual-inner{grid-template-columns:1fr;gap:0}.service-visual-copy{padding:75px 0 10px}.service-visual-art{min-height:470px}.service-visual-art img{max-height:470px}}
@media(max-width:680px){.work-screenshot{height:285px}.client-wall>div{min-height:160px}.service-visual{margin-top:65px}.service-visual-copy{padding-top:60px}.service-visual-art{min-height:390px}.service-visual-art img{max-height:390px}.service-visual-art i{width:270px;height:270px}}

/* PHP/MySQL edition: immagini reali, policy, consenso e progressive enhancement */
.mini-work-preview{overflow:hidden}.mini-work-preview img{width:100%;height:100%;object-fit:cover;display:block}.logo-stage{margin:0;width:min(170px,82%);height:84px;display:grid;place-items:center;overflow:hidden;isolation:isolate;padding:12px 16px;border-radius:10px;background:#fff;box-shadow:inset 0 0 0 1px rgba(6,28,39,.1),0 8px 22px rgba(0,0,0,.1);transition:transform .25s,box-shadow .25s}.logo-stage img{display:block;width:100%;height:100%;max-width:100%;max-height:100%;object-fit:contain;object-position:center;filter:none!important;opacity:1!important;transform:none!important}.logo-stage--dark{background:#24363b}.logo-stage--portrait{width:104px;height:96px;padding:8px}.logo-stage b{color:#061c27}.logo-fallback{max-width:100%;font-size:12px!important;line-height:1.2;text-align:center;text-transform:uppercase;letter-spacing:.06em}.client-wall>div{min-height:175px;justify-content:flex-end}.client-wall>div>img{display:none}.legal-hero{min-height:62vh}.legal-content{max-width:880px;padding-block:80px}.rich-content{font-size:17px}.rich-content h2{font-size:clamp(26px,4vw,42px);line-height:1.15;margin:2em 0 .6em}.rich-content h3{font-size:24px;margin-top:1.8em}.rich-content p,.rich-content li{color:#314951}.rich-content li+li{margin-top:.45em}.rich-content a{text-decoration:underline;text-decoration-color:var(--aqua);text-decoration-thickness:2px}.cookie-link{appearance:none;border:0;background:none;color:inherit;font:inherit;padding:0;text-align:left;cursor:pointer}.cookie-link:hover{text-decoration:underline}.cookie-banner{position:fixed;z-index:900;left:20px;right:20px;bottom:20px;margin:auto;width:min(1080px,calc(100% - 40px));display:flex;align-items:center;justify-content:space-between;gap:24px;padding:20px 22px;border:1px solid rgba(142,226,237,.45);border-radius:14px;background:rgba(4,21,29,.97);color:#fff;box-shadow:0 25px 80px #0009;backdrop-filter:blur(18px)}.cookie-banner[hidden]{display:none}.cookie-banner strong{display:block;font-size:17px}.cookie-banner p{margin:5px 0 0;color:#bdd3d8;max-width:650px;font-size:13px}.cookie-actions{display:flex;gap:8px;flex-wrap:wrap}.cookie-actions .button{min-height:44px;padding:9px 14px;font-size:12px}.cookie-actions .button-ghost{color:#fff;border-color:rgba(255,255,255,.72);background:rgba(255,255,255,.08)}.cookie-actions .button-ghost:hover,.cookie-actions .button-ghost:focus-visible{color:#061c27;border-color:#fff;background:#fff}.cookie-dialog{width:min(560px,calc(100% - 30px));border:1px solid var(--aqua);border-radius:16px;padding:0;background:#fff;color:var(--ink);box-shadow:0 35px 100px #0009}.cookie-dialog::backdrop{background:rgba(0,7,12,.72);backdrop-filter:blur(4px)}.cookie-dialog form{position:relative;padding:30px}.dialog-close{position:absolute;right:14px;top:10px;border:0;background:none;font-size:30px;cursor:pointer}.cookie-dialog label{display:flex;justify-content:space-between;gap:18px;padding:17px 0;border-top:1px solid var(--line)}.cookie-dialog label span{display:grid}.cookie-dialog small{color:var(--muted)}.cookie-dialog input{width:24px;height:24px;accent-color:var(--primary)}.poll-results[hidden],.feedback-panel[hidden]{display:none}.poll-results{margin-top:20px}.poll-results .result-row{margin-bottom:15px}.poll-results .result-row>div:first-child{display:flex;justify-content:space-between;gap:10px}.poll-results .result-track{height:8px;border-radius:20px;background:rgba(54,98,110,.15);overflow:hidden}.poll-results .result-track span{display:block;height:100%;background:linear-gradient(90deg,var(--primary),var(--aqua));border-radius:inherit}.feedback-widget.is-open .feedback-panel{display:block}.feedback-panel .survey-card{max-height:min(660px,80vh);overflow:auto}.form-status.is-error{color:#c32727}.site-footer .brand-copy{color:#fff}.work-preview{background:#dce8ea}.work-screenshot{background:#fff}.client-wall strong{line-height:1.25}.client-wall>div:hover .logo-stage{transform:translateY(-3px);box-shadow:inset 0 0 0 1px rgba(142,226,237,.5),0 13px 32px rgba(0,0,0,.2)}
@media(max-width:780px){.cookie-banner{align-items:stretch;flex-direction:column;bottom:10px;left:10px;right:10px;width:calc(100% - 20px)}.cookie-actions{display:grid;grid-template-columns:1fr}.cookie-actions .button{width:100%}.logo-stage{width:min(170px,82%)}.logo-stage--portrait{width:104px}.client-wall>div{min-height:165px}}

/* Presenza locale */
.local-presence{position:relative;overflow:hidden;padding-block:115px;color:#fff;background:radial-gradient(circle at 88% 18%,rgba(142,226,237,.17),transparent 28%),linear-gradient(145deg,#061c27,#02080d)}.local-presence:before{content:"";position:absolute;right:-210px;top:-270px;width:620px;height:620px;border:1px solid rgba(142,226,237,.18);border-radius:50%;box-shadow:0 0 0 70px rgba(142,226,237,.02),0 0 0 140px rgba(142,226,237,.014)}.local-presence-grid{position:relative;display:grid;grid-template-columns:minmax(0,.9fr) minmax(420px,1.1fr);gap:90px;align-items:start}.local-presence h2{margin:0;font-size:clamp(44px,6vw,82px);line-height:.98;letter-spacing:-.065em;text-transform:uppercase}.local-presence h2 span{color:var(--aqua)}.local-presence-copy>p{margin:0 0 34px;color:rgba(255,255,255,.72);font-size:17px}.local-presence ul{margin:0 0 34px;padding:0;border-top:1px solid rgba(142,226,237,.22);list-style:none}.local-presence li{display:grid;grid-template-columns:minmax(170px,.8fr) 1.2fr;gap:24px;padding:18px 0;border-bottom:1px solid rgba(142,226,237,.22)}.local-presence li strong{color:var(--aqua);font-size:13px}.local-presence li span{color:rgba(255,255,255,.62);font-size:13px}
@media(max-width:900px){.local-presence-grid{grid-template-columns:1fr;gap:48px}}
@media(max-width:680px){.local-presence{padding-block:78px}.local-presence li{grid-template-columns:1fr;gap:6px}.local-presence-copy>p{font-size:15px}}