:root{--bg:#080b12;--bg2:#0d111b;--panel:rgba(17,23,36,.72);--line:rgba(185,202,231,.13);--text:#f3f6fc;--muted:#9ba7ba;--muted2:#68768b;--cyan:#7de7f2;--blue:#8299ff;--violet:#b49aff;--gold:#e9c68d;--font:'Manrope',sans-serif;--mono:'DM Mono',monospace;--max:1200px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font);line-height:1.65;overflow-x:hidden}a{color:inherit;text-decoration:none}button{font:inherit}.ambient{position:fixed;pointer-events:none;z-index:-2;filter:blur(100px);opacity:.17;border-radius:50%}.ambient-one{width:560px;height:560px;background:#304e9e;top:-260px;right:-180px}.ambient-two{width:450px;height:450px;background:#1e8e9a;left:-280px;top:44%;opacity:.09}.noise{position:fixed;inset:0;pointer-events:none;z-index:10;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.55'/%3E%3C/svg%3E")}
.site-header{height:88px;max-width:var(--max);margin:auto;padding:0 28px;display:flex;align-items:center;justify-content:space-between;position:relative;z-index:20;border-bottom:1px solid rgba(255,255,255,.055)}.wordmark{display:flex;flex-direction:column;line-height:1.04;letter-spacing:.16em}.wordmark-main{font-size:17px;font-weight:800;letter-spacing:.2em}.wordmark-sub{font-family:var(--mono);font-size:9px;letter-spacing:.31em;margin-top:6px;color:#a9b6c9}.wordmark-dot{color:var(--cyan)}.desktop-nav{display:flex;gap:31px;margin-left:auto;margin-right:34px}.desktop-nav a,.footer-right a{font-size:11px;color:#b5bfd0;transition:color .25s}.desktop-nav a:hover,.footer-right a:hover{color:var(--cyan)}.header-actions{display:flex;align-items:center;gap:16px}.language-toggle{border:0;background:transparent;color:#7f8ca0;font-family:var(--mono);font-size:10px;cursor:pointer;padding:8px 0}.language-toggle span{padding:0 3px}.language-toggle .lang-active{color:var(--cyan)}.lang-divider{opacity:.4}.button{display:inline-flex;align-items:center;justify-content:center;gap:26px;padding:15px 20px;font-size:11px;font-weight:700;letter-spacing:.01em;border-radius:3px;transition:transform .25s,background .25s,border-color .25s;cursor:pointer}.button:hover{transform:translateY(-2px)}.button-small{padding:11px 15px;gap:14px}.button-outline{border:1px solid rgba(183,203,231,.26);background:rgba(255,255,255,.015)}.button-outline:hover{border-color:var(--cyan);background:rgba(125,231,242,.06)}.button-primary{background:linear-gradient(110deg,#b9f4f3,#8fb5ff 58%,#c6b1ff);color:#09111c;box-shadow:0 6px 28px rgba(106,191,227,.11)}.button-primary:hover{box-shadow:0 8px 36px rgba(106,191,227,.22)}.button-arrow{font-size:17px;line-height:1}.menu-toggle{display:none;background:none;border:0;padding:7px}.menu-toggle span{display:block;width:22px;height:1px;background:#dfe8f5;margin:6px}
.section-shell{max-width:var(--max);margin:0 auto;padding-left:28px;padding-right:28px}.hero{min-height:670px;display:grid;grid-template-columns:1.04fr .96fr;align-items:center;position:relative;padding-top:58px;padding-bottom:82px}.hero-copy{position:relative;z-index:2;padding:16px 0 28px}.eyebrow{font-family:var(--mono);font-size:9px;letter-spacing:.12em;color:#8e9db3;display:flex;align-items:center;gap:9px}.eyebrow>span:first-child:not(.status-dot){color:var(--cyan)}.status-dot,.data-value i{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--cyan);box-shadow:0 0 12px rgba(125,231,242,.8)}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(47px,6.3vw,80px);letter-spacing:-.075em;line-height:1.045;font-weight:600;margin:27px 0 24px;max-width:700px} .gradient-text{background:linear-gradient(100deg,#d6f7f8 5%,#8bd9ec 35%,#a9b5ff 70%,#d4c4ff);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-description{font-size:14px;line-height:1.9;color:#a3afc1;max-width:480px}.hero-actions{display:flex;align-items:center;gap:29px;margin-top:31px}.text-link{display:flex;align-items:center;gap:15px;font-size:11px;color:#c1ccda}.text-link span:last-child{font-size:18px;color:var(--cyan);transition:transform .2s}.text-link:hover span:last-child{transform:translateY(4px)}.hero-footnote{display:flex;align-items:center;gap:12px;margin-top:58px;color:#7f8ba0;font-size:9px;letter-spacing:.03em}.footnote-line{width:32px;height:1px;background:#52617a}.hero-visual{height:480px;position:relative;display:flex;align-items:center;justify-content:center;isolation:isolate}.visual-grid{position:absolute;inset:2% -4% 3% 0;background-image:linear-gradient(rgba(137,170,212,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(137,170,212,.06) 1px,transparent 1px);background-size:36px 36px;mask-image:radial-gradient(ellipse at center,#000 0%,transparent 72%);transform:perspective(600px) rotateX(12deg)}.core-glow{position:absolute;width:240px;height:240px;border-radius:50%;background:radial-gradient(circle,rgba(111,222,242,.23),rgba(119,143,255,.12) 45%,transparent 70%);filter:blur(18px);animation:breathe 5s ease-in-out infinite}.core{width:176px;height:176px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 30% 25%,rgba(229,250,255,.2),rgba(69,91,139,.12) 37%,rgba(8,12,22,.86) 70%);border:1px solid rgba(183,229,247,.5);box-shadow:inset 0 0 32px rgba(111,208,239,.15),0 0 65px rgba(105,150,236,.16);position:relative;z-index:2;animation:float 6s ease-in-out infinite}.core:before,.core:after{content:"";position:absolute;inset:10px;border-radius:50%;border:1px solid rgba(154,206,239,.15)}.core:after{inset:-8px;border-color:rgba(171,199,255,.1)}.core-inner{text-align:center;display:flex;flex-direction:column;align-items:center}.core-symbol{font-size:61px;line-height:1;font-weight:800;letter-spacing:-.1em;color:#e0f8ff;text-shadow:0 0 30px rgba(122,221,255,.6);position:relative}.core-star{position:absolute;font-size:16px;color:var(--cyan);right:-18px;top:1px;letter-spacing:0}.core-label{font-family:var(--mono);font-size:7px;line-height:1.8;letter-spacing:.2em;color:#a7c8da;margin-top:12px}.orbit{position:absolute;border:1px solid rgba(136,194,233,.24);border-radius:50%;z-index:1}.orbit-a{width:300px;height:300px;transform:rotateX(64deg) rotate(-28deg);animation:orbit 20s linear infinite}.orbit-b{width:370px;height:370px;transform:rotateX(66deg) rotate(45deg);border-color:rgba(172,166,255,.2);animation:orbit 26s linear infinite reverse}.orbit-c{width:275px;height:390px;transform:rotate(56deg) rotateX(66deg);border-color:rgba(124,228,239,.16);animation:orbit 34s linear infinite}.orbit:before{content:"";position:absolute;width:5px;height:5px;border-radius:50%;background:#b4f7ff;box-shadow:0 0 14px #7de7f2;top:15%;left:20%}.data-card{position:absolute;z-index:3;padding:12px 14px;background:rgba(10,16,28,.77);border:1px solid rgba(170,198,233,.19);backdrop-filter:blur(12px);box-shadow:0 12px 40px rgba(0,0,0,.18)}.data-card-top{top:63px;right:0}.data-label{display:block;font-family:var(--mono);font-size:7px;letter-spacing:.12em;color:#7f8fa9}.data-value{display:flex;align-items:center;gap:7px;font-family:var(--mono);font-size:9px;margin-top:7px;color:#d2e4f2}.data-value i{width:5px;height:5px}.data-card-bottom{bottom:52px;left:1px;min-width:160px}.mini-bars{display:flex;align-items:end;gap:4px;height:25px;margin:9px 0}.mini-bars i{display:block;width:5px;background:linear-gradient(#9deef1,#778dff);height:var(--h,55%);border-radius:1px;opacity:.85}.mini-bars i:nth-child(3n){--h:80%}.mini-bars i:nth-child(4n){--h:38%}.mini-bars i:nth-child(5n){--h:95%}.mini-bars i:nth-child(2n){--h:65%}.data-caption{font-family:var(--mono);font-size:7px;letter-spacing:.14em;color:#a7b8d2}.visual-index{position:absolute;bottom:4px;right:0;font:8px var(--mono);letter-spacing:.1em;color:#52617b}.hero-bottomline{position:absolute;bottom:24px;left:28px;right:28px;display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:16px;color:#65748b;font:8px var(--mono);letter-spacing:.12em}.hero-bottomline span span{color:#9baac0}
.trust-strip{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:22px max(28px,calc((100vw - var(--max))/2 + 28px));display:flex;gap:32px;align-items:center;justify-content:space-between;background:rgba(255,255,255,.012)}.trust-strip>span{font:8px var(--mono);color:#67778e;letter-spacing:.14em;white-space:nowrap}.trust-items{display:flex;align-items:center;justify-content:space-between;gap:18px;flex:1}.trust-items span{font:8px var(--mono);letter-spacing:.1em;color:#a1adbf;white-space:nowrap}.trust-items b{font-size:10px;font-weight:400;color:#5f7e9c}
.section{padding-top:124px;padding-bottom:128px}.section-heading{display:grid;grid-template-columns:1fr .56fr;gap:50px;align-items:end;margin-bottom:48px}.section-heading h2,.manifesto-content h2,.cta-panel h2{font-size:clamp(35px,4.7vw,58px);letter-spacing:-.065em;line-height:1.12;font-weight:600;margin:18px 0 0}.muted-title{color:#6f7d92}.section-heading>p{max-width:400px;color:#929fb2;font-size:12px;line-height:1.9;margin:0 0 4px}.service-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.service-card{position:relative;padding:24px 26px 25px;border:1px solid var(--line);background:linear-gradient(145deg,rgba(22,29,44,.78),rgba(11,15,24,.66));min-height:390px;overflow:hidden;transition:border-color .3s,transform .3s}.service-card:hover{border-color:rgba(125,231,242,.35);transform:translateY(-4px)}.service-card-feature{background:radial-gradient(ellipse at 70% 30%,rgba(71,129,180,.14),transparent 52%),linear-gradient(145deg,rgba(22,29,44,.78),rgba(11,15,24,.66))}.card-topline{display:flex;justify-content:space-between;font:9px var(--mono);color:#71839c}.card-icon{font-size:18px;color:#a8dfea}.service-card h3{font-size:17px;font-weight:600;letter-spacing:-.035em;margin:18px 0 9px}.service-card p{font-size:11px;line-height:1.85;color:#8d9bb0;max-width:450px;margin-bottom:18px}.card-link{font-size:10px;font-weight:700;display:inline-flex;gap:13px;align-items:center;color:#c8d5e6}.card-link span:last-child{font-size:15px;color:var(--cyan);transition:transform .2s}.card-link:hover span:last-child{transform:translate(3px,-3px)}.service-illustration{height:145px;position:relative;margin:13px 0 14px;display:flex;align-items:center;justify-content:center;overflow:hidden}.browser-illustration{border:1px solid rgba(145,190,221,.2);background:rgba(5,11,21,.36);display:block;padding:0}.browser-bar{height:22px;border-bottom:1px solid rgba(145,190,221,.17);display:flex;align-items:center;gap:4px;padding:0 9px}.browser-bar i{width:4px;height:4px;border-radius:50%;background:#65778f}.browser-bar span{margin-left:8px;font:6px var(--mono);letter-spacing:.12em;color:#617994}.browser-content{display:flex;align-items:center;justify-content:space-around;height:122px;padding:0 12%}.browser-copy{width:46%;display:flex;flex-direction:column;gap:8px}.browser-copy b{height:4px;width:90%;background:linear-gradient(90deg,#a4e8ed,rgba(164,232,237,.1));border-radius:3px}.browser-copy b:nth-child(2){width:70%;opacity:.7}.browser-copy b:nth-child(3){width:48%;opacity:.4}.browser-copy i{width:42px;height:12px;border:1px solid rgba(127,216,232,.55);margin-top:6px}.browser-shape{width:70px;height:78px;border-radius:42% 58% 55% 45%;background:radial-gradient(circle at 30% 30%,#b1eaf0,rgba(113,139,255,.2) 48%,transparent 72%);border:1px solid rgba(158,218,246,.28);box-shadow:0 0 32px rgba(91,162,221,.1);transform:rotate(25deg)}.phone-illustration{background:radial-gradient(circle,rgba(95,137,211,.12),transparent 68%)}.phone-frame{width:72px;height:128px;border:1px solid rgba(175,207,241,.6);border-radius:12px;background:#111a2a;padding:6px;position:relative;z-index:2;box-shadow:0 0 32px rgba(103,174,229,.12)}.phone-camera{position:absolute;top:5px;left:28px;width:16px;height:3px;border-radius:3px;background:#263951}.phone-screen{height:100%;border-radius:7px;background:linear-gradient(160deg,#192b43,#0b101b);display:flex;align-items:center;flex-direction:column;padding-top:25px;gap:6px}.phone-spark{color:#9deaf2;font-size:18px;margin-bottom:3px}.phone-screen b{height:3px;border-radius:2px;background:#58718f;width:60%}.phone-screen b:nth-of-type(2){width:42%;opacity:.55}.phone-screen i{width:34px;height:15px;border:1px solid #8ddde9;border-radius:2px;margin-top:7px}.phone-nav{display:flex;justify-content:space-around;width:100%;margin-top:auto;padding:8px 5px}.phone-nav span{width:6px;height:6px;border-radius:50%;background:#7798c6}.phone-orbit{position:absolute;width:175px;height:100px;border:1px solid rgba(127,198,234,.23);border-radius:50%;transform:rotate(-22deg)}.workflow-illustration{gap:12px;background:radial-gradient(ellipse,rgba(86,138,190,.1),transparent 72%)}.flow-node{z-index:1;border:1px solid rgba(154,199,231,.35);background:rgba(12,22,36,.92);padding:10px 12px;font:7px var(--mono);letter-spacing:.12em;color:#b7d9e7}.node-two{border-color:rgba(129,223,238,.6);color:#c9fbff;box-shadow:0 0 24px rgba(125,231,242,.1)}.flow-line{height:1px;width:34px;background:linear-gradient(90deg,rgba(125,231,242,.1),#83dfe9,rgba(125,231,242,.1));position:relative}.flow-line:after{content:"";position:absolute;right:0;top:-2px;width:4px;height:4px;border-radius:50%;background:#a4f4fa;box-shadow:0 0 8px #8be7f2}.flow-pulse{position:absolute;inset:18px 10%;border:1px solid rgba(143,182,240,.08);border-radius:50%;transform:rotate(-18deg)}.code-illustration{align-items:flex-start;justify-content:center;flex-direction:column;padding-left:17%;gap:10px;background:radial-gradient(ellipse,rgba(89,125,192,.12),transparent 70%)}.code-line{height:4px;background:linear-gradient(90deg,#9be9ef,rgba(139,170,255,.22));border-radius:2px;opacity:.8}.code-line.short{width:28%}.code-line.long{width:66%}.code-line.medium{width:46%}.code-line.tiny{width:18%;margin-left:20px}.code-cursor{width:5px;height:8px;background:#9deaf2;position:absolute;left:64%;top:64%;animation:blink 1s steps(2) infinite}
.manifesto-section{position:relative;overflow:hidden;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:linear-gradient(100deg,#0d131f,#0b101a 55%,#111426);padding:100px 0 105px}.manifesto-section:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(150,183,221,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(150,183,221,.035) 1px,transparent 1px);background-size:44px 44px;mask-image:linear-gradient(90deg,transparent,#000 80%)}.manifesto-orb{position:absolute;width:550px;height:550px;right:-80px;top:-100px;border-radius:50%;background:radial-gradient(circle at 40% 40%,rgba(113,180,235,.16),rgba(111,105,225,.06) 35%,transparent 68%);filter:blur(8px)}.manifesto-orb:after{content:"";position:absolute;inset:70px;border:1px solid rgba(157,198,243,.12);border-radius:50%;box-shadow:0 0 0 38px rgba(145,174,227,.025),0 0 0 80px rgba(145,174,227,.02)}.manifesto-content{position:relative;z-index:1}.manifesto-content h2{font-size:clamp(48px,7vw,82px);margin-top:23px}.manifesto-content>p{max-width:440px;color:#9ba9bd;font-size:13px;line-height:1.9;margin:25px 0 55px}.principles{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;max-width:900px}.principles>div{border-top:1px solid rgba(165,195,230,.23);padding-top:17px;display:flex;flex-direction:column}.principles span{font:9px var(--mono);color:var(--cyan);margin-bottom:19px}.principles b{font-size:13px;font-weight:600;margin-bottom:7px}.principles p{font-size:10px;color:#7f8ea4;line-height:1.8;margin:0}
.capability-list{border-top:1px solid var(--line)}.capability-row{display:grid;grid-template-columns:110px 1fr 35px;gap:22px;align-items:center;padding:27px 6px;border-bottom:1px solid var(--line);transition:padding .25s,background .25s}.capability-row:hover{padding-left:14px;padding-right:14px;background:rgba(255,255,255,.018)}.cap-number{font:9px var(--mono);color:#73839b}.capability-row h3{font-size:16px;letter-spacing:-.03em;font-weight:600;margin:0 0 5px}.capability-row p{font-size:11px;color:#8492a7;margin:0;line-height:1.8}.cap-arrow{font-size:21px;color:#89dce9;text-align:right}
.pricing-section{padding:110px 0 120px;border-top:1px solid var(--line);background:linear-gradient(180deg,rgba(255,255,255,.012),transparent 75%)}.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;align-items:stretch}.price-card{position:relative;border:1px solid var(--line);padding:28px 25px 24px;background:rgba(13,18,29,.74);display:flex;flex-direction:column;min-height:470px}.price-card-featured{border-color:rgba(125,231,242,.42);background:radial-gradient(ellipse at 50% 0%,rgba(110,187,221,.12),transparent 55%),rgba(13,18,29,.86);box-shadow:0 12px 55px rgba(24,78,110,.08)}.popular-label{position:absolute;top:-1px;right:20px;background:linear-gradient(100deg,#b9f4f3,#a4b8ff);color:#0b1521;padding:6px 10px;font:7px var(--mono);letter-spacing:.1em}.price-tier{font:8px var(--mono);letter-spacing:.13em;color:#86dce9;margin-bottom:19px}.price-card h3{font-size:19px;letter-spacing:-.04em;font-weight:600;margin-bottom:7px}.price-card>p{font-size:10px;line-height:1.8;color:#8593a8;min-height:37px;margin-bottom:21px}.price{font-size:46px;font-weight:600;letter-spacing:-.07em;line-height:1.1}.price span{font-size:19px;vertical-align:top;margin-right:4px;color:#9fb4c9;letter-spacing:0}.price-meta{font:8px var(--mono);color:#77869c;margin-top:10px}.price-rule{height:1px;background:var(--line);margin:23px 0 16px}.price-card ul{list-style:none;padding:0;margin:0 0 26px;display:flex;flex-direction:column;gap:11px}.price-card li{font-size:10px;color:#b1bdce;display:flex;gap:9px;line-height:1.55}.price-card li:before{content:"↗";color:#8de2eb;font-size:11px}.price-button{margin-top:auto;justify-content:space-between;font-size:9px;padding:13px 14px}.pricing-note{font-size:9px;color:#6f7e93;line-height:1.8;margin:21px 0 0;max-width:800px}
.cta-section{padding-top:30px;padding-bottom:110px}.cta-panel{position:relative;overflow:hidden;border:1px solid rgba(156,194,230,.2);background:radial-gradient(ellipse at 90% 15%,rgba(116,146,240,.14),transparent 42%),linear-gradient(115deg,rgba(17,26,41,.96),rgba(11,16,27,.96));padding:68px 8%;min-height:390px}.cta-panel h2{font-size:clamp(38px,5.5vw,65px);margin:21px 0}.cta-panel>p{font-size:12px;color:#9aa9bd;max-width:440px;line-height:1.9;margin-bottom:26px}.contact-footnote{display:block;font:8px var(--mono);color:#71819a;margin-top:18px}.cta-decoration{position:absolute;right:7%;top:50%;transform:translateY(-50%);width:260px;height:260px;pointer-events:none}.cta-ring{position:absolute;border:1px solid rgba(149,204,235,.2);border-radius:50%;inset:0;animation:orbit 25s linear infinite}.ring-two{inset:28px;border-color:rgba(179,164,255,.2);animation-direction:reverse}.ring-three{inset:58px;border-color:rgba(127,230,238,.25)}.cta-star{position:absolute;inset:0;display:grid;place-items:center;color:#c7f4f8;font-size:62px;text-shadow:0 0 38px rgba(125,231,242,.4);animation:breathe 4s ease-in-out infinite}
.site-footer{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);padding-top:27px;padding-bottom:31px;gap:20px}.footer-wordmark .wordmark-main{font-size:14px}.footer-wordmark .wordmark-sub{font-size:7px}.site-footer>p{font-size:10px;color:#8492a6;margin:0}.footer-right{display:flex;gap:24px;align-items:center}.footer-right span{font:8px var(--mono);letter-spacing:.06em;color:#67758b}
.reveal{opacity:0;transform:translateY(22px);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.7,.2,1)}.reveal.is-visible{opacity:1;transform:translateY(0)}.service-card:nth-child(2){transition-delay:.08s}.service-card:nth-child(3){transition-delay:.16s}.service-card:nth-child(4){transition-delay:.24s}
@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-9px)}}@keyframes breathe{0%,100%{opacity:.65;transform:scale(1)}50%{opacity:1;transform:scale(1.06)}}@keyframes orbit{from{rotate:0deg}to{rotate:360deg}}@keyframes blink{50%{opacity:0}}
@media(max-width:900px){.desktop-nav{gap:18px;margin-right:20px}.desktop-nav a{font-size:10px}.hero{min-height:610px;grid-template-columns:1fr .86fr}.hero-visual{transform:scale(.88);margin-left:-20px;margin-right:-30px}.hero-copy{padding-top:0}.hero-description{max-width:420px}.trust-strip{gap:20px}.trust-items{gap:12px}.trust-items span{font-size:7px}.service-card{padding:21px;min-height:385px}.cta-decoration{right:0;opacity:.6}}
@media(max-width:700px){.site-header{height:74px;padding:0 20px}.wordmark-main{font-size:15px}.wordmark-sub{font-size:8px}.desktop-nav{display:none;position:absolute;top:73px;left:0;right:0;background:rgba(8,11,18,.97);padding:22px 24px 26px;border-bottom:1px solid var(--line);flex-direction:column;gap:20px;margin:0;backdrop-filter:blur(20px)}.desktop-nav.open{display:flex}.desktop-nav a{font-size:12px}.header-actions{gap:12px}.header-cta{display:none}.menu-toggle{display:block}.menu-toggle[aria-expanded="true"] span:first-child{transform:translateY(3.5px) rotate(45deg)}.menu-toggle[aria-expanded="true"] span:last-child{transform:translateY(-3.5px) rotate(-45deg)}.menu-toggle span{transition:transform .2s}.section-shell{padding-left:20px;padding-right:20px}.hero{display:flex;flex-direction:column;align-items:stretch;padding-top:62px;padding-bottom:66px;min-height:auto}.hero-copy{padding:0}.eyebrow{font-size:8px;letter-spacing:.08em}h1{font-size:clamp(45px,12vw,67px);margin-top:23px}.hero-description{font-size:12px;max-width:500px}.hero-actions{gap:20px;flex-wrap:wrap}.button{padding:14px 16px;gap:18px}.hero-footnote{margin-top:33px}.hero-visual{height:350px;transform:none;margin:16px -16px 0}.core{width:145px;height:145px}.core-symbol{font-size:50px}.orbit-a{width:245px;height:245px}.orbit-b{width:300px;height:300px}.orbit-c{height:310px;width:230px}.data-card-top{top:25px;right:7px}.data-card-bottom{bottom:32px;left:5px}.visual-index{bottom:0;right:5px;font-size:7px}.hero-bottomline{left:20px;right:20px;bottom:20px;font-size:7px}.hero-bottomline span:last-child{max-width:48%;text-align:right}.trust-strip{padding:20px;display:block}.trust-strip>span{display:block;margin-bottom:17px}.trust-items{flex-wrap:wrap;justify-content:flex-start;gap:10px 14px}.trust-items span{font-size:7px}.trust-items b{font-size:8px}.section{padding-top:82px;padding-bottom:84px}.section-heading{grid-template-columns:1fr;gap:18px;margin-bottom:32px}.section-heading h2{font-size:clamp(34px,9vw,48px)}.section-heading>p{font-size:11px;max-width:500px}.service-grid{grid-template-columns:1fr;gap:12px}.service-card{min-height:0;padding:22px}.service-illustration{height:135px}.service-card h3{font-size:16px}.service-card p{font-size:11px}.manifesto-section{padding:76px 0 78px}.manifesto-content h2{font-size:clamp(49px,13vw,70px)}.manifesto-content>p{font-size:12px;margin-bottom:38px}.manifesto-orb{width:360px;height:360px;right:-210px;top:5px}.principles{grid-template-columns:1fr;gap:22px}.principles>div{display:grid;grid-template-columns:36px 1fr;column-gap:10px;padding-top:14px}.principles span{grid-row:span 2;margin:2px 0 0}.principles b{font-size:12px}.principles p{font-size:10px}.capability-row{grid-template-columns:54px 1fr 20px;gap:10px;padding:23px 0}.cap-number{font-size:7px}.capability-row h3{font-size:13px}.capability-row p{font-size:10px}.cap-arrow{font-size:17px}.pricing-section{padding:80px 0}.pricing-grid{grid-template-columns:1fr;gap:14px}.price-card{min-height:0;padding:25px 22px}.price-card>p{min-height:0}.price-card ul{margin-bottom:24px}.price{font-size:43px}.cta-section{padding-top:10px;padding-bottom:75px}.cta-panel{padding:44px 24px;min-height:0}.cta-panel h2{font-size:clamp(38px,10vw,54px);position:relative;z-index:1}.cta-panel>p{font-size:11px;position:relative;z-index:1}.cta-decoration{width:180px;height:180px;right:-58px;top:30%;opacity:.35}.cta-panel .button{position:relative;z-index:1}.site-footer{padding-top:23px;padding-bottom:25px;display:grid;grid-template-columns:1fr 1fr;gap:16px}.site-footer>p{text-align:right;font-size:9px}.footer-right{grid-column:1/-1;justify-content:space-between}.footer-right span{font-size:7px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}.reveal{opacity:1;transform:none}}

.about-section{display:grid;grid-template-columns:.75fr 1.25fr;gap:9%;align-items:center;padding-top:100px;padding-bottom:105px;border-bottom:1px solid var(--line);position:relative}.about-mark{min-height:330px;border:1px solid var(--line);background:radial-gradient(ellipse at center,rgba(91,154,206,.14),rgba(13,19,31,.5) 60%);position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden}.about-mark:before,.about-mark:after{content:"";position:absolute;width:240px;height:240px;border:1px solid rgba(148,206,236,.18);border-radius:50%;box-shadow:0 0 0 30px rgba(145,174,227,.025),0 0 0 60px rgba(145,174,227,.018)}.about-mark:after{width:180px;height:180px;border-color:rgba(178,167,255,.18);transform:rotate(35deg)}.about-number{position:absolute;top:20px;left:20px;font:8px var(--mono);color:#71839b;letter-spacing:.1em}.about-emblem{font-size:112px;font-weight:800;letter-spacing:-.13em;color:#d9f7ff;text-shadow:0 0 40px rgba(125,231,242,.35);position:relative;z-index:1}.about-emblem span{font-size:20px;color:var(--cyan);position:absolute;top:13px;right:-23px;letter-spacing:0}.about-caption{position:absolute;bottom:20px;font:8px var(--mono);letter-spacing:.18em;color:#819bb4}.about-copy h2{font-size:clamp(35px,4.3vw,54px);letter-spacing:-.065em;line-height:1.14;font-weight:600;margin:20px 0 22px}.about-copy>p{font-size:11px;color:#9aa8bc;line-height:1.95;max-width:600px}.about-audience{display:flex;gap:13px;align-items:flex-start;border-top:1px solid var(--line);margin-top:23px;padding-top:19px;max-width:600px}.audience-icon{color:var(--cyan);font-size:18px}.about-audience p{font-size:10px;line-height:1.8;color:#b6c2d2;margin:0}.values-row{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:48px}.values-row>div{border-top:1px solid var(--line);padding-top:14px;display:flex;flex-direction:column}.values-row>div>span{font-size:14px;color:var(--cyan);margin-bottom:12px}.values-row b{font-size:11px;margin-bottom:5px}.values-row p{font-size:9px;color:#7f8ea4;line-height:1.8;margin:0}.engagement-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.engagement-card{min-height:270px;border:1px solid var(--line);padding:23px;background:linear-gradient(145deg,rgba(22,29,44,.72),rgba(11,15,24,.65));position:relative;overflow:hidden;transition:border-color .25s,transform .25s}.engagement-card:hover{border-color:rgba(125,231,242,.35);transform:translateY(-3px)}.engagement-index{font:8px var(--mono);color:#7e90a9;letter-spacing:.12em}.engagement-symbol{position:absolute;right:23px;top:20px;font-size:22px;color:#92e4ed}.engagement-card h3{font-size:16px;font-weight:600;margin:45px 0 10px}.engagement-card p{font-size:10px;line-height:1.9;color:#8e9db1;margin-bottom:26px}.engagement-tag{position:absolute;bottom:22px;left:23px;font:7px var(--mono);letter-spacing:.12em;color:#8edce7;border:1px solid rgba(125,231,242,.22);padding:6px 8px}
@media(max-width:700px){.about-section{grid-template-columns:1fr;gap:28px;padding-top:72px;padding-bottom:76px}.about-mark{min-height:250px}.about-emblem{font-size:90px}.about-copy h2{font-size:clamp(36px,9vw,49px)}.values-row{grid-template-columns:repeat(2,1fr);gap:20px 14px;margin-top:35px}.engagement-grid{grid-template-columns:1fr}.engagement-card{min-height:235px}.engagement-card h3{margin-top:35px}}


/* SOVRIAN 3D visual refinement */
.hero{position:relative;isolation:isolate;overflow:hidden}
.hero:before{content:"";position:absolute;z-index:-1;inset:0;background:radial-gradient(ellipse at 72% 43%,rgba(20,111,255,.16),transparent 38%),radial-gradient(ellipse at 85% 58%,rgba(157,49,255,.10),transparent 28%);pointer-events:none}
.hero-visual{perspective:1100px;transform-style:preserve-3d}
.visual-grid{opacity:.95;transform:perspective(600px) rotateX(58deg) translateY(22%);transform-origin:center bottom;mask-image:linear-gradient(to top,#000,transparent 78%);animation:grid-drift 14s ease-in-out infinite alternate}
.core{transform-style:preserve-3d;box-shadow:inset -16px -12px 32px rgba(0,0,0,.45),inset 8px 8px 24px rgba(211,248,255,.13),0 0 28px rgba(34,184,255,.28),0 0 95px rgba(73,92,255,.25);background:radial-gradient(circle at 32% 25%,rgba(222,250,255,.30),rgba(54,122,196,.16) 28%,rgba(9,16,39,.95) 69%);animation:float 6s ease-in-out infinite,core-turn 16s ease-in-out infinite alternate}
.core:before{inset:-4px;border-color:rgba(79,211,255,.44);box-shadow:0 0 24px rgba(31,169,255,.2),inset 0 0 25px rgba(93,116,255,.16)}
.core:after{inset:12px;border-color:rgba(174,108,255,.32);box-shadow:0 0 34px rgba(105,87,255,.16)}
.core-inner{transform:translateZ(22px)}
.core-symbol{text-shadow:0 0 8px #fff,0 0 28px rgba(35,202,255,.95),0 0 55px rgba(141,76,255,.85);background:linear-gradient(130deg,#f4ffff 8%,#4de6ff 48%,#9d76ff 85%);-webkit-background-clip:text;background-clip:text;color:transparent}
.orbit{border-width:2px;filter:drop-shadow(0 0 5px rgba(55,182,255,.24));transform-style:preserve-3d}
.orbit-a{border-color:rgba(47,207,255,.62);box-shadow:0 0 14px rgba(28,180,255,.12)}
.orbit-b{border-color:rgba(164,94,255,.55);box-shadow:0 0 18px rgba(145,69,255,.14)}
.orbit-c{border-color:rgba(109,139,255,.4)}
.orbit:before{width:7px;height:7px;box-shadow:0 0 8px #fff,0 0 20px #28d8ff,0 0 35px #8e5aff}
.core-glow{width:300px;height:300px;background:radial-gradient(circle,rgba(45,194,255,.25),rgba(93,65,255,.15) 38%,rgba(160,50,255,.08) 54%,transparent 72%);filter:blur(28px)}
.data-card{border-color:rgba(78,183,255,.28);background:linear-gradient(135deg,rgba(7,21,43,.82),rgba(12,13,35,.60));box-shadow:0 12px 40px rgba(0,0,0,.22),inset 0 1px rgba(255,255,255,.07);transform:translateZ(35px)}
.service-card,.engagement-card{backdrop-filter:blur(16px);background:linear-gradient(145deg,rgba(13,32,61,.76),rgba(7,13,28,.80));box-shadow:inset 0 1px rgba(255,255,255,.04),0 18px 45px rgba(0,0,0,.12)}
.service-card:before,.engagement-card:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(115deg,rgba(37,195,255,.07),transparent 35%,transparent 68%,rgba(133,73,255,.07));opacity:.7}
.service-card:hover,.engagement-card:hover{transform:translateY(-7px) rotateX(1deg);box-shadow:0 18px 50px rgba(0,92,190,.13),inset 0 1px rgba(255,255,255,.07)}
.about-mark{perspective:800px;background:radial-gradient(ellipse at 50% 48%,rgba(22,143,255,.20),rgba(48,35,100,.12) 42%,rgba(5,10,20,.85) 75%)}
.about-emblem{transform:translateZ(45px);text-shadow:0 0 18px rgba(45,198,255,.55),0 0 50px rgba(116,69,255,.35)}
@keyframes core-turn{0%{filter:hue-rotate(-8deg);transform:translateY(0) rotateY(-8deg) rotateX(2deg)}100%{filter:hue-rotate(12deg);transform:translateY(-5px) rotateY(8deg) rotateX(-2deg)}}
@keyframes grid-drift{0%{background-position:0 0,0 0;opacity:.55}100%{background-position:0 18px,18px 0;opacity:1}}
@media(max-width:700px){.visual-grid{transform:perspective(600px) rotateX(52deg) translateY(17%)}.core{animation:float 6s ease-in-out infinite,core-turn 16s ease-in-out infinite alternate}}


/* === SOVRIAN INTELLIGENCE: PeachWeb-inspired blue creative-tech redesign === */
:root{
 --bg:#f7f9ff;--bg2:#eef3ff;--panel:rgba(255,255,255,.76);--line:rgba(38,48,105,.12);
 --text:#171a3d;--muted:#5e6685;--muted2:#8790ae;--cyan:#00bce8;--blue:#4169ff;--violet:#7555ff;--gold:#8cb9ff;
 --font:'Manrope',sans-serif;--mono:'DM Mono',monospace;--max:1240px
}
html{background:var(--bg);scroll-padding-top:100px}
body{background:linear-gradient(180deg,#fff 0%,#f7f9ff 48%,#f0f4ff 100%);color:var(--text);line-height:1.6}
.ambient{z-index:0;filter:blur(85px);opacity:.28}.ambient-one{background:#4d72ff;top:-300px;right:-150px}.ambient-two{background:#20c7f1;opacity:.18}
.noise{opacity:.018;z-index:5}
.site-header{height:90px;max-width:1320px;border:0;padding:0 34px}
.wordmark-main{color:#151a4a}.wordmark-sub{color:#65709a}.wordmark-dot{color:#00bce8}
.desktop-nav{gap:4px;padding:7px;border:1px solid rgba(43,55,126,.10);background:rgba(255,255,255,.78);border-radius:999px;box-shadow:0 7px 30px rgba(44,68,139,.06)}
.desktop-nav a{color:#505a7c;padding:11px 15px;border-radius:999px;font-size:11px}
.desktop-nav a:hover{color:#2446d8;background:#edf2ff}
.language-toggle{color:#66708e}.language-toggle .lang-active{color:#315bff}
.button{border-radius:999px;padding:15px 23px;box-shadow:none}
.button-small{padding:11px 17px}
.button-outline{border-color:rgba(40,55,126,.18);color:#27315f;background:rgba(255,255,255,.7)}
.button-outline:hover{background:#edf3ff;border-color:#7c9bff}
.button-primary{background:linear-gradient(110deg,#315bff,#00bfe8);color:white;box-shadow:0 9px 24px rgba(49,91,255,.22)}
.button-primary:hover{box-shadow:0 13px 32px rgba(49,91,255,.30)}
.section-shell{max-width:1240px}
.hero{min-height:720px;padding-top:35px;padding-bottom:80px;grid-template-columns:1fr 1fr}
.hero-copy{z-index:4}
.eyebrow{color:#657194;font-size:10px;letter-spacing:.12em}
.status-dot,.data-value i{background:#00bce8;box-shadow:0 0 14px rgba(0,188,232,.75)}
h1{font-size:clamp(52px,6vw,86px);color:#171a3d;line-height:.99;letter-spacing:-.075em;font-weight:700;margin:25px 0}
.gradient-text{background:linear-gradient(100deg,#294fff 0%,#00aee0 55%,#7a63ff 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero-description{font-size:15px;color:#66708e;line-height:1.85}
.hero-actions{gap:18px}.text-link{color:#34416f}.text-link span:last-child{color:#315bff}
.hero-footnote{color:#7b85a4;margin-top:44px}
.footnote-line{background:#a9b5d9}
.hero-visual{height:540px;perspective:1300px;transform-style:preserve-3d}
.visual-grid{inset:4% -10% 0;background-image:linear-gradient(rgba(70,105,255,.09) 1px,transparent 1px),linear-gradient(90deg,rgba(70,105,255,.09) 1px,transparent 1px);background-size:32px 32px;transform:perspective(650px) rotateX(62deg) translateY(18%);transform-origin:center bottom;mask-image:radial-gradient(ellipse at center,#000 0%,transparent 70%);opacity:.9}
.core-glow{width:390px;height:390px;background:radial-gradient(circle,rgba(0,190,239,.22),rgba(78,98,255,.18) 37%,rgba(153,124,255,.12) 54%,transparent 73%);filter:blur(24px)}
.core{width:230px;height:230px;background:radial-gradient(circle at 30% 22%,rgba(255,255,255,.98),rgba(175,221,255,.88) 14%,rgba(72,133,255,.76) 34%,rgba(32,60,179,.96) 63%,rgba(13,24,91,.98) 78%);border:1px solid rgba(255,255,255,.9);box-shadow:inset -25px -28px 40px rgba(4,14,72,.52),inset 15px 13px 28px rgba(255,255,255,.7),0 22px 55px rgba(48,83,220,.27),0 0 110px rgba(0,174,255,.23);animation:float 6s ease-in-out infinite,blue-core 13s ease-in-out infinite alternate}
.core:before{inset:-8px;border:1px solid rgba(67,157,255,.56);box-shadow:0 0 28px rgba(40,159,255,.2)}
.core:after{inset:18px;border:1px solid rgba(255,255,255,.24)}
.core-inner{transform:translateZ(32px)}
.core-symbol{font-size:78px;color:#fff;background:none;-webkit-text-fill-color:#fff;text-shadow:0 3px 8px rgba(8,29,107,.55),0 0 25px rgba(191,244,255,.9);letter-spacing:-.12em}
.core-star{color:#b8f5ff;text-shadow:0 0 15px #00d5ff}
.core-label{font:8px var(--mono);letter-spacing:.24em;color:#eaf9ff;margin-top:16px}
.orbit{border-width:1px;filter:drop-shadow(0 0 5px rgba(33,133,255,.22))}
.orbit-a{width:350px;height:350px;border-color:rgba(0,173,230,.55);transform:rotateX(64deg) rotate(-28deg)}
.orbit-b{width:430px;height:430px;border-color:rgba(96,108,255,.48);transform:rotateX(66deg) rotate(45deg)}
.orbit-c{width:320px;height:450px;border-color:rgba(96,157,255,.42);transform:rotate(56deg) rotateX(66deg)}
.orbit:before{width:8px;height:8px;background:#fff;box-shadow:0 0 8px #fff,0 0 22px #00c8ff,0 0 36px #496bff}
.data-card{background:rgba(255,255,255,.78);border:1px solid rgba(76,102,189,.16);backdrop-filter:blur(20px);box-shadow:0 14px 42px rgba(42,61,129,.12);border-radius:16px;color:#222a56}
.data-label{color:#7580a5}.data-value{color:#2f5bdc}
.data-card-top{top:62px;right:-5px}.data-card-bottom{bottom:48px;left:-6px}
.mini-bars i{background:linear-gradient(180deg,#00c5ed,#4967ff)}
.visual-index{color:#7b86a8}
.hero-bottomline{color:#7e88a5;border-color:rgba(45,58,122,.13)}
.trust-strip{background:#f0f3ff;border-top:1px solid rgba(40,55,126,.07);border-bottom:1px solid rgba(40,55,126,.07);color:#6b7698}
.trust-items span{color:#4d5a82}.trust-items b{color:#4a6cff}
.section{padding-top:115px;padding-bottom:120px}
.section-heading h2,.about-copy h2{color:#171a3d}
.section-heading>p,.about-copy>p{color:#65708e}
.muted-title{color:#8993b4}
.service-card,.engagement-card{background:linear-gradient(145deg,rgba(255,255,255,.96),rgba(239,243,255,.92));border:1px solid rgba(56,76,158,.12);border-radius:24px;box-shadow:0 12px 38px rgba(44,61,128,.06);backdrop-filter:blur(16px)}
.service-card:before,.engagement-card:before{background:radial-gradient(ellipse at 90% 0%,rgba(0,188,232,.12),transparent 40%),linear-gradient(120deg,rgba(87,113,255,.04),transparent 55%,rgba(129,100,255,.07))}
.service-card:hover,.engagement-card:hover{border-color:rgba(58,112,255,.28);box-shadow:0 20px 50px rgba(56,80,167,.12);transform:translateY(-6px)}
.card-topline,.engagement-index{color:#7c87a8}
.card-icon,.engagement-symbol{color:#3567ff}
.service-card h3,.engagement-card h3{color:#1b2250}
.service-card p,.engagement-card p{color:#66708e}
.card-link{color:#315bff}
.about-section{border-color:rgba(40,55,126,.12)}
.about-mark{border-radius:28px;border-color:rgba(60,88,190,.13);background:radial-gradient(ellipse at 50% 48%,rgba(0,188,232,.19),rgba(81,95,229,.11) 42%,rgba(242,246,255,.96) 75%);box-shadow:0 18px 45px rgba(45,67,140,.07)}
.about-mark:before,.about-mark:after{border-color:rgba(52,113,255,.22);box-shadow:0 0 0 30px rgba(74,112,255,.04),0 0 0 60px rgba(0,188,232,.025)}
.about-number,.about-caption{color:#7581a4}.about-emblem{color:#315bff;text-shadow:0 0 28px rgba(0,188,232,.28)}
.about-audience{border-color:rgba(40,55,126,.12)}.about-audience p{color:#596687}.audience-icon{color:#315bff}
.values-row>div{border-color:rgba(40,55,126,.14)}.values-row>div>span{color:#315bff}.values-row b{color:#27305d}.values-row p{color:#7c86a4}
.manifesto-section{background:linear-gradient(115deg,#121d5b,#233fd0 58%,#0b91c6);color:white;overflow:hidden}
.manifesto-content h2{color:#fff}.manifesto-content>p{color:#d7e5ff}
.manifesto-orb{background:radial-gradient(circle at 30% 25%,rgba(255,255,255,.9),rgba(105,198,255,.55) 15%,rgba(67,94,255,.62) 38%,rgba(27,32,121,.9) 65%,transparent 72%);box-shadow:inset -25px -25px 55px rgba(4,12,77,.5),0 0 100px rgba(0,194,255,.18)}
.principles b{color:#fff}.principles p{color:#c6d7ff}
.capability-row{border-color:rgba(40,55,126,.13)}.cap-number{color:#6680c5}.capability-row h3{color:#202957}.capability-row p{color:#697493}.cap-arrow{color:#315bff}
.pricing-section{background:#eef2ff}.price-card{border:1px solid rgba(49,72,158,.13);border-radius:24px;background:rgba(255,255,255,.78);box-shadow:0 15px 45px rgba(41,58,128,.05)}
.price-card h3,.price{color:#202957}.price-card p,.price-card li{color:#66708e}.price-card-featured{background:linear-gradient(145deg,#2538b9,#426cff);color:white;box-shadow:0 22px 50px rgba(45,75,213,.2)}.price-card-featured h3,.price-card-featured .price,.price-card-featured p,.price-card-featured li{color:#fff}
.cta-panel{border-radius:32px;background:linear-gradient(120deg,#243ac1,#326eff 55%,#00a9d9);color:#fff;box-shadow:0 22px 55px rgba(43,76,210,.18)}
.cta-panel h2{color:#fff}.cta-panel>p{color:#e2edff}.cta-decoration{opacity:.35}
.site-footer{border-color:rgba(40,55,126,.13);color:#687394}.footer-right a{color:#687394}
@keyframes blue-core{0%{filter:hue-rotate(-5deg);transform:translateY(0) rotateY(-7deg) rotateX(2deg)}100%{filter:hue-rotate(8deg);transform:translateY(-8px) rotateY(7deg) rotateX(-2deg)}}
@media(max-width:900px){
 .site-header{padding:0 20px}.desktop-nav{gap:0}.desktop-nav a{padding:9px 10px;font-size:10px}.hero{grid-template-columns:1fr 1fr;min-height:650px}.hero-visual{height:440px}.core{width:195px;height:195px}.orbit-a{width:290px;height:290px}.orbit-b{width:350px;height:350px}.orbit-c{width:270px;height:370px}
}
@media(max-width:700px){
 body{background:linear-gradient(180deg,#fff,#f5f7ff 55%,#edf3ff)}.site-header{height:76px}.desktop-nav{background:rgba(255,255,255,.97);border-radius:22px;border-color:rgba(42,62,139,.12);box-shadow:0 18px 40px rgba(40,60,140,.12)}
 .desktop-nav a{color:#33406c}.hero{display:flex;flex-direction:column;align-items:stretch;min-height:auto;padding-top:46px;padding-bottom:72px}
 h1{font-size:clamp(45px,12vw,66px);color:#171a3d}.hero-description{font-size:13px}.hero-visual{height:370px;margin:5px -8px 0}.core{width:165px;height:165px}.core-symbol{font-size:58px}.core-label{font-size:7px;margin-top:11px}.orbit-a{width:250px;height:250px}.orbit-b{width:310px;height:310px}.orbit-c{width:230px;height:320px}.core-glow{width:290px;height:290px}.data-card{padding:9px 10px;border-radius:12px}.data-card-top{top:20px;right:2px}.data-card-bottom{bottom:26px;left:0}.visual-index{font-size:6px}.hero-bottomline{font-size:7px;left:20px;right:20px;bottom:18px}.section{padding-top:82px;padding-bottom:86px}.about-mark{border-radius:24px}.manifesto-section{padding:78px 0}.pricing-section{padding:80px 0}.cta-panel{border-radius:25px}
}

/* Animated Phosphor Flow shader background, adapted from the supplied HTML */
html, body { background: transparent !important; }
body { position: relative; isolation: isolate; }
#phosphor-background { position: fixed; inset: 0; z-index: -1; overflow: hidden; pointer-events: none; background: #edf4ff; }
#phosphor-background canvas { display: block; width: 100%; height: 100%; opacity: .74; }
#phosphor-background [role="status"]:not(:empty) { position:absolute; inset:0; display:grid; place-items:center; padding:24px; color:#263b76; background:#edf4ff; font:14px system-ui; text-align:center; }
/* Keep the motion visible behind the page while preserving readable content. */
.trust-strip { background: rgba(237,243,255,.66) !important; backdrop-filter: blur(8px); }
.pricing-section { background: rgba(231,239,255,.72) !important; backdrop-filter: blur(7px); }
.manifesto-section { background: linear-gradient(115deg,rgba(18,29,91,.94),rgba(35,63,208,.88) 58%,rgba(11,145,198,.86)) !important; }
.service-card, .engagement-card, .price-card, .about-mark { backdrop-filter: blur(14px); }
@media (prefers-reduced-motion: reduce) { #phosphor-background canvas { opacity: .55; } }


/* PREMIUM DARK / SOVRIAN NIGHT MODE */
:root { color-scheme: dark; }
html, body { background: #050914 !important; color: #eaf1ff; }
body { background-image: radial-gradient(ellipse at 50% 0%, rgba(22,57,117,.28), transparent 55%) !important; }
#phosphor-background { background: #050914 !important; }
#phosphor-background canvas { opacity: .54; }
#phosphor-background [role=status]:not(:empty) { color:#c8e9ff; background:#050914; }
.site-header { background: rgba(5,9,20,.72); border-bottom: 1px solid rgba(122,173,255,.12); backdrop-filter: blur(22px); }
.logo, .brand, .site-logo { color: #f4f7ff; }
.desktop-nav { background: rgba(12,19,37,.78); border: 1px solid rgba(132,174,255,.16); box-shadow: 0 12px 38px rgba(0,0,0,.2); backdrop-filter: blur(20px); }
.desktop-nav a { color: #b9c8e8; }
.desktop-nav a:hover, .desktop-nav a.active { color:#fff; background:rgba(75,139,255,.16); }
h1, h2, h3, .hero-title, .section-title { color: #f4f7ff !important; }
.hero-description, .section-description, .about-copy, .service-card p, .engagement-card p, .capability-row p { color: #a8b7d4 !important; }
.hero-kicker, .eyebrow, .section-kicker, .cap-number { color: #6dd9ff !important; }
.hero-visual { filter: drop-shadow(0 18px 70px rgba(0,110,255,.16)); }
.trust-strip { background:rgba(8,14,28,.66) !important; border-color:rgba(127,167,237,.13) !important; backdrop-filter:blur(18px); }
.trust-strip, .trust-strip * { color:#b6c7e5; }
.section, .about-section, .services-section, .process-section, .projects-section, .contact-section { background:transparent !important; }
.service-card, .engagement-card, .price-card, .about-mark { background:linear-gradient(145deg,rgba(19,29,51,.88),rgba(8,14,28,.86)) !important; border:1px solid rgba(120,164,239,.16) !important; box-shadow:0 22px 70px rgba(0,0,0,.24), inset 0 1px rgba(255,255,255,.035) !important; backdrop-filter:blur(18px); }
.service-card h3, .engagement-card h3, .price-card h3 { color:#f0f5ff !important; }
.service-card p, .engagement-card p, .price-card p, .price-card li { color:#a6b5d0 !important; }
.capability-row { border-color:rgba(132,170,231,.15) !important; }
.capability-row h3 { color:#edf4ff !important; }
.cap-arrow { color:#6dd9ff !important; }
.manifesto-section { background:linear-gradient(125deg,rgba(8,14,29,.96),rgba(12,35,77,.93) 56%,rgba(10,69,111,.88)) !important; border-top:1px solid rgba(117,183,255,.14); border-bottom:1px solid rgba(117,183,255,.14); }
.manifesto-section p, .principles p { color:#b8c9e5 !important; }
.pricing-section { background:rgba(4,8,18,.68) !important; border-top:1px solid rgba(132,174,255,.09); border-bottom:1px solid rgba(132,174,255,.09); backdrop-filter:blur(12px); }
.price-card-featured { background:linear-gradient(145deg,#102d61,#155ba0 58%,#087f9e) !important; border-color:rgba(102,220,255,.42) !important; box-shadow:0 24px 70px rgba(0,98,220,.2) !important; }
.price-card-featured h3, .price-card-featured .price, .price-card-featured p, .price-card-featured li { color:#fff !important; }
.cta-panel { background:linear-gradient(120deg,rgba(13,30,65,.97),rgba(14,69,125,.96) 60%,rgba(7,113,143,.94)) !important; border:1px solid rgba(112,217,255,.24); box-shadow:0 26px 80px rgba(0,65,160,.18),inset 0 1px rgba(255,255,255,.06) !important; }
.cta-panel h2, .cta-panel p { color:#f5f9ff !important; }
button, .button, .btn, .primary-button, a.button { box-shadow:0 8px 30px rgba(0,139,255,.18); }
.site-footer { background:rgba(3,7,16,.72) !important; border-top:1px solid rgba(132,174,255,.13) !important; color:#8293b3 !important; backdrop-filter:blur(18px); }
.footer-right a { color:#aabbd9 !important; }
input, textarea, select { background:rgba(9,16,31,.86) !important; border:1px solid rgba(129,170,235,.24) !important; color:#eef5ff !important; }
::selection { background:rgba(51,157,255,.35); color:#fff; }
@media(max-width:700px){
 .desktop-nav { background:rgba(7,12,25,.96) !important; border-color:rgba(132,174,255,.18) !important; }
 .desktop-nav a { color:#c0cde6 !important; }
 .hero { background:transparent !important; }
}

/* Official SOVRIAN INTELLIGENCE logo integration */
.logo-wordmark{display:flex;align-items:center;justify-content:flex-start;flex:0 0 auto;line-height:0;letter-spacing:0;text-decoration:none;min-width:0}
.brand-logo{display:block;height:auto;object-fit:contain;mix-blend-mode:screen;filter:drop-shadow(0 0 12px rgba(0,132,255,.12))}
.brand-logo-header{width:clamp(128px,13vw,176px);max-height:66px}
.brand-logo-footer{width:clamp(118px,11vw,150px);max-height:64px}
.site-header .logo-wordmark{margin-right:26px}
.site-footer .logo-wordmark{align-self:center}
@media(max-width:700px){.site-header .logo-wordmark{margin-right:10px}.brand-logo-header{width:clamp(112px,36vw,150px);max-height:55px}.brand-logo-footer{width:126px;max-height:58px}.site-footer{align-items:center}}


/* SOVRIAN INTELLIGENCE — legibility and custom artwork refinement */
:root {
  --text: #f4f7ff;
  --muted: #b8c5dc;
  --muted-strong: #a9b9d4;
  --line: rgba(142, 184, 255, .22);
}
html { scroll-behavior: smooth; }
body { color: #f4f7ff; background-color: #050a18; }
p, .hero-description, .section-heading > p, .about-copy p, .service-card p,
.manifesto-content p, .work-card p, .pricing-card p, .cta-panel p,
.footer-copy, .trust-items, .hero-footnote, .text-link {
  color: #b9c7df;
}
h1, h2, h3, h4, strong { color: #f5f8ff; }
.muted-title { color: #c0cbe0 !important; }
.eyebrow, .section-kicker, .data-label, .card-topline,
.about-number, .hero-bottom-label, .footer-meta {
  color: #9eafd0;
}
.text-link { color: #d6e2ff; }
.text-link span:last-child, .card-link, .button-arrow { color: #35d8ff; }
.button-primary { color: #fff; box-shadow: 0 10px 34px rgba(0, 153, 255, .24); }
.button-outline, .language-toggle, .menu-toggle {
  color: #edf4ff;
  background: rgba(6, 15, 37, .78);
  border-color: rgba(135, 181, 255, .24);
}
.language-toggle span:not(.lang-active) { color: #b5c2da; }
.site-header {
  background: rgba(4, 9, 24, .88);
  border-bottom: 1px solid rgba(115, 164, 255, .16);
  backdrop-filter: blur(20px);
}
.service-card, .about-mark, .cta-panel, .pricing-card, .work-card {
  background: linear-gradient(145deg, rgba(15, 30, 58, .94), rgba(6, 13, 30, .96));
  border-color: rgba(125, 170, 255, .2);
  box-shadow: 0 20px 55px rgba(0, 0, 0, .2);
}
.service-card p, .about-copy p, .pricing-card p, .cta-panel p { line-height: 1.8; }
.service-card h3 { line-height: 1.3; letter-spacing: -.025em; }
.hero-visual { isolation: isolate; }
.hero-art-image {
  position: absolute; inset: 4% -2% 0;
  width: 104%; height: 96%; object-fit: contain; object-position: center;
  opacity: .78; mix-blend-mode: screen; pointer-events: none; z-index: -1;
  mask-image: radial-gradient(ellipse at center, #000 38%, rgba(0,0,0,.8) 62%, transparent 82%);
}
.service-illustration { position: relative; overflow: hidden; isolation: isolate; }
.service-art-image {
  position: absolute; inset: 0; width: 100%; height: 100%;
  object-fit: cover; opacity: .78; z-index: -1;
  filter: saturate(1.08) contrast(1.04);
}
.browser-illustration, .phone-illustration, .workflow-illustration, .code-illustration {
  min-height: 190px;
  border-radius: 14px;
  border: 1px solid rgba(111, 183, 255, .18);
  background: linear-gradient(135deg, rgba(7, 18, 42, .5), rgba(2, 9, 24, .15));
}
.browser-illustration > :not(.service-art-image),
.phone-illustration > :not(.service-art-image),
.workflow-illustration > :not(.service-art-image),
.code-illustration > :not(.service-art-image) { opacity: .18; }
.card-topline { position: relative; z-index: 1; }
.card-link { color: #5b9dff; font-weight: 700; }
.card-link:hover, .text-link:hover { color: #53e4ff; }
.trust-strip { background: rgba(5, 12, 29, .88); border-color: rgba(125, 170, 255, .15); }
.manifesto-section { background: linear-gradient(120deg, rgba(5, 15, 36, .97), rgba(8, 24, 54, .94)); }
.data-card {
  color: #142446;
  background: rgba(235, 243, 255, .94);
  border: 1px solid rgba(255,255,255,.6);
}
.data-card .data-label { color: #455b7e; }
.data-card .data-value { color: #1554bd; }
::selection { color: #fff; background: #145fe8; }
:focus-visible { outline: 2px solid #35d8ff; outline-offset: 4px; }
@media (max-width: 760px) {
  .hero-art-image { inset: 0 -10% 0; width: 120%; height: 100%; opacity: .55; }
  .service-art-image { opacity: .7; }
  .browser-illustration, .phone-illustration, .workflow-illustration, .code-illustration { min-height: 170px; }
  .hero-description, .section-heading > p, .service-card p, .about-copy p { color: #c3cee2; }
  .text-link { color: #e0eaff; }
}
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { animation-duration: .01ms !important; transition-duration: .01ms !important; }
}

/* Final legibility and legal-footer refinements */
.contact-email{display:inline-block;position:relative;z-index:2;margin-top:16px;color:#7eeaff;font-size:13px;letter-spacing:.02em;text-decoration:none}
.contact-email:hover,.legal-links a:hover{color:#fff}
.footer-right{flex-wrap:wrap;row-gap:12px}
.legal-links{display:flex;gap:18px;align-items:center}
.legal-links a{color:#aab9d3;font-size:11px;text-decoration:none;white-space:nowrap}
.site-footer>p{font-size:11px;line-height:1.6}
@media(max-width:700px){
 .desktop-nav{z-index:100;background:rgba(5,9,20,.985);box-shadow:0 18px 36px rgba(0,0,0,.42);border:1px solid rgba(120,160,255,.18);border-radius:0 0 22px 22px}
 .desktop-nav a{color:#e7efff!important;font-size:14px;line-height:1.5;padding:4px 0}
 .footer-right{display:flex;flex-direction:column;align-items:flex-start;gap:14px}
 .legal-links{gap:18px;flex-wrap:wrap}
 .legal-links a{font-size:11px}
 .site-footer>p{text-align:left;font-size:10px}
}
.legal-page{max-width:900px;margin:0 auto;padding:72px 24px 100px;min-height:65vh;color:#eaf0ff}
.legal-page .eyebrow{margin-bottom:18px}
.legal-page h1{font-size:clamp(38px,7vw,64px);line-height:1.08;margin:0 0 24px}
.legal-page h2{font-size:22px;margin:34px 0 12px;color:#fff}
.legal-page p,.legal-page li{color:#b8c5dc;font-size:15px;line-height:1.8}
.legal-page a{color:#75e7ff;overflow-wrap:anywhere}
.legal-card{background:rgba(8,16,35,.9);border:1px solid rgba(120,160,255,.2);border-radius:22px;padding:clamp(22px,4vw,36px);box-shadow:0 20px 70px rgba(0,0,0,.18)}
.legal-back{display:inline-flex;margin-top:28px;color:#82eaff;text-decoration:none}


/* Supplied SOVRIAN service artwork: full image visible, readable, and responsive. */
.service-image-wrap{height:auto!important;aspect-ratio:3/2;overflow:hidden;border-radius:14px;background:#061225!important;border:1px solid rgba(75,157,255,.2);display:flex;align-items:center;justify-content:center;position:relative;margin:18px 0 24px;}
.service-image-wrap::before,.service-image-wrap::after{display:none!important;content:none!important;}
.service-image-wrap .service-art-image{position:static!important;display:block!important;width:100%!important;height:100%!important;max-width:100%;object-fit:contain!important;object-position:center!important;opacity:1!important;filter:none!important;transform:none!important;border:0!important;border-radius:0!important;z-index:1;}
.service-process-art{height:auto!important;min-height:160px;aspect-ratio:3/2;margin:18px 0 24px;border-radius:14px;overflow:hidden;background:radial-gradient(ellipse at 50% 45%,rgba(0,195,255,.15),transparent 55%),linear-gradient(145deg,#07172d,#0a1025)!important;border:1px solid rgba(75,157,255,.2);}
.service-process-art .flow-node{z-index:2;background:#0b1830;border:1px solid rgba(97,211,255,.65);color:#d9f8ff;padding:12px 9px;font-size:clamp(8px,1vw,11px);letter-spacing:.1em;}
.service-process-art .flow-line{background:linear-gradient(90deg,#2469ff,#00d8f0);height:1px;}
@media(max-width:700px){.service-image-wrap{aspect-ratio:3/2;margin:14px 0 20px;border-radius:11px}.service-image-wrap .service-art-image{object-fit:contain!important}.service-process-art{min-height:140px;aspect-ratio:3/2;margin:14px 0 20px}.service-process-art .flow-node{padding:9px 6px;font-size:8px}.service-card{overflow:hidden}}


/* SOVRIAN logo liquid-glass treatment — scoped to the About visual only */
.about-liquid-mark{isolation:isolate;overflow:hidden;min-height:330px;border-radius:30px!important;background:radial-gradient(ellipse at 50% 44%,rgba(0,174,255,.24),rgba(22,43,91,.32) 34%,rgba(5,12,28,.88) 74%)!important;border:1px solid rgba(150,218,255,.24)!important;box-shadow:0 28px 75px rgba(0,0,0,.32),inset 0 1px 0 rgba(255,255,255,.13),inset 0 -1px 0 rgba(68,164,255,.18)!important;backdrop-filter:blur(22px);}
.about-liquid-mark:before{width:245px;height:245px;border-color:rgba(75,181,255,.3);box-shadow:0 0 0 30px rgba(54,120,255,.055),0 0 0 62px rgba(0,202,255,.035),0 0 60px rgba(0,157,255,.12);z-index:-1}
.about-liquid-mark:after{width:185px;height:185px;border-color:rgba(178,227,255,.24);box-shadow:inset 0 0 30px rgba(117,202,255,.06);z-index:-1}
.liquid-glass-logo{position:relative;z-index:1;width:min(76%,390px);aspect-ratio:1.15/1;display:grid;place-items:center;overflow:hidden;border-radius:28px;background:linear-gradient(135deg,rgba(255,255,255,.19),rgba(104,179,255,.055) 28%,rgba(6,21,49,.32) 65%,rgba(255,255,255,.08));border:1px solid rgba(210,239,255,.48);box-shadow:inset 0 1px 1px rgba(255,255,255,.52),inset 0 -18px 35px rgba(0,83,210,.13),0 16px 45px rgba(0,0,0,.26),0 0 34px rgba(0,163,255,.12);backdrop-filter:blur(18px) saturate(145%);transform:translateZ(25px);animation:liquidLogoFloat 7s ease-in-out infinite}
.liquid-glass-logo:before{content:"";position:absolute;inset:8px;border-radius:21px;border:1px solid rgba(214,242,255,.13);pointer-events:none}
.liquid-glass-highlight{position:absolute;inset:-45% -20%;z-index:2;pointer-events:none;background:linear-gradient(118deg,transparent 30%,rgba(255,255,255,.17) 43%,rgba(93,213,255,.08) 48%,transparent 58%);transform:translateX(-18%) rotate(-7deg);animation:liquidShine 9s ease-in-out infinite}
.about-logo-image{position:relative;z-index:1;width:87%;height:86%;object-fit:contain;filter:drop-shadow(0 0 9px rgba(28,150,255,.28)) drop-shadow(0 0 25px rgba(0,199,255,.14));}
.about-liquid-mark .about-caption{bottom:19px;color:rgba(202,230,255,.76);text-shadow:0 0 12px rgba(0,172,255,.24)}
@keyframes liquidLogoFloat{0%,100%{transform:translateY(0) rotateX(0deg)}50%{transform:translateY(-5px) rotateX(1deg)}}
@keyframes liquidShine{0%,35%{transform:translateX(-38%) rotate(-7deg);opacity:.3}65%,100%{transform:translateX(38%) rotate(-7deg);opacity:.85}}
@media(max-width:700px){.about-liquid-mark{min-height:250px}.liquid-glass-logo{width:min(79%,340px);border-radius:23px}.liquid-glass-logo:before{border-radius:17px}.about-liquid-mark:before{width:190px;height:190px}.about-liquid-mark:after{width:145px;height:145px}}
@media(prefers-reduced-motion:reduce){.liquid-glass-logo,.liquid-glass-highlight{animation:none!important}}


/* Final correction: one unified glass panel; no legacy S / 01 label, rings, or caption */
.about-liquid-mark{position:relative;display:flex;align-items:center;justify-content:center;min-height:300px;aspect-ratio:1.22/1;padding:22px;overflow:hidden;border-radius:30px!important;border:1px solid rgba(173,220,255,.3)!important;background:linear-gradient(135deg,rgba(210,239,255,.11),rgba(20,70,130,.18) 35%,rgba(4,12,30,.78) 72%,rgba(80,160,255,.1))!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.22),inset 0 -20px 45px rgba(0,119,255,.1),0 22px 60px rgba(0,0,0,.28),0 0 32px rgba(0,161,255,.08)!important;backdrop-filter:blur(24px) saturate(145%);}
.about-liquid-mark:before,.about-liquid-mark:after{display:none!important;content:none!important}
.about-liquid-mark .about-number,.about-liquid-mark .about-caption{display:none!important}
.about-liquid-mark .about-logo-image{display:block;position:relative;z-index:1;width:100%;height:100%;max-width:520px;max-height:300px;object-fit:contain;mix-blend-mode:screen;filter:drop-shadow(0 0 12px rgba(20,139,255,.24)) drop-shadow(0 0 24px rgba(0,190,255,.13));}
.about-liquid-mark .liquid-glass-highlight{position:absolute;inset:-40% -20%;z-index:2;pointer-events:none;background:linear-gradient(118deg,transparent 33%,rgba(255,255,255,.10) 45%,rgba(90,210,255,.07) 50%,transparent 60%);transform:translateX(-20%) rotate(-7deg);animation:liquidShine 10s ease-in-out infinite}
@media(max-width:700px){.about-liquid-mark{min-height:0;aspect-ratio:1.22/1;padding:18px;border-radius:26px!important}.about-liquid-mark .about-logo-image{max-height:250px;width:100%;height:100%}}


/* Accessibility correction: ensure the process/value row remains readable over the animated background */
.values-row{position:relative;z-index:2;gap:14px;margin-top:42px}
.values-row>div{min-width:0;padding:18px 16px 17px;border:1px solid rgba(118,190,255,.28)!important;border-radius:14px;background:linear-gradient(145deg,rgba(4,12,31,.94),rgba(7,22,48,.92))!important;box-shadow:0 12px 32px rgba(0,0,0,.22),inset 0 1px rgba(255,255,255,.045);backdrop-filter:blur(18px)}
.values-row>div>span{color:#44e3ff!important;font-size:18px;margin-bottom:13px}
.values-row b{color:#f4f8ff!important;font-size:13px;line-height:1.4;margin-bottom:8px}
.values-row p{color:#c4d3eb!important;font-size:12px;line-height:1.65!important}
@media(max-width:700px){.values-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.values-row>div{padding:16px 13px}.values-row b{font-size:12px}.values-row p{font-size:11px}}
/* Legal pages: readable glass card and persistent language control */
.legal-page{position:relative;z-index:1;max-width:900px;margin:0 auto;padding:74px 24px 90px}
.legal-page h1{font-size:clamp(38px,7vw,64px);line-height:1.08;letter-spacing:-.055em;margin:20px 0 32px}
.legal-card{padding:clamp(22px,5vw,42px);border:1px solid rgba(111,190,255,.27);border-radius:22px;background:linear-gradient(145deg,rgba(5,15,35,.96),rgba(7,23,49,.96));box-shadow:0 24px 70px rgba(0,0,0,.28);color:#d6e3f7}
.legal-card h2{font-size:19px;line-height:1.4;color:#f5f8ff;margin:30px 0 10px}
.legal-card h2:first-child{margin-top:0}
.legal-card p,.legal-card li{font-size:14px;line-height:1.85;color:#d0def2;overflow-wrap:anywhere}
.legal-card a{color:#58e5ff;text-decoration:underline;text-underline-offset:3px}
.legal-back{display:inline-block;margin-top:25px;color:#74e7ff;font-size:13px}
.legal-page .language-toggle{font-size:12px;padding:9px 0}
.legal-header-actions{display:flex;align-items:center;gap:18px}
@media(max-width:700px){.legal-page{padding:48px 18px 64px}.legal-card{border-radius:17px}.legal-card p,.legal-card li{font-size:13px}.legal-card h2{font-size:17px}.legal-header-actions{gap:12px}.legal-header-actions .button{display:none}}

/* Alignment pass: use a tightly framed logo asset so the artwork, not the
   original canvas whitespace, controls the visible size in all three places. */
.site-header .logo-wordmark{width:clamp(150px,18vw,190px);margin:0 24px 0 0;display:flex;align-items:center;justify-content:flex-start;flex-shrink:0}
.brand-logo-header{display:block;width:100%;height:auto;max-height:none;object-fit:contain;object-position:center;mix-blend-mode:screen}
.about-liquid-mark{display:flex;align-items:center;justify-content:center;padding:clamp(20px,3vw,34px)!important;}
.about-liquid-mark .about-logo-image{display:block;width:94%;height:auto;max-width:560px;max-height:none;aspect-ratio:auto;object-fit:contain;object-position:center;margin:0 auto;flex:0 1 auto;}
.site-footer .logo-wordmark{width:clamp(160px,17vw,190px);margin:0;display:flex;align-items:center;justify-content:flex-start;flex-shrink:0}
.brand-logo-footer{display:block;width:100%;height:auto;max-height:none;object-fit:contain;object-position:center}
.site-footer{align-items:center}
@media(max-width:700px){
 .site-header{padding-left:20px;padding-right:20px}
 .site-header .logo-wordmark{width:clamp(148px,42vw,178px);margin:0;}
 .brand-logo-header{width:100%;max-height:none}
 .about-liquid-mark{aspect-ratio:1.22/1;min-height:0;padding:22px!important;border-radius:26px!important}
 .about-liquid-mark .about-logo-image{width:100%;max-width:none;max-height:none;height:auto;}
 .site-footer{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;column-gap:16px;row-gap:16px}
 .site-footer .logo-wordmark{width:clamp(145px,42vw,175px);max-width:100%;}
 .brand-logo-footer{width:100%;max-height:none}
 .site-footer>p{min-width:0;text-align:left;font-size:10px;line-height:1.55;overflow-wrap:anywhere}
 .footer-right{grid-column:1/-1;align-items:flex-start;gap:12px}
 .footer-right .legal-links{display:flex;gap:18px;flex-wrap:wrap}
}

/* Refined logo sizing and centering — mobile-first correction */
.site-header .logo-wordmark{width:150px;max-width:150px;margin:0 18px 0 0;display:flex;align-items:center;justify-content:center;flex:0 0 150px;}
.brand-logo-header{width:100%;height:auto;max-height:54px;object-fit:contain;object-position:center;}
.about-liquid-mark{display:flex;align-items:center;justify-content:center;}
.about-liquid-mark .about-logo-image{width:min(72%,390px);max-width:390px;height:auto;max-height:none;display:block;object-fit:contain;object-position:center;margin:0 auto;}
.site-footer .logo-wordmark{width:132px;max-width:132px;margin:0;display:flex;align-items:center;justify-content:center;flex:0 0 132px;}
.brand-logo-footer{width:100%;height:auto;max-height:48px;object-fit:contain;object-position:center;}
@media(max-width:700px){
 .site-header{padding-left:20px;padding-right:20px;}
 .site-header .logo-wordmark{width:112px;max-width:112px;flex:0 0 112px;margin:0;justify-content:center;}
 .brand-logo-header{width:100%;max-height:43px;}
 .header-actions{gap:12px;}
 .about-liquid-mark{aspect-ratio:1.22/1;min-height:0;padding:20px!important;display:flex;align-items:center;justify-content:center;}
 .about-liquid-mark .about-logo-image{width:74%;max-width:300px;height:auto;max-height:none;margin:0 auto;}
 .site-footer{grid-template-columns:minmax(0,112px) minmax(0,1fr);align-items:center;column-gap:18px;row-gap:16px;}
 .site-footer .logo-wordmark{width:108px;max-width:108px;flex:0 0 108px;justify-self:center;}
 .brand-logo-footer{width:100%;max-height:42px;}
 .site-footer>p{text-align:left;min-width:0;}
 .footer-right{grid-column:1/-1;align-items:flex-start;}
}

/* FINAL MOBILE LAYOUT FIX — constrain logo boxes, never crop the artwork */
.site-header {
  min-width: 0;
  gap: 12px;
}
.site-header .logo-wordmark {
  width: 124px !important;
  max-width: 124px !important;
  min-width: 0 !important;
  flex: 0 1 124px !important;
  margin: 0 !important;
  justify-content: center !important;
  overflow: visible !important;
}
.site-header .brand-logo-header {
  display: block;
  width: 100% !important;
  height: auto !important;
  max-height: 52px !important;
  object-fit: contain !important;
  object-position: center !important;
}
.site-header .header-actions { flex: 0 0 auto; min-width: 0; }
.about-liquid-mark {
  width: 100%;
  min-width: 0;
  aspect-ratio: 1.5 / 1 !important;
  min-height: 0 !important;
  padding: clamp(18px, 4vw, 30px) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  overflow: hidden !important;
}
.about-liquid-mark .about-logo-image {
  display: block !important;
  width: min(68%, 330px) !important;
  max-width: 100% !important;
  height: auto !important;
  max-height: 100% !important;
  flex: 0 1 auto !important;
  object-fit: contain !important;
  object-position: center !important;
  margin: 0 auto !important;
}
.site-footer {
  display: grid !important;
  grid-template-columns: 120px minmax(0, 1fr) !important;
  align-items: center !important;
  justify-items: stretch;
  column-gap: 18px !important;
  row-gap: 16px !important;
  min-width: 0;
}
.site-footer .logo-wordmark {
  width: 120px !important;
  max-width: 100% !important;
  min-width: 0 !important;
  flex: 0 1 120px !important;
  margin: 0 !important;
  justify-self: center !important;
  align-self: center !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  overflow: visible !important;
}
.site-footer .brand-logo-footer {
  display: block !important;
  width: 100% !important;
  height: auto !important;
  max-height: 58px !important;
  object-fit: contain !important;
  object-position: center !important;
}
.site-footer > p { min-width: 0 !important; margin: 0 !important; overflow-wrap: anywhere; }
.site-footer .footer-right { grid-column: 1 / -1 !important; min-width: 0; }
@media (max-width: 700px) {
  .site-header { height: 76px !important; padding-left: 16px !important; padding-right: 16px !important; gap: 8px !important; }
  .site-header .logo-wordmark { width: 102px !important; max-width: 102px !important; flex-basis: 102px !important; }
  .site-header .brand-logo-header { max-height: 46px !important; }
  .header-actions { gap: 10px !important; }
  .about-liquid-mark { aspect-ratio: 1.38 / 1 !important; padding: 16px !important; border-radius: 24px !important; }
  .about-liquid-mark .about-logo-image { width: min(72%, 275px) !important; max-height: 100% !important; }
  .site-footer { grid-template-columns: 94px minmax(0, 1fr) !important; column-gap: 14px !important; row-gap: 14px !important; }
  .site-footer .logo-wordmark { width: 94px !important; flex-basis: 94px !important; }
  .site-footer .brand-logo-footer { max-height: 46px !important; }
  .site-footer > p { font-size: 11px !important; line-height: 1.6 !important; text-align: left !important; }
}
@media (max-width: 360px) {
  .site-header { padding-left: 12px !important; padding-right: 12px !important; }
  .site-header .logo-wordmark { width: 88px !important; flex-basis: 88px !important; }
  .site-header .brand-logo-header { max-height: 40px !important; }
  .site-footer { grid-template-columns: 82px minmax(0, 1fr) !important; column-gap: 10px !important; }
  .site-footer .logo-wordmark { width: 82px !important; flex-basis: 82px !important; }
}

/* v4 — full logo (no clipped wordmark) */
.site-header .brand-logo-header{max-height:56px!important}
@media(max-width:700px){.site-header .brand-logo-header{max-height:50px!important}}

/* v4 — Neural core animation replaces static "S" */
.core{background:radial-gradient(circle at 32% 24%,rgba(160,215,255,.32),rgba(36,72,170,.55) 30%,rgba(10,20,70,.96) 68%,rgba(5,10,40,.99) 82%)!important;overflow:hidden;box-shadow:inset -22px -26px 40px rgba(0,6,40,.6),inset 12px 12px 26px rgba(180,225,255,.25),0 0 60px rgba(0,170,255,.28),0 0 120px rgba(90,80,255,.2)!important}
.neural-canvas{position:absolute;inset:0;width:100%;height:100%;border-radius:50%;z-index:1}
.core-inner{position:relative;z-index:2;transform:none!important;pointer-events:none}
.core-mark{width:46%;max-width:96px;height:auto;margin:0 auto;display:block;filter:drop-shadow(0 0 10px rgba(40,170,255,.75));animation:markPulse 4s ease-in-out infinite}
.core-label{margin-top:10px!important;text-shadow:0 0 8px rgba(0,20,60,.9)}
@keyframes markPulse{0%,100%{opacity:.88;transform:scale(1)}50%{opacity:1;transform:scale(1.05)}}
@media(prefers-reduced-motion:reduce){.core-mark{animation:none}}
.core{background-color:#081236!important;isolation:isolate}
.core-mark{width:52%;max-width:110px}

/* ===== v5 additions: hero facts, pricing, projects, FAQ, contact form ===== */
:root{--card:rgba(15,20,32,.78)}
.hero-facts{list-style:none;display:flex;flex-wrap:wrap;gap:12px 34px;margin:34px 0 0;padding:22px 0 0;border-top:1px solid var(--line)}
.hero-facts li{display:flex;flex-direction:column;line-height:1.3}
.hero-facts b{font-size:19px;font-weight:800;color:var(--text)}
.hero-facts span{font-family:var(--mono);font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}

.price-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;align-items:stretch}
.price-card{position:relative;display:flex;flex-direction:column;gap:14px;padding:30px 26px;border:1px solid var(--line);border-radius:6px;background:var(--card);backdrop-filter:blur(14px)}
.price-card h3{margin:2px 0 0;font-size:22px}
.price-card .price-desc{margin:0;color:var(--muted);font-size:14px}
.price{font-family:var(--mono);color:var(--muted);font-size:12px;letter-spacing:.06em;text-transform:uppercase;padding:10px 0 4px}
.price b{font-family:var(--font);font-size:38px;font-weight:800;letter-spacing:-.02em;color:var(--text);text-transform:none}
.price-card ul{list-style:none;margin:0;padding:16px 0 0;border-top:1px solid var(--line);display:grid;gap:9px;flex:1}
.price-card li{position:relative;padding-left:22px;font-size:14px;color:#c7d0de}
.price-card li:before{content:"✓";position:absolute;left:0;color:var(--cyan);font-weight:700}
.price-time{font-family:var(--mono);font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted2)}
.price-card .button{width:100%;justify-content:space-between}
.price-card-featured{border-color:rgba(125,231,242,.42);background:linear-gradient(180deg,rgba(125,231,242,.07),rgba(17,23,36,.8) 45%);box-shadow:0 20px 60px rgba(60,140,200,.12)}
.price-badge{position:absolute;top:-11px;right:22px;font-family:var(--mono);font-size:9px;letter-spacing:.16em;padding:5px 10px;border-radius:20px;background:linear-gradient(110deg,#b9f4f3,#8fb5ff);color:#09111c;font-weight:600}

.addon-panel{display:grid;grid-template-columns:260px 1fr;gap:30px;margin-top:22px;padding:28px 26px;border:1px solid var(--line);border-radius:6px;background:rgba(13,17,27,.6)}
.addon-head h3{margin:8px 0 0;font-size:19px}
.addon-list{margin:0;display:grid;grid-template-columns:1fr 1fr;gap:0 32px}
.addon-list>div{display:flex;justify-content:space-between;gap:16px;padding:11px 0;border-bottom:1px dashed var(--line)}
.addon-list dt{font-size:14px;color:#c7d0de}
.addon-list dd{margin:0;font-family:var(--mono);font-size:13px;color:var(--cyan);white-space:nowrap}

.project-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.project-card{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:6px;overflow:hidden;background:var(--card)}
.project-media{aspect-ratio:16/10;overflow:hidden;border-bottom:1px solid var(--line)}
.project-media img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s}
.project-card:hover .project-media img{transform:scale(1.04)}
.project-body{padding:24px 24px 26px;display:flex;flex-direction:column;gap:10px;flex:1}
.project-body h3{margin:0;font-size:21px}
.project-body p{margin:0;color:var(--muted);font-size:14px;flex:1}
.project-tags{list-style:none;margin:6px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:6px}
.project-tags li{font-family:var(--mono);font-size:10px;letter-spacing:.06em;padding:4px 9px;border:1px solid var(--line);border-radius:20px;color:#aab6c8}
.project-card-cta{justify-content:center;background:linear-gradient(160deg,rgba(130,153,255,.1),rgba(125,231,242,.05) 60%,rgba(17,23,36,.7))}
.project-card-cta .button{align-self:flex-start;margin-top:8px}

.faq-list{display:grid;gap:0;border-top:1px solid var(--line)}
.faq-list details{border-bottom:1px solid var(--line)}
.faq-list summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:22px 4px;font-size:17px;font-weight:700}
.faq-list summary::-webkit-details-marker{display:none}
.faq-list summary:after{content:"+";font-family:var(--mono);font-size:20px;color:var(--cyan);transition:transform .25s;flex-shrink:0}
.faq-list details[open] summary:after{transform:rotate(45deg)}
.faq-list summary:hover{color:var(--cyan)}
.faq-list summary:focus-visible{outline:2px solid var(--cyan);outline-offset:2px}
.faq-list details p{margin:0;padding:0 40px 24px 4px;color:var(--muted);max-width:820px}

.contact-panel{display:grid;grid-template-columns:1fr 1.1fr;gap:44px;text-align:left;align-items:start}
.contact-panel .contact-intro{position:relative;z-index:1}
.contact-panel h2{text-align:left}
.contact-points{list-style:none;margin:22px 0;padding:0;display:grid;gap:9px}
.contact-points li{position:relative;padding-left:24px;color:#c7d0de;font-size:14px}
.contact-points li:before{content:"✓";position:absolute;left:0;color:var(--cyan);font-weight:700}
.contact-form{position:relative;z-index:1;display:grid;gap:14px;padding:26px;border:1px solid var(--line);border-radius:6px;background:rgba(8,11,18,.7)}
.field-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.contact-form label{display:grid;gap:6px;font-family:var(--mono);font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.contact-form input,.contact-form select,.contact-form textarea{width:100%;font:inherit;font-family:var(--font);font-size:15px;letter-spacing:0;text-transform:none;color:var(--text);background:rgba(255,255,255,.035);border:1px solid rgba(185,202,231,.2);border-radius:4px;padding:12px 13px;transition:border-color .2s,background .2s}
.contact-form select option{background:#0d111b;color:var(--text)}
.contact-form textarea{resize:vertical;min-height:120px}
.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus{outline:none;border-color:var(--cyan);background:rgba(125,231,242,.05)}
.contact-form .check{display:flex;align-items:flex-start;gap:10px;font-family:var(--font);font-size:13px;letter-spacing:0;text-transform:none;line-height:1.5}
.contact-form .check input{width:16px;height:16px;margin-top:2px;flex-shrink:0;accent-color:#7de7f2}
.contact-form .check a{color:var(--cyan);text-decoration:underline}
.contact-form .button{justify-content:space-between}
.form-hint{margin:0;font-size:12px;color:var(--muted2)}
.form-hint.is-error{color:#ff9b9b}

@media(max-width:900px){
  .price-grid,.project-grid{grid-template-columns:1fr}
  .price-card-featured{order:-1}
  .addon-panel{grid-template-columns:1fr;gap:14px}
  .contact-panel{grid-template-columns:1fr;gap:30px}
}
@media(max-width:700px){
  .addon-list,.field-row{grid-template-columns:1fr}
  .hero-facts{gap:14px 24px}
  .hero-facts b{font-size:17px}
  .price{font-size:12px}
  .price b{font-size:32px}
  .faq-list summary{font-size:15px}
  .faq-list details p{padding-right:4px}
  .contact-form{padding:18px}
}

.hp{position:absolute!important;left:-9999px;width:1px;height:1px;overflow:hidden}
.form-hint.is-success{color:var(--cyan)}
.contact-form button[disabled]{opacity:.6;cursor:wait}

.project-grid{grid-template-columns:repeat(2,1fr)}
.project-media img[src*="habitforge"]{object-position:center 75%}
@media(max-width:900px){.project-grid{grid-template-columns:1fr}}

.project-grid{grid-template-columns:repeat(3,1fr)}
.project-media img[src*="habitforge"]{object-position:center 75%}
@media(max-width:1000px){.project-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:700px){.project-grid{grid-template-columns:1fr}}

.trust-items .sep{color:var(--cyan);font-size:10px;opacity:.8}
.capability-row .cap-title{margin:0 0 6px;font-size:20px;font-weight:700;color:var(--text);line-height:1.3}
.addon-title{margin:8px 0 0;font-size:19px;font-weight:700}
.cta-card-title{margin:0;font-size:21px;font-weight:700}
@media(max-width:700px){.capability-row .cap-title{font-size:15px}}
.fact-list{margin:22px 0;display:grid;gap:0;border-top:1px solid var(--line)}
.fact-list>div{display:grid;grid-template-columns:130px 1fr;gap:14px;padding:10px 0;border-bottom:1px solid var(--line)}
.fact-list dt{font-family:var(--mono);font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--cyan);padding-top:3px}
.fact-list dd{margin:0;font-size:14px;color:#c7d0de}
@media(max-width:700px){.fact-list>div{grid-template-columns:1fr;gap:2px}}
.hero-trust{margin:18px 0 0;font-size:12px;color:var(--muted);letter-spacing:.01em}
.mobile-cta{display:none}
@media(max-width:700px){.mobile-cta{display:flex;justify-content:space-between;align-items:center;position:fixed;left:12px;right:12px;bottom:12px;z-index:30;padding:14px 18px;border-radius:40px;font-size:13px;font-weight:700;color:#09111c;background:linear-gradient(110deg,#b9f4f3,#8fb5ff 58%,#c6b1ff);box-shadow:0 10px 30px rgba(0,0,0,.45);transition:transform .3s,opacity .3s}.mobile-cta.is-hidden{transform:translateY(120%);opacity:0}.site-footer{padding-bottom:84px!important}}

img[width][height]{height:auto}
.project-media img,.service-art-image,.hero-art-image{height:100%}
.skip-link{position:absolute;left:12px;top:-60px;z-index:100;padding:10px 14px;background:#b9f4f3;color:#09111c;font-weight:700;border-radius:4px;font-size:13px}.skip-link:focus{top:12px}
.contact-channels{display:grid;gap:10px;margin-top:6px}
.channel{display:inline-flex;align-items:center;gap:10px;font-size:14px;color:#c7d0de;transition:color .2s}.channel:hover{color:var(--cyan)}.channel svg{flex-shrink:0;color:var(--cyan)}
.channel-wa{align-self:flex-start;padding:11px 16px;border-radius:30px;background:#25d366;color:#05230f;font-weight:700}.channel-wa svg{color:#05230f}.channel-wa:hover{color:#05230f;filter:brightness(1.08)}
.text-link-wa{display:inline-flex;align-items:center;gap:8px}.text-link-wa svg{color:#25d366}
.wa-float{position:fixed;right:22px;bottom:22px;z-index:30;display:flex;align-items:center;gap:10px;padding:12px 18px 12px 14px;border-radius:40px;background:#25d366;color:#05230f;font-size:13px;font-weight:700;box-shadow:0 10px 30px rgba(0,0,0,.4);transition:transform .25s}.wa-float:hover{transform:translateY(-3px)}
@media(max-width:700px){.wa-float{display:none}.mobile-cta{display:flex;gap:8px;padding:0;background:none;box-shadow:none}.mobile-cta-main{flex:1;display:flex;justify-content:space-between;align-items:center;padding:14px 18px;border-radius:40px;font-size:13px;font-weight:700;color:#09111c;background:linear-gradient(110deg,#b9f4f3,#8fb5ff 58%,#c6b1ff);box-shadow:0 10px 30px rgba(0,0,0,.45)}.mobile-cta-wa{width:50px;flex-shrink:0;display:grid;place-items:center;border-radius:50%;background:#25d366;color:#05230f;box-shadow:0 10px 30px rgba(0,0,0,.45)}.mobile-cta-wa svg{width:24px;height:24px}}
.hero-actions .text-link-wa{font-size:11px;font-weight:700;color:var(--text)}.hero-actions .text-link-wa svg{width:18px;height:18px}
.price-group-title{margin:44px 0 18px;font-family:var(--mono);font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--cyan)}
.price-group-title:first-of-type{margin-top:0}
.price-grid-2{grid-template-columns:repeat(2,1fr);max-width:820px}
.price-for{margin:0;font-size:14px;color:var(--muted)}.price-for span:first-child{color:var(--cyan);font-weight:700}
.app-terms{display:grid;grid-template-columns:1.2fr 1fr;gap:30px;margin-top:22px;padding:28px 26px;border:1px solid var(--line);border-radius:6px;background:rgba(13,17,27,.6)}
.terms-list{list-style:none;margin:12px 0 0;padding:0;display:grid;gap:10px}.terms-list li{position:relative;padding-left:22px;font-size:14px;color:#c7d0de}.terms-list li:before{content:"✓";position:absolute;left:0;color:var(--cyan);font-weight:700}
.care-list{margin:12px 0 0;display:grid;gap:12px}.care-list>div{display:grid;grid-template-columns:60px 1fr;gap:12px;padding-bottom:12px;border-bottom:1px dashed var(--line)}.care-list dt{font-weight:800}.care-list dd{margin:0;color:#c7d0de;font-size:14px}.care-list dd b{color:var(--text);font-size:17px}.care-list small{display:block;color:var(--muted);font-size:12px;margin-top:3px}
.btc-badge{display:inline-flex;align-items:center;gap:14px;margin-top:22px;padding:12px 20px 12px 12px;border-radius:50px;border:1px solid rgba(247,147,26,.5);background:rgba(247,147,26,.08);transition:transform .25s,background .25s}.btc-badge:hover{transform:translateY(-2px);background:rgba(247,147,26,.14)}.btc-badge img{width:40px;height:40px}.btc-badge b{display:block;font-size:15px;color:#f7931a}.btc-badge small{display:block;font-size:12px;color:var(--muted)}
@media(max-width:900px){.price-grid-2{grid-template-columns:1fr}.app-terms{grid-template-columns:1fr}}
.price-card ul{align-content:start}
.price-card .price-for{font-size:14px!important;line-height:1.5;min-height:42px}
.group-intro{margin:-6px 0 18px;max-width:760px;color:var(--muted);font-size:14px}
.host-note{margin:14px 0 0;font-size:13px;color:var(--muted)}
.price .per{font-family:var(--mono);font-size:12px;color:var(--muted);text-transform:none}
.care-list>div{grid-template-columns:110px 1fr}@media(max-width:700px){.care-list>div{grid-template-columns:1fr;gap:4px}}
.hero-actions .text-link-wa span{font-size:11px!important}
.opt-extra{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap;margin-top:18px;padding:22px 26px;border:1px solid var(--line);border-radius:6px;background:rgba(13,17,27,.6)}
.opt-extra b{font-size:17px}.opt-price{font-family:var(--mono);color:var(--cyan);margin-left:8px}.opt-extra small{display:block;color:var(--muted);font-size:13px;margin-top:4px}
.app-compact{display:grid;grid-template-columns:1fr 1fr;gap:16px 34px;padding:28px 26px;border:1px solid var(--line);border-radius:6px;background:rgba(13,17,27,.6)}
.app-col-title{margin:0 0 10px;font-size:19px;font-weight:800}.app-col-title small{display:block;font-family:var(--mono);font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-weight:400}
.app-rows{margin:0}.app-rows>div{display:grid;grid-template-columns:96px 1fr;gap:12px;padding:10px 0;border-bottom:1px dashed var(--line)}.app-rows dt{font-family:var(--mono);font-size:11px;color:var(--cyan);padding-top:3px}
.app-rows dd{margin:0;display:flex;justify-content:space-between;gap:14px;font-size:13px;color:#c7d0de}.app-rows dd b{white-space:nowrap;color:var(--text);font-size:14px}
.app-note{grid-column:1/-1;margin:4px 0 0;font-size:12px;color:var(--muted)}.app-note a{color:var(--cyan)}.app-compact>.button{grid-column:1/-1;justify-self:start}
.teaser-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.teaser{position:relative;display:block;border:1px solid var(--line);border-radius:6px;overflow:hidden;aspect-ratio:16/11;background:var(--card)}
.teaser img{width:100%;height:100%;object-fit:cover;object-position:top;transition:transform .5s;opacity:.85}.teaser:hover img{transform:scale(1.04);opacity:1}
.teaser span{position:absolute;left:0;right:0;bottom:0;padding:16px 18px;background:linear-gradient(transparent,rgba(5,9,20,.95))}.teaser b{display:block;font-size:17px}.teaser small{color:var(--cyan);font-family:var(--mono);font-size:11px}
.portfolio-cta{margin-top:22px}
@media(max-width:900px){.app-compact{grid-template-columns:1fr}.teaser-grid{grid-template-columns:1fr}}
@media(max-width:700px){.app-rows dd{flex-direction:column;gap:2px}}
.pf-hero{padding-top:70px;padding-bottom:30px}.pf-hero h1{font-size:clamp(44px,7vw,92px);line-height:.98;letter-spacing:-.04em;margin:18px 0}
.pf-jump{display:flex;gap:10px;flex-wrap:wrap;margin-top:26px}.pf-jump a{padding:10px 16px;border:1px solid var(--line);border-radius:30px;font-size:13px;color:#c7d0de}.pf-jump a:hover{border-color:var(--cyan);color:var(--cyan)}
.pf-grid-2{grid-template-columns:repeat(2,1fr)}.project-media{display:block}
.seo-case{display:grid;grid-template-columns:1fr 1.3fr 1fr;gap:26px;align-items:start}.seo-case figure{margin:0;border:1px solid var(--line);border-radius:6px;overflow:hidden;background:#fff}
.seo-case img{display:block;width:100%;height:auto}.seo-case figcaption{background:var(--card);color:var(--cyan);font-family:var(--mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;padding:10px 14px}
.seo-total{margin:0 0 16px;display:flex;align-items:baseline;gap:12px}.seo-total b{font-size:56px;font-weight:800;line-height:1;background:linear-gradient(110deg,#b9f4f3,#8fb5ff);-webkit-background-clip:text;background-clip:text;color:transparent}.seo-total span{color:var(--muted);font-size:14px}
.seo-stats table{width:100%;border-collapse:collapse;font-size:14px;margin-bottom:18px}.seo-stats th{text-align:left;font-family:var(--mono);font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);padding:8px 0;border-bottom:1px solid var(--line)}
.seo-stats td{padding:10px 0;border-bottom:1px dashed var(--line);color:#c7d0de}.seo-stats td.up{color:#5ee0a0;font-weight:800}
.seo-what{margin:0 0 4px}.seo-stats .button{margin-top:20px;justify-content:space-between}
@media(max-width:1000px){.seo-case{grid-template-columns:1fr 1fr}.seo-stats{grid-column:1/-1;order:-1}}
@media(max-width:700px){.pf-grid-2{grid-template-columns:1fr}.seo-case{grid-template-columns:1fr}}
.project-tags .tag-live{border-color:rgba(94,224,160,.6);color:#5ee0a0}
.play-btn{align-self:flex-start;margin-top:10px}
.seo-case{grid-template-columns:1.3fr 1fr}
@media(max-width:1000px){.seo-case{grid-template-columns:1fr}.seo-case figure{max-width:420px}}
.seo-badge{display:inline-block;margin-right:8px;padding:3px 10px;border-radius:20px;background:linear-gradient(110deg,#b9f4f3,#8fb5ff);color:#09111c;font-family:var(--mono);font-size:11px;font-weight:600;letter-spacing:.04em;vertical-align:1px}

/* Plasma orb in hero core */
.core.has-orb{width:300px;height:300px;background:none!important;border:0!important;box-shadow:none!important;animation:float 7s ease-in-out infinite!important}
.core.has-orb:before,.core.has-orb:after{display:none}
.core.has-orb ~ .core-glow,.hero-visual .core-glow{opacity:.55}
.core .pob-viewport{position:absolute;inset:-34%;pointer-events:auto;background:transparent}
.core .pob-stage{position:absolute;inset:0}
.core .pob-status{display:none}
.core:not(.has-orb) .pob-viewport{display:none}
.core.has-orb .core-inner{position:relative;z-index:3;pointer-events:none;transform:none;gap:2px}
.core.has-orb .core-mark{width:92px;height:auto;filter:drop-shadow(0 0 6px rgba(255,255,255,.55)) drop-shadow(0 0 18px rgba(80,170,255,.75)) drop-shadow(0 2px 10px rgba(4,10,40,.6));opacity:.96}
.core.has-orb .core-label{margin-top:8px;font-size:9px;letter-spacing:.34em;color:#eaf6ff;text-shadow:0 0 6px rgba(255,255,255,.7),0 0 16px rgba(80,180,255,.9),0 1px 6px rgba(3,8,32,.8)}
@media(max-width:700px){.core.has-orb{width:220px;height:220px}.core.has-orb .core-mark{width:70px}.core.has-orb .core-label{font-size:7.5px}}
.core.has-orb .core-mark{width:100px;filter:drop-shadow(0 0 3px rgba(255,255,255,.9)) drop-shadow(0 0 14px rgba(90,180,255,.9)) drop-shadow(0 3px 12px rgba(2,6,30,.85))}
.core.has-orb .core-label{font-size:9.5px;font-weight:600;color:#fff;letter-spacing:.32em;padding:3px 8px 3px 11px;border-radius:20px;background:rgba(6,14,48,.45);backdrop-filter:blur(2px);text-shadow:0 0 8px rgba(120,200,255,.9)}
@media(max-width:700px){.core.has-orb .core-mark{width:74px}.core.has-orb .core-label{font-size:8px}}

/* Particle field (torus knot) in hero core */
.core.has-particles{width:300px;height:300px;background:none!important;border:0!important;box-shadow:none!important;animation:none!important}
.core.has-particles:before,.core.has-particles:after{display:none}
.core .pf-stage{position:absolute;inset:-45%;mix-blend-mode:screen;z-index:1}
.core .pf-stage canvas{position:absolute;inset:0;width:100%;height:100%;display:block;cursor:grab;touch-action:pan-y;-webkit-mask-image:radial-gradient(circle at 50% 50%,#000 55%,transparent 72%);mask-image:radial-gradient(circle at 50% 50%,#000 55%,transparent 72%)}
.core:not(.has-particles) .pf-stage{display:none}
.core.has-particles .core-inner{position:relative;z-index:3;pointer-events:none;transform:none;gap:2px}
.core.has-particles .core-mark{width:100px;height:auto;filter:drop-shadow(0 0 3px rgba(255,255,255,.9)) drop-shadow(0 0 14px rgba(90,180,255,.9)) drop-shadow(0 3px 12px rgba(2,6,30,.85))}
.core.has-particles .core-label{margin-top:8px;font-size:9.5px;font-weight:600;color:#fff;letter-spacing:.32em;padding:3px 8px 3px 11px;border-radius:20px;background:rgba(6,14,48,.45);backdrop-filter:blur(2px);text-shadow:0 0 8px rgba(120,200,255,.9)}
.core.has-particles ~ .core-glow{opacity:.35}
@media(max-width:700px){.core.has-particles{width:220px;height:220px}.core.has-particles .core-mark{width:74px}.core.has-particles .core-label{font-size:8px}}
.core.has-particles{overflow:visible!important;border-radius:0!important;isolation:auto!important;background:transparent!important}
.core.has-particles .pf-stage{mix-blend-mode:normal;inset:-60%}
.core.has-particles .pf-stage canvas{-webkit-mask-image:none;mask-image:none}
.core.has-particles ~ .core-glow{display:none}
/* Fold Carousel – Website-Beispiele */
.fc-wrap{display:none;margin:8px 0 10px}
#websites.fc-on .fc-wrap,#websites .fc-wrap:has(.fc-root[data-fc-ready]){display:block}
#websites.fc-on .project-grid{display:none}
.fc-root{position:relative;width:100%;height:clamp(420px,62vw,640px);outline:none;container-type:size;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent;touch-action:pan-y;cursor:grab;border-radius:24px}
.fc-root[data-dragging]{cursor:grabbing}
.fc-root:focus-visible{box-shadow:inset 0 0 0 2px rgba(125,231,242,.6)}
.fc-gl{position:absolute;inset:0;pointer-events:none}
.fc-canvas{display:block;width:100%;height:100%}
.fc-arrow{display:inline-block;width:18px;height:12px;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}
.fc-step{position:absolute;top:50%;width:44px;height:44px;margin-top:-22px;border:0;border-radius:50%;background:#0b1430;color:#cfe8ff;clip-path:inset(50%);opacity:0}
.fc-step:focus-visible{clip-path:none;opacity:1}
.fc-prev{left:16px}.fc-next{right:16px}
.fc-sr,.fc-live{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;margin:0;padding:0}
.fc-bar{display:flex;align-items:center;justify-content:center;gap:14px;margin-top:6px;flex-wrap:wrap}
.fc-nav{width:44px;height:44px;border-radius:50%;border:1px solid rgba(160,200,255,.28);background:rgba(10,18,42,.6);color:#d8ecff;display:grid;place-items:center;cursor:pointer}
.fc-nav:hover{border-color:rgba(125,231,242,.7)}
.fc-info{display:flex;flex-direction:column;align-items:center;min-width:200px;text-align:center}
.fc-current{font-weight:600;font-size:16px;color:#eef6ff}
.fc-hint{font:9px var(--mono);letter-spacing:.12em;color:#7f8fa9;text-transform:uppercase;margin-top:4px}
.fc-cta{padding:12px 18px;border-radius:999px;background:linear-gradient(100deg,#bff3f6,#9fb4ff 60%,#c8b5ff);color:#0b1030;font-weight:600;font-size:13px}
@media(max-width:700px){.fc-root{height:440px}.fc-bar{gap:10px}.fc-info{order:-1;width:100%}}
.fc-root{height:clamp(340px,40vw,540px);-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 7%,#000 93%,transparent 100%);mask-image:linear-gradient(90deg,transparent 0,#000 7%,#000 93%,transparent 100%)}
@media(max-width:700px){.fc-wrap{margin-left:-20px;margin-right:-20px}.fc-root{height:300px;border-radius:0}.fc-bar{padding:0 20px}}
#apps .fc-wrap{display:none}
#apps.fc-on .fc-wrap{display:block}
#apps.fc-on .project-grid .project-card:not(.project-card-cta){display:none}
#apps.fc-on .project-grid{display:block;margin-top:28px}
.fc-cta:not([href]){background:rgba(120,140,200,.18);color:#a9b8d6;cursor:default}
.core.has-particles .pf-stage{inset:-50%}
.core.has-particles .pf-stage canvas{-webkit-mask-image:radial-gradient(closest-side,#000 62%,transparent 100%);mask-image:radial-gradient(closest-side,#000 62%,transparent 100%)}
.hero-visual{overflow:visible}
/* Motion & 3D Pakete */
.mx-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;align-items:stretch}
.mx-card{position:relative;display:flex;flex-direction:column;overflow:hidden;transition:transform .35s cubic-bezier(.2,.7,.2,1),box-shadow .35s,border-color .35s}
.mx-card ul{flex:1}
.mx-card .button{margin-top:16px;justify-content:space-between}
.mx-for{font-size:12px;line-height:1.6;color:#9fb0c9;margin:6px 0 14px;min-height:38px}
.mx-for span:first-child{font:9px var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--cyan);margin-right:4px}
.mx-net{display:inline-block;margin-left:8px;font:500 10px var(--mono);letter-spacing:.14em;text-transform:uppercase;opacity:.7}
.mx-card:hover{transform:translateY(-6px);box-shadow:0 28px 70px rgba(0,80,200,.22)}
.mx-motion::before,.mx-3d::before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.5}
.mx-motion::before{background:radial-gradient(120% 60% at 0% 0%,rgba(125,231,242,.10),transparent 60%)}
.mx-3d::before{background:radial-gradient(120% 60% at 100% 0%,rgba(119,143,255,.16),transparent 60%)}
.mx-3d{border-color:rgba(119,143,255,.35)!important}
.mx-signature{background:linear-gradient(160deg,#0a0f24 0%,#141a3f 55%,#1c1446 100%)!important;border:1px solid transparent!important;background-clip:padding-box!important;box-shadow:0 0 0 1px rgba(214,186,120,.45),0 30px 80px rgba(40,20,120,.35)!important}
.mx-signature::after{content:"";position:absolute;inset:-40%;background:conic-gradient(from 0deg,transparent 0 70%,rgba(214,186,120,.18) 80%,transparent 90%);animation:mx-sweep 9s linear infinite;pointer-events:none}
.mx-signature>*{position:relative;z-index:1}
.mx-signature .price-badge{background:linear-gradient(90deg,#e9d39a,#c9a65a);color:#1a1530}
.mx-signature .engagement-index,.mx-signature .mx-for span:first-child{color:#e2c98a}
.mx-signature h3,.mx-signature .price b{color:#fff}
.mx-signature li{color:#c9cfe4!important}
@keyframes mx-sweep{to{transform:rotate(360deg)}}
.mx-note{margin-top:18px;margin-bottom:46px}
@media(max-width:1000px){.mx-grid{grid-template-columns:1fr 1fr}.mx-signature{grid-column:1/-1}}
@media(max-width:700px){.mx-grid{grid-template-columns:1fr}.mx-for{min-height:0}}
@media(prefers-reduced-motion:reduce){.mx-signature::after{animation:none}.mx-card,.mx-card:hover{transition:none;transform:none}}
.mx-signature>.price-badge{position:absolute;align-self:auto}
.mx-signature>.price-badge{top:18px;right:18px;left:auto}
.mx-demo-link a{color:var(--cyan);border-bottom:1px solid rgba(125,231,242,.35);padding-bottom:2px}.mx-demo-link a:hover{border-color:var(--cyan)}
/* Portfolio-Filter nach Paket */
.pf-filter{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 18px}
.pf-filter button{font:inherit;font-size:13px;color:#cfe0f5;background:rgba(14,22,48,.6);border:1px solid rgba(150,190,255,.22);border-radius:999px;padding:10px 16px;cursor:pointer;display:inline-flex;align-items:center;gap:8px;transition:border-color .25s,background .25s,color .25s}
.pf-filter button i{font-style:normal;font-size:11px;opacity:.6}
.pf-filter button:hover{border-color:rgba(125,231,242,.6)}
.pf-filter button.on{background:linear-gradient(100deg,#bff3f6,#9fb4ff 60%,#c8b5ff);color:#0b1030;border-color:transparent}
.pf-filter button.on i{opacity:.8}
.project-card.pf-hide{display:none}
@media(max-width:700px){.pf-filter{flex-wrap:nowrap;overflow-x:auto;margin-left:-20px;margin-right:-20px;padding:0 20px 4px;scrollbar-width:none}.pf-filter button{flex:0 0 auto}}
.pkg-ex{display:inline-block;margin:6px 0 2px;font-size:13px;color:var(--cyan);border-bottom:1px solid rgba(125,231,242,.35);align-self:flex-start;text-decoration:none}
.pkg-ex:hover{border-color:var(--cyan)}

/* v31: responsive thumbnails are wrapped in <picture> */
.project-media picture{display:block;width:100%;height:100%}
/* v31: the background shader's technical status (English, e.g. 'graphics context was interrupted') is not shown to visitors; the dark background stays */
#phosphor-background [role=status]:not(:empty){display:none!important}
/* v31: long German compounds (Datenschutzerkl&auml;rung) must not overflow narrow phones */
h1,h2,h3{overflow-wrap:break-word;hyphens:auto;-webkit-hyphens:auto}