@import url("./fonts.css");
:root{color-scheme:dark;--bg:#0c0d12;--panel:#151823;--panel2:#1b2030;--line:#303646;--text:#f6f7fb;--muted:#b3bacb;--blue:#2332f7;--soft:#8c97ff;font-family:Kalameh,sans-serif;font-synthesis:none}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);line-height:1.75}button,input,select,textarea{font:inherit}a{color:inherit}img{display:block;max-width:100%}h1,h2,h3,p{margin-top:0}p{color:var(--muted)}h1,h2,h3{line-height:1.25}::selection{background:var(--blue);color:white}:focus-visible{outline:3px solid #9da7ff;outline-offset:4px}
.shell{width:min(1440px,calc(100% - clamp(36px,8vw,144px)));margin-inline:auto}.skip{position:absolute;inset-block-start:-100px;inset-inline-start:20px;z-index:50;background:white;color:#111;padding:8px 16px}.skip:focus{inset-block-start:8px}.site-header{position:relative;z-index:20;border-bottom:1px solid #ffffff1d;background:#0c0d12e8;backdrop-filter:blur(16px)}.header-inner{height:86px;display:flex;align-items:center;gap:clamp(18px,3vw,52px)}.site-brand{display:flex;align-items:center;gap:10px;direction:ltr;text-decoration:none;flex:none;font-family:Kalameh,sans-serif;font-size:1.13rem;font-weight:800;letter-spacing:.13em;line-height:1}.site-brand img{width:42px;height:42px}.site-brand>span{display:flex;flex-direction:column;gap:5px}.brand-small{font-size:.55rem;letter-spacing:.52em;color:#9ca6bb}.primary-nav{display:flex;align-items:center;gap:clamp(12px,1.7vw,28px);margin-inline:auto}.primary-nav a{font-size:.83rem;text-decoration:none;color:#b8bece;white-space:nowrap;transition:color .2s}.primary-nav a:hover,.primary-nav a[aria-current]{color:white}.primary-nav a[aria-current]{text-decoration:underline;text-decoration-color:var(--blue);text-underline-offset:10px}.header-end{display:flex;align-items:center;gap:18px}.lang-switch{display:flex;direction:ltr;gap:4px;background:#1c202b;border:1px solid #323849;border-radius:7px;padding:3px}.lang-switch a{font:700 .67rem/1 Kalameh,sans-serif;text-decoration:none;color:#939cb0;padding:6px 5px;border-radius:4px}.lang-switch a[aria-current]{background:#3944d9;color:white}.header-cta{background:var(--blue);padding:10px 15px;text-decoration:none;font-size:.8rem;font-weight:700;white-space:nowrap;transition:background .2s,transform .2s}.header-cta:hover,.button.primary:hover{background:#3546ff;transform:translateY(-2px)}.header-cta span,.button span,.text-link span,.arrow-link span{display:inline-block;transition:transform .2s}.header-cta:hover span,.button:hover span,.text-link:hover span,.arrow-link:hover span{transform:translate(3px,-3px)}.menu-toggle{display:none}
.eyebrow,.section-tag,.hero-topline,.service-number,.page-hero-index,.footer-word,.pending-note{font-family:Kalameh,sans-serif;letter-spacing:.15em}.eyebrow,.section-tag{font-size:.75rem;font-weight:700;color:var(--soft)}.section-pad{padding-block:clamp(80px,10vw,155px)}.section-heading{max-width:760px;margin-bottom:42px}.section-heading h2{font-size:clamp(2.1rem,4vw,4.3rem);margin:12px 0 18px;letter-spacing:-.025em}.section-heading p{font-size:1.04rem;max-width:630px}.button{border:1px solid transparent;display:inline-flex;align-items:center;justify-content:center;gap:30px;padding:14px 21px;font-size:.92rem;font-weight:700;text-decoration:none;cursor:pointer;min-height:52px;transition:background .2s,transform .2s}.button.primary{background:var(--blue);color:white}.button.outline{border-color:#6b7598;background:transparent;color:white}.button.outline:hover{background:#252c43}.text-link,.arrow-link{display:inline-flex;align-items:center;gap:20px;font-weight:700;text-decoration:none;border-bottom:1px solid #7d85a5;padding:10px 0}.text-link:hover,.arrow-link:hover{color:#b7bfff;border-color:var(--blue)}.round-link{display:grid;place-items:center;flex:none;width:80px;height:80px;border:1px solid #9099b6;border-radius:50%;text-decoration:none;font:400 2rem Kalameh;transition:background .25s,transform .25s}.round-link:hover{background:var(--blue);transform:rotate(45deg)}
.hero{min-height:min(820px,calc(100svh - 86px));display:grid;grid-template-columns:1.03fr .97fr;gap:4vw;align-items:stretch}.hero-copy{padding-block:clamp(60px,8vw,130px) 26px;display:flex;flex-direction:column;align-items:flex-start}.hero-topline{display:flex;align-items:center;gap:14px;color:#a7afff;font-size:.7rem;direction:ltr}.signal{width:8px;height:8px;background:var(--blue);box-shadow:0 0 0 6px #2332f72b}.hero h1{font-size:clamp(3.3rem,6.4vw,7.5rem);letter-spacing:-.055em;max-width:880px;margin:38px 0 28px;line-height:1.13}.hero-copy>p{font-size:clamp(1rem,1.35vw,1.22rem);max-width:550px;line-height:2}.hero-actions{display:flex;align-items:center;gap:30px;margin-top:20px;flex-wrap:wrap}.hero-bottom{display:flex;justify-content:space-between;align-self:stretch;gap:12px;margin-top:auto;padding-top:65px;color:#7e879f;font:700 .68rem Kalameh,sans-serif;letter-spacing:.15em}.interactive-surface{--mx:50%;--my:50%}.interactive-surface:before{content:"";pointer-events:none;position:absolute;inset:0;background:radial-gradient(380px circle at var(--mx) var(--my),#8c97ff22,transparent 70%);z-index:3}
.statement{display:grid;grid-template-columns:1fr 2fr;gap:5vw;border-bottom:1px solid var(--line)}.statement h2{font-size:clamp(2.2rem,5vw,5.4rem);max-width:850px;margin-bottom:28px}.statement p{font-size:1.15rem;max-width:680px}.statement .arrow-link{margin-top:18px}.services-section{background:#10121a}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.service-card{position:relative;display:flex;flex-direction:column;min-height:390px;overflow:hidden;background:#191d2a;border:1px solid #363c4e;padding:28px;text-decoration:none;transition:transform .25s,border-color .25s,background .25s}.service-card:hover{transform:translateY(-6px);border-color:#7e89fe;background:#222742}.service-number{font-size:.7rem;color:#a9b1c9;direction:ltr;align-self:flex-start}.service-glyph{display:block;width:160px;height:160px;margin:auto;position:relative}.service-glyph:before,.service-glyph:after,.detail-icon:before,.detail-icon:after{content:"";position:absolute;display:block}.glyph-1:before{inset:14% 25%;border:22px solid #5263ff;transform:rotate(45deg)}.glyph-1:after{inset:35% 34%;background:#151824;transform:rotate(45deg)}.glyph-2:before{inset:18% 18%;border:18px solid #5c6aff;border-radius:50%}.glyph-2:after{inset:37% 6%;background:#a7afff;height:16%;transform:rotate(-32deg)}.glyph-3:before{inset:8% 39%;background:#6170ff;transform:skew(-22deg)}.glyph-3:after{inset:43% 12%;height:8%;border-block:12px solid #a9b3ff;transform:rotate(-20deg)}.service-bottom{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:1.9rem}.service-bottom>span{font:1.7rem Kalameh}.service-desc{color:#aeb6c9;font-size:.88rem;margin-top:6px;max-width:27ch}.work-feature{display:grid;grid-template-columns:1.15fr .85fr;gap:clamp(35px,7vw,110px);align-items:center}.work-feature-visual{position:relative;aspect-ratio:1.18;overflow:hidden;background:linear-gradient(145deg,#2633f7,#0d1240 72%);display:grid;place-items:center}.work-feature-visual>span{position:absolute;bottom:18px;left:22px;font:700 .75rem Kalameh;letter-spacing:.2em}.work-feature-copy h2{font-size:clamp(2.2rem,4.6vw,5rem);margin:16px 0 24px}.work-feature-copy .arrow-link{margin-top:20px}.pending-note{display:inline-block;color:#b9c3ff;border:1px solid #6975b1;background:#2b345b66;padding:6px 10px;font:700 .7rem Kalameh,sans-serif;letter-spacing:0;margin-block:8px}.process-section{background:#151923}.process-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #566078}.process-item{padding:30px 25px 18px;border-inline-end:1px solid #3a4357}.process-item:last-child{border:0}.process-item>span{font:700 .75rem Kalameh;color:#8792ff}.process-item h3{font-size:1.7rem;margin:70px 0 12px}.process-item p{max-width:28ch;font-size:.94rem}.callout{min-height:330px;background:var(--blue);display:flex;align-items:center;justify-content:space-between;gap:30px;padding:clamp(35px,5vw,70px);margin-block:clamp(80px,10vw,150px)}.callout .eyebrow{color:#c8ceff}.callout h2{font-size:clamp(2.5rem,5vw,5.7rem);margin:12px 0}.callout p{color:#e1e4ff;margin:0}.callout .round-link{border-color:#fff}
.page-hero{min-height:460px;display:flex;justify-content:space-between;gap:35px;align-items:end;padding-block:100px 65px;border-bottom:1px solid var(--line);position:relative}.page-hero:before{content:"";position:absolute;inset:0 50% 0 0;background:radial-gradient(circle at 20% 0%,#2332f733,transparent 60%);pointer-events:none}.page-hero-copy{position:relative;max-width:980px}.page-hero h1{font-size:clamp(3rem,5.5vw,6.7rem);letter-spacing:-.045em;margin:18px 0 22px}.page-hero p{max-width:670px;font-size:1.08rem;line-height:1.9;margin:0}.page-hero-index{font-size:clamp(4rem,8vw,9rem);line-height:1;color:#202538;white-space:nowrap;direction:ltr}.page-hero-index span{font-size:.75rem;color:#858fa8}.about-visual{display:grid;grid-template-columns:1.12fr .88fr;margin-top:95px;background:#171b27;min-height:480px}.about-art{position:relative;overflow:hidden;min-height:460px;background:radial-gradient(circle at 50% 60%,#3845be,#121744 65%);display:grid;place-items:center}.about-art>span{position:absolute;inset-block-end:22px;font:700 .7rem Kalameh;letter-spacing:.15em}.about-art-copy{padding:clamp(30px,5vw,75px);align-self:center}.about-art-copy h2{font-size:clamp(2rem,3.4vw,4rem);margin:15px 0 25px}.values-list{border-top:1px solid var(--line)}.value-row{display:grid;grid-template-columns:70px 1fr 1fr;gap:30px;align-items:start;padding:34px 10px;border-bottom:1px solid var(--line)}.value-row>span{font:700 .75rem Kalameh;color:#9da8ff}.value-row h3{font-size:1.6rem;margin:0}.value-row p{margin:0}.team-tease{display:flex;align-items:center;justify-content:space-between;gap:25px;background:#1c2030;padding:clamp(30px,5vw,70px)}.team-tease h2{font-size:clamp(2rem,3vw,3.5rem);margin:12px 0}.team-tease p{margin:0}
.roster{display:grid;grid-template-columns:1.1fr .9fr;gap:6vw;align-items:center}.roster-art{min-height:500px;background:linear-gradient(135deg,#2332f7,#121a68 80%);position:relative;overflow:hidden;padding:35px;display:flex;align-items:end}.roster-art>span{position:relative;font:800 clamp(2.8rem,5vw,6rem)/.95 Kalameh;letter-spacing:-.04em;direction:ltr}.roster-copy h2{font-size:clamp(2.2rem,4vw,4.8rem);margin:15px 0 20px}.roster-copy p{font-size:1.08rem}.service-list{padding-block:70px}.service-detail{border-bottom:1px solid #434b61;padding:35px 0 60px;scroll-margin-top:30px}.service-detail-head{display:flex;justify-content:space-between;align-items:center;color:#aeb7d3;font:700 .75rem Kalameh;letter-spacing:.2em;direction:ltr}.detail-icon{width:70px;height:70px;position:relative;transform:scale(.5)}.service-detail-main{display:grid;grid-template-columns:1fr 1fr;gap:4vw;margin-top:25px}.service-detail h2{font-size:clamp(2.8rem,5vw,6rem);margin:0 0 12px}.service-detail-main p{font-size:1.05rem;max-width:550px}.service-detail ul{margin:0;padding:0;list-style:none;align-self:end}.service-detail li{padding:15px 0;border-top:1px solid #394153}.service-detail li:before{content:'↗';color:#929cff;margin-inline-end:15px}.approach-block{background:#202841;padding:clamp(35px,6vw,90px);margin-bottom:30px}.approach-block h2{font-size:clamp(2.4rem,4vw,4.8rem);margin:14px 0 20px}.approach-block p{font-size:1.08rem;max-width:760px;margin:0}
.work-empty{display:grid;grid-template-columns:1fr 1fr;gap:6vw;align-items:center}.work-empty-art{position:relative;min-height:500px;background:#1c244b;overflow:hidden;padding:30px}.work-empty-art>span{position:relative;z-index:2;font:700 .75rem Kalameh;letter-spacing:.18em}.work-empty-copy h2{font-size:clamp(2.3rem,4vw,4.8rem);margin:18px 0 20px}.work-empty-copy .button{margin-top:20px}.capability-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.capability-card{background:#1b2030;border:1px solid #3a4257;padding:28px;min-height:220px;display:flex;flex-direction:column}.capability-card span{color:#8b95ff;font:700 .75rem Kalameh}.capability-card strong{font:800 clamp(2rem,3vw,3.5rem) Kalameh;margin:auto 0 8px;letter-spacing:-.04em}.capability-card p{margin:0}.story-visual{margin-top:70px;min-height:380px;background:linear-gradient(115deg,#101740,#2332f7);position:relative;overflow:hidden;display:grid;place-items:center}.story-line{width:55%;height:160%;border:1px solid #ffffff99;transform:rotate(35deg);box-shadow:70px 0 0 #ffffff13,-70px 0 0 #ffffff13}.story-visual>span{position:absolute;bottom:22px;left:24px;font:700 .73rem Kalameh;letter-spacing:.1em}.story-sections{padding-bottom:40px}.story-row{display:grid;grid-template-columns:1fr 1fr;gap:4vw;border-top:1px solid var(--line);padding:30px 0}.story-row h2{font-size:clamp(1.5rem,2.4vw,2.7rem);margin:0}.story-row p{margin:0}.story-note{background:#1b2030;padding:35px}.story-note p{max-width:800px;margin:15px 0}
.request-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:7vw;align-items:start}.request-aside{position:sticky;top:35px}.request-aside h2{font-size:clamp(2rem,3vw,3.7rem);margin:15px 0 35px}.request-aside ol{padding-inline-start:26px;color:#d1d7e5}.request-aside li{padding:0 10px 22px}.privacy-note,.contact-note{font-size:.86rem;border-top:1px solid var(--line);padding-top:20px}.request-form{background:#1b2030;border:1px solid #3a4257;padding:clamp(22px,4vw,55px);display:flex;flex-direction:column;gap:22px}.request-form h2{font-size:1.8rem;margin:0 0 8px}.request-form label{font-size:.88rem;font-weight:700;color:#eef0f8;display:flex;flex-direction:column;gap:9px}.request-form input:not([type=checkbox]),.request-form textarea,.request-form select{width:100%;background:#10141f;border:1px solid #4d5770;border-radius:0;color:white;padding:13px 15px;outline:0;transition:border-color .2s,box-shadow .2s}.request-form input:focus,.request-form textarea:focus,.request-form select:focus{border-color:#8d98ff;box-shadow:0 0 0 3px #616eff37}.request-form textarea{resize:vertical;min-height:170px}.request-form ::placeholder{color:#8c96ac;opacity:1}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.request-form .consent{display:flex;flex-direction:row;align-items:start;gap:12px;font-size:.82rem;font-weight:400;line-height:1.7}.consent input{margin-top:6px;accent-color:var(--blue);width:17px;height:17px}.form-submit{align-self:flex-start}.form-submit:disabled{opacity:.55;cursor:wait}.form-status{min-height:1.5em;margin:0;font-size:.9rem}.form-status[data-state=success]{color:#a4e4bd}.form-status[data-state=error]{color:#ffb1b9}.honeypot{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}
.site-footer{background:#090a0e;border-top:1px solid #2e3443;padding-block:60px 25px;margin-top:120px}.footer-top{display:flex;align-items:end;justify-content:space-between;gap:30px;padding-bottom:100px}.footer-word{font-size:clamp(4rem,12vw,13rem);line-height:.8;font-weight:900;letter-spacing:-.085em;direction:ltr}.footer-star{font-size:.28em;color:#5e6aff;vertical-align:top;margin-left:5px}.footer-top p{max-width:360px;margin:28px 0 0}.footer-action{display:inline-flex;gap:45px;border-bottom:1px solid #9ca4b8;padding:12px 0;text-decoration:none;font-weight:700;white-space:nowrap}.footer-bottom{border-top:1px solid #343b4b;padding-top:20px;display:flex;justify-content:space-between;align-items:center;gap:22px;color:#98a2b8;font-size:.8rem}.footer-links{display:flex;gap:22px}.footer-links a{text-decoration:none}.footer-links a:hover{color:white}
.js-ready .reveal{opacity:0;transform:translateY(28px);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.7,.2,1)}.js-ready .reveal.is-visible{opacity:1;transform:none}@media(max-width:1200px){.header-inner{gap:18px}.primary-nav{gap:13px}.header-cta{display:none}.hero{min-height:710px}.hero h1{font-size:clamp(3.2rem,6vw,5.8rem)}}
@media(max-width:900px){.shell{width:min(100% - 44px,760px)}.header-inner{height:72px}.menu-toggle{display:flex;flex-direction:column;justify-content:center;gap:6px;margin-inline-start:auto;background:none;border:1px solid #4b5368;width:42px;height:42px;padding:10px;cursor:pointer}.menu-toggle span{height:2px;background:white;width:100%}.primary-nav{display:none;position:absolute;top:72px;left:0;right:0;background:#141824;border-bottom:1px solid #394258;padding:25px;flex-direction:column;align-items:stretch;gap:16px}.primary-nav[data-open]{display:flex}.primary-nav a{font-size:1rem;padding:6px}.header-end{margin-inline-start:0}.hero{grid-template-columns:1fr;gap:0}.hero-copy{padding-top:65px;min-height:570px}.statement{grid-template-columns:1fr;gap:25px}.service-grid{grid-template-columns:1fr 1fr}.service-card:last-child{grid-column:span 2}.work-feature,.about-visual,.roster,.work-empty,.request-layout{grid-template-columns:1fr}.work-feature-visual,.about-art,.roster-art,.work-empty-art{min-height:400px}.page-hero{min-height:380px}.page-hero-index{display:none}.request-aside{position:static}}
@media(max-width:620px){.shell{width:calc(100% - 32px)}.site-brand{font-size:.95rem}.site-brand img{width:38px;height:38px}.lang-switch a{font-size:.58rem;padding:5px 4px}.header-end{gap:0}.hero-copy{min-height:0;padding:70px 0 35px}.hero h1{font-size:clamp(3.1rem,12vw,5.3rem);margin:28px 0 20px}.hero-actions{gap:15px}.hero-bottom{padding-top:55px}.section-pad{padding-block:80px}.section-heading h2,.statement h2,.work-feature-copy h2{font-size:2.6rem}.service-grid,.process-grid,.capability-grid{grid-template-columns:1fr}.service-card,.service-card:last-child{grid-column:auto;min-height:350px}.process-item{border-inline-end:0;border-bottom:1px solid #3a4357}.process-item h3{margin-top:35px}.process-item:last-child{border-bottom:0}.callout{min-height:0;padding:30px;flex-wrap:wrap}.callout .round-link{width:60px;height:60px}.page-hero{padding-block:75px 55px;min-height:0}.page-hero h1{font-size:clamp(2.9rem,11vw,4.5rem)}.about-visual{margin-top:45px}.about-art,.roster-art,.work-empty-art{min-height:320px}.about-art-copy{padding:35px}.value-row{grid-template-columns:45px 1fr;gap:15px}.value-row p{grid-column:2}.team-tease{flex-wrap:wrap}.service-detail-main,.story-row{grid-template-columns:1fr;gap:16px}.service-detail h2{font-size:3.5rem}.form-grid{grid-template-columns:1fr}.request-form{padding:25px}.footer-top{flex-direction:column;align-items:stretch;padding-bottom:60px}.footer-word{font-size:clamp(4rem,19vw,7rem)}.footer-bottom{flex-wrap:wrap}.footer-links{order:3;width:100%;flex-wrap:wrap}.story-visual{min-height:270px}.story-visual>span{font-size:.55rem;right:10px;left:10px}}
@media(max-width:380px){.shell{width:calc(100% - 26px)}.brand-small{display:none}.header-inner{gap:8px}.lang-switch{gap:1px}.lang-switch a{font-size:.55rem}.hero h1{font-size:3rem}.hero-bottom{font-size:.58rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.js-ready .reveal{opacity:1;transform:none;transition:none}.interactive-surface:before{display:none}*,*:before,*:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
.honeypot{left:auto!important;inset-inline-start:0!important;clip-path:inset(50%)!important}
@media(max-width:900px){.work-feature-visual{aspect-ratio:auto;min-width:0}}
@media(max-width:380px){.page-hero-copy{min-width:0}.page-hero h1{font-size:2.5rem;overflow-wrap:anywhere}}
.js-ready .reveal{opacity:1;transform:none;transition:none}.js-ready .reveal.is-visible{animation:rise .7s both}@keyframes rise{from{opacity:.72;transform:translateY(18px)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){.js-ready .reveal.is-visible{animation:none}}
.footer-logo{width:clamp(170px,25vw,260px);height:auto}

/* React Bits Prism replaces the former logo panel across all home locales. */
.hero-prism{position:relative;display:block;isolation:isolate;overflow:hidden;width:100%;min-height:min(900px,calc(100svh - 86px));border-bottom:1px solid #ffffff12}
.hero-prism .hero-copy{position:relative;z-index:2;min-height:inherit;padding-block:clamp(75px,7vw,125px) 28px;pointer-events:none}
.hero-prism h1{max-width:56%;font-size:clamp(3.3rem,5.6vw,6.8rem)}
.hero-prism .hero-copy>p{max-width:45%;text-shadow:0 2px 14px #0c0d12}
.hero-prism a{pointer-events:auto}.hero-prism .hero-bottom{margin-top:auto}
.prism{position:absolute;inset:0;width:100%;height:100%;overflow:hidden;pointer-events:none;z-index:0}
.prism:before{content:"";position:absolute;width:42%;height:65%;inset-block-start:18%;inset-inline-end:5%;clip-path:polygon(50% 0,100% 100%,0 100%);background:linear-gradient(130deg,#2332f700,#677cff88 50%,#2332f733);filter:blur(12px);opacity:.7}
.prism.is-ready:before{opacity:0}.prism-canvas{position:absolute;inset:0;display:block;width:100%;height:100%;opacity:0}.prism.is-ready .prism-canvas{opacity:1}
.hero-shade{position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(to left,#0c0d12 1%,#0c0d12e8 24%,#0c0d1280 48%,transparent 70%)}
[dir=ltr] .hero-shade{background:linear-gradient(to right,#0c0d12 1%,#0c0d12e8 24%,#0c0d1280 48%,transparent 70%)}
@media(max-width:900px){.hero-prism{min-height:760px}.hero-prism h1{max-width:62%;font-size:clamp(3rem,6.4vw,5rem)}.hero-prism .hero-copy>p{max-width:56%}}
@media(max-width:719px){.hero-prism{min-height:850px}.hero-prism .hero-copy{padding-block:65px 25px;min-height:850px}.hero-prism h1{max-width:100%;font-size:clamp(3rem,10.5vw,4.7rem);margin:28px 0 22px}.hero-prism .hero-copy>p{max-width:100%}.hero-prism .hero-actions{margin-top:18px}.hero-prism .hero-bottom{padding-top:220px;font-size:.6rem}.hero-prism .hero-shade{background:linear-gradient(to bottom,#0c0d12 0%,#0c0d12ef 36%,#0c0d1280 58%,transparent 76%,#0c0d12a0 100%)}.hero-prism .prism{opacity:.85}.prism:before{width:80%;height:40%;top:50%;right:10%}}
@media(max-width:380px){.hero-prism h1{font-size:2.8rem}.hero-prism .hero-topline{font-size:.59rem}}

.site-brand,.site-brand img{border-radius:10px}
.hero h1,.page-hero h1,.statement h2,.section-heading h2,.callout h2{font-weight:900}
[dir=rtl] h1,[dir=rtl] h2,[dir=rtl] h3{letter-spacing:normal}
/* Fancy Glowing Button, adapted from Juxtopposed: codepen.io/Juxtopposed/pen/JjVXRey */
.button.glow-button{--cta-spectrum:linear-gradient(90deg,#ff6d1b,#ffee55,#5bff89,#4d8aff,#6b5fff,#ff64f9,#ff6565);position:relative;isolation:isolate;border:2px solid transparent;border-radius:14px;padding:15px 25px;background:linear-gradient(#121318,#121318) padding-box,linear-gradient(#121318 45%,#12131899 78%,transparent) border-box,var(--cta-spectrum) border-box;background-size:200% 100%;animation:cta-spectrum 3s linear infinite;box-shadow:0 4px 18px #08091155;font-size:1.05rem}
.button.glow-button:before{content:"";position:absolute;width:65%;height:20px;bottom:-15px;inset-inline-start:17.5%;z-index:-1;background:var(--cta-spectrum);background-size:200% 100%;filter:blur(18px);opacity:.75;pointer-events:none;animation:cta-spectrum 3s linear infinite}
.button.glow-button:hover,.button.glow-button:focus-visible{background:linear-gradient(#191b25,#191b25) padding-box,linear-gradient(#191b25 45%,#191b2599 78%,transparent) border-box,var(--cta-spectrum) border-box;background-size:200% 100%;animation-duration:.75s}
.button.glow-button:hover:before,.button.glow-button:focus-visible:before{animation-duration:.75s;opacity:1}
@keyframes cta-spectrum{to{background-position:200% 0}}
.statement{grid-template-columns:1fr 1.25fr;align-items:center;gap:6vw}.statement h2{font-size:clamp(2.3rem,3.8vw,4.5rem)}
.statement-aside{min-width:0}.statement-aside .section-tag{margin-bottom:24px}.vision-image{width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;border:1px solid #48527355;border-radius:20px}
.editorial-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.work-feature-visual,.about-art,.roster-art,.work-empty-art{border-radius:20px;border:1px solid #48527355}
.work-feature-visual>span,.about-art>span{z-index:4;padding:6px 10px;background:#0c0d12a8;border-radius:5px;backdrop-filter:blur(8px)}
.roster-art:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 25%,#0c0d12de)}.roster-art>span{z-index:1;font-size:clamp(2.2rem,4vw,4.5rem)}
.work-empty-art>span{padding:6px 10px;background:#0c0d12a8;border-radius:5px}
@media(max-width:900px){.statement{grid-template-columns:1fr 1.2fr;gap:30px}.statement h2{font-size:2.7rem}}
@media(max-width:620px){.statement{grid-template-columns:1fr}.vision-image{aspect-ratio:4/3}.statement h2{font-size:2.6rem}.hero-actions{gap:24px}.button.glow-button{font-size:1rem;gap:18px;padding:14px 20px}}
@media(prefers-reduced-motion:reduce){.button.glow-button,.button.glow-button:before{animation:none}}

.home-page .site-header{position:absolute;inset:0 0 auto;background:transparent;backdrop-filter:none;border-bottom:0}
.header-inner{height:110px;gap:24px}.site-brand img{width:50px;height:50px}
.primary-nav{padding:0;border:0;gap:0;border-radius:38px;overflow:hidden;isolation:isolate;background:#ffffff0a;box-shadow:inset 0 1px 0 #ffffff55,inset 0 -1px 0 #ffffff14,0 8px 30px #0003}
.glass-surface__content{display:flex;align-items:center;justify-content:center;padding:10px 18px;gap:28px;position:relative;z-index:1;width:100%;height:100%}
.primary-nav a{font-size:1.12rem;padding:7px 0;color:#e0e3ed}.primary-nav a[aria-current]{text-underline-offset:7px}
.glass-surface__filter{position:absolute;inset:0;width:100%;height:100%;opacity:0;pointer-events:none;z-index:-1}
.glass-surface--svg{background:#0006;backdrop-filter:url(#nav-glass) saturate(1);box-shadow:inset 0 0 2px 1px #ffffff59,inset 0 0 10px 4px #ffffff26,0 8px 24px #11111a20}
.glass-surface--fallback{background:#ffffff29;backdrop-filter:blur(12px) saturate(1.4) brightness(1.04)}
.glass-surface--fallback:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(135deg,#ffffff24,transparent 42%,transparent 64%,#ffffff0d)}
.header-cta{display:inline-flex;align-items:center;justify-content:center;font-size:1.08rem;border-radius:12px;padding:12px 20px;min-height:48px}
.lang-switch a{font-size:.85rem;padding:8px 7px}.header-end{gap:16px}
.hero-prism{min-height:100svh;background:linear-gradient(#0000004d,#0000004d),url('./images/hero-cyan.webp') center/cover no-repeat}
.hero-prism .hero-copy{min-height:100svh;padding-block:clamp(165px,17vh,235px) 32px}
.hero-prism .hero-shade{display:none}.hero-prism .hero-topline{font-size:1rem;letter-spacing:.13em}
.hero-prism h1{font-size:clamp(3.5rem,5.2vw,6.6rem);max-width:56%;text-shadow:0 3px 25px #0006}
.hero-prism .hero-copy>p{font-size:clamp(1.12rem,1.25vw,1.35rem);color:#e3e6ed;text-shadow:0 2px 12px #000}
.button,.text-link,.arrow-link,.header-cta,.footer-action{text-align:center;justify-content:center}.text-link,.arrow-link{min-width:100px}.button.outline{border-radius:12px}.callout .button{flex:none;border-color:white}.service-detail li:before{content:'•'}
.services-section{position:relative;isolation:isolate;overflow:hidden;background:#10121a}
.services-section>.shell{position:relative;z-index:1}
.side-rays{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:0;background:radial-gradient(ellipse at top right,#96c8ff24,transparent 65%)}
.side-rays canvas{position:absolute;inset:0;width:100%;height:100%;display:block;opacity:0}.side-rays.is-ready canvas{opacity:1}.side-rays.is-ready{background:none}
.skills-loop{width:100%;height:clamp(145px,16vw,260px);display:flex;align-items:center;justify-content:center;overflow:hidden;cursor:grab;touch-action:pan-y;color:#b8c2ff;border-bottom:1px solid #ffffff14;background:#0b0d14}
.skills-loop.dragging{cursor:grabbing}.curved-loop-svg{height:100%;width:100%;min-width:900px;flex:none;overflow:visible;font:700 72px/1 Kalameh,sans-serif;user-select:none;fill:currentColor;direction:ltr}
.loop-measure{visibility:hidden;opacity:0;pointer-events:none}.loop-text{unicode-bidi:plaintext}
.service-card.border-glow-card{--edge-proximity:0;--cursor-angle:45deg;--card-bg:#120f17;--border-radius:28px;--glow-padding:40px;--cone-spread:25;--edge-sensitivity:30;--color-sensitivity:50;--gradient-one:radial-gradient(at 80% 55%,#c084fc 0px,transparent 50%);--gradient-two:radial-gradient(at 69% 34%,#f472b6 0px,transparent 50%);--gradient-three:radial-gradient(at 8% 6%,#38bdf8 0px,transparent 50%);--gradient-four:radial-gradient(at 41% 38%,#c084fc 0px,transparent 50%);--gradient-five:radial-gradient(at 86% 85%,#f472b6 0px,transparent 50%);--gradient-six:radial-gradient(at 82% 18%,#38bdf8 0px,transparent 50%);--gradient-seven:radial-gradient(at 51% 4%,#f472b6 0px,transparent 50%);--gradient-base:linear-gradient(#c084fc 0 100%);display:grid;position:relative;padding:0;isolation:isolate;transform:translate3d(0,0,.01px);border-radius:var(--border-radius);border:1px solid #ffffff26;background:var(--card-bg);overflow:visible;box-shadow:0 16px 32px #0002;transition:none}
.service-card.border-glow-card:hover{transform:translate3d(0,0,.01px);background:var(--card-bg);border-color:#ffffff26}
.border-glow-inner{display:flex;flex-direction:column;position:relative;overflow:hidden;z-index:1;border-radius:inherit;padding:28px;min-height:390px}
.border-glow-card::before,.border-glow-card::after,.border-glow-card>.edge-light{content:"";position:absolute;inset:0;border-radius:inherit;transition:opacity .25s ease-out;z-index:-1;pointer-events:none}
.border-glow-card:not(:hover):not(:focus-visible)::before,.border-glow-card:not(:hover):not(:focus-visible)::after,.border-glow-card:not(:hover):not(:focus-visible)>.edge-light{opacity:0;transition:opacity .75s ease-in-out}
.border-glow-card:focus-visible{--edge-proximity:100!important}
.border-glow-card::before{border:1px solid transparent;background:linear-gradient(var(--card-bg) 0 100%) padding-box,linear-gradient(#ffffff00 0 100%) border-box,var(--gradient-one) border-box,var(--gradient-two) border-box,var(--gradient-three) border-box,var(--gradient-four) border-box,var(--gradient-five) border-box,var(--gradient-six) border-box,var(--gradient-seven) border-box,var(--gradient-base) border-box;opacity:calc((var(--edge-proximity) - 50)/50);mask-image:conic-gradient(from var(--cursor-angle) at center,black 25%,transparent 40%,transparent 60%,black 75%)}
.border-glow-card::after{border:1px solid transparent;background:var(--gradient-one) padding-box,var(--gradient-two) padding-box,var(--gradient-three) padding-box,var(--gradient-four) padding-box,var(--gradient-five) padding-box,var(--gradient-six) padding-box,var(--gradient-seven) padding-box,var(--gradient-base) padding-box;mask-image:linear-gradient(black,black),radial-gradient(ellipse at 50% 50%,black 40%,transparent 65%),radial-gradient(ellipse at 66% 66%,black 5%,transparent 40%),radial-gradient(ellipse at 33% 33%,black 5%,transparent 40%),radial-gradient(ellipse at 66% 33%,black 5%,transparent 40%),radial-gradient(ellipse at 33% 66%,black 5%,transparent 40%),conic-gradient(from var(--cursor-angle) at center,transparent 5%,black 15%,black 85%,transparent 95%);mask-composite:subtract,add,add,add,add,add;opacity:calc(.5*(var(--edge-proximity) - 50)/50);mix-blend-mode:soft-light}
.border-glow-card>.edge-light{inset:-40px;z-index:1;mask-image:conic-gradient(from var(--cursor-angle) at center,black 2.5%,transparent 10%,transparent 90%,black 97.5%);opacity:calc((var(--edge-proximity) - 30)/70);mix-blend-mode:plus-lighter}
.border-glow-card>.edge-light:before{content:"";position:absolute;inset:40px;border-radius:inherit;box-shadow:inset 0 0 0 1px hsl(40 80% 80%),inset 0 0 1px hsl(40 80% 80%/.6),inset 0 0 3px hsl(40 80% 80%/.5),inset 0 0 6px hsl(40 80% 80%/.4),inset 0 0 15px hsl(40 80% 80%/.3),inset 0 0 25px 2px hsl(40 80% 80%/.2),inset 0 0 50px 2px hsl(40 80% 80%/.1),0 0 3px hsl(40 80% 80%/.5),0 0 15px hsl(40 80% 80%/.3),0 0 50px 2px hsl(40 80% 80%/.1)}
.articles-empty{max-width:850px}.articles-empty h2{font-size:2.4rem}.articles-empty p{font-size:1.2rem}
@media(max-width:1200px){.header-inner{gap:18px}.glass-surface__content{gap:18px;padding-inline:20px}.primary-nav a{font-size:1rem}.header-cta{font-size:.95rem;padding:11px 14px}.lang-switch a{font-size:.75rem;padding:7px 5px}}
@media(max-width:1000px){.header-cta{display:none}}
@media(max-width:900px){.header-inner{height:86px}.primary-nav{top:86px;left:22px;right:22px;border-radius:24px;background:#121824d9}.primary-nav .glass-surface__content{flex-direction:column;align-items:stretch;gap:10px;padding:22px}.primary-nav a{font-size:1.15rem;text-align:center}.hero-prism h1{max-width:65%;font-size:clamp(3.2rem,6.5vw,5rem)}.hero-prism .hero-copy>p{max-width:60%}.hero-prism .hero-topline{font-size:.8rem}.site-brand img{width:44px;height:44px}.lang-switch a{font-size:.8rem}.border-glow-inner{min-height:350px}}
@media(max-width:719px){.hero-prism{min-height:max(900px,100svh);background-position:65% center}.hero-prism .hero-copy{min-height:max(900px,100svh);padding-block:140px 25px}.hero-prism h1{max-width:100%;font-size:clamp(3rem,10.5vw,4.7rem)}.hero-prism .hero-copy>p{max-width:100%;font-size:1.1rem}.hero-prism .hero-topline{font-size:.71rem;letter-spacing:.08em}.hero-prism .hero-bottom{padding-top:240px}.hero-prism .hero-actions{gap:24px}.skills-loop{height:145px}.curved-loop-svg{font-size:64px}.header-inner{gap:14px}.primary-nav{left:16px;right:16px}.lang-switch a{font-size:.78rem;padding:7px 5px}}
@media(prefers-reduced-motion:reduce){.border-glow-card::before,.border-glow-card::after,.border-glow-card>.edge-light{transition:none}}
/* Follow-up art direction: plain dark Hero, quieter skills, four services. */
.hero-prism{background:#0c0d12}.hero-prism .hero-shade{display:block}
.hero-actions .glow-button{min-width:190px;padding-inline:36px}
.curved-loop-svg{font-size:46px}.skills-loop{height:clamp(110px,11vw,180px)}
.service-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.border-glow-inner{padding:26px;min-height:410px}.service-bottom{font-size:1.4rem;line-height:1.4}.service-desc{font-size:1rem;line-height:1.8;max-width:none}.service-glyph{width:120px;height:120px;flex:none;margin:26px auto}.service-number{font-size:.64rem;letter-spacing:.09em}
.glyph-4:before{inset:20% 12%;border:10px solid #6170ff;transform:skewY(-12deg);border-radius:12px}.glyph-4:after{inset:43% 25%;height:12%;background:#b4baff;transform:rotate(-30deg)}
.services-section .section-heading{max-width:1000px}.services-section .section-heading h2{font-size:clamp(2.3rem,3.6vw,4.5rem);line-height:1.35}
.testimonials{position:relative;background:radial-gradient(ellipse at 65% 50%,#17485625,transparent 70%),radial-gradient(#76e7ff20 .8px,transparent 1px);background-size:auto,18px 18px;border-bottom:1px solid #233f4b}
.testimonials-layout{display:grid;grid-template-columns:150px 1fr;gap:38px;align-items:center}.section-letter{font:400 clamp(9rem,16vw,17rem)/.85 Kalameh,sans-serif;color:transparent;-webkit-text-stroke:1px #2e697c;opacity:.65;user-select:none;display:block}
.testimonials h2,.how-section h2,.goal-section h2,.pitch-section h2,.contact-heading h2,.articles-heading h2{font-size:clamp(2rem,3vw,3.4rem);margin:12px 0 30px;color:#91eaff}
.testimonial-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:42px}.testimonial-grid figure{margin:0}.testimonial-grid figcaption{font-size:1.35rem;font-weight:700;margin-bottom:12px}.testimonial-grid blockquote{margin:0 0 20px;font-size:1.12rem;line-height:1.75;color:#e1e7ef}.preview-label{display:block;font-size:.76rem;color:#9daabe;line-height:1.6}.portfolio-section>.arrow-link{margin-top:28px}
.accordion-gallery{--ag-accent:#91eaff;--ag-overlay:#060010;--ag-media-size:320px;display:flex;gap:10px;width:100%;height:460px;max-width:100%;perspective:1400px;direction:ltr}
.ag-panel{position:relative;flex:1 1 0;min-width:0;min-height:0;overflow:hidden;border-radius:16px;cursor:pointer;display:block;text-decoration:none;transform-style:preserve-3d;transform-origin:center;background:#0a0713;box-shadow:0 10px 30px -18px #000c;transition:flex-grow .6s cubic-bezier(.22,1,.36,1),transform .6s cubic-bezier(.22,1,.36,1);-webkit-tap-highlight-color:transparent}
.ag-panel:focus-visible{outline:2px solid var(--ag-accent);outline-offset:3px}.ag-panel__frame{position:absolute;inset:0;overflow:hidden;border-radius:inherit}.ag-panel__media{position:absolute;top:50%;left:50%;width:var(--ag-media-size);height:100%;filter:grayscale(1);transition:transform .6s cubic-bezier(.22,1,.36,1),filter .6s}.ag-panel--active .ag-panel__media{filter:grayscale(0)}.ag-panel__media img{width:100%;height:100%;object-fit:cover;user-select:none}.ag-panel:nth-child(4) img{object-position:75% center;filter:hue-rotate(25deg)}.ag-panel:nth-child(5) img{object-position:25% center;filter:hue-rotate(-25deg)}
.ag-panel__overlay{position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,transparent 45%,#060010dd),#06001059;transition:background .6s}.ag-panel--active .ag-panel__overlay{background:linear-gradient(180deg,transparent 45%,#060010dd)}
.ag-panel__label{position:absolute;inset:auto 24px 24px;display:flex;align-items:center;gap:12px;pointer-events:none;z-index:2;opacity:0;transform:translateX(-14px);transition:opacity .6s,transform .6s;direction:inherit}.ag-panel--active .ag-panel__label{opacity:1;transform:translateX(0);transition-delay:.06s}.ag-panel__bar{width:3px;height:30px;border-radius:3px;background:var(--ag-accent);flex:none;box-shadow:0 0 12px #91eaff99}.ag-panel__text{font-size:clamp(1.1rem,1.4vw,1.5rem);font-weight:700;color:white;min-width:0}.ag-panel__text small{display:block;font-size:.8rem;font-weight:400;color:#b8c5d8}[dir=rtl] .ag-panel__label{direction:rtl}
.how-section{background:linear-gradient(115deg,#10212b,#0b101b);overflow:hidden}.how-layout{display:grid;grid-template-columns:.8fr 1.1fr 1fr;gap:60px;align-items:start}.how-heading{position:sticky;top:40px}.how-heading h2{margin-top:30px}.how-steps{display:grid;gap:65px}.how-steps article{position:relative;border-top:1px solid #4b7b8a66;padding-top:24px}.how-steps h3{font-size:1.5rem;margin-bottom:16px}.how-steps p{font-size:1.1rem;line-height:1.9;margin:0}.step-index{color:#79d2eb;font-size:.85rem}.how-art{position:sticky;top:40px;min-height:800px;height:100%;border-radius:160px 16px 160px 16px;overflow:hidden;background:#124057}.how-art img{position:absolute;width:100%;height:100%;object-fit:cover;filter:saturate(1.1)}
.goal-section{display:grid;grid-template-columns:170px 1fr 170px;gap:40px;align-items:center;position:relative;overflow:hidden;margin-block:130px 0;padding:65px;border:1px solid #32667a;border-radius:32px;background:radial-gradient(ellipse at bottom right,#206a8055,transparent 65%),#14232c}.goal-section p{font-size:1.16rem;line-height:1.95;max-width:800px;margin:0}.goal-circuit{height:180px;position:relative}.goal-circuit:before,.goal-circuit:after{content:'';position:absolute;border:2px solid #32819b;border-radius:12px;width:100%;height:65%;top:10%;transform:skewY(25deg)}.goal-circuit:after{top:40%;transform:skewY(-25deg)}.goal-circuit i{position:absolute;width:16px;height:16px;border-radius:50%;background:#7be8ff;box-shadow:0 0 20px #4ddfff;z-index:1}.goal-circuit i:nth-child(2){top:60%;left:50%}.goal-circuit i:nth-child(3){bottom:0;right:0}
.pitch-section{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.pitch-section p{font-size:1.2rem;line-height:1.9;margin-bottom:35px}.pitch-section .button{font-size:1.05rem}.product-mockup{perspective:1200px;padding:20px}.mockup-screen{aspect-ratio:1.35;border:12px solid #202b38;border-bottom-width:24px;border-radius:20px;transform:rotateY(-18deg) rotateX(8deg);position:relative;overflow:hidden;box-shadow:30px 40px 80px #0009}.mockup-screen img{height:100%;width:100%;object-fit:cover}.mockup-screen span{position:absolute;bottom:15px;left:15px;font-size:.7rem;letter-spacing:.1em;background:#080d17a8;padding:5px}.mockup-base{height:30px;border-radius:0 0 50% 50%;background:linear-gradient(#5d7585,#17212b);transform:perspective(500px) rotateX(35deg);margin-top:-3px;box-shadow:0 30px 60px #428aa333}
.contact-section{background:radial-gradient(ellipse at top right,#16416b66,transparent 60%),#0b1922;scroll-margin-top:30px}.contact-heading{display:grid;grid-template-columns:170px 1fr;gap:50px;align-items:center;margin-bottom:55px}.contact-heading p{font-size:1.4rem;max-width:850px;margin-bottom:18px}.contact-heading small{color:#9aa9ba}.contact-layout{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:start}.contact-section .request-form{background:none;padding:0;border:0}.contact-section .request-form>h2{display:none}.contact-section .request-form label{font-size:1rem}.request-form input:not([type=checkbox]),.request-form textarea,.request-form select{border-radius:12px}.contact-section .request-form input:not([type=checkbox]),.contact-section .request-form textarea{background:#27333f}.scope-fields{border:0;padding:0;margin:0;display:flex;gap:12px 24px;flex-wrap:wrap}.scope-fields legend{font-weight:700;margin-bottom:15px}.request-form .scope-fields label{flex-direction:row;align-items:center;font-size:.95rem;font-weight:400}.scope-fields input{width:17px;height:17px;accent-color:#5263ff}.contact-art{position:sticky;top:40px}.contact-art>img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:50px;mix-blend-mode:screen}.contact-orbit{display:block;width:140px;height:140px;border:1px solid #32718b;border-radius:50%;margin:40px auto;background:repeating-radial-gradient(ellipse,transparent 0 12px,#347a8b55 13px 14px,transparent 15px 20px)}.brief-upload input{font-weight:400;font-size:.9rem}.brief-upload input::file-selector-button{font:inherit;border:0;border-radius:8px;padding:8px 15px;margin-inline-end:15px;background:#344cff;color:white;cursor:pointer}
.articles-home{display:grid;grid-template-columns:.65fr 1.35fr;gap:70px;align-items:center}.articles-heading{position:relative}.articles-heading .section-letter{position:absolute;inset:-90px 0 auto;z-index:-1}.articles-heading p{font-size:1rem}.article-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:38px 26px}.article-card img{width:100%;aspect-ratio:1.65;object-fit:cover;border-radius:18px;margin-bottom:16px}.article-card h3{font-size:1.35rem;margin:10px 0}.article-card p{font-size:1rem;margin:0}.article-card .preview-label{font-size:.72rem}
.future-banner{background:repeating-linear-gradient(70deg,transparent 0 14px,#54c1db09 15px 28px),radial-gradient(ellipse at right,#14495b,#0b1d2b);padding-block:75px}.future-banner .shell{display:flex;align-items:center;justify-content:space-between;gap:40px}.future-banner h2{font-size:clamp(2.8rem,5vw,6rem);line-height:1.3;color:#b0efff;margin:0}.future-banner .button{flex:none}
.site-footer{background:radial-gradient(ellipse at bottom right,#143b4d77,transparent 70%),#09161f;margin-top:0;padding-block:65px 25px}.footer-intro{padding-bottom:35px;border-bottom:1px solid #31607766}.footer-brand{display:inline-block}.footer-brand img{width:110px;height:110px;object-fit:contain;object-position:center}.footer-intro p{font-size:1.2rem;font-weight:700;max-width:950px;margin:20px 0 0}.footer-columns{position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:40px;padding-block:50px}.footer-columns h3{font-size:1rem;color:#85d8ee;margin-bottom:22px}.footer-columns ul{list-style:none;padding:0;margin:0;display:grid;gap:16px}.footer-columns li{font-size:.96rem;color:#b6c5d1}.footer-columns a{text-decoration:none}.footer-columns a:hover{color:white}.footer-columns small{display:block;color:#7e9aaa;font-size:.72rem;margin-top:20px;max-width:220px}.social-list{direction:ltr}.social-list li{display:flex;align-items:center;gap:10px}.social-dot{width:7px;height:7px;border-radius:2px;background:#7bdbef}.footer-watermark{position:absolute;inset-inline-end:0;bottom:0;width:220px;height:220px;object-fit:contain;opacity:.025;pointer-events:none}.footer-bottom{font-size:.8rem;border-color:#31607766}
@media(max-width:1100px){.service-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.service-card:last-child{grid-column:auto}.how-layout{grid-template-columns:.7fr 1.3fr;gap:35px}.how-art{display:none}.goal-section{grid-template-columns:100px 1fr;padding:40px}.goal-circuit{display:none}.goal-section .section-letter{font-size:10rem}.pitch-section,.contact-layout{gap:40px}.testimonials-layout{grid-template-columns:90px 1fr;gap:25px}.testimonial-grid{gap:25px}.articles-home{gap:40px}.footer-columns{gap:24px}}
@media(max-width:719px){.curved-loop-svg{font-size:40px}.skills-loop{height:110px}.hero-actions .glow-button{min-width:165px;padding-inline:24px}.how-layout,.pitch-section,.contact-layout,.articles-home{grid-template-columns:1fr}.how-heading{position:static;display:flex;gap:25px;align-items:center}.how-heading .section-letter{font-size:10rem}.how-heading h2{margin:0}.how-steps{gap:35px}.testimonials-layout{display:block}.testimonials-layout>.section-letter{display:none}.testimonial-grid{grid-template-columns:1fr;gap:35px}.testimonial-grid figure{padding-bottom:25px;border-bottom:1px solid #315360}.goal-section{margin-top:80px;grid-template-columns:1fr;padding:30px;gap:0}.goal-section>.section-letter{position:absolute;inset:25px auto auto 20px;font-size:12rem;opacity:.13}.goal-section>div{position:relative}.pitch-section{gap:45px}.contact-heading{grid-template-columns:1fr;gap:0}.contact-heading>.section-letter{display:none}.contact-art{position:static;max-width:420px;margin:auto}.contact-orbit{display:none}.articles-heading .section-letter{display:none}.future-banner .shell{align-items:start;flex-direction:column}.footer-columns{grid-template-columns:1fr 1fr;gap:35px 22px}.future-banner h2{font-size:2.9rem}.product-mockup{max-width:500px;margin:auto}}
@media(max-width:620px){.service-grid{grid-template-columns:1fr}.border-glow-inner{min-height:355px}.service-bottom{font-size:1.65rem}.service-glyph{margin:20px auto}.accordion-gallery{flex-direction:column;perspective:none;height:560px}.ag-panel{transform:none!important;min-height:52px}.ag-panel__media{width:100%;height:var(--ag-media-size)}.ag-panel__label{inset:auto 18px 18px}.article-grid{gap:28px 18px}.article-card h3{font-size:1.1rem}.article-card p{font-size:.9rem}.article-card img{aspect-ratio:1.3}.footer-columns h3{font-size:.95rem}.footer-columns li{font-size:.88rem}.contact-heading p{font-size:1.15rem}.pitch-section .button{font-size:.95rem;white-space:normal}}
@media(prefers-reduced-motion:reduce){.ag-panel,.ag-panel__media,.ag-panel__overlay,.ag-panel__label{transition:none}}
/* Third browser pass. */
.site-brand .brand-name{display:block;font:800 1.15rem/1 Kalameh,sans-serif;letter-spacing:.18em;color:#f6f7fb}
.testimonials-layout{display:block}.contact-heading{display:block;max-width:48%;margin-inline-end:52%}.contact-heading p{font-size:1.3rem}
.pitch-section{margin-top:65px}.curved-loop-svg{font-size:34px}
.footer-columns{direction:ltr}.footer-columns>div{direction:rtl}.footer-social{grid-column:1;grid-row:1}[dir=ltr] .footer-columns>div{direction:ltr}
.contact-section{position:relative;overflow:hidden}.contact-section>.shell{position:static}.contact-layout{align-items:stretch}.contact-art{position:absolute;inset-block:0;inset-inline-end:0;width:calc(50% - 40px);max-width:none;margin:0;pointer-events:none}.contact-art>img{height:100%;width:100%;aspect-ratio:auto;border-radius:0;object-fit:cover;mix-blend-mode:normal}.contact-orbit{display:none}.contact-section .request-form{position:relative;z-index:1}
.articles-home{display:block}.articles-heading{display:flex;align-items:center;gap:25px;flex-wrap:wrap;margin-bottom:38px}.articles-heading .section-letter{display:none}.articles-heading h2{margin:0}.articles-heading p{margin:0;flex:1;min-width:200px}.articles-heading .arrow-link{flex:none}
.chroma-grid{--chroma-x:-9999px;--chroma-y:-9999px;--chroma-power:0;--chroma-cols:4;--chroma-min:230px;--chroma-gap:18px;--chroma-r:260px;--chroma-radius:22px;--chroma-tile:linear-gradient(180deg,#3a3644,#27242f);position:relative;width:100%;-webkit-tap-highlight-color:transparent}
.chroma-grid-inner{display:grid;gap:var(--chroma-gap);grid-template-columns:repeat(auto-fill,minmax(min(100%,max(var(--chroma-min),calc((100% - (var(--chroma-cols) - 1)*var(--chroma-gap))/var(--chroma-cols)))),1fr))}
.chroma-card{position:relative;display:flex;flex-direction:column;gap:10px;min-width:0;padding:8px;border-radius:var(--chroma-radius);background:var(--chroma-tile);box-shadow:0 4px 10px -4px #000b;color:#f4f4f5;text-decoration:none;overflow:hidden;isolation:isolate;transition:filter .25s}.chroma-card:hover{filter:brightness(1.12)}.chroma-card:focus-visible{outline:2px solid #b8c5ff;outline-offset:4px}
.chroma-wash,.chroma-color,.chroma-card-glow{mask-image:radial-gradient(circle var(--chroma-r) at calc(var(--chroma-x) - var(--chroma-ox,0px)) calc(var(--chroma-y) - var(--chroma-oy,0px)),var(--chroma-stops));-webkit-mask-image:radial-gradient(circle var(--chroma-r) at calc(var(--chroma-x) - var(--chroma-ox,0px)) calc(var(--chroma-y) - var(--chroma-oy,0px)),var(--chroma-stops))}
.chroma-wash{position:absolute;inset:0;z-index:0;pointer-events:none;background:radial-gradient(130% 70% at 50% 100%,var(--chroma-accent),transparent 72%);opacity:calc(.5*var(--chroma-power)*.45)}
.chroma-media{position:relative;z-index:1;aspect-ratio:3/2;border-radius:14px;overflow:hidden;background:#ffffff14}.chroma-media img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;user-select:none}.chroma-mono{filter:grayscale(1) brightness(.88)}.chroma-color{opacity:var(--chroma-power)}
.chroma-media-rim{position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 0 0 1px #ffffff0f;pointer-events:none}
.chroma-info{position:relative;z-index:1;display:flex;flex-direction:column;gap:6px;min-width:0;padding:4px 8px 12px}.chroma-title{font-size:1.1rem;font-weight:700;line-height:1.55;margin:0}.chroma-subtitle{font-size:.92rem;line-height:1.7;color:#c5c4ce;margin:0}.chroma-info .preview-label{font-size:.7rem;color:#a9a7b5}
.chroma-card-rim,.chroma-card-glow{position:absolute;inset:0;z-index:2;border-radius:inherit;pointer-events:none}.chroma-card-rim{box-shadow:inset 0 0 0 1px #ffffff12,inset 0 1px 0 #ffffff1f}.chroma-card-glow{box-shadow:inset 0 0 0 1px var(--chroma-accent),inset 0 0 16px -8px var(--chroma-accent);opacity:var(--chroma-power)}
@media(max-width:1200px){.site-brand .brand-name{font-size:.95rem;letter-spacing:.1em}.header-inner{gap:14px}.glass-surface__content{gap:15px;padding-inline:15px}}
@media(max-width:719px){.site-brand{gap:8px}.site-brand .brand-name{font-size:.88rem;letter-spacing:.08em}.contact-heading{max-width:100%;margin-inline-end:0}.contact-layout{gap:35px}.contact-art{position:relative;inset:auto;width:calc(100% + 32px);height:440px;margin-inline:-16px;grid-row:2}.contact-art>img{height:100%;object-position:center}.contact-section{padding-bottom:0}.pitch-section{margin-top:35px}.curved-loop-svg{font-size:30px}.articles-heading{gap:18px}.articles-heading p{flex-basis:100%}.footer-columns>div{grid-row:auto}.footer-social{grid-column:1;grid-row:1!important}.footer-columns{gap:32px 22px}}
/* Fourth pass: integrated artwork and restrained labels. */
.site-brand{flex-direction:row-reverse}.site-brand .brand-name{letter-spacing:0;font-size:1.4rem}
.how-section{position:relative;isolation:isolate;background:#0b101b;overflow:hidden}.how-section:before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#0b101b05,#0b101bdd 56%,#0b101bf5),url('./images/hero-cyan.webp') center/cover no-repeat}[dir=ltr] .how-section:before{background:linear-gradient(270deg,#0b101b05,#0b101bdd 56%,#0b101bf5),url('./images/hero-cyan.webp') center/cover no-repeat;transform:scaleX(-1)}
.how-layout{grid-template-columns:.8fr 1.2fr;gap:80px;min-height:720px}.how-heading h2{margin-top:0}.how-steps{gap:42px}.how-steps p{color:#d1d9e5}.how-heading{position:static}.how-heading h2{text-shadow:0 2px 20px #000}
.curved-loop-svg{font-size:26px}.skills-loop{height:100px}.hero-prism .hero-copy{justify-content:flex-start}
.contact-section{padding-block:90px 65px}.contact-heading{margin-bottom:28px}.contact-heading h2{margin-bottom:18px}.contact-section .request-form{gap:16px}.contact-section .request-form textarea{min-height:130px;height:130px}.contact-section .request-form input:not([type=checkbox]),.contact-section .request-form textarea{padding:10px 13px}
.tilt-card{transform-style:preserve-3d;will-change:transform}.tilt-card:after{content:'';position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at var(--glare-x,50%) var(--glare-y,50%),#ffffff,transparent 50%);opacity:0;transition:opacity .2s}.tilt-card.tilt-enabled:after{opacity:.15}
.future-banner{position:relative;isolation:isolate;overflow:hidden;background:#0b1421}.future-banner>.shell{position:relative;z-index:1;pointer-events:none}.future-banner a{pointer-events:auto}.plasma-wave-container{position:absolute;inset:-35% auto -35% 0;width:65%;overflow:hidden;pointer-events:none;z-index:0;background:radial-gradient(ellipse at 25% 60%,#5562f72b,transparent 70%)}.plasma-wave-canvas{position:absolute;inset:0;display:block;width:100%;height:100%;opacity:0}.plasma-wave-container.is-ready{background:none}.plasma-wave-container.is-ready .plasma-wave-canvas{opacity:1}
@media(max-width:900px){.how-layout{gap:40px;min-height:0}.how-section:before{opacity:.6}.site-brand .brand-name{font-size:1.2rem}}
@media(max-width:719px){.how-layout{grid-template-columns:1fr;gap:28px}.how-section:before{background:linear-gradient(#0b101bd9,#0b101bd9),url('./images/hero-cyan.webp') center/cover}.how-heading{display:block}.curved-loop-svg{font-size:23px}.skills-loop{height:85px}.contact-section{padding-block:60px 0}.contact-heading{margin-bottom:24px}.site-brand .brand-name{font-size:1.08rem}.plasma-wave-container{width:100%;opacity:.6}.future-banner .button{background:#0b1421a8}}
@media(prefers-reduced-motion:reduce){.tilt-card{transform:none!important;will-change:auto}.tilt-card:after{display:none}}
.future-banner .button{min-width:150px;background:#0b1421dd;color:#fff;border-color:#91a4c4}.future-banner .button:hover{background:#26365a}.plasma-wave-container{width:55%}
@media(max-width:719px){.plasma-wave-container{width:100%}}
/* Fifth pass: natural SVG type and a wider shared alignment grid. */
.shell{width:min(1920px,calc(100% - clamp(40px,8vw,160px)))}
.curved-loop-svg{width:100%;height:100%;min-width:0;font-size:22px;flex:none}.skills-loop{height:105px}
[dir=rtl] .hero-prism .prism{transform:translateX(clamp(28px,4vw,100px))}
.statement{margin-block:55px;padding-block:clamp(110px,9vw,180px);border-bottom:0}
.testimonials{border:0;background:none;isolation:isolate}.testimonials:before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 65% 50%,#17485625,transparent 70%),radial-gradient(#76e7ff20 .8px,transparent 1px);background-size:auto,18px 18px;mask-image:linear-gradient(transparent,#000 25%,#000 75%,transparent)}
.testimonial-grid figure{border:0}
.how-section:before{background:linear-gradient(90deg,#0b101b05,#0b101b88 56%,#0b101baa),url('./images/hero-cyan.webp') center/cover no-repeat}
[dir=ltr] .how-section:before{background:linear-gradient(270deg,#0b101b05,#0b101b88 56%,#0b101baa),url('./images/hero-cyan.webp') center/cover no-repeat}
.how-layout{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(32px,4vw,75px)}.how-heading{max-width:620px}.how-heading h2{margin-bottom:22px}.how-intro{font-size:1.18rem;line-height:1.95;color:#d4deeb;max-width:50ch;text-shadow:0 2px 12px #000}.how-steps{padding:28px;border-radius:20px;background:#0b101b73;backdrop-filter:blur(3px)}
.goal-section{grid-template-columns:minmax(0,1fr) 170px;gap:55px}
.future-banner{margin-bottom:80px}
.social-icon{color:#7bdbef;flex:none}.footer-bottom{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:25px}.footer-pending{font-size:.8rem;color:#a8bac9;text-align:center}.footer-bottom>a{justify-self:end}
.form-submit{border-radius:14px;background:var(--blue);padding:14px 28px;min-width:155px;box-shadow:none;animation:none}.form-submit:before{display:none}
@media(max-width:900px){.shell{width:calc(100% - 48px)}.how-layout{gap:30px}.goal-section{grid-template-columns:1fr}.footer-bottom{grid-template-columns:1fr auto}.footer-pending{grid-row:2;grid-column:1/-1;justify-self:center}}
@media(max-width:719px){.shell{width:calc(100% - 32px)}.curved-loop-svg{font-size:20px}.skills-loop{height:85px}[dir=rtl] .hero-prism .prism{transform:translateX(16px)}.statement{margin-block:30px;padding-block:90px}.how-layout{grid-template-columns:1fr;gap:24px}.how-heading{max-width:none}.how-intro{font-size:1.08rem;margin-bottom:0}.how-steps{padding:22px}.how-section:before,[dir=ltr] .how-section:before{background:linear-gradient(#0b101b99,#0b101baa),url('./images/hero-cyan.webp') center/cover}.future-banner{margin-bottom:55px}.goal-section{padding:30px;gap:0}.footer-bottom{gap:18px}}
/* Sixth pass: full-bleed service artwork and localized file controls. */
.service-card .border-glow-inner{padding:0;min-height:0;height:100%;overflow:hidden;border-radius:inherit;display:flex;flex-direction:column}.service-image{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;flex:none}.service-copy{display:flex;flex-direction:column;justify-content:flex-end;flex:1;padding:24px;min-height:200px}.service-copy .service-bottom{min-height:2.8em;align-items:flex-end;line-height:1.4}.service-copy .service-desc{margin-top:12px;min-height:5.4em;line-height:1.8}.service-card .service-glyph{display:none}
.product-mockup{padding:0;perspective:none}.laptop-cutout{display:block;width:100%;height:auto;object-fit:contain;filter:drop-shadow(0 20px 35px #06080d55)}
.file-picker{position:relative;display:flex;align-items:center;gap:16px;min-height:52px;padding:8px;border:1px solid #4d5770;border-radius:12px;background:#27333f;cursor:pointer}.request-form .file-picker input[type=file]{position:absolute;inset:0;opacity:0;width:100%;height:100%;padding:0;margin:0;cursor:pointer;z-index:2}.file-picker-button{flex:none;background:var(--blue);border-radius:8px;padding:8px 18px;color:#fff;font-size:.95rem;font-weight:700}.file-picker-name{font-size:.9rem;font-weight:400;color:#c2cbd8;overflow-wrap:anywhere;min-width:0}.file-picker:focus-within{outline:3px solid #9da7ff;outline-offset:3px}
[dir=rtl] .footer-social .social-list{direction:rtl;align-items:stretch}[dir=rtl] .footer-social .social-list li{justify-content:flex-start;text-align:right}[dir=rtl] .footer-social .social-list svg{order:0}
.home-page main>section+section{margin-top:clamp(45px,5vw,90px)}.home-page main>.skills-loop{margin-top:0}.home-page main>.statement{margin-block:80px}.home-page main>.pitch-section{margin-top:95px}.home-page main>.future-banner{margin-top:80px;margin-bottom:110px}
@media(max-width:1100px){.service-copy{min-height:200px}.service-image{aspect-ratio:16/10}}
@media(max-width:719px){.home-page main>section+section{margin-top:45px}.home-page main>.skills-loop{margin-top:0}.home-page main>.statement{margin-block:45px}.home-page main>.pitch-section{margin-top:55px}.home-page main>.future-banner{margin-top:50px;margin-bottom:70px}.service-copy{min-height:0;padding:24px}.service-copy .service-bottom,.service-copy .service-desc{min-height:0}.file-picker{gap:12px}.file-picker-button{padding:8px 14px}}
.home-page main>.statement{margin-block:100px}.home-page main>.goal-section{margin-top:150px}.home-page main>.future-banner{margin-top:100px}
@media(max-width:719px){.home-page main>.statement{margin-block:55px}.home-page main>.goal-section{margin-top:85px}.home-page main>.future-banner{margin-top:55px}}
.service-copy .service-bottom,.service-copy .service-desc{min-height:0}
/* Seventh pass: align every card's text directly beneath its image. */
.service-card.border-glow-card{min-height:0}.service-copy{flex:none;justify-content:flex-start;min-height:0;padding:20px 24px 24px}.service-copy .service-bottom{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;font-size:1.3rem;line-height:1.4;height:2.8em;min-height:2.8em}.service-copy .service-desc{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;font-size:1rem;line-height:1.8;height:3.6em;min-height:3.6em;margin-top:10px}
:is(.home-page,.inner-page) main h2{font-family:Kalameh,sans-serif;font-weight:900;color:var(--text);font-size:clamp(2.4rem,3.6vw,4.5rem);line-height:1.3;letter-spacing:normal}
.goal-art{display:block;width:240px;height:240px;object-fit:contain;justify-self:center;filter:drop-shadow(0 12px 25px #060b1755)}.goal-section{grid-template-columns:minmax(0,1fr) 240px}
@media(max-width:900px){.goal-section{grid-template-columns:minmax(0,1fr) 180px;gap:30px}.goal-art{width:180px;height:180px}}
@media(max-width:719px){:is(.home-page,.inner-page) main h2{font-size:2.4rem}.goal-section{grid-template-columns:1fr;gap:26px}.goal-art{width:190px;height:190px;grid-row:2}.service-copy{padding:20px 24px 24px}}
/* Interior pages share the landing page's visual language. */
.inner-page .site-header{background:#0c0d12;border-bottom:0}.inner-page main{overflow:clip}.inner-hero{display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:clamp(45px,6vw,115px);padding-block:80px 100px;min-height:650px;position:relative}.inner-hero:before{content:'';position:absolute;inset:-110px -5vw 0;z-index:-1;background:radial-gradient(ellipse at 85% 20%,#2332f71c,transparent 65%)}.inner-hero-copy{min-width:0}.breadcrumbs{display:flex;align-items:center;gap:12px;font-size:.95rem;color:#aab7cc;margin-bottom:30px}.breadcrumbs a{text-decoration:none}.breadcrumbs a:hover{color:white}.inner-hero h1{font-size:clamp(3.3rem,4.5vw,6rem);font-weight:900;line-height:1.23;letter-spacing:normal;margin:0 0 28px;max-width:1000px}.inner-hero p{font-size:clamp(1.15rem,1.3vw,1.4rem);line-height:1.95;max-width:65ch;margin-bottom:32px}.inner-hero-art{min-width:0;position:relative}.inner-hero-art img{display:block;width:100%;height:auto;aspect-ratio:1.25;object-fit:cover;border-radius:28px;border:1px solid #50608155}.page-request .inner-hero-art img{object-fit:contain;aspect-ratio:1.35;border:0;border-radius:0;filter:drop-shadow(0 20px 35px #06080d55)}
.inner-page .callout{margin-block:100px 130px;border:1px solid #576b9a66;border-radius:28px;background:radial-gradient(ellipse at bottom left,#2332f755,transparent 70%),#151b2b}.inner-page .callout h2{max-width:950px}.inner-page .callout .button{border-radius:14px}.inner-page .callout p{color:#b9c6dc}.inner-page .team-tease{border-radius:24px;border:1px solid #39475f;background:#151c29;padding:50px}.inner-page .team-tease h2{font-size:clamp(2.2rem,3vw,3.5rem)}
.inner-purpose{display:grid;grid-template-columns:1.3fr .7fr;gap:70px;align-items:center}.inner-purpose p{font-size:1.3rem;line-height:2;max-width:68ch}.inner-purpose img{width:300px;height:300px;object-fit:contain;justify-self:center}.inner-values>h2,.inner-process>h2{margin-bottom:45px}.inner-values-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.inner-values-grid article{overflow:hidden;border:1px solid #414b6559;border-radius:24px;background:#151a26}.inner-values-grid img{width:100%;height:auto;aspect-ratio:1.7;object-fit:cover}.inner-values-grid article>div{padding:30px}.inner-values-grid h3{font-size:1.7rem;margin:0 0 16px}.inner-values-grid p{font-size:1.1rem;line-height:1.9;margin:0}
.inner-process-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}.inner-process-grid article{border-top:1px solid #515e7e;padding:26px 0}.inner-process-grid article>span{color:#8f9fff;font-size:.9rem}.inner-process-grid h3{font-size:1.6rem;margin:28px 0 18px}.inner-process-grid p{font-size:1.06rem;line-height:1.9;margin:0}
.service-jump{display:flex;gap:14px;flex-wrap:wrap;padding-bottom:65px}.service-jump a{border:1px solid #435172;padding:12px 22px;border-radius:30px;text-decoration:none;font-size:1rem;background:#131a28}.service-jump a:hover{background:#243250}.inner-service-list{display:grid;gap:100px}.inner-service{display:grid;grid-template-columns:1fr 1fr;gap:clamp(40px,6vw,100px);align-items:center;scroll-margin-top:45px}.inner-service:nth-child(even) .inner-service-picture{order:2}.inner-service-picture img{width:100%;height:auto;aspect-ratio:1.35;object-fit:cover;border-radius:28px;border:1px solid #41506c55}.inner-service-copy p{font-size:1.22rem;line-height:1.95}.inner-service-copy h3{font-size:1.2rem;color:#c7d1e7;margin:28px 0 15px}.inner-service-copy ul{list-style:none;padding:0;margin:0 0 20px;display:grid;gap:10px}.inner-service-copy li{border-bottom:1px solid #303d55;padding-bottom:12px;font-size:1.1rem}.inner-service-copy li:before{content:'•';color:#8695ff;margin-inline-end:12px}
.inner-faq{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px}.inner-faq details{padding:22px 0;border-bottom:1px solid #3b465f}.inner-faq summary{font-size:1.35rem;font-weight:700;cursor:pointer;padding-inline-end:20px}.inner-faq details p{font-size:1.12rem;line-height:1.95;margin:20px 0 5px}.inner-case-context{display:grid;grid-template-columns:1fr 1fr;gap:80px}.inner-case-context>div>p{font-size:1.25rem;line-height:1.95}.case-outline{display:grid;gap:30px}.case-outline article{border-inline-start:2px solid #4c5dd7;padding-inline-start:28px}.case-outline h3{font-size:1.55rem;margin:8px 0 14px}.case-outline article>span{font-size:.8rem;color:#98a6ff}.case-outline p{font-size:1.08rem;line-height:1.9;margin:0}.work-gallery>.section-heading{max-width:950px}
.inner-page .request-layout{padding-top:35px;padding-bottom:110px}.request-aside-art{width:180px;height:180px;object-fit:contain;margin-bottom:25px}.inner-page .request-aside h2{font-size:clamp(2rem,2.7vw,3rem)}.inner-page .request-form{border-radius:24px;background:linear-gradient(145deg,#1b2333,#131b29);border-color:#46536d66;box-shadow:0 20px 60px #0002}.inner-page main .request-form>h2{font-size:2rem;margin-bottom:15px}.inner-page .request-form label{font-size:1rem}.inner-page .request-form .consent{font-size:.95rem}.request-layout{scroll-margin-top:25px}.journal-index{padding-top:25px}.journal-index .chroma-grid{--chroma-cols:2;--chroma-min:280px;--chroma-gap:30px}.journal-index .chroma-info{padding:14px 18px 20px}.journal-index .chroma-title{font-size:1.6rem}.journal-index .chroma-subtitle{font-size:1.1rem}
.article-header{padding-block:70px 50px;max-width:1300px}.article-header h1{font-size:clamp(3rem,4.5vw,5.5rem);font-weight:900;line-height:1.3;margin-bottom:25px}.article-header>p{font-size:1.35rem;line-height:1.9}.article-cover{max-width:1300px}.article-cover img{width:100%;aspect-ratio:2.15;object-fit:cover;border-radius:25px}.article-reading{max-width:1300px;display:grid;grid-template-columns:280px minmax(0,1fr);gap:75px;padding-block:70px}.article-toc{display:grid;gap:22px;position:sticky;top:30px;align-self:start}.article-toc a{padding-inline-start:16px;border-inline-start:2px solid #5363cc;color:#b8c5dd;text-decoration:none;font-size:1rem}.article-toc a:hover{color:white}.article-body section{scroll-margin-top:35px;margin-bottom:55px}.inner-page main .article-body h2{font-size:clamp(1.8rem,2.4vw,2.6rem);margin-bottom:22px}.article-body p{font-size:1.22rem;line-height:2.1;color:#c4cddd;margin:0}.related-notes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px;margin-top:35px}.related-notes a{background:#151d2b;border:1px solid #3e4c6659;border-radius:20px;padding:28px;text-decoration:none}.related-notes h3{font-size:1.45rem;margin-bottom:16px}.related-notes p{font-size:1.05rem;line-height:1.8;margin:0}
.inner-page .page-hero-index{display:none}.inner-page .page-hero{min-height:0;padding-top:70px}.inner-page .story-visual{border-radius:25px}.inner-page .story-row h2{font-size:clamp(2rem,3vw,3rem)}
@media(max-width:1100px){.inner-hero{gap:35px;min-height:550px}.inner-hero h1{font-size:3.5rem}.inner-hero p{font-size:1.15rem}.inner-process-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.inner-values-grid{gap:18px}.inner-values-grid article>div{padding:24px}.inner-faq,.inner-case-context{gap:40px}.inner-service-list{gap:70px}.inner-service{gap:40px}.inner-service-copy h2{font-size:2.7rem!important}}
@media(max-width:719px){.inner-hero{grid-template-columns:1fr;padding-block:45px 65px;gap:40px;min-height:0}.inner-hero h1{font-size:clamp(2.8rem,10vw,4rem)}.inner-hero p{font-size:1.1rem}.breadcrumbs{font-size:.85rem;margin-bottom:24px}.inner-hero-art img{aspect-ratio:1.5;border-radius:20px}.inner-purpose,.inner-values-grid,.inner-faq,.inner-case-context{grid-template-columns:1fr;gap:30px}.inner-purpose img{width:220px;height:220px}.inner-purpose p{font-size:1.15rem}.inner-service{grid-template-columns:1fr;gap:30px}.inner-service:nth-child(even) .inner-service-picture{order:0}.inner-service-picture img{aspect-ratio:1.5}.inner-service-copy p{font-size:1.12rem}.service-jump{gap:10px;padding-bottom:50px}.service-jump a{font-size:.9rem;padding:10px 15px}.inner-service-copy h2{font-size:2.4rem!important}.inner-values-grid h3{font-size:1.5rem}.inner-process-grid{gap:20px}.inner-process-grid h3{font-size:1.3rem}.inner-process-grid p{font-size:.98rem}.inner-page .team-tease{padding:30px}.inner-page .callout{padding:30px;margin-block:65px 80px}.inner-page .request-form{padding:24px}.inner-page .request-aside{position:static}.inner-page .request-layout{padding-bottom:75px}.journal-index .chroma-grid{--chroma-min:250px}.journal-index .chroma-title{font-size:1.35rem}.article-header{padding-block:45px 30px}.article-header h1{font-size:2.8rem}.article-header>p{font-size:1.15rem}.article-cover img{aspect-ratio:1.5;border-radius:18px}.article-reading{grid-template-columns:1fr;gap:40px;padding-block:45px}.article-toc{position:static;padding:25px;border:1px solid #3c4b64;border-radius:16px;gap:16px}.article-body p{font-size:1.12rem}.related-notes{grid-template-columns:1fr;gap:18px}}
.inner-hero h1,.article-header h1{text-wrap:balance}
/* Requested inner-page refinements. */
.inner-hero::before{display:none}
.inner-hero{isolation:isolate;overflow:hidden;background:transparent}
.pattern-waves{position:absolute;inset:0;width:100%;height:100%;overflow:hidden;z-index:-1;pointer-events:none;background:#000}
.inner-hero:has(.pattern-waves){background:#000}
.inner-hero:has(.pattern-waves) .inner-hero-copy{position:relative;text-shadow:0 2px 18px #000}
.inner-hero:has(.pattern-waves) .inner-hero-art{position:relative}
.future-banner{isolation:isolate}
.future-banner::after{content:'';position:absolute;inset:0 0 0 55%;z-index:-1;background-image:radial-gradient(circle,rgba(145,215,243,.19) .8px,transparent 1px);background-size:9px 9px;mask-image:linear-gradient(to right,transparent 0%,#000 75%);pointer-events:none}
.footer-columns h3{font-size:clamp(1.2rem,1.5vw,1.65rem);font-weight:800;line-height:1.6}
.journal-index .chroma-grid{--chroma-cols:3;--chroma-min:220px}
.work-gallery .circular-gallery{height:clamp(380px,36vw,650px);margin-block:15px;direction:ltr}
.circular-gallery .gallery-fallback{display:flex;gap:20px;overflow:auto;list-style:none;padding:20px}
.gallery-fallback li{flex:0 0 280px}
.gallery-fallback button{color:inherit;background:transparent;border:0;font:inherit}
.gallery-fallback img{width:100%;aspect-ratio:1.3;object-fit:cover}
.circular-gallery.is-ready .gallery-fallback{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);padding:0;margin:0}
.circular-gallery-close{font:32px/1 sans-serif!important;background:#10141ee6!important;z-index:3}
.circular-gallery-label,.circular-gallery-caption{direction:rtl}
html[dir=ltr] .circular-gallery-label,html[dir=ltr] .circular-gallery-caption{direction:ltr}
@media(max-width:900px){.journal-index .chroma-grid{--chroma-cols:2}}
@media(max-width:600px){.journal-index .chroma-grid{--chroma-cols:1}.future-banner::after{inset-inline:45% 0}.footer-columns h3{font-size:1.25rem}}
.inner-hero:has(.pattern-waves){width:100%;max-width:none;padding-inline:max(calc((100vw - 1920px)/2),clamp(32px,4vw,160px))}
.pattern-waves{mask-image:linear-gradient(transparent,#000 12%,#000 85%,transparent)}
.team-photo{margin-block:60px 100px}
.team-photo img{display:block;width:100%;max-height:850px;aspect-ratio:16/9;object-fit:cover;border-radius:28px}
.team-photo figcaption{margin-top:12px;font-size:.85rem;color:#8994a5}
@media(max-width:600px){.inner-hero:has(.pattern-waves){padding-inline:16px}.team-photo img{aspect-ratio:4/3}.team-photo{margin-block:30px 60px}}
/* Review: shared hero transition, sticky navigation and form spacing. */
.site-header,.home-page .site-header{position:sticky;top:0;inset-inline:0;z-index:50;background:#0c0d12eb;backdrop-filter:blur(18px)}
html{scroll-padding-top:115px}
.inner-service{scroll-margin-top:130px}
.inner-page .request-aside{top:125px}
.inner-hero:has(.pattern-waves){padding-bottom:180px;background:linear-gradient(#000 65%,var(--bg) 100%)}
.inner-hero:has(.pattern-waves)::after{content:'';position:absolute;inset:auto 0 0;height:210px;pointer-events:none;z-index:-1;background-image:radial-gradient(circle,#52b8d344 .8px,transparent 1px);background-size:9px 9px;mask-image:linear-gradient(transparent,#000 28%,#000 40%,transparent 100%)}
.inner-hero:has(.pattern-waves) .pattern-waves{mask-image:linear-gradient(transparent,#000 12%,#000 58%,transparent 94%)}
.inner-hero:has(.pattern-waves) .inner-hero-art img{box-shadow:0 0 38px #7ad8ff30,0 0 95px #557dff26;border-color:#a2dcff75}
.journal-index{margin-inline:auto}
.journal-index .chroma-grid{max-width:1680px;margin-inline:auto}
.journal-index .chroma-info{text-align:center}
.service-jump{margin-top:clamp(35px,4vw,70px)}
.page-request .request-aside ol{font-size:clamp(1.15rem,1.25vw,1.4rem);line-height:1.95}
.page-request .request-aside .privacy-note,.page-request .request-aside .contact-note{font-size:clamp(1.08rem,1.15vw,1.3rem);line-height:1.95}
select{appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath d='m4 6 4 4 4-4' fill='none' stroke='%23cbd5e1' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 18px center}
.request-form select{padding-inline-end:48px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath d='m4 6 4 4 4-4' fill='none' stroke='%23cbd5e1' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 18px center}
[dir=rtl] select,[dir=rtl] .request-form select{background-position:left 18px center}
@media(max-width:719px){.inner-hero:has(.pattern-waves){padding-bottom:125px}.inner-hero:has(.pattern-waves)::after{height:150px}.service-jump{margin-top:35px}}
/* Blend decorative section backgrounds into the page without fading content. */
.services-section::after,.how-section::after,.future-banner::before{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(to bottom,var(--bg),transparent var(--section-fade),transparent calc(100% - var(--section-fade)),var(--bg));z-index:0}
.services-section,.how-section{--section-fade:clamp(65px,7vw,140px)}
.services-section>.shell,.how-section>.shell{position:relative;z-index:1}
.future-banner{--section-fade:clamp(45px,4.5vw,90px)}
.future-banner::before{z-index:1}
.future-banner>.shell{z-index:2}
/* Header interaction and a fading print behind the hero copy. */
html[lang=en] .site-brand{flex-direction:row}
.primary-nav a,.lang-switch a{position:relative;border-radius:7px;transition:color .28s ease,transform .28s ease}
.primary-nav a{padding-inline:9px;margin-inline:-9px}
.primary-nav a:hover,.primary-nav a:focus-visible{color:#fff;transform:scale(1.04)}
.lang-switch a:hover,.lang-switch a:focus-visible{color:#fff;transform:scale(1.045)}
.hero-prism::after{content:'';position:absolute;inset:0 0 0 47%;z-index:1;pointer-events:none;opacity:.925;background-image:radial-gradient(circle,#a5b9f799 1.45px,transparent 1.8px);background-size:16px 16px;mask-image:radial-gradient(ellipse at 65% 40%,#000b,transparent 72%)}
[dir=ltr] .hero-prism::after{inset:0 47% 0 0;mask-image:radial-gradient(ellipse at 35% 40%,#000b,transparent 72%)}
@media(prefers-reduced-motion:reduce){.primary-nav a,.lang-switch a{transition:none}.primary-nav a:hover,.lang-switch a:hover{transform:none}}
@media(max-width:719px){.hero-prism::after,[dir=ltr] .hero-prism::after{inset:0;mask-image:radial-gradient(ellipse at 50% 25%,#0009,transparent 65%)}}
/* Fade the contact artwork into the section background at every edge. */
.contact-section{background:linear-gradient(to bottom,var(--bg) 0,#081b25 120px,#081b25 calc(100% - 120px),var(--bg) 100%)}
.contact-art>img{mask-image:linear-gradient(to right,transparent,#000 30%),linear-gradient(to bottom,transparent,#000 14%,#000 86%,transparent);mask-composite:intersect;-webkit-mask-composite:source-in}
[dir=rtl] .contact-art>img{mask-image:linear-gradient(to left,transparent,#000 30%),linear-gradient(to bottom,transparent,#000 14%,#000 86%,transparent)}
@media(max-width:719px){.contact-art>img,[dir=rtl] .contact-art>img{mask-image:linear-gradient(to bottom,transparent,#000 14%,#000 86%,transparent)}}
/* StackBits Navigation Button interaction, adapted to native links. */
.navigation-button{display:inline-flex;align-items:center;gap:4px;min-height:40px;padding:4px;position:relative;border:0;text-decoration:none;color:inherit;transition:color .2s ease-out;white-space:nowrap}
.navigation-button span{display:inline-flex;align-items:center;justify-content:center;transition:width .2s ease-out,opacity .2s ease-out,transform .2s ease-out,filter .2s ease-out}
.navigation-button .navigation-button-eye{width:16px;opacity:1;transform:none;filter:blur(0)}
.navigation-button .navigation-button-arrow{width:0;opacity:0;transform:translateX(16px) scale(0);filter:blur(3px)}
.navigation-button svg{width:16px;height:16px;flex:none}
.navigation-button .navigation-button-text{transform:none}
.navigation-button:is(:hover,:focus-visible){color:#60a5fa}
.navigation-button:is(:hover,:focus-visible) .navigation-button-text{text-decoration:underline;text-underline-offset:3px;transform:none}
.navigation-button:is(:hover,:focus-visible) .navigation-button-eye{width:0;opacity:0;transform:translateX(-16px) scale(0);filter:blur(3px)}
.navigation-button:is(:hover,:focus-visible) .navigation-button-arrow{width:16px;opacity:1;transform:none;filter:blur(0)}
[dir=rtl] .navigation-button .navigation-button-arrow svg{transform:scaleX(-1)}
[dir=rtl] .navigation-button .navigation-button-arrow{transform:translateX(-16px) scale(0)}
[dir=rtl] .navigation-button:is(:hover,:focus-visible) .navigation-button-eye{transform:translateX(16px) scale(0)}
[dir=rtl] .navigation-button:is(:hover,:focus-visible) .navigation-button-arrow{transform:none}
@media(prefers-reduced-motion:reduce){.navigation-button span{transition:none!important;filter:none!important}.navigation-button .navigation-button-eye,.navigation-button .navigation-button-arrow{transform:none!important}}
.blur-text-word{display:inline-block}
.hero-actions{margin-top:36px}
.fluid-cursor{position:fixed;inset:0;width:100%;height:100%;z-index:100;pointer-events:none;opacity:.3;filter:blur(7px)}
@media(prefers-reduced-motion:reduce),(hover:none){.fluid-cursor{display:none}}


.circular-gallery {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
  touch-action: pan-y;
  user-select: none;
  -webkit-user-select: none;
  cursor: grab;
}

.circular-gallery[data-pointer] {
  cursor: pointer;
}

.circular-gallery[data-dragging] {
  cursor: grabbing;
}

.circular-gallery-canvas {
  position: absolute;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
}

.circular-gallery-labels {
  position: absolute;
  inset: 0;
  pointer-events: none;
}

.circular-gallery-label {
  position: absolute;
  top: 0;
  left: 0;
  line-height: 1.2;
  white-space: nowrap;
  will-change: transform, opacity;
}

.circular-gallery-caption {
  position: absolute;
  top: 0;
  left: 50%;
  width: min(90%, 36rem);
  text-align: center;
  opacity: 0;
  pointer-events: none;
}

.circular-gallery-caption-text {
  margin: 0;
  line-height: 1.5;
  opacity: 0.65;
}

.circular-gallery-close {
  position: absolute;
  top: 12px;
  right: 12px;
  display: grid;
  place-items: center;
  width: 40px;
  height: 40px;
  padding: 0;
  border: 0;
  border-radius: 50%;
  background: transparent;
  color: inherit;
  cursor: pointer;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.2s ease;
}

.circular-gallery-close[data-visible] {
  opacity: 0.8;
  pointer-events: auto;
}

.circular-gallery-close:hover {
  opacity: 1;
}

.circular-gallery-close:focus-visible {
  outline: 2px solid currentColor;
  outline-offset: 2px;
}

.circular-gallery-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}
