:root{--black:#141414;--navy:#1b217b;--blue:#2a3dc3;--violet:#683fc9;--pink:#c700ff;--white:#fff;--muted:rgba(255,255,255,.68);--line:rgba(141,133,255,.22);--display:"Playfair Display SC",serif;--heading:"Playfair Display",serif;--body:"Times New Roman MT","Times New Roman",serif;--glow:0 0 24px rgba(104,63,201,.38)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:7rem}body{margin:0;background:#080914;color:var(--white);font-family:var(--body);font-size:1.08rem;line-height:1.65;overflow-x:hidden}button,input,select,textarea{font:inherit;color:inherit}a{color:inherit}.shell{width:min(1180px,calc(100% - 3rem));margin-inline:auto}.skip-link{position:fixed;z-index:1000;top:.5rem;left:.5rem;padding:.7rem 1rem;background:white;color:#141414;transform:translateY(-160%)}.skip-link:focus{transform:none}.galaxy-canvas,.galaxy-haze{position:fixed;inset:0;width:100%;height:100%;pointer-events:none}.galaxy-canvas{z-index:-2}.galaxy-haze{z-index:-1;background:radial-gradient(ellipse at 16% 12%,rgba(42,61,195,.18),transparent 36%),radial-gradient(ellipse at 85% 45%,rgba(104,63,201,.14),transparent 34%),radial-gradient(ellipse at 42% 90%,rgba(199,0,255,.08),transparent 30%);filter:blur(8px)}
.site-header{position:fixed;z-index:50;top:0;width:100%;border-bottom:1px solid transparent;transition:.3s}.site-header.scrolled{background:rgba(8,9,20,.82);backdrop-filter:blur(18px);border-color:var(--line)}.nav{height:94px;display:flex;align-items:center;justify-content:space-between}.brand{display:block;width:148px;height:78px}.brand img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 0 12px rgba(104,63,201,.4))}.nav-links{display:flex;align-items:center;gap:clamp(1rem,2.4vw,2.2rem)}.nav-links a{text-decoration:none;font-size:.91rem;letter-spacing:.07em;position:relative}.nav-links a:after{content:"";position:absolute;left:0;right:100%;bottom:-.45rem;height:1px;background:linear-gradient(90deg,var(--blue),var(--pink));transition:.25s}.nav-links a:hover:after,.nav-links a:focus-visible:after{right:0}.menu-toggle{display:none;background:none;border:0;width:46px;height:46px;padding:10px}.menu-toggle span:not(.visually-hidden){display:block;height:1px;background:white;margin:6px 0;transition:.25s}.visually-hidden{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.hero{min-height:100svh;padding-top:130px;display:grid;grid-template-columns:1.08fr .92fr;align-items:center;position:relative}.hero-copy{z-index:2}.eyebrow{text-transform:uppercase;letter-spacing:.28em;font-size:.73rem;color:#b9bdff;margin:0 0 1.3rem}.hero h1{font:900 clamp(3.7rem,8.4vw,7.8rem)/.82 var(--display);letter-spacing:-.045em;text-transform:uppercase;margin:0}.hero h1 span{display:block;background:linear-gradient(112deg,#fff 15%,#bfc6ff 52%,#d970ff);background-clip:text;color:transparent;text-shadow:0 0 45px rgba(42,61,195,.15)}.hero h1 span:nth-child(2){padding-left:.38em}.hero-statement{font:600 clamp(1.7rem,3vw,2.6rem)/1.2 var(--heading);margin:2.2rem 0 .8rem}.hero-statement em,.section-heading em,.contact em{font-style:italic;color:#c99cff;text-shadow:var(--glow)}.lead{max-width:570px;color:var(--muted);font-size:1.18rem}.actions{display:flex;gap:1rem;flex-wrap:wrap;margin-top:2rem}.button{display:inline-flex;justify-content:center;align-items:center;min-height:50px;padding:.75rem 1.4rem;border:1px solid #7b79ff;background:linear-gradient(120deg,var(--navy),var(--violet));box-shadow:0 0 22px rgba(42,61,195,.35),inset 0 0 12px rgba(255,255,255,.05);text-decoration:none;text-transform:uppercase;letter-spacing:.13em;font-size:.73rem;cursor:pointer;transition:.25s}.button:hover{transform:translateY(-2px);box-shadow:0 0 30px rgba(104,63,201,.55)}.button-ghost{background:rgba(14,15,34,.45)}.hero-orbit{justify-self:end;width:min(43vw,520px);aspect-ratio:1;display:grid;place-items:center;position:relative}.hero-orbit:before,.hero-orbit:after{content:"";position:absolute;border-radius:50%}.hero-orbit:before{inset:7%;background:radial-gradient(circle,rgba(42,61,195,.27),rgba(104,63,201,.05) 44%,transparent 68%);box-shadow:0 0 80px rgba(42,61,195,.3)}.hero-orbit:after{width:9px;height:9px;background:white;box-shadow:0 0 16px 4px #8e96ff;animation:orbit 12s linear infinite}.hero-orbit img{width:76%;height:66%;object-fit:contain;z-index:2;filter:drop-shadow(0 0 30px rgba(104,63,201,.55))}.orbit-ring{position:absolute;inset:10%;border:1px solid rgba(145,144,255,.25);border-radius:50%;transform:rotate(-18deg) scaleY(.62)}.scroll-cue{position:absolute;bottom:2rem;left:0;text-decoration:none;text-transform:uppercase;letter-spacing:.2em;font-size:.63rem;color:var(--muted);display:flex;align-items:center;gap:1rem}.scroll-cue i{width:58px;height:1px;background:linear-gradient(90deg,var(--blue),transparent)}
.section{padding-block:clamp(6rem,11vw,10rem);position:relative}.section-heading{max-width:760px;margin-bottom:3.4rem}.section-heading.split{max-width:none;display:flex;justify-content:space-between;gap:3rem;align-items:end}.section-heading.split>p{max-width:340px}.section h2,.contact h2{font:600 clamp(2.7rem,6vw,5rem)/1.02 var(--heading);letter-spacing:-.035em;margin:0 0 1.3rem}.section-heading>p,.section-heading.split>p,.contact-copy>p{color:var(--muted)}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.2rem}.service-card{min-height:360px;padding:2rem;border:1px solid var(--line);background:linear-gradient(145deg,rgba(27,33,123,.18),rgba(13,14,27,.68));position:relative;overflow:hidden;transition:.3s}.service-card:after{content:"";position:absolute;width:170px;height:170px;right:-70px;bottom:-80px;border-radius:50%;background:var(--violet);filter:blur(70px);opacity:.18}.service-card:hover{transform:translateY(-6px);border-color:rgba(141,133,255,.62);box-shadow:var(--glow)}.service-card>span{font-size:.7rem;letter-spacing:.2em;color:#a8adff}.service-symbol{font:400 5rem/1 var(--heading);color:#a48fff;margin:3rem 0;text-shadow:0 0 20px rgba(104,63,201,.8)}.service-card h3{font:600 2.1rem var(--heading);margin:.5rem 0}.service-card p{color:var(--muted)}
.portfolio-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:1.2rem}.work-card{appearance:none;padding:0;background:rgba(10,11,25,.7);border:1px solid var(--line);text-align:left;cursor:pointer;overflow:hidden;min-width:0}.work-card-wide{grid-row:span 2}.work-visual{height:260px;display:grid;place-items:center;background:radial-gradient(circle at 55% 44%,rgba(199,0,255,.18),transparent 24%),linear-gradient(135deg,#0c102e,#1b217b 48%,#111225);position:relative}.work-card-wide .work-visual{height:610px}.work-visual:before,.work-visual i{content:"";position:absolute;border:1px solid rgba(255,255,255,.2);transform:rotate(45deg)}.work-visual:before{width:32%;aspect-ratio:1;box-shadow:0 0 28px rgba(104,63,201,.4)}.work-visual i{width:18%;aspect-ratio:1}.visual-alt{background:radial-gradient(circle,#683fc966,transparent 32%),linear-gradient(150deg,#111224,#28184e)}.visual-third{background:radial-gradient(circle at 36% 60%,#2a3dc355,transparent 30%),linear-gradient(30deg,#0b0c1c,#171b58)}.work-meta{display:grid;grid-template-columns:1fr auto;padding:1.2rem 1.4rem}.work-meta small{grid-column:1;text-transform:uppercase;letter-spacing:.14em;color:#9fa6ff}.work-meta strong{font:600 1.3rem var(--heading)}.work-meta b{grid-column:2;grid-row:1/3;font-size:1.5rem;font-weight:400}.empty-state{padding:2rem;border:1px dashed var(--line);color:var(--muted)}
.placeholder-row{display:grid;grid-template-columns:repeat(3,1fr);gap:1.2rem}.placeholder-card{margin:0;border:1px solid var(--line);padding:1rem;background:rgba(17,18,40,.56)}.placeholder-card p{text-transform:uppercase;letter-spacing:.13em;font-size:.7rem;color:var(--muted);margin:.9rem 0 0}.browser-frame{height:330px;padding:1.3rem;background:linear-gradient(150deg,#151d68,#0b0d20);display:flex;gap:.35rem;align-items:flex-start;position:relative}.browser-frame:after{content:"";position:absolute;inset:48px 18px 18px;background:linear-gradient(140deg,rgba(199,0,255,.18),rgba(42,61,195,.35));border:1px solid var(--line)}.browser-frame span,.browser-frame i{width:5px;height:5px;background:#fff;border-radius:50%}.browser-frame.variant{background:linear-gradient(150deg,#2b174f,#0b0d20)}.browser-frame.third{background:linear-gradient(150deg,#11142f,#252c91)}.logo-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.logo-placeholder{aspect-ratio:1;border:1px solid var(--line);display:grid;place-items:center;background:rgba(13,14,29,.65);position:relative}.logo-placeholder span{font:600 clamp(2rem,5vw,4rem) var(--heading);color:#c6bdff;text-shadow:var(--glow)}.logo-placeholder p{position:absolute;bottom:1rem;font-size:.68rem;text-transform:uppercase;letter-spacing:.12em;color:var(--muted)}
.contact{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(3rem,8vw,8rem);align-items:start}.contact-copy{position:sticky;top:150px}.contact-copy a{display:inline-block;margin-top:1.5rem;color:#c5c8ff;text-underline-offset:.35rem}.contact-form{padding:clamp(1.5rem,4vw,3rem);border:1px solid var(--line);background:rgba(12,13,30,.72);box-shadow:0 0 60px rgba(42,61,195,.1)}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.contact-form label{display:block;margin-bottom:1.5rem;font-size:.76rem;text-transform:uppercase;letter-spacing:.12em;color:#c8caff}.contact-form input,.contact-form select,.contact-form textarea{display:block;width:100%;margin-top:.45rem;padding:.85rem 0;background:transparent;border:0;border-bottom:1px solid rgba(255,255,255,.25);outline:0;border-radius:0;text-transform:none;letter-spacing:normal;color:white}.contact-form select option{background:#14142b}.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus{border-color:#9d87ff;box-shadow:0 8px 12px -12px var(--pink)}.form-note,.form-status{font-size:.86rem;color:var(--muted)}.form-status{color:#c7bcff}.footer{border-top:1px solid var(--line);background:rgba(7,8,18,.7)}.footer-inner{min-height:180px;display:flex;justify-content:space-between;align-items:center;gap:2rem;color:var(--muted)}.footer-brand{width:130px}.work-modal{width:min(620px,calc(100% - 2rem));border:1px solid #7774dd;background:#0c0d20;color:white;padding:clamp(1.5rem,5vw,3.5rem);box-shadow:0 0 80px rgba(104,63,201,.5)}.work-modal::backdrop{background:rgba(3,4,12,.82);backdrop-filter:blur(8px)}.work-modal h2{font:600 2.4rem var(--heading)}.modal-close{position:absolute;right:1rem;top:1rem;border:0;background:none;font-size:2rem;cursor:pointer}.modal-art{height:220px;background:radial-gradient(circle,#683fc955,transparent 28%),linear-gradient(140deg,#131a64,#0b0c1d);margin-bottom:2rem;display:grid;place-items:center}.modal-art span{width:70px;aspect-ratio:1;border:1px solid #bbb5ff;transform:rotate(45deg);box-shadow:var(--glow)}.reveal{opacity:0;transform:translateY(24px);transition:opacity .8s,transform .8s}.reveal.visible{opacity:1;transform:none}:focus-visible{outline:2px solid #d27cff;outline-offset:4px}@keyframes orbit{from{transform:rotate(0) translateX(205px) rotate(0)}to{transform:rotate(360deg) translateX(205px) rotate(-360deg)}}
@media(max-width:900px){.nav{height:82px}.brand{width:128px;height:68px}.menu-toggle{display:block;z-index:2}.nav-links{position:absolute;top:0;left:0;right:0;padding:100px 1.5rem 2rem;display:grid;background:rgba(8,9,20,.97);border-bottom:1px solid var(--line);transform:translateY(-110%);transition:.3s}.nav-links.open{transform:none}.menu-toggle[aria-expanded=true] span:nth-child(1){transform:translateY(7px) rotate(45deg)}.menu-toggle[aria-expanded=true] span:nth-child(2){opacity:0}.menu-toggle[aria-expanded=true] span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.hero{grid-template-columns:1fr;padding-top:120px;padding-bottom:80px}.hero-copy{padding-top:4rem}.hero-orbit{position:absolute;right:-22%;top:18%;opacity:.46;width:70vw}.hero h1{font-size:clamp(3.2rem,13vw,6.2rem)}.service-grid,.placeholder-row{grid-template-columns:1fr}.service-card{min-height:280px}.service-symbol{margin:2rem 0}.portfolio-grid{grid-template-columns:1fr 1fr}.work-card-wide{grid-column:1/-1;grid-row:auto}.work-card-wide .work-visual{height:420px}.logo-grid{grid-template-columns:repeat(2,1fr)}.contact{grid-template-columns:1fr}.contact-copy{position:static}.section-heading.split{display:block}.footer-inner{padding-block:2rem;flex-direction:column;text-align:center}}
@media(max-width:620px){.shell{width:min(100% - 2rem,1180px)}.hero{min-height:920px;align-items:start}.hero-copy{padding-top:5rem}.hero h1 span:nth-child(2){padding-left:.12em}.hero-orbit{width:120vw;right:-50%;top:45%}.scroll-cue{left:1rem}.section{padding-block:5.5rem}.service-card{padding:1.5rem}.portfolio-grid{grid-template-columns:1fr}.work-card-wide{grid-column:auto}.work-card-wide .work-visual,.work-visual{height:360px}.browser-frame{height:280px}.field-row{grid-template-columns:1fr}.contact-form{padding:1.3rem}.logo-placeholder p{font-size:.58rem}.footer-inner{min-height:240px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.reveal{opacity:1;transform:none}}

/* Motion and interaction layer */
.hero{overflow:clip}
.galaxy-canvas,.galaxy-haze{inset:-4%;width:108%;height:108%}.galaxy-haze{filter:blur(10px);will-change:transform;transition:transform .35s ease-out}.nav-links a.active{color:#e7c8ff;text-shadow:0 0 12px rgba(199,0,255,.7)}.nav-links a.active:after{right:0}.button{transition:transform .2s,box-shadow .25s,border-color .25s}.button:active{transform:translateY(0) scale(.98);box-shadow:0 0 15px rgba(104,63,201,.42)}.hero-orbit img{width:80%;height:80%;filter:drop-shadow(0 0 30px rgba(199,0,255,.45))}
.service-card:hover,.placeholder-card:hover{transform:translateY(-7px) translateX(2px);border-color:rgba(199,0,255,.58);box-shadow:var(--glow)}.work-card,.placeholder-card,.logo-placeholder{transition:transform .3s,border-color .3s,box-shadow .3s}.work-card:hover{transform:translateY(-6px);border-color:rgba(199,0,255,.58);box-shadow:var(--glow)}.work-card:active{transform:translateY(-2px) scale(.995)}.work-visual:before,.work-visual i{transition:transform .5s,box-shadow .5s}.work-card:hover .work-visual:before{transform:rotate(52deg) scale(1.05);box-shadow:0 0 38px rgba(199,0,255,.55)}.placeholder-card:hover .browser-frame:after{inset:42px 14px 14px;box-shadow:0 0 25px rgba(104,63,201,.35)}.browser-frame:after{transition:inset .4s,box-shadow .4s}.logo-placeholder:hover{transform:translateY(-6px) rotate(.6deg);border-color:rgba(199,0,255,.58);box-shadow:var(--glow)}.logo-placeholder span{transition:transform .35s}.logo-placeholder:hover span{transform:scale(1.05)}
.hero .reveal{transition-duration:1s}.hero-copy.visible h1 span,.hero-copy.visible .hero-statement,.hero-copy.visible .lead,.hero-copy.visible .actions{animation:hero-in .8s both}.hero-copy.visible h1 span:nth-child(2){animation-delay:.08s}.hero-copy.visible h1 span:nth-child(3){animation-delay:.16s}.hero-copy.visible .hero-statement{animation-delay:.24s}.hero-copy.visible .lead{animation-delay:.31s}.hero-copy.visible .actions{animation-delay:.38s}@keyframes hero-in{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}

/* Shared multi-page identity */
.page-hero{overflow:clip}
.brand{width:auto;height:78px;display:inline-flex;align-items:center;gap:.75rem;text-decoration:none;flex:0 0 auto}.brand>img{width:62px;height:62px;object-fit:contain;filter:drop-shadow(0 0 13px rgba(199,0,255,.45))}.brand-wordmark{display:grid;line-height:1;color:#fff}.brand-wordmark b{font:700 1.48rem/1 var(--display);letter-spacing:.22em}.brand-wordmark small{font:600 .62rem/1.5 var(--heading);letter-spacing:.3em}.brand-wordmark em{color:#d375ef;font-style:normal}.footer-brand{width:auto}.footer-brand>img{width:55px;height:55px}
.hero-galaxy{justify-self:end;width:min(45vw,560px);aspect-ratio:1;display:grid;place-items:center;position:relative;isolation:isolate}.hero-galaxy:before{content:"";position:absolute;inset:5%;border-radius:50%;background:radial-gradient(circle at 48% 48%,rgba(255,255,255,.2) 0 1%,rgba(199,0,255,.42) 3%,rgba(104,63,201,.25) 15%,rgba(42,61,195,.11) 38%,transparent 68%);filter:blur(3px);box-shadow:0 0 90px rgba(104,63,201,.42)}.hero-galaxy img{z-index:5;width:57%;height:57%;object-fit:contain;filter:drop-shadow(0 0 12px #d97bff) drop-shadow(0 0 38px rgba(199,0,255,.7));animation:logo-breathe 5s ease-in-out infinite}.galaxy-disc{position:absolute;border-radius:50%;border:1px solid rgba(195,148,255,.25);box-shadow:inset 0 0 28px rgba(104,63,201,.18),0 0 24px rgba(42,61,195,.2)}.disc-one{inset:15%;transform:rotate(-19deg) scaleY(.42);animation:galaxy-spin 22s linear infinite}.disc-two{inset:24%;transform:rotate(37deg) scaleY(.57);border-style:dashed;animation:galaxy-spin-reverse 17s linear infinite}.galaxy-dust{position:absolute;inset:11%;border-radius:50%;background:conic-gradient(from 20deg,transparent 0 12%,rgba(199,0,255,.2) 17%,transparent 23% 45%,rgba(42,61,195,.28) 51%,transparent 58% 79%,rgba(202,152,255,.19) 86%,transparent 92%);filter:blur(10px);animation:galaxy-drift 14s ease-in-out infinite alternate}
.route-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.2rem}.route-card{min-height:260px;padding:2rem;border:1px solid var(--line);background:linear-gradient(140deg,rgba(27,33,123,.22),rgba(8,9,20,.7));text-decoration:none;display:grid;grid-template-columns:1fr auto;align-content:space-between;transition:transform .3s,border-color .3s,box-shadow .3s,background .3s;position:relative;overflow:hidden}.route-card:before{content:"";position:absolute;width:180px;height:180px;right:-75px;top:-80px;border-radius:50%;background:#683fc9;filter:blur(75px);opacity:.18;transition:.4s}.route-card>span{font-size:.72rem;letter-spacing:.24em;color:#afb4ff}.route-card h3{grid-column:1;font:600 clamp(2rem,4vw,3rem)/1 var(--heading);margin:4rem 0 .3rem}.route-card p{margin:0;color:var(--muted)}.route-card b{grid-column:2;grid-row:1/4;align-self:end;font-size:1.8rem;font-weight:400}.route-card:hover{transform:translateY(-7px) translateX(2px);border-color:rgba(199,0,255,.62);box-shadow:var(--glow);background:linear-gradient(140deg,rgba(42,61,195,.3),rgba(17,12,33,.78))}.route-card:hover:before{opacity:.35;transform:scale(1.15)}.home-cta,.page-cta{margin-block:2rem 10rem;padding:clamp(2rem,6vw,5rem);text-align:center;border:1px solid var(--line);background:linear-gradient(130deg,rgba(27,33,123,.22),rgba(104,63,201,.12),rgba(10,11,25,.7));box-shadow:0 0 60px rgba(42,61,195,.12)}.home-cta h2,.page-cta h2{font:600 clamp(2.5rem,5vw,4.5rem)/1.08 var(--heading);margin:.5rem auto 2rem;max-width:850px}.home-cta em,.page-cta em,.page-hero em{font-style:italic;color:#d19cff;text-shadow:var(--glow)}
.page-hero{min-height:75svh;padding-top:150px;display:grid;grid-template-columns:1fr .46fr;gap:5rem;align-items:center;position:relative}.page-hero.compact{min-height:64svh}.page-hero-copy h1{font:700 clamp(3.5rem,7.5vw,7rem)/.96 var(--display);letter-spacing:-.035em;margin:0;max-width:950px}.page-hero-copy>p:last-child{max-width:620px;color:var(--muted);font-size:1.23rem;margin-top:2rem}.page-sigil{justify-self:end;width:min(30vw,330px);aspect-ratio:1;border:1px solid rgba(158,130,255,.28);display:grid;place-items:center;transform:rotate(45deg);background:radial-gradient(circle,rgba(104,63,201,.25),transparent 62%);box-shadow:0 0 70px rgba(42,61,195,.2),inset 0 0 40px rgba(199,0,255,.08)}.page-sigil:before,.page-sigil:after{content:"";position:absolute;border:1px solid rgba(199,0,255,.25);inset:13%}.page-sigil:after{inset:29%;border-color:rgba(255,255,255,.18)}.page-sigil span{transform:rotate(-45deg);font:600 clamp(2rem,5vw,4.4rem) var(--heading);color:#d6c7ff;text-shadow:0 0 24px rgba(199,0,255,.75)}
.service-stack{display:grid;gap:1.2rem}.service-feature{display:grid;grid-template-columns:70px 1fr 170px;gap:clamp(1.5rem,5vw,5rem);align-items:center;min-height:290px;padding:clamp(1.5rem,4vw,3rem);border:1px solid var(--line);background:linear-gradient(105deg,rgba(10,11,26,.78),rgba(27,33,123,.18));transition:.35s}.service-feature>span{align-self:start;color:#abb0ff;letter-spacing:.2em;font-size:.72rem}.service-feature h2{font:600 clamp(3rem,7vw,6rem)/1 var(--heading);margin:0}.service-feature div>p:last-child{max-width:650px;color:var(--muted)}.service-feature>i{font:400 7rem/1 var(--heading);font-style:normal;color:#a989ef;text-align:center;text-shadow:0 0 25px rgba(199,0,255,.65);transition:.4s}.service-feature:hover{transform:translateY(-5px);border-color:rgba(199,0,255,.58);box-shadow:var(--glow)}.service-feature:hover>i{transform:scale(1.08) rotate(5deg);color:#e4b9ff}
.work-toolbar{display:flex;gap:.7rem;flex-wrap:wrap;margin-bottom:2rem}.filter-button{border:1px solid var(--line);background:rgba(10,11,25,.6);padding:.7rem 1.1rem;cursor:pointer;font-size:.75rem;text-transform:uppercase;letter-spacing:.12em;transition:.25s}.filter-button:hover,.filter-button.active{border-color:#a27fff;box-shadow:0 0 18px rgba(104,63,201,.4);color:#edcfff}.work-card[hidden]{display:none}
.template-gallery{display:grid;gap:6rem}.template-showcase{display:grid;grid-template-columns:1.15fr .85fr;gap:clamp(2rem,7vw,7rem);align-items:center}.template-showcase.reverse .browser-frame{order:2}.template-showcase h2{font:600 clamp(2.4rem,5vw,4.3rem)/1 var(--heading);margin:.4rem 0}.template-showcase div+div>p:last-child{color:var(--muted)}.template-showcase .browser-frame{height:min(52vw,540px);box-shadow:0 0 55px rgba(42,61,195,.2);transition:.4s}.template-showcase:hover .browser-frame{transform:translateY(-6px) perspective(900px) rotateY(1.5deg);box-shadow:0 0 65px rgba(104,63,201,.34)}
.logo-collection{display:grid;grid-template-columns:repeat(3,1fr);gap:1.2rem}.logo-piece{border:1px solid var(--line);background:rgba(10,11,25,.66);padding:1rem;transition:.35s}.logo-piece>div{aspect-ratio:1;display:grid;place-items:center;background:radial-gradient(circle,rgba(104,63,201,.18),transparent 58%),linear-gradient(145deg,rgba(27,33,123,.2),rgba(7,8,19,.75));position:relative;overflow:hidden}.logo-piece span{font:600 clamp(3rem,7vw,6rem)/1 var(--heading);color:#e1d7ff;text-shadow:0 0 22px rgba(199,0,255,.65);z-index:2;transition:.4s}.logo-piece i{position:absolute;width:40%;aspect-ratio:1;border:1px solid rgba(187,150,255,.3);transform:rotate(45deg);transition:.5s}.logo-piece p{text-align:center;color:var(--muted);font-size:.7rem;text-transform:uppercase;letter-spacing:.15em}.logo-piece:hover{transform:translateY(-7px);border-color:rgba(199,0,255,.6);box-shadow:var(--glow)}.logo-piece:hover span{transform:scale(1.07)}.logo-piece:hover i{transform:rotate(57deg) scale(1.18);box-shadow:0 0 25px rgba(199,0,255,.32)}
@keyframes logo-breathe{0%,100%{transform:scale(.985);filter:drop-shadow(0 0 11px #d97bff) drop-shadow(0 0 32px rgba(199,0,255,.58))}50%{transform:scale(1.018);filter:drop-shadow(0 0 17px #efadff) drop-shadow(0 0 48px rgba(199,0,255,.82))}}@keyframes galaxy-spin{from{transform:rotate(-19deg) scaleY(.42)}to{transform:rotate(341deg) scaleY(.42)}}@keyframes galaxy-spin-reverse{from{transform:rotate(37deg) scaleY(.57)}to{transform:rotate(-323deg) scaleY(.57)}}@keyframes galaxy-drift{from{transform:rotate(-8deg) scale(.95)}to{transform:rotate(16deg) scale(1.08)}}
@media(max-width:900px){.brand-wordmark b{font-size:1.25rem}.brand-wordmark small{font-size:.53rem}.hero-galaxy{position:absolute;right:-19%;top:24%;opacity:.7;width:70vw}.page-hero{grid-template-columns:1fr;min-height:72svh;padding-top:145px;gap:2rem}.page-sigil{position:absolute;right:-12%;top:25%;opacity:.45;width:42vw}.page-hero-copy{z-index:2}.service-feature{grid-template-columns:48px 1fr 100px}.service-feature>i{font-size:5rem}.template-showcase{grid-template-columns:1fr}.template-showcase.reverse .browser-frame{order:0}.logo-collection{grid-template-columns:repeat(2,1fr)}}
@media(max-width:620px){.nav .brand-wordmark{display:none}.nav .brand>img{width:60px;height:60px}.hero-galaxy{width:115vw;right:-48%;top:42%;opacity:.58}.route-grid{grid-template-columns:1fr}.route-card{min-height:230px}.page-hero{min-height:75svh}.page-sigil{width:65vw;right:-28%;top:38%}.service-feature{grid-template-columns:1fr;gap:1rem}.service-feature>span{position:absolute}.service-feature>i{grid-row:1;font-size:4rem;text-align:right}.template-gallery{gap:4rem}.template-showcase .browser-frame{height:80vw}.logo-collection{grid-template-columns:1fr 1fr}.logo-piece{padding:.6rem}.logo-piece p{font-size:.58rem}.footer-brand .brand-wordmark{display:grid}}
@media(prefers-reduced-motion:reduce){.hero-galaxy img,.galaxy-disc,.galaxy-dust{animation:none!important}}

/* Hero creative universe — abstract brand visual without the oversized logo mark */
.hero-universe{justify-self:end;width:min(45vw,580px);aspect-ratio:1;display:grid;place-items:center;position:relative;isolation:isolate}.hero-universe:before,.hero-universe:after{content:"";position:absolute;pointer-events:none}.hero-universe:before{inset:4%;border-radius:48% 52% 46% 54%;background:radial-gradient(circle at 47% 48%,rgba(255,255,255,.82) 0 .4%,rgba(217,117,255,.55) .9%,rgba(199,0,255,.18) 5%,rgba(104,63,201,.12) 21%,rgba(42,61,195,.08) 42%,transparent 70%);box-shadow:0 0 100px rgba(104,63,201,.26);animation:universe-breathe 7s ease-in-out infinite}.hero-universe:after{width:1px;height:76%;background:linear-gradient(transparent,rgba(255,255,255,.2),transparent);transform:rotate(54deg)}.universe-aura{position:absolute;inset:12%;border-radius:50%;background:conic-gradient(from 140deg,transparent 0 8%,rgba(42,61,195,.22) 14%,transparent 25% 44%,rgba(199,0,255,.25) 51%,transparent 62% 79%,rgba(118,96,235,.2) 86%,transparent 95%);filter:blur(17px);transform:scaleY(.58) rotate(-14deg);animation:aura-flow 13s ease-in-out infinite alternate}.universe-plane{position:absolute;border:1px solid rgba(195,175,255,.22);border-radius:50%;box-shadow:0 0 20px rgba(104,63,201,.12)}.plane-one{inset:14%;transform:rotate(-14deg) scaleY(.43);animation:plane-forward 26s linear infinite}.plane-two{inset:24%;transform:rotate(46deg) scaleY(.68);border-style:dashed;opacity:.68;animation:plane-reverse 21s linear infinite}.universe-core{width:21%;aspect-ratio:1;border-radius:50%;display:grid;place-items:center;position:relative;background:radial-gradient(circle,#fff 0 2%,#f1b6ff 5%,rgba(199,0,255,.65) 10%,rgba(104,63,201,.2) 38%,transparent 70%);box-shadow:0 0 22px rgba(255,255,255,.34),0 0 62px rgba(199,0,255,.48);animation:core-pulse 4.8s ease-in-out infinite}.universe-core:before,.universe-core:after{content:"";position:absolute;background:linear-gradient(90deg,transparent,#e9c9ff,transparent)}.universe-core:before{width:190%;height:1px}.universe-core:after{width:1px;height:190%;background:linear-gradient(transparent,#e9c9ff,transparent)}.universe-core span{width:9px;height:9px;border-radius:50%;background:white;box-shadow:0 0 16px 4px #fff,0 0 34px 12px rgba(199,0,255,.6)}.universe-word{position:absolute;margin:0;padding:.42rem .85rem;border:1px solid rgba(186,161,255,.32);background:rgba(7,8,24,.55);backdrop-filter:blur(7px);font:600 .7rem/1 var(--heading);letter-spacing:.19em;text-transform:uppercase;color:#eee9ff;box-shadow:0 0 18px rgba(42,61,195,.14)}.word-web{top:22%;left:4%}.word-branding{right:-1%;top:43%}.word-content{left:16%;bottom:15%}.universe-node{position:absolute;width:6px;height:6px;border-radius:50%;background:#fff;box-shadow:0 0 12px 3px rgba(174,126,255,.75)}.node-one{top:16%;right:25%}.node-two{top:58%;left:9%}.node-three{bottom:10%;right:27%}.node-four{right:8%;bottom:31%;width:3px;height:3px}.universe-coordinate{position:absolute;right:5%;bottom:4%;display:grid;text-align:right;text-transform:uppercase}.universe-coordinate small{font-size:.58rem;letter-spacing:.22em;color:#a8adff}.universe-coordinate strong{font:500 .82rem var(--heading);letter-spacing:.12em;color:#fff}.hero-universe.visible .universe-word{animation:universe-label .8s both}.hero-universe.visible .word-branding{animation-delay:.12s}.hero-universe.visible .word-content{animation-delay:.24s}
@keyframes universe-breathe{0%,100%{transform:scale(.97);opacity:.82}50%{transform:scale(1.035);opacity:1}}@keyframes aura-flow{from{transform:scaleY(.54) rotate(-18deg) scale(.96)}to{transform:scaleY(.64) rotate(-7deg) scale(1.08)}}@keyframes plane-forward{from{transform:rotate(-14deg) scaleY(.43)}to{transform:rotate(346deg) scaleY(.43)}}@keyframes plane-reverse{from{transform:rotate(46deg) scaleY(.68)}to{transform:rotate(-314deg) scaleY(.68)}}@keyframes core-pulse{0%,100%{transform:scale(.92)}50%{transform:scale(1.08)}}@keyframes universe-label{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
@media(max-width:900px){.hero-universe{position:absolute;right:-16%;top:24%;width:70vw;opacity:.72}.universe-coordinate{display:none}}
@media(max-width:620px){.hero-universe{width:112vw;right:-47%;top:44%;opacity:.62}.universe-word{font-size:.58rem}.word-branding{right:3%}.word-web{left:8%}}
@media(prefers-reduced-motion:reduce){.hero-universe:before,.universe-aura,.universe-plane,.universe-core,.hero-universe .universe-word{animation:none!important}}

/* High-impact photographic galaxy hero */
.hero-deep-space{justify-self:end;width:min(52vw,690px);aspect-ratio:1.15;margin:0;position:relative;display:grid;place-items:center;isolation:isolate;transform:translateX(4%)}.hero-deep-space:before{content:"";position:absolute;inset:5% -4%;background:radial-gradient(ellipse,rgba(199,0,255,.23),rgba(42,61,195,.14) 38%,transparent 70%);filter:blur(22px);z-index:-1;animation:deep-halo 6s ease-in-out infinite}.hero-deep-space>img{width:112%;height:86%;object-fit:cover;object-position:center;mix-blend-mode:screen;filter:saturate(1.32) contrast(1.12) brightness(1.18) hue-rotate(10deg) drop-shadow(0 0 30px rgba(98,93,255,.42));-webkit-mask-image:radial-gradient(ellipse 64% 48% at center,#000 40%,rgba(0,0,0,.88) 57%,transparent 78%);mask-image:radial-gradient(ellipse 64% 48% at center,#000 40%,rgba(0,0,0,.88) 57%,transparent 78%);animation:deep-galaxy-drift 11s ease-in-out infinite alternate}.deep-space-halo{position:absolute;width:22%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,#fff 0 3%,#f4dfff 7%,rgba(199,0,255,.72) 15%,rgba(104,63,201,.25) 38%,transparent 70%);filter:blur(2px);box-shadow:0 0 45px rgba(255,255,255,.38),0 0 100px rgba(199,0,255,.55);z-index:2;animation:deep-core 4s ease-in-out infinite}.deep-space-orbit{position:absolute;border:1px solid rgba(202,184,255,.28);border-radius:50%;z-index:3}.orbit-outer{inset:10% 0;transform:rotate(-13deg) scaleY(.48);animation:deep-orbit 28s linear infinite}.orbit-inner{inset:24% 15%;border-style:dashed;transform:rotate(31deg) scaleY(.6);opacity:.7;animation:deep-orbit-back 22s linear infinite}.deep-space-star{position:absolute;width:5px;height:5px;border-radius:50%;background:#fff;box-shadow:0 0 10px 3px #fff,0 0 25px 8px rgba(199,0,255,.5);z-index:4}.star-one{top:17%;left:22%}.star-two{right:12%;top:48%;width:3px;height:3px}.star-three{left:15%;bottom:26%;width:3px;height:3px}.hero-deep-space figcaption{position:absolute;z-index:6;right:1%;bottom:5%;min-width:270px;padding:1.05rem 1.25rem;border-left:2px solid #d075ff;background:linear-gradient(90deg,rgba(8,9,25,.88),rgba(20,14,49,.62));backdrop-filter:blur(12px);box-shadow:0 0 26px rgba(104,63,201,.2);display:grid;text-align:left;text-transform:uppercase}.hero-deep-space figcaption small{font-size:.66rem;letter-spacing:.27em;color:#c2c5ff}.hero-deep-space figcaption strong{font:600 1.38rem/1.35 var(--heading);letter-spacing:.07em;color:#fff;text-shadow:0 0 15px rgba(199,0,255,.55)}.hero-deep-space figcaption span{margin-top:.35rem;font-size:.57rem;letter-spacing:.2em;color:#b9a9e3}
@keyframes deep-halo{0%,100%{opacity:.75;transform:scale(.95)}50%{opacity:1;transform:scale(1.06)}}@keyframes deep-galaxy-drift{from{transform:rotate(-2deg) scale(1)}to{transform:rotate(1.2deg) scale(1.045)}}@keyframes deep-core{0%,100%{transform:scale(.9);opacity:.84}50%{transform:scale(1.12);opacity:1}}@keyframes deep-orbit{from{transform:rotate(-13deg) scaleY(.48)}to{transform:rotate(347deg) scaleY(.48)}}@keyframes deep-orbit-back{from{transform:rotate(31deg) scaleY(.6)}to{transform:rotate(-329deg) scaleY(.6)}}
@media(max-width:900px){.hero-deep-space{position:absolute;right:-15%;top:24%;width:76vw;opacity:.88}.hero-deep-space figcaption{right:9%;bottom:1%}}
@media(max-width:620px){.hero-deep-space{width:128vw;right:-54%;top:46%;opacity:.78}.hero-deep-space figcaption{right:19%;bottom:5%;min-width:225px;padding:.8rem 1rem}.hero-deep-space figcaption strong{font-size:1.08rem}.hero-deep-space figcaption small{font-size:.55rem}.hero-deep-space figcaption span{font-size:.48rem}}
@media(prefers-reduced-motion:reduce){.hero-deep-space:before,.hero-deep-space>img,.deep-space-halo,.deep-space-orbit{animation:none!important}}

/* Procedural rotating galaxy — generated locally in canvas */
.hero-copy{min-width:0}.hero-procedural-galaxy{justify-self:end;width:min(100%,620px);aspect-ratio:1.18;margin:0;position:relative;display:grid;place-items:center;isolation:isolate;overflow:hidden;contain:layout paint}.hero-procedural-galaxy:before{content:"";position:absolute;inset:8%;border-radius:50%;background:radial-gradient(ellipse,rgba(199,0,255,.2),rgba(42,61,195,.11) 42%,transparent 72%);filter:blur(20px);z-index:-1;animation:procedural-halo 6s ease-in-out infinite}.hero-galaxy-canvas{position:absolute;inset:0;width:100%;height:100%;display:block}.procedural-orbit{position:absolute;border:1px solid rgba(205,190,255,.15);border-radius:50%;pointer-events:none}.procedural-orbit.orbit-outer{inset:13% 5%;transform:rotate(-12deg) scaleY(.48);animation:procedural-orbit 32s linear infinite}.procedural-orbit.orbit-inner{inset:27% 20%;transform:rotate(32deg) scaleY(.64);border-style:dashed;opacity:.5;animation:procedural-orbit-back 25s linear infinite}.procedural-star{position:absolute;width:4px;height:4px;border-radius:50%;background:#fff;box-shadow:0 0 9px 3px #fff,0 0 22px 7px rgba(199,0,255,.5)}.hero-procedural-galaxy .star-one{top:17%;left:21%}.hero-procedural-galaxy .star-two{right:14%;top:43%;width:3px;height:3px}.hero-procedural-galaxy .star-three{left:16%;bottom:25%;width:3px;height:3px}.hero-procedural-galaxy figcaption{position:absolute;z-index:4;right:3%;bottom:5%;min-width:260px;padding:1rem 1.2rem;border-left:2px solid #d075ff;background:linear-gradient(90deg,rgba(8,9,25,.92),rgba(20,14,49,.72));backdrop-filter:blur(12px);box-shadow:0 0 26px rgba(104,63,201,.22);display:grid;text-align:left;text-transform:uppercase}.hero-procedural-galaxy figcaption small{font-size:.65rem;letter-spacing:.27em;color:#c2c5ff}.hero-procedural-galaxy figcaption strong{font:600 1.34rem/1.35 var(--heading);letter-spacing:.07em;color:#fff;text-shadow:0 0 15px rgba(199,0,255,.58)}.hero-procedural-galaxy figcaption span{margin-top:.35rem;font-size:.56rem;letter-spacing:.2em;color:#b9a9e3}
@keyframes procedural-halo{0%,100%{opacity:.72;transform:scale(.94)}50%{opacity:1;transform:scale(1.06)}}@keyframes procedural-orbit{from{transform:rotate(-12deg) scaleY(.48)}to{transform:rotate(348deg) scaleY(.48)}}@keyframes procedural-orbit-back{from{transform:rotate(32deg) scaleY(.64)}to{transform:rotate(-328deg) scaleY(.64)}}
@media(max-width:900px){.hero-procedural-galaxy{position:relative;right:auto;top:auto;width:min(100%,580px);justify-self:center;margin-top:1rem;opacity:1}.hero{min-height:auto;padding-bottom:5rem}.hero-procedural-galaxy figcaption{right:4%;bottom:3%}}
@media(max-width:620px){.hero-procedural-galaxy{width:100%;min-height:360px;aspect-ratio:1}.hero-procedural-galaxy figcaption{right:4%;bottom:2%;min-width:215px;padding:.75rem .9rem}.hero-procedural-galaxy figcaption strong{font-size:1.04rem}.hero-procedural-galaxy figcaption small{font-size:.53rem}.hero-procedural-galaxy figcaption span{font-size:.47rem}}
@media(prefers-reduced-motion:reduce){.hero-procedural-galaxy:before,.procedural-orbit{animation:none!important}}

/* Premium interaction layer */
.scroll-progress{position:absolute;left:0;right:0;bottom:-1px;height:2px;overflow:hidden;pointer-events:none}.scroll-progress>i{display:block;width:100%;height:100%;transform:scaleX(var(--scroll-progress,0));transform-origin:left;background:linear-gradient(90deg,var(--blue),#8b62ec,var(--pink));box-shadow:0 0 12px rgba(199,0,255,.75);will-change:transform}.page-veil{position:fixed;z-index:999;inset:0;background:radial-gradient(circle at 65% 45%,#1c1852,#080914 54%);opacity:1;pointer-events:all;transition:opacity .42s ease}.page-veil:after{content:"";position:absolute;left:50%;top:50%;width:90px;height:1px;background:linear-gradient(90deg,transparent,#cf7cff,transparent);transform:translate(-50%,-50%) scaleX(.25);box-shadow:0 0 18px rgba(199,0,255,.85);transition:transform .5s ease}.page-veil.ready{opacity:0;pointer-events:none}.page-veil.ready:after{transform:translate(-50%,-50%) scaleX(1.5)}
.premium-surface{position:relative;overflow:hidden;--pointer-x:50%;--pointer-y:50%}.premium-surface:after{content:"";position:absolute;z-index:7;inset:0;pointer-events:none;background:radial-gradient(330px circle at var(--pointer-x) var(--pointer-y),rgba(151,115,255,.14),rgba(199,0,255,.04) 32%,transparent 68%);opacity:0;transition:opacity .35s;mix-blend-mode:screen}.premium-surface:hover:after,.premium-surface:focus-within:after{opacity:1}.button{position:relative;overflow:hidden;isolation:isolate}.button:before{content:"";position:absolute;z-index:-1;top:-70%;bottom:-70%;left:-55%;width:32%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.24),transparent);transform:skewX(-18deg);transition:left .62s ease}.button:hover:before{left:125%}.section:before{content:"";position:absolute;top:0;left:0;width:min(180px,28vw);height:1px;background:linear-gradient(90deg,rgba(199,0,255,.75),rgba(42,61,195,.35),transparent);box-shadow:0 0 10px rgba(104,63,201,.28)}.hero-procedural-galaxy{--galaxy-x:0px;--galaxy-y:0px}.hero-galaxy-canvas{transform:translate3d(var(--galaxy-x),var(--galaxy-y),0) scale(1.015);transition:transform .45s cubic-bezier(.2,.8,.2,1);will-change:transform}.site-header.scrolled{box-shadow:0 9px 40px rgba(3,4,18,.28),0 1px 14px rgba(104,63,201,.08)}
@media(hover:none){.premium-surface:after{display:none}.button:before{display:none}}
@media(prefers-reduced-motion:reduce){.page-veil{display:none}.scroll-progress>i,.hero-galaxy-canvas{transition:none!important}.hero-galaxy-canvas{transform:none!important}.button:before{display:none}}

/* Simplified labels and cinematic warp navigation */
.page-hero{grid-template-columns:minmax(0,960px);justify-content:start}.route-card{grid-template-columns:1fr;align-content:center}.route-card h3{grid-column:auto;margin:0 0 .7rem}.route-card p{max-width:520px}.service-feature{grid-template-columns:minmax(0,1fr) 170px}.work-meta{grid-template-columns:1fr}.work-meta small,.work-meta strong{grid-column:1}.warp-transition{position:fixed;z-index:1000;inset:0;overflow:hidden;background:#030411;opacity:0;pointer-events:none;will-change:opacity}.warp-transition.active{pointer-events:all}.warp-transition canvas{position:absolute;inset:0;width:100%;height:100%}.warp-core{position:absolute;left:50%;top:50%;width:min(78vw,920px);aspect-ratio:1;border-radius:50%;transform:translate(-50%,-50%) scale(var(--warp-core-scale,.4)) rotate(var(--warp-core-rotate,0deg));background:radial-gradient(circle,#fff 0 .5%,#f6d8ff 1.4%,rgba(199,0,255,.9) 3%,rgba(104,63,201,.44) 11%,rgba(42,61,195,.18) 29%,transparent 64%),conic-gradient(from 20deg,transparent 0 8%,rgba(199,0,255,.22) 13%,transparent 21% 43%,rgba(89,104,235,.28) 50%,transparent 59% 78%,rgba(195,152,255,.2) 86%,transparent 94%);filter:blur(var(--warp-core-blur,2px));box-shadow:0 0 100px rgba(104,63,201,.35);will-change:transform,filter}.warp-ring{position:absolute;left:50%;top:50%;width:min(95vw,1100px);aspect-ratio:1;border:1px solid rgba(194,170,255,.2);border-radius:50%;transform:translate(-50%,-50%) scaleY(.35) rotate(var(--warp-ring-rotate,0deg));box-shadow:0 0 36px rgba(104,63,201,.15)}.warp-ring.secondary{width:min(66vw,760px);transform:translate(-50%,-50%) scaleY(.54) rotate(calc(var(--warp-ring-rotate,0deg) * -1));border-style:dashed;opacity:.65}
@media(max-width:900px){.service-feature{grid-template-columns:minmax(0,1fr) 100px}}
@media(max-width:620px){.service-feature{grid-template-columns:1fr}.service-feature>i{grid-row:1}.warp-core{width:130vw}.warp-ring{width:150vw}.warp-ring.secondary{width:105vw}}
@media(prefers-reduced-motion:reduce){.warp-transition{display:none!important}}
.warp-ring.secondary{transform:translate(-50%,-50%) scaleY(.54) rotate(var(--warp-ring-reverse,0deg))}
.warp-transition{background:#020208}.warp-transition .warp-core,.warp-transition .warp-ring{display:none}

/* Published projects and interactive two-sided business cards */
.project-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch}.project-card{display:grid;grid-template-rows:auto 1fr;height:100%}.project-cover{height:auto;aspect-ratio:1.34;overflow:hidden;background:#070812}.project-cover:before,.project-cover i{display:none}.project-cover img{width:100%;height:100%;display:block;object-fit:cover;transition:transform .65s cubic-bezier(.2,.75,.2,1),filter .45s}.project-cover-light{background:#fff}.project-card:hover .project-cover img,.project-card:focus-visible .project-cover img{transform:scale(1.045);filter:saturate(1.08) contrast(1.03)}.project-card .work-meta{align-content:center;min-height:104px}.project-card .work-meta strong{margin-top:.3rem}
.project-modal{width:min(1120px,calc(100% - 2rem));max-height:min(90svh,900px);overflow:auto;padding:clamp(1.25rem,3vw,2.5rem);border-color:rgba(167,132,255,.58);background:linear-gradient(145deg,rgba(9,10,25,.98),rgba(18,13,45,.98));box-shadow:0 0 90px rgba(104,63,201,.42)}.project-modal-layout{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(240px,.72fr);gap:clamp(1.5rem,4vw,3.5rem);align-items:center;min-width:0}.project-modal-media{display:grid;grid-template-columns:minmax(130px,.42fr) minmax(0,1fr);gap:clamp(1rem,2.4vw,2rem);align-items:center;min-width:0}.project-logo-frame{aspect-ratio:1;display:grid;place-items:center;padding:clamp(.6rem,2vw,1.4rem);overflow:hidden;border:1px solid rgba(173,151,255,.24);background:#05060d;box-shadow:inset 0 0 45px rgba(104,63,201,.12)}.project-logo-frame img{width:100%;height:100%;display:block;object-fit:contain}.business-card-area{min-width:0}.card-side-label{margin:0 0 .65rem;text-align:center;font-size:.66rem;letter-spacing:.18em;text-transform:uppercase;color:#b8baff}.business-card-scene{width:100%;aspect-ratio:1.8;perspective:1300px}.business-card-flip{position:relative;width:100%;height:100%;display:block;padding:0;border:0;border-radius:8px;background:transparent;color:inherit;cursor:pointer;transform-style:preserve-3d;transition:transform .8s cubic-bezier(.2,.76,.2,1),filter .35s;box-shadow:0 20px 48px rgba(0,0,0,.34);will-change:transform}.business-card-flip:hover{filter:brightness(1.05) drop-shadow(0 0 14px rgba(159,112,255,.35))}.business-card-flip:active{transform:scale(.992)}.business-card-flip.flipped{transform:rotateY(180deg)}.business-card-flip.flipped:active{transform:rotateY(180deg) scale(.992)}.business-card-face{position:absolute;inset:0;display:block;overflow:hidden;border:1px solid rgba(203,181,255,.48);border-radius:8px;background:#05060a;backface-visibility:hidden;-webkit-backface-visibility:hidden}.business-card-face img{width:100%;height:100%;display:block;object-fit:cover}.business-card-back{transform:rotateY(180deg)}.flip-control{display:flex;align-items:center;justify-content:center;gap:.55rem;margin:1rem auto 0;padding:.7rem 1rem;border:1px solid rgba(170,137,255,.45);border-radius:999px;background:rgba(17,18,48,.72);color:#f1eaff;font-size:.72rem;letter-spacing:.11em;text-transform:uppercase;cursor:pointer;transition:transform .25s,border-color .25s,box-shadow .25s}.flip-control span{font-size:1rem}.flip-control:hover{transform:translateY(-2px);border-color:#c38cff;box-shadow:0 0 20px rgba(104,63,201,.35)}.flip-control:active{transform:translateY(0) scale(.98)}.project-modal-copy{min-width:0;max-width:100%;overflow:hidden}.project-modal-copy h2{max-width:100%;margin:.35rem 0 .9rem;font:600 clamp(1.8rem,3vw,3.15rem)/1.06 var(--heading);overflow-wrap:anywhere;word-break:normal;hyphens:auto}.project-modal-copy p{max-width:100%;overflow-wrap:anywhere}.project-modal-copy>p:not(.eyebrow){color:var(--muted)}.project-modal-copy .modal-hint{margin-top:1.5rem;font-size:.78rem}.project-modal .modal-close{z-index:4;color:#fff}
@media(max-width:900px){.project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.project-modal-layout{grid-template-columns:1fr}.project-modal-copy{order:-1;padding-right:2.5rem}.project-modal-media{grid-template-columns:minmax(110px,.34fr) minmax(0,1fr)}}
@media(max-width:620px){.project-grid{grid-template-columns:1fr}.project-cover{aspect-ratio:1.55}.project-modal{width:calc(100% - 1rem);padding:1rem}.project-modal-layout{gap:1.2rem}.project-modal-media{grid-template-columns:1fr}.project-logo-frame{width:min(42vw,150px);justify-self:center}.business-card-scene{perspective:900px}.flip-control{margin-top:.8rem}.project-modal-copy h2{font-size:2rem}}
@media(prefers-reduced-motion:reduce){.project-cover img,.business-card-flip,.flip-control{transition:none!important}.project-card:hover .project-cover img,.project-card:focus-visible .project-cover img{transform:none}}

.project-modal [hidden]{display:none!important}.project-gallery-viewer,.vector-comparison{min-width:0}.project-gallery-stage,.vector-comparison-stage{position:relative;overflow:hidden;aspect-ratio:16/10;border:1px solid rgba(173,151,255,.32);background:#050610}.project-gallery-stage>img,.vector-comparison-stage>img,.vector-after-layer img{width:100%;height:100%;display:block;object-fit:contain}.project-gallery-stage>button{position:absolute;top:50%;width:44px;height:44px;border:1px solid rgba(205,189,255,.52);border-radius:50%;background:rgba(7,8,22,.8);color:#fff;cursor:pointer;transform:translateY(-50%);font-size:1.2rem}.project-gallery-stage>button:first-of-type{left:.8rem}.project-gallery-stage>button:last-of-type{right:.8rem}.project-gallery-thumbs{display:flex;gap:.55rem;margin-top:.75rem;overflow-x:auto;padding-bottom:.35rem}.project-gallery-thumbs button{flex:0 0 86px;padding:0;border:1px solid rgba(173,151,255,.25);background:#050610;cursor:pointer}.project-gallery-thumbs button.active{border-color:#d28cff;box-shadow:0 0 14px rgba(199,0,255,.35)}.project-gallery-thumbs img{width:100%;aspect-ratio:1.4;display:block;object-fit:cover}.project-gallery-counter{margin:.65rem 0 0;text-align:center;color:var(--muted);font-size:.72rem;letter-spacing:.12em;text-transform:uppercase}.vector-after-layer{position:absolute;inset:0;clip-path:inset(0 calc(100% - var(--comparison-position)) 0 0)}.vector-comparison-line{position:absolute;top:0;bottom:0;left:var(--comparison-position);width:2px;background:#fff;box-shadow:0 0 12px #c700ff;transform:translateX(-1px)}.vector-label{position:absolute;top:.75rem;padding:.38rem .6rem;background:rgba(5,6,16,.78);border:1px solid rgba(255,255,255,.25);font-size:.65rem;letter-spacing:.13em;text-transform:uppercase}.vector-label-before{left:.75rem}.vector-label-after{right:.75rem}.vector-slider-label{display:grid;gap:.45rem;margin-top:.85rem;color:#cfc8e8;font-size:.75rem;letter-spacing:.08em}.vector-slider-label input{width:100%;accent-color:#b05cff}.project-modal-link{width:max-content;margin-top:1.2rem}.project-modal-layout:has([data-modal-web]:not([hidden])),.project-modal-layout:has([data-modal-vectorization]:not([hidden])){grid-template-columns:minmax(0,1.45fr) minmax(240px,.65fr)}

@media(max-width:900px){.project-modal-layout:has([data-modal-web]:not([hidden])),.project-modal-layout:has([data-modal-vectorization]:not([hidden])){grid-template-columns:1fr}.project-gallery-viewer,.vector-comparison{order:2}}

/* Left-aligned hero typography and direct social contact */
.hero-copy{width:100%;max-width:100%;min-width:0;text-align:left}.hero h1{width:100%;max-width:100%;font-size:clamp(3.35rem,6.7vw,6.8rem);letter-spacing:-.035em;text-align:left}.hero h1 span,.hero h1 span:nth-child(2){max-width:100%;padding-left:0;text-align:left;overflow-wrap:normal}.footer-inner{flex-wrap:wrap}.footer-social{display:flex;align-items:center;gap:1.1rem}.footer-social a{position:relative;color:#d9d7ef;text-decoration:none;font-size:.7rem;letter-spacing:.13em;text-transform:uppercase;padding:.4rem 0}.footer-social a:after{content:"";position:absolute;left:0;right:100%;bottom:0;height:1px;background:linear-gradient(90deg,var(--blue),var(--pink));transition:right .25s}.footer-social a:hover:after,.footer-social a:focus-visible:after{right:0}
.message-widget{position:fixed;z-index:120;right:max(1.15rem,env(safe-area-inset-right));bottom:max(1.15rem,env(safe-area-inset-bottom));display:grid;justify-items:end;gap:.8rem;font-family:var(--body)}.message-toggle{position:relative;width:62px;height:62px;display:grid;place-items:center;border:1px solid rgba(201,160,255,.72);border-radius:50%;background:radial-gradient(circle at 34% 28%,#6f4bd3,#242b92 52%,#11132e);color:#fff;cursor:pointer;box-shadow:0 0 0 7px rgba(104,63,201,.08),0 12px 38px rgba(3,4,15,.55),0 0 30px rgba(199,0,255,.28);transition:transform .25s,box-shadow .25s}.message-toggle:hover{transform:translateY(-3px);box-shadow:0 0 0 8px rgba(104,63,201,.1),0 16px 42px rgba(3,4,15,.58),0 0 36px rgba(199,0,255,.42)}.message-toggle:active{transform:translateY(0) scale(.96)}.message-toggle svg{width:27px;height:27px;fill:none;stroke:currentColor;stroke-width:1.55;stroke-linecap:round;stroke-linejoin:round}.message-pulse{position:absolute;right:3px;top:3px;width:12px;height:12px;border:2px solid #0c0d20;border-radius:50%;background:#d873ff;box-shadow:0 0 12px rgba(216,115,255,.85);animation:message-pulse 2.6s ease-in-out infinite}.message-panel{width:min(330px,calc(100vw - 2rem));padding:1.35rem;border:1px solid rgba(165,130,255,.55);background:linear-gradient(145deg,rgba(8,9,25,.97),rgba(25,16,58,.97));backdrop-filter:blur(18px);box-shadow:0 22px 70px rgba(2,3,14,.62),0 0 38px rgba(104,63,201,.2);opacity:0;transform:translateY(12px) scale(.97);transform-origin:bottom right;transition:opacity .22s,transform .22s}.message-panel.open{opacity:1;transform:none}.message-panel .eyebrow{margin-bottom:.55rem;font-size:.58rem}.message-panel h2{margin:0;font:600 1.75rem/1.1 var(--heading)}.message-panel>p:not(.eyebrow){margin:.55rem 0 1rem;color:var(--muted);font-size:.88rem}.message-channels{display:grid;gap:.55rem}.message-channels a{display:grid;grid-template-columns:40px 1fr;grid-template-rows:auto auto;column-gap:.8rem;align-items:center;padding:.72rem;border:1px solid rgba(173,151,255,.2);background:rgba(15,16,39,.72);color:#fff;text-decoration:none;transition:transform .25s,border-color .25s,background .25s}.message-channels a:hover,.message-channels a:focus-visible{transform:translateX(-3px);border-color:rgba(199,135,255,.65);background:rgba(37,27,80,.82)}.message-channels a>span{grid-row:1/3;width:40px;height:40px;display:grid;place-items:center;border:1px solid rgba(206,181,255,.48);border-radius:50%;font-size:.63rem;letter-spacing:.08em;color:#f5eaff;box-shadow:inset 0 0 14px rgba(104,63,201,.22)}.message-channels b{font:600 .96rem var(--heading)}.message-channels small{color:#aaaecf;font-size:.69rem;overflow-wrap:anywhere}@keyframes message-pulse{0%,100%{transform:scale(.82);opacity:.72}50%{transform:scale(1);opacity:1}}
@media(max-width:900px){.hero h1{font-size:clamp(3.2rem,11.5vw,6rem)}.footer-social{justify-content:center}.message-widget{right:max(1rem,env(safe-area-inset-right));bottom:max(1rem,env(safe-area-inset-bottom))}}
@media(max-width:620px){.hero h1{font-size:clamp(3rem,13vw,4.3rem);line-height:.86}.hero h1 span:nth-child(2){padding-left:0}.message-toggle{width:56px;height:56px}.message-panel{width:min(315px,calc(100vw - 2rem));padding:1.1rem}.message-panel h2{font-size:1.55rem}}
@media(prefers-reduced-motion:reduce){.message-toggle,.message-panel,.message-channels a,.message-pulse{animation:none!important;transition:none!important}}

/* Full viewport coverage, including wide screens and short pages */
html{min-width:100%;min-height:100%;background:transparent}
body{min-width:100%;min-height:100vh;min-height:100dvh;background-color:#050617;background-image:radial-gradient(ellipse at 12% 18%,rgba(27,33,123,.72),transparent 45%),radial-gradient(ellipse at 88% 46%,rgba(104,63,201,.54),transparent 43%),radial-gradient(ellipse at 48% 92%,rgba(199,0,255,.27),transparent 38%),linear-gradient(145deg,#050617 0%,#090821 52%,#120826 100%);background-attachment:fixed;background-repeat:no-repeat;background-size:100% 100%}
main{width:100%;min-height:1px}
.site-header,.footer{width:100%}
.galaxy-canvas{z-index:-2;inset:0;width:100%;height:100%}
.galaxy-haze{z-index:-1;inset:-4%;width:108%;height:108%}

/* Kontakt — tražena tipografija labela */
.contact-form .contact-display-label{font-family:"Playfair Display SG","Playfair Display SC","Playfair Display",serif;font-weight:700;letter-spacing:.01em}.contact-form .contact-display-label input,.contact-form .contact-display-label select,.contact-form .contact-display-label textarea{font-family:inherit}

/* Brand AI signature — discrete continuation of the main header logo */
.nav .brand-powered-ai{display:inline-flex;align-items:center;gap:1rem;margin-left:.15rem;color:#b891ff;white-space:nowrap;font-family:Arial,Helvetica,sans-serif;font-size:.84rem;font-weight:400;letter-spacing:.025em;line-height:1;text-shadow:0 0 16px rgba(184,145,255,.25)}
.nav .brand-powered-ai>i{display:block;width:1px;height:44px;background:linear-gradient(180deg,rgba(184,145,255,.18),rgba(184,145,255,.9),rgba(184,145,255,.18));box-shadow:0 0 10px rgba(184,145,255,.28)}
@media(max-width:1100px){.nav .brand-powered-ai{gap:.7rem;font-size:.72rem}.nav .brand-powered-ai>i{height:36px}}
@media(max-width:980px){.nav .brand-powered-ai{display:none}}

/* v29: dodatna stavka Recenzije u glavnoj navigaciji */
@media(min-width:901px){.nav-links{gap:clamp(.7rem,1.45vw,1.35rem)}.nav-links a{font-size:clamp(.78rem,.82vw,.91rem)}}

/* Readability and stable business-card interaction. */
body{font-size:1.12rem}.eyebrow{font-size:.78rem}.button{font-size:.78rem}.filter-button{font-size:.8rem}.route-card>span,.service-feature>span{font-size:.78rem}.work-meta small{font-size:.78rem}.card-side-label{font-size:.74rem}.flip-control{font-size:.78rem}.project-modal-copy .modal-hint{font-size:.84rem}.footer-social a{font-size:.76rem}.business-card-flip{cursor:default}.business-card-flip:hover,.business-card-flip:active{filter:none}.business-card-flip:active{transform:rotateY(0)}.business-card-flip.flipped:active{transform:rotateY(180deg)}.business-card-flip.is-flipping{pointer-events:none}@media(min-width:901px){.nav-links a{font-size:clamp(.82rem,.82vw,.94rem);letter-spacing:.055em}}@media(max-width:900px){.nav-links a{font-size:1rem}}

/* NeedIt ostaje dio postojeće navigacije unutar vraćenog originalnog layouta. */
.nav-links .nav-needit{color:#f0dcff;border:1px solid rgba(199,0,255,.42);border-radius:999px;padding:.48rem .72rem;box-shadow:0 0 18px rgba(199,0,255,.14)}
.nav-links .nav-needit:hover,.nav-links .nav-needit:focus-visible{color:#fff;border-color:rgba(199,0,255,.78);box-shadow:0 0 24px rgba(199,0,255,.28)}
.route-card-product{background:linear-gradient(140deg,rgba(66,48,151,.3),rgba(21,12,39,.78))}.route-card-product h3{color:#e4b7ff;text-shadow:var(--glow)}
@media(min-width:621px){.route-card-product:last-child{grid-column:1/-1}}
@media(max-width:900px){.nav-links .nav-needit{padding:.75rem 0;border-width:0 0 1px;border-radius:0;text-shadow:0 0 18px rgba(199,0,255,.45)}}

/* Native hidden state must win over component display rules. */

/* Istaknuti javni projekti */
body[data-page="work"] .section{padding-top:clamp(2.5rem,6vw,5rem)}
body[data-page="work"] .project-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:clamp(2rem,5vw,4.5rem)}
body[data-page="work"] .project-grid>article{min-width:0}
.needit-project-card{position:relative;display:grid;grid-template-columns:minmax(420px,.88fr) minmax(0,1.12fr);min-height:650px;overflow:hidden;padding:clamp(1.25rem,2.2vw,2rem);border:1px solid rgba(173,151,255,.58);border-radius:30px;background:radial-gradient(circle at 92% 10%,rgba(169,74,236,.33),transparent 28%),linear-gradient(145deg,rgba(8,10,30,.98),rgba(18,11,44,.96));box-shadow:0 38px 100px rgba(2,3,16,.54),inset 0 0 70px rgba(104,63,201,.07);isolation:isolate}
.needit-project-card:before{content:"";position:absolute;z-index:-1;width:560px;aspect-ratio:1;left:-320px;bottom:-350px;border-radius:50%;background:rgba(80,75,220,.26);filter:blur(110px)}
.needit-project-card:after{content:"";position:absolute;left:7%;right:3%;bottom:4%;height:1px;background:linear-gradient(90deg,transparent,rgba(179,112,255,.5),transparent);box-shadow:0 -12px 42px rgba(130,72,226,.44)}
.needit-project-copy{position:relative;z-index:3;align-self:center;min-width:0;padding:clamp(1rem,2.4vw,2rem);overflow:visible}
.needit-project-meta{display:flex;flex-wrap:wrap;align-items:center;gap:.65rem;margin-bottom:1.65rem;color:#d5cdea;font:600 .82rem/1.35 var(--heading)}
.needit-project-meta span{display:inline-flex;align-items:center;gap:.58rem;min-height:42px;padding:.62rem 1rem;border:1px solid rgba(163,120,237,.4);border-radius:999px;background:rgba(68,39,125,.24);box-shadow:inset 0 0 18px rgba(147,86,231,.07)}
.needit-project-meta i{width:8px;height:8px;border-radius:50%;background:#61e49d;box-shadow:0 0 12px rgba(97,228,157,.9)}.needit-type b{display:block;width:10px;height:17px;border:1px solid #a975ff;border-radius:2px;box-shadow:0 0 8px rgba(169,117,255,.5)}
.needit-project-copy h2{margin:0;padding-block:.06em;font:700 clamp(4.25rem,6.2vw,6.6rem)/1.03 var(--display);letter-spacing:-.035em;overflow:visible}
.needit-project-subtitle{max-width:16em;margin:.55rem 0 1.25rem;color:#e6d8ff;font:600 clamp(1.5rem,2.2vw,2.05rem)/1.32 var(--heading)}
.needit-project-copy>[data-project-description]{max-width:34em;margin:0;color:#bbb6cb;font-size:1.04rem;line-height:1.7}
.needit-project-features{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.7rem;margin:1.75rem 0 2rem;padding:0;list-style:none}
.needit-project-features li{min-width:0;display:flex;align-items:center;gap:.65rem;padding:.8rem .7rem;border:1px solid rgba(187,163,255,.26);border-radius:14px;background:linear-gradient(145deg,rgba(55,40,104,.33),rgba(12,12,35,.55));color:#f0ebfb;font:600 .8rem/1.25 var(--heading)}
.needit-project-features li span{flex:0 0 42px;width:42px;height:42px;display:grid;place-items:center;border:1px solid rgba(177,107,255,.64);border-radius:50%;background:radial-gradient(circle,rgba(159,82,245,.3),rgba(46,25,91,.42));box-shadow:0 0 20px rgba(135,74,218,.22)}.needit-project-features svg{width:22px;fill:none;stroke:#bf86ff;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.needit-project-cta{min-width:210px;width:max-content;justify-content:center;gap:.85rem;padding:1rem 1.35rem;font-size:.92rem;box-shadow:0 0 28px rgba(137,74,238,.28)}.needit-project-cta:after{content:"→";font-size:1.25rem;transition:transform .2s}.needit-project-cta:hover:after{transform:translateX(4px)}
.needit-project-visual{position:relative;z-index:2;min-width:0;min-height:590px;margin:0;overflow:visible}
.needit-project-visual:before{content:"";position:absolute;inset:7% -8% -3% 5%;background:radial-gradient(ellipse at 50% 84%,rgba(114,54,211,.37),transparent 48%);filter:blur(20px)}
.needit-browser{position:absolute;z-index:1;left:1%;top:6%;width:94%;overflow:hidden;border:1px solid rgba(209,198,255,.58);border-radius:17px;background:#0d0916;box-shadow:0 32px 85px rgba(2,3,16,.7),0 0 45px rgba(104,63,201,.22);transform:perspective(1400px) rotateY(-5deg) rotateZ(-1deg);transform-origin:center}
.needit-browser-bar{height:42px;display:grid;grid-template-columns:auto 1fr;align-items:center;gap:14px;padding:0 14px;border-bottom:1px solid rgba(191,177,255,.17);background:linear-gradient(90deg,#111027,#20154a)}
.needit-browser-dots,.lana-browser-dots{display:flex;gap:7px}.needit-browser-dots i,.lana-browser-dots i{width:8px;height:8px;border-radius:50%;background:#f47c84}.needit-browser-dots i:nth-child(2),.lana-browser-dots i:nth-child(2){background:#f3c16f}.needit-browser-dots i:nth-child(3),.lana-browser-dots i:nth-child(3){background:#69d2b0}
.needit-browser-url{min-width:0;padding:.45rem .8rem;border-radius:7px;background:rgba(119,91,185,.22);color:rgba(235,230,255,.72);font:500 .61rem/1 Arial,sans-serif;letter-spacing:.02em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.needit-browser>img{display:block;width:100%;height:auto;aspect-ratio:16/10;object-fit:cover;object-position:top center}
.needit-phone{position:absolute;z-index:3;right:-1%;bottom:2%;width:31%;aspect-ratio:390/844;overflow:hidden;padding:7px;border:1px solid rgba(224,215,255,.72);border-radius:32px;background:linear-gradient(145deg,#332653,#080914);box-shadow:0 30px 70px rgba(2,3,16,.82),0 0 35px rgba(140,75,234,.34);transform:rotate(4deg)}
.needit-phone img{display:block;width:100%;height:100%;object-fit:cover;object-position:top center;border-radius:25px}.needit-phone-island{position:absolute;z-index:2;top:13px;left:50%;width:31%;height:12px;border-radius:999px;background:#07060c;transform:translateX(-50%);box-shadow:0 1px 0 rgba(255,255,255,.13)}
.webbuilder-project-card{position:relative;display:grid;grid-template-columns:minmax(390px,.88fr) minmax(0,1.12fr);min-height:610px;overflow:hidden;padding:clamp(1.25rem,2.2vw,2rem);border:1px solid rgba(65,150,255,.48);border-radius:30px;background:radial-gradient(circle at 86% 12%,rgba(27,119,255,.27),transparent 36%),linear-gradient(145deg,rgba(6,15,37,.99),rgba(10,31,67,.97));box-shadow:0 38px 100px rgba(2,3,16,.54),inset 0 0 70px rgba(40,116,234,.08);isolation:isolate}
.webbuilder-project-card:before{content:"";position:absolute;z-index:-1;right:-220px;bottom:-320px;width:560px;aspect-ratio:1;border-radius:50%;background:rgba(27,119,255,.2);filter:blur(115px)}
.webbuilder-project-copy{position:relative;z-index:2;align-self:center;min-width:0;padding:clamp(1rem,2.4vw,2rem)}
.webbuilder-project-meta{display:flex;flex-wrap:wrap;gap:.65rem;margin-bottom:1.65rem;color:#d5e6ff;font:600 .82rem/1.35 var(--heading)}
.webbuilder-project-meta span{display:inline-flex;align-items:center;gap:.58rem;min-height:42px;padding:.62rem 1rem;border:1px solid rgba(83,161,255,.3);border-radius:999px;background:rgba(22,85,161,.25)}
.webbuilder-project-meta i{width:8px;height:8px;border-radius:50%;background:#66c6ff;box-shadow:0 0 12px rgba(102,198,255,.9)}
.webbuilder-project-copy h2{margin:0;font:700 clamp(3.7rem,6vw,6.25rem)/.94 var(--display);letter-spacing:-.035em}
.webbuilder-project-copy h2 span{display:block}
.webbuilder-project-subtitle{max-width:18em;margin:.55rem 0 1.25rem;color:#dcecff;font:600 clamp(1.5rem,2.2vw,2.05rem)/1.32 var(--heading)}
.webbuilder-project-copy>[data-project-description]{max-width:35em;margin:0;color:#b8c8dc;font-size:1.04rem;line-height:1.7}
.webbuilder-project-features{display:flex;flex-wrap:wrap;gap:.65rem;margin:1.65rem 0 2rem;padding:0;list-style:none}
.webbuilder-project-features li{padding:.65rem .82rem;border:1px solid rgba(83,161,255,.28);border-radius:999px;background:rgba(28,92,169,.25);color:#e6f2ff;font:600 .78rem/1.25 var(--heading)}
.webbuilder-project-cta{min-width:210px;width:max-content;justify-content:center;gap:.85rem;padding:1rem 1.35rem;font-size:.92rem;background:linear-gradient(135deg,#43b5ff,#3175ff);color:#07172d;box-shadow:0 0 30px rgba(48,125,255,.27)}
.webbuilder-project-cta:after{content:"↗";font-size:1.15rem;transition:transform .2s}.webbuilder-project-cta:hover:after{transform:translate(3px,-3px)}
.webbuilder-project-visual{position:relative;z-index:2;align-self:center;min-width:0;margin:0;padding:clamp(.5rem,2vw,1.5rem) clamp(.5rem,2vw,1.5rem) 3.5rem}
.webbuilder-program-shot{overflow:hidden;border:1px solid rgba(147,198,255,.55);border-radius:17px;background:#10182a;box-shadow:0 32px 85px rgba(2,10,29,.72),0 0 48px rgba(51,133,255,.19);transform:perspective(1400px) rotateY(-4deg) rotateZ(1deg)}
.webbuilder-program-shot img{display:block;width:100%;height:auto;aspect-ratio:16/10;object-fit:cover;object-position:top center}
.webbuilder-logo-chip{position:absolute;z-index:3;right:2%;bottom:0;display:grid;place-items:center;width:min(42%,220px);padding:.3rem .7rem;overflow:hidden;border:1px solid rgba(185,220,255,.85);border-radius:12px;background:#eaf5ff;box-shadow:0 14px 35px rgba(2,10,29,.6);transform:rotate(-3deg)}
.webbuilder-logo-chip img{display:block;width:100%;height:auto;object-fit:contain}
@media(max-width:1100px){.webbuilder-project-card{grid-template-columns:minmax(340px,.85fr) minmax(0,1.15fr)}.webbuilder-project-copy h2{font-size:clamp(3.2rem,5vw,4.8rem)}}
@media(max-width:820px){.webbuilder-project-card{grid-template-columns:1fr;min-height:0}.webbuilder-project-copy{padding:clamp(1.5rem,6vw,3rem)}.webbuilder-project-visual{padding:0 1.5rem 3.5rem}}
@media(max-width:620px){.webbuilder-project-card{padding:.7rem;border-radius:20px}.webbuilder-project-copy{padding:1.5rem .7rem 1.7rem}.webbuilder-project-meta{gap:.45rem;margin-bottom:1.15rem}.webbuilder-project-meta span{min-height:36px;padding:.48rem .7rem;font-size:.68rem}.webbuilder-project-copy h2{font-size:clamp(3.4rem,16vw,4.4rem)}.webbuilder-project-subtitle{font-size:1.36rem;line-height:1.38}.webbuilder-project-copy>[data-project-description]{font-size:.98rem;line-height:1.65}.webbuilder-project-features{display:grid;grid-template-columns:1fr}.webbuilder-project-cta{width:100%}.webbuilder-project-visual{padding:0 .7rem 2.6rem}.webbuilder-program-shot{border-radius:12px;transform:none}.webbuilder-logo-chip{right:0;width:43%;padding:.2rem .45rem}}
@media(prefers-reduced-motion:reduce){.webbuilder-project-cta:after{transition:none}}
.lana-project-card{position:relative;display:grid;grid-template-columns:minmax(390px,.88fr) minmax(0,1.12fr);min-height:610px;overflow:hidden;padding:clamp(1.25rem,2.2vw,2rem);border:1px solid rgba(107,225,238,.42);border-radius:30px;background:radial-gradient(circle at 88% 12%,rgba(49,156,197,.24),transparent 32%),linear-gradient(145deg,rgba(7,12,29,.98),rgba(12,18,40,.96));box-shadow:0 38px 100px rgba(2,3,16,.54),inset 0 0 70px rgba(77,189,218,.06);isolation:isolate}
.lana-project-card:before{content:"";position:absolute;z-index:-1;right:-220px;bottom:-320px;width:560px;aspect-ratio:1;border-radius:50%;background:rgba(92,79,222,.23);filter:blur(115px)}
.lana-project-copy{position:relative;z-index:2;align-self:center;min-width:0;padding:clamp(1rem,2.4vw,2rem)}
.lana-project-meta{display:flex;flex-wrap:wrap;gap:.65rem;margin-bottom:1.65rem;color:#c9d8e8;font:600 .82rem/1.35 var(--heading)}
.lana-project-meta span{display:inline-flex;align-items:center;gap:.58rem;min-height:42px;padding:.62rem 1rem;border:1px solid rgba(103,216,229,.28);border-radius:999px;background:rgba(35,89,116,.23)}
.lana-project-meta i{width:8px;height:8px;border-radius:50%;background:#6be5e8;box-shadow:0 0 12px rgba(107,229,232,.9)}
.lana-project-copy h2{margin:0;font:700 clamp(4.25rem,6.2vw,6.6rem)/1.03 var(--display);letter-spacing:-.035em}
.lana-project-subtitle{max-width:18em;margin:.55rem 0 1.25rem;color:#d9f5f7;font:600 clamp(1.5rem,2.2vw,2.05rem)/1.32 var(--heading)}
.lana-project-copy>[data-project-description]{max-width:34em;margin:0;color:#b7c1d2;font-size:1.04rem;line-height:1.7}
.lana-project-features{display:flex;flex-wrap:wrap;gap:.65rem;margin:1.65rem 0 2rem;padding:0;list-style:none}
.lana-project-features li{padding:.65rem .82rem;border:1px solid rgba(107,225,238,.24);border-radius:999px;background:rgba(30,77,102,.25);color:#e4f7f8;font:600 .78rem/1.25 var(--heading)}
.lana-project-cta{min-width:210px;width:max-content;justify-content:center;gap:.85rem;padding:1rem 1.35rem;font-size:.92rem;background:linear-gradient(135deg,#67d8e5,#8f7bea);color:#07101b;box-shadow:0 0 30px rgba(91,205,222,.2)}
.lana-project-cta:after{content:"↗";font-size:1.15rem;transition:transform .2s}.lana-project-cta:hover:after{transform:translate(3px,-3px)}
.lana-project-visual{position:relative;z-index:2;align-self:center;min-width:0;margin:0;padding:clamp(.5rem,2vw,1.5rem)}
.lana-browser{overflow:hidden;border:1px solid rgba(161,224,236,.45);border-radius:17px;background:#080b1c;box-shadow:0 32px 85px rgba(2,3,16,.72),0 0 48px rgba(55,161,190,.18);transform:perspective(1400px) rotateY(-4deg) rotateZ(1deg)}
.lana-browser-bar{height:42px;display:grid;grid-template-columns:auto 1fr;align-items:center;gap:14px;padding:0 14px;border-bottom:1px solid rgba(139,211,225,.14);background:linear-gradient(90deg,#0d1429,#172043)}
.lana-browser-url{min-width:0;padding:.45rem .8rem;border-radius:7px;background:rgba(69,130,157,.18);color:rgba(225,244,248,.72);font:500 .61rem/1 Arial,sans-serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.lana-browser>img{display:block;width:100%;height:auto;aspect-ratio:16/10;object-fit:cover;object-position:top center}
@media(max-width:1100px){.needit-project-card,.lana-project-card{grid-template-columns:minmax(340px,.85fr) minmax(0,1.15fr)}.needit-project-features{grid-template-columns:1fr}.needit-project-features li{padding:.62rem .7rem}.needit-project-features li span{width:36px;height:36px;flex-basis:36px}.needit-project-features strong br{display:none}}
@media(max-width:820px){.needit-project-card,.lana-project-card{grid-template-columns:1fr;min-height:0}.needit-project-copy,.lana-project-copy{padding:clamp(1.5rem,6vw,3rem)}.needit-project-visual{min-height:560px}.needit-project-subtitle{max-width:18em}.needit-project-features{grid-template-columns:repeat(3,minmax(0,1fr))}.needit-project-features strong br{display:block}.lana-project-visual{padding:0 1.5rem 2rem}}
@media(max-width:620px){body[data-page="work"] .page-hero{min-height:70svh;padding-top:125px}.needit-project-card,.lana-project-card{padding:.7rem;border-radius:20px}.needit-project-copy,.lana-project-copy{padding:1.5rem .7rem 1.7rem}.needit-project-meta,.lana-project-meta{gap:.45rem;margin-bottom:1.15rem}.needit-project-meta span,.lana-project-meta span{min-height:36px;padding:.48rem .7rem;font-size:.68rem}.needit-project-copy h2,.lana-project-copy h2{font-size:clamp(3.55rem,18vw,4.4rem);line-height:1.08}.needit-project-subtitle,.lana-project-subtitle{font-size:1.36rem;line-height:1.38}.needit-project-copy>[data-project-description],.lana-project-copy>[data-project-description]{font-size:.98rem;line-height:1.65}.needit-project-features{grid-template-columns:1fr;gap:.55rem;margin:1.4rem 0 1.6rem}.needit-project-features li{padding:.62rem .72rem}.needit-project-features strong br{display:none}.needit-project-cta,.lana-project-cta{width:100%}.needit-project-visual{min-height:410px}.needit-browser{left:0;top:2%;width:96%;border-radius:12px;transform:perspective(900px) rotateY(-3deg) rotateZ(-1deg)}.needit-browser-bar,.lana-browser-bar{height:34px;padding:0 10px}.needit-browser>img{aspect-ratio:16/10}.needit-phone{right:1%;bottom:1%;width:34%;padding:4px;border-radius:19px}.needit-phone img{border-radius:15px}.needit-phone-island{top:8px;height:8px}.lana-project-features{display:grid;grid-template-columns:1fr}.lana-project-visual{padding:0 .7rem 1rem}.lana-browser{border-radius:12px;transform:none}}
@media(prefers-reduced-motion:reduce){.needit-project-cta:after,.lana-project-cta:after{transition:none}}

.arbor-project-card{position:relative;display:grid;grid-template-columns:minmax(390px,.88fr) minmax(0,1.12fr);min-height:610px;overflow:hidden;padding:clamp(1.25rem,2.2vw,2rem);border:1px solid rgba(200,244,91,.38);border-radius:30px;background:radial-gradient(circle at 88% 12%,rgba(151,193,55,.2),transparent 32%),linear-gradient(145deg,rgba(8,15,12,.99),rgba(14,25,20,.97));box-shadow:0 38px 100px rgba(2,8,5,.58),inset 0 0 70px rgba(200,244,91,.05);isolation:isolate}
.arbor-project-card:before{content:"";position:absolute;z-index:-1;right:-220px;bottom:-320px;width:560px;aspect-ratio:1;border-radius:50%;background:rgba(112,151,43,.2);filter:blur(115px)}
.arbor-project-copy{position:relative;z-index:2;align-self:center;min-width:0;padding:clamp(1rem,2.4vw,2rem)}
.arbor-project-meta{display:flex;flex-wrap:wrap;gap:.65rem;margin-bottom:1.65rem;color:#d7e4d9;font:600 .82rem/1.35 var(--heading)}
.arbor-project-meta span{display:inline-flex;align-items:center;gap:.58rem;min-height:42px;padding:.62rem 1rem;border:1px solid rgba(200,244,91,.25);border-radius:999px;background:rgba(73,94,35,.24)}
.arbor-project-meta i{width:8px;height:8px;border-radius:50%;background:#c8f45b;box-shadow:0 0 12px rgba(200,244,91,.85)}
.arbor-project-stage{display:flex;flex-wrap:wrap;align-items:center;gap:.35rem .7rem;width:fit-content;max-width:100%;margin:-.65rem 0 1.2rem;padding:.7rem .85rem;border:1px solid rgba(255,188,74,.56);border-radius:12px;background:rgba(116,65,9,.34);color:#ffe6b6;font:.72rem/1.45 var(--heading);box-shadow:inset 3px 0 0 #ffbc4a}
.arbor-project-stage strong{color:#ffd078;font-size:.78rem;letter-spacing:.08em;text-transform:uppercase}
.arbor-project-stage span{color:#f5dfbd}
.arbor-project-copy h2{max-width:100%;margin:0;font:700 clamp(4.1rem,6vw,6.35rem)/.9 var(--display);letter-spacing:-.04em}
.arbor-project-copy h2 span{display:block;font:inherit;font-size:inherit;letter-spacing:inherit}
.arbor-project-subtitle{max-width:19em;margin:.55rem 0 1.25rem;color:#ecf8d0;font:600 clamp(1.5rem,2.2vw,2.05rem)/1.32 var(--heading)}
.arbor-project-copy>[data-project-description]{max-width:35em;margin:0;color:#b9c5bd;font-size:1.04rem;line-height:1.7}
.arbor-project-features{display:flex;flex-wrap:wrap;gap:.65rem;margin:1.65rem 0 2rem;padding:0;list-style:none}
.arbor-project-features li{padding:.65rem .82rem;border:1px solid rgba(200,244,91,.2);border-radius:999px;background:rgba(63,82,30,.24);color:#eef8dc;font:600 .78rem/1.25 var(--heading)}
.arbor-project-cta{min-width:210px;width:max-content;justify-content:center;gap:.85rem;padding:1rem 1.35rem;font-size:.92rem;background:linear-gradient(135deg,#c8f45b,#8fb83b);color:#10180b;box-shadow:0 0 30px rgba(200,244,91,.18)}
.arbor-project-cta:after{content:"↗";font-size:1.15rem;transition:transform .2s}.arbor-project-cta:hover:after{transform:translate(3px,-3px)}
.arbor-project-visual{position:relative;z-index:2;align-self:center;min-width:0;margin:0;padding:clamp(.5rem,2vw,1.5rem)}
.arbor-browser{overflow:hidden;border:1px solid rgba(200,244,91,.37);border-radius:17px;background:#0b110e;box-shadow:0 32px 85px rgba(1,7,4,.75),0 0 48px rgba(151,193,55,.16);transform:perspective(1400px) rotateY(-4deg) rotateZ(1deg)}
.arbor-browser-bar{height:42px;display:grid;grid-template-columns:auto 1fr;align-items:center;gap:14px;padding:0 14px;border-bottom:1px solid rgba(200,244,91,.13);background:linear-gradient(90deg,#111b16,#1b2a21)}
.arbor-browser-dots{display:flex;gap:7px}.arbor-browser-dots i{width:8px;height:8px;border-radius:50%;background:#f47c84}.arbor-browser-dots i:nth-child(2){background:#f3c16f}.arbor-browser-dots i:nth-child(3){background:#69d2b0}
.arbor-browser-url{min-width:0;padding:.45rem .8rem;border-radius:7px;background:rgba(116,145,60,.18);color:rgba(232,245,225,.72);font:500 .61rem/1 Arial,sans-serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.arbor-browser>img{display:block;width:100%;height:auto;aspect-ratio:16/10;object-fit:cover;object-position:top center}
@media(max-width:1100px){.arbor-project-card{grid-template-columns:minmax(340px,.85fr) minmax(0,1.15fr)}.arbor-project-copy h2{font-size:clamp(2.6rem,4.2vw,3.3rem)}}
@media(max-width:820px){.arbor-project-card{grid-template-columns:1fr;min-height:0}.arbor-project-copy{padding:clamp(1.5rem,6vw,3rem)}.arbor-project-visual{padding:0 1.5rem 2rem}}
@media(max-width:620px){.arbor-project-card{padding:.7rem;border-radius:20px}.arbor-project-copy{padding:1.5rem .7rem 1.7rem}.arbor-project-meta{gap:.45rem;margin-bottom:1.15rem}.arbor-project-meta span{min-height:36px;padding:.48rem .7rem;font-size:.68rem}.arbor-project-stage{margin:-.35rem 0 1.1rem;font-size:.7rem}.arbor-project-stage strong{font-size:.74rem}.arbor-project-copy h2{font-size:clamp(2.55rem,12vw,3.2rem);line-height:1.08;overflow-wrap:anywhere}.arbor-project-subtitle{font-size:1.36rem;line-height:1.38}.arbor-project-copy>[data-project-description]{font-size:.98rem;line-height:1.65}.arbor-project-features{display:grid;grid-template-columns:1fr}.arbor-project-cta{width:100%}.arbor-project-visual{padding:0 .7rem 1rem}.arbor-browser{border-radius:12px;transform:none}.arbor-browser-bar{height:34px;padding:0 10px}}
@media(prefers-reduced-motion:reduce){.arbor-project-cta:after{transition:none}}
[hidden]{display:none!important}@media(min-width:901px){.site-header .nav-links>a{font-size:clamp(.82rem,.82vw,.94rem)!important}}

/* 2026 premium public redesign */
.nav-links [data-nav="templates"],.nav-links [data-nav="logos"]{display:none!important}
.site-header .nav.shell{width:min(1420px,calc(100% - 3rem))}
@media(min-width:901px){.site-header .nav-links{gap:clamp(.55rem,1.05vw,1rem)}.site-header .nav-links>a{font-size:clamp(.82rem,.76vw,.88rem)!important}.site-header .language-switcher{margin-left:.15rem}}
.hero-redesign{grid-template-columns:minmax(0,1.12fr) minmax(390px,.88fr);gap:clamp(1rem,4vw,5rem);padding-top:120px;min-height:100svh}
.hero-redesign .hero-copy{max-width:790px}
.hero-redesign h1{margin:0;font:600 clamp(3.5rem,6vw,6.8rem)/.96 var(--heading);letter-spacing:-.055em;text-transform:none;text-wrap:balance;overflow:visible;padding-block:.08em}
.hero-redesign h1 em{font-weight:600;color:#c99cff;text-shadow:0 0 34px rgba(104,63,201,.54)}
.hero-redesign .lead{max-width:680px;margin:1.65rem 0 0;font-size:clamp(1.08rem,1.5vw,1.28rem);line-height:1.65}
.hero-redesign .actions{margin-top:2.1rem}
.hero-trust{display:flex;flex-wrap:wrap;gap:.7rem 1.5rem;margin:2rem 0 0;padding:0;list-style:none;color:rgba(255,255,255,.7);font-size:.93rem}
.hero-trust li{display:flex;align-items:center;gap:.55rem}.hero-trust li:before{content:"";width:5px;height:5px;border-radius:50%;background:#c37cff;box-shadow:0 0 12px #9f61ff}
.trust-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;background:transparent}
.trust-strip p{margin:0;padding:1.15rem clamp(.8rem,2vw,2rem);text-align:center;color:rgba(255,255,255,.82);font-size:.98rem;background:rgba(20,22,58,.54);border:1px solid rgba(141,133,255,.18)}
.benefits-section{padding-top:clamp(5rem,7vw,7rem);padding-bottom:clamp(4rem,6vw,6rem)}
.benefit-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}
.benefit-card{min-height:220px;padding:clamp(1.4rem,2.4vw,2rem);border:1px solid var(--line);background:linear-gradient(150deg,rgba(25,27,72,.64),rgba(9,10,24,.78));display:flex;flex-direction:column;justify-content:flex-end;transition:transform .3s,border-color .3s,box-shadow .3s}
.benefit-card:hover{transform:translateY(-6px);border-color:rgba(169,129,255,.55);box-shadow:0 24px 70px rgba(13,8,48,.44)}
.benefit-card h3{margin:0 0 .7rem;font:600 clamp(1.45rem,2vw,1.9rem)/1.2 var(--heading)}.benefit-card p{margin:0;color:var(--muted);font-size:1rem}
.pricing-preview-section,.extras-section{background:linear-gradient(180deg,rgba(15,18,54,.56),rgba(8,9,20,.18))}
.pricing-preview-section{padding-top:clamp(4rem,6vw,6rem)}
body[data-page="home"] .section:before{display:none}
.pricing-grid{display:grid;gap:1rem}.pricing-grid-preview{grid-template-columns:repeat(4,minmax(0,1fr))}.pricing-grid-full{grid-template-columns:repeat(2,minmax(0,1fr))}
.pricing-card{min-width:0;padding:clamp(1.5rem,2.5vw,2.3rem);border:1px solid rgba(141,133,255,.25);background:linear-gradient(155deg,rgba(24,27,72,.82),rgba(8,9,22,.9));position:relative;transition:transform .3s,border-color .3s,box-shadow .3s}
.pricing-card:hover{transform:translateY(-5px);border-color:rgba(199,126,255,.58);box-shadow:0 24px 80px rgba(29,17,78,.34)}.pricing-card-featured{border-color:rgba(153,126,255,.62);box-shadow:inset 0 1px rgba(255,255,255,.04),0 0 45px rgba(76,58,189,.14)}
.pricing-card-top{min-height:28px;display:flex;justify-content:space-between;gap:1rem;align-items:center}.pricing-number{font-size:.7rem;letter-spacing:.22em;color:#aeb3ff}.pricing-badge{padding:.35rem .6rem;border:1px solid rgba(141,133,255,.28);border-radius:999px;color:#cdd0ff;font-size:.7rem}
.pricing-card h3{min-height:2.5em;margin:0 0 .7rem;font:600 clamp(1.45rem,2.2vw,2rem)/1.18 var(--heading)}.pricing-card-top+h3{margin-top:1.35rem}.pricing-price{margin:0;font:600 clamp(2.2rem,3.4vw,3.3rem)/1 var(--heading);color:#fff}.pricing-reference{margin:.8rem 0 0;color:#b9bdf2;font-size:.88rem;line-height:1.45;overflow-wrap:anywhere}.pricing-summary{margin:1.4rem 0 0;color:var(--muted);font-size:1rem}
.pricing-card ul{margin:1.6rem 0 0;padding:1.2rem 0 0;border-top:1px solid var(--line);list-style:none}.pricing-card li{position:relative;padding:.33rem 0 .33rem 1.2rem;color:rgba(255,255,255,.82);font-size:.96rem}.pricing-card li:before{content:"";position:absolute;left:0;top:.85em;width:5px;height:5px;border-radius:50%;background:#9788ff}.pricing-note{margin:1.4rem 0 0;padding:1rem;border-left:2px solid #9f77ff;background:rgba(86,61,175,.1);color:#c9cae8;font-size:.9rem}
.section-action{display:flex;justify-content:center;margin-top:2rem}.pricing-hero{min-height:78svh}.pricing-hero .button{margin-top:1.4rem}.pricing-page{padding-top:3rem}
.extras-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-top:1px solid var(--line)}.extras-grid article{display:grid;grid-template-columns:minmax(0,1fr) minmax(170px,auto);gap:1rem;padding:1.2rem .5rem;border-bottom:1px solid var(--line)}.extras-grid article:nth-child(odd){padding-right:2rem;border-right:1px solid var(--line)}.extras-grid article:nth-child(even){padding-left:2rem}.extras-grid h3,.extras-grid p{margin:0;font-size:1rem}.extras-grid h3{font-family:var(--body);font-weight:400;color:rgba(255,255,255,.78)}.extra-price{text-align:right;min-width:0}.extras-grid .extra-price p{color:#d3c2ff}.extra-price small{display:block;margin-top:.35rem;color:#aeb3d9;font-size:.76rem;line-height:1.4;overflow-wrap:anywhere}.pricing-disclaimer{max-width:760px;margin:2rem 0 0;color:var(--muted)}.pricing-csv-link{display:inline-block;margin-top:1rem;color:#bfc4ef;font-size:.9rem;text-decoration:underline;text-decoration-color:rgba(191,196,239,.4);text-underline-offset:.25em}.pricing-csv-link:hover{color:#fff;text-decoration-color:currentColor}
.featured-project{display:grid;grid-template-columns:minmax(0,1.28fr) minmax(300px,.72fr);min-height:620px;border:1px solid var(--line);background:linear-gradient(145deg,rgba(21,25,72,.72),rgba(8,9,20,.88));overflow:hidden}
.featured-project-visual{position:relative;min-height:620px;background:radial-gradient(circle at 65% 35%,rgba(199,0,255,.22),transparent 25%),linear-gradient(145deg,#101749,#080a1b);overflow:hidden}.featured-browser{position:absolute;left:7%;top:14%;width:82%;padding-top:34px;border:1px solid rgba(190,189,255,.35);border-radius:14px;background:#0a0c1c;box-shadow:0 30px 80px rgba(0,0,0,.4);transform:perspective(1000px) rotateY(5deg) rotateZ(-1deg)}.featured-browser>span{position:absolute;top:14px;width:6px;height:6px;border-radius:50%;background:#858de1}.featured-browser>span:nth-child(1){left:15px}.featured-browser>span:nth-child(2){left:27px}.featured-browser>span:nth-child(3){left:39px}.featured-browser img{display:block;width:100%;height:auto;border-radius:0 0 13px 13px}.featured-phone{position:absolute;right:4%;bottom:3%;width:25%;padding:5px;border:1px solid rgba(220,217,255,.38);border-radius:25px;background:#070915;box-shadow:0 20px 50px rgba(0,0,0,.55);transform:rotate(3deg)}.featured-phone img{display:block;width:100%;height:auto;border-radius:20px}.featured-project-copy{padding:clamp(2rem,4vw,4.3rem);align-self:center}.featured-project-copy h3{margin:.4rem 0 1.2rem;font:600 clamp(3.2rem,5vw,5.2rem)/1 var(--heading)}.featured-project-copy>p:not(.eyebrow){color:var(--muted)}.featured-project-copy ul{display:flex;flex-wrap:wrap;gap:.5rem;margin:1.6rem 0 2rem;padding:0;list-style:none}.featured-project-copy li{padding:.45rem .7rem;border:1px solid var(--line);border-radius:999px;font-size:.78rem;color:#c7c9f5}
.process-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;margin:0;padding:0;list-style:none;border-block:1px solid var(--line)}.process-step{min-height:220px;padding:1.7rem;border-right:1px solid var(--line);display:flex;flex-direction:column;justify-content:center}.process-step:last-child{border:0}.process-step h3{margin:0 0 .6rem;font:600 1.55rem/1.2 var(--heading)}.process-step p{margin:0;color:var(--muted);font-size:.97rem}
.reviews-teaser{display:grid;grid-template-columns:1.25fr .75fr auto;gap:clamp(1.5rem,4vw,4rem);align-items:center;padding-block:clamp(3rem,6vw,5rem);border-block:1px solid var(--line)}.reviews-teaser h2{margin:0;font:600 clamp(2.2rem,4vw,3.8rem)/1.08 var(--heading)}.reviews-teaser em{color:#c99cff}.reviews-teaser>p{color:var(--muted)}
.home-cta-strong{position:relative;overflow:hidden;padding-block:clamp(4rem,9vw,7rem);background:radial-gradient(circle at 15% 100%,rgba(199,0,255,.22),transparent 36%),radial-gradient(circle at 85% 0,rgba(42,61,195,.36),transparent 38%),rgba(11,12,30,.82)}.home-cta-strong:after{content:"";position:absolute;inset:10% 20%;z-index:-1;border-radius:50%;background:#603ddb;filter:blur(100px);opacity:.16}
.home-cta-clean{margin-block:0 clamp(5rem,9vw,8rem);padding:clamp(4rem,8vw,7rem) 0;text-align:left;border:0;background:transparent;box-shadow:none}.home-cta-clean h2{margin:.5rem 0 2rem;max-width:920px}.home-cta-clean .actions{justify-content:flex-start}
.contact-redesign{grid-template-columns:minmax(0,.82fr) minmax(480px,1.18fr);gap:clamp(3rem,7vw,7rem);padding-top:clamp(6rem,10vw,10rem)}.contact-redesign .contact-copy h1,.contact-redesign .contact-copy h2{margin:0 0 1.5rem;font:600 clamp(3rem,5.5vw,5.4rem)/1.03 var(--heading);letter-spacing:-.045em;overflow:visible;padding-block:.04em}.contact-redesign .contact-copy a{font-size:1.08rem}.contact-redesign .contact-copy small{display:block;margin-top:.8rem;color:var(--muted);font-size:.95rem}.contact-redesign .contact-form{padding:clamp(1.5rem,4vw,3rem);border-color:rgba(166,143,255,.34);background:linear-gradient(145deg,rgba(23,25,67,.82),rgba(8,9,22,.92));box-shadow:0 28px 90px rgba(0,0,0,.28),0 0 70px rgba(74,56,186,.09)}
.contact-redesign .contact-form label{margin-bottom:1.2rem;font-size:.9rem;letter-spacing:.08em}.contact-redesign .contact-form input,.contact-redesign .contact-form select,.contact-redesign .contact-form textarea{min-height:56px;margin-top:.55rem;padding:.8rem 1rem;border:1px solid rgba(188,184,255,.22);border-radius:8px;background:rgba(6,7,20,.5);font-size:1rem}.contact-redesign .contact-form textarea{min-height:170px;resize:vertical}.contact-redesign .contact-form input:focus,.contact-redesign .contact-form select:focus,.contact-redesign .contact-form textarea:focus{border-color:#9d87ff;box-shadow:0 0 0 3px rgba(157,135,255,.12)}.contact-submit{width:100%;min-height:56px}.form-intro{margin:0 0 1.6rem;font:600 1.55rem var(--heading)}.contact-page{padding-top:90px}.contact-standalone{min-height:calc(100svh - 90px);align-items:center}.contact-orbit{width:180px;height:180px;margin-top:3rem;border:1px solid rgba(165,148,255,.2);border-radius:50%;position:relative;transform:scaleY(.55) rotate(-15deg)}.contact-orbit i{position:absolute;inset:22%;border:1px solid rgba(199,0,255,.22);border-radius:50%}.contact-orbit span{position:absolute;right:12%;top:42%;width:7px;height:7px;border-radius:50%;background:white;box-shadow:0 0 20px 7px #8967ff}
@media(max-width:1024px){.benefit-grid,.pricing-grid-preview,.process-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.process-step:nth-child(2){border-right:0}.process-step:nth-child(-n+2){border-bottom:1px solid var(--line)}.featured-project{grid-template-columns:1fr}.featured-project-copy{order:-1}.featured-project-visual{min-height:560px}.reviews-teaser{grid-template-columns:1fr auto}.reviews-teaser>p{grid-column:1/-1;grid-row:2}.contact-redesign{grid-template-columns:1fr}.contact-redesign .contact-copy{position:static;max-width:720px}.contact-orbit{display:none}}
@media(max-width:900px){.hero-redesign{grid-template-columns:1fr;gap:0;padding-top:140px}.hero-redesign .hero-copy{padding-top:1rem}.hero-redesign .hero-procedural-galaxy{margin-top:0}.site-header .nav.shell{width:min(100% - 2rem,1420px)}.nav-links{max-height:100dvh;overflow:auto}.language-switcher{margin-top:.5rem}}
@media(max-width:620px){.hero-redesign{padding-top:120px;padding-bottom:4rem}.hero-redesign h1{font-size:clamp(2.8rem,13vw,4.15rem);line-height:1.02;letter-spacing:-.045em}.hero-redesign .lead{font-size:1.05rem}.hero-redesign .actions{display:grid}.hero-redesign .button{width:100%}.hero-trust{display:grid;gap:.5rem;margin-top:1.5rem}.trust-strip{grid-template-columns:1fr}.trust-strip p{border-bottom:1px solid var(--line);text-align:left}.trust-strip p:last-child{border:0}.section-heading.split{gap:1rem}.section h2,.contact h2{font-size:clamp(2.5rem,11.5vw,3.65rem);line-height:1.08}.benefit-grid,.pricing-grid-preview,.pricing-grid-full,.process-grid,.extras-grid{grid-template-columns:1fr}.benefit-card{min-height:240px}.pricing-card h3{min-height:0}.pricing-card h3{margin-top:2rem}.extras-grid article,.extras-grid article:nth-child(odd),.extras-grid article:nth-child(even){grid-template-columns:minmax(0,1fr);gap:.55rem;padding:1rem .2rem;border-right:0}.extra-price{text-align:left}.featured-project{min-height:0}.featured-project-copy{padding:2rem 1.3rem}.featured-project-visual{min-height:390px}.featured-browser{left:3%;top:13%;width:94%;transform:rotateZ(-1deg)}.featured-phone{right:2%;width:31%}.process-step{min-height:210px;border-right:0;border-bottom:1px solid var(--line)!important}.process-step:last-child{border-bottom:0!important}.process-step h3{margin-top:2.4rem}.reviews-teaser{grid-template-columns:1fr}.reviews-teaser>p{grid-column:auto;grid-row:auto}.reviews-teaser .button{width:100%}.home-cta-strong{margin-bottom:6rem}.contact-redesign{padding-top:5rem}.contact-redesign .contact-copy h1,.contact-redesign .contact-copy h2{font-size:clamp(2.75rem,12vw,3.8rem);line-height:1.08}.contact-redesign .field-row{grid-template-columns:1fr}.contact-redesign .contact-form{padding:1.2rem}.contact-page{padding-top:70px}}
@media(max-width:620px){.trust-strip p{border:1px solid rgba(141,133,255,.18)}.trust-strip p:last-child{border:1px solid rgba(141,133,255,.18)}.benefit-card{min-height:200px}.pricing-card h3{margin-top:0}.pricing-card-top+h3{margin-top:1.2rem}.process-step{min-height:180px}.process-step h3{margin-top:0}}