@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@300;400;500;600&display=swap');
:root{--bg:#070a0d;--panel:#0d1217;--panel2:#111820;--text:#f4f1eb;--muted:#9aa2a9;--line:rgba(255,255,255,.12);--accent:#d9e5e8;--max:1440px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Manrope,Arial,sans-serif;font-weight:400}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}img{max-width:100%;display:block}.wrap{width:min(calc(100% - 64px),var(--max));margin:auto}.nav{position:fixed;z-index:20;top:0;left:0;right:0;height:76px;display:flex;align-items:center;justify-content:space-between;padding:0 32px;background:linear-gradient(180deg,rgba(7,10,13,.9),rgba(7,10,13,0));backdrop-filter:blur(10px)}.brand{font-size:22px;letter-spacing:-.06em}.navlinks{display:flex;gap:30px;font-size:12px;color:#b9c0c5}.navlinks a{padding:29px 0}.navlinks a.active{color:#fff;border-bottom:1px solid #fff}.pill{border:1px solid var(--line);padding:11px 17px;border-radius:99px;font-size:12px}.menu{display:none}.eyebrow{font:11px 'DM Mono',monospace;letter-spacing:.26em;text-transform:uppercase;color:#a9b1b6}.display{font-size:clamp(48px,6vw,94px);line-height:.98;letter-spacing:-.065em;font-weight:300;margin:22px 0}.h2{font-size:clamp(36px,4.4vw,68px);line-height:1;letter-spacing:-.055em;font-weight:300;margin:16px 0}.lead{font-size:16px;line-height:1.7;color:#b3bbc0;max-width:620px}.btn{display:inline-flex;gap:20px;align-items:center;padding:14px 18px;border:1px solid var(--line);border-radius:99px;font-size:13px}.btn.primary{background:#f4f1eb;color:#080a0d;border-color:#f4f1eb}.arrow{font-size:18px}.hero{min-height:100svh;display:grid;grid-template-columns:46% 54%;align-items:center;position:relative;overflow:hidden;padding-top:76px}.hero:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 70% 45%,transparent 0 20%,rgba(0,0,0,.12) 45%,rgba(0,0,0,.7) 100%);pointer-events:none}.hero-copy{position:relative;z-index:3;padding-left:max(32px,calc((100vw - var(--max))/2));padding-right:50px}.hero-actions{display:flex;gap:16px;margin-top:34px}.hero-visual{height:100%;min-height:680px;position:relative;background-image:linear-gradient(90deg,#070a0d 0%,transparent 38%),linear-gradient(0deg,#070a0d 0%,transparent 30%),url('assets/home-banner.webp');background-size:cover;background-position:center}.stats{display:flex;gap:55px;margin-top:70px}.stat strong{display:block;font-size:27px;font-weight:400;letter-spacing:-.04em}.stat span{font-size:10px;color:#929aa0;text-transform:uppercase;letter-spacing:.12em}.cube-field{position:absolute;inset:10% 4% 8% 8%;perspective:1300px;transform-style:preserve-3d;z-index:2}.cube{position:absolute;width:220px;height:220px;transform-style:preserve-3d;transition:transform .7s cubic-bezier(.2,.8,.2,1)}.cube:hover{transform:translateY(-10px) rotateY(-5deg) rotateX(4deg) scale(1.03)}.cube .face{position:absolute;inset:0;border:1px solid rgba(255,255,255,.35);background:rgba(12,20,28,.52);backdrop-filter:blur(7px);display:flex;flex-direction:column;justify-content:space-between;padding:20px;box-shadow:inset 0 0 50px rgba(255,255,255,.04)}.cube .front{transform:translateZ(110px)}.cube .back{transform:rotateY(180deg) translateZ(110px)}.cube .right{transform:rotateY(90deg) translateZ(110px)}.cube .left{transform:rotateY(-90deg) translateZ(110px)}.cube .top{transform:rotateX(90deg) translateZ(110px)}.cube .bottom{transform:rotateX(-90deg) translateZ(110px)}.cube .face{font-size:15px}.cube .num{font:12px 'DM Mono',monospace;color:#aab2b8}.cube .cube-arrow{align-self:flex-end;border:1px solid var(--line);width:32px;height:32px;border-radius:50%;display:grid;place-items:center}.c1{left:20%;top:18%;transform:rotateY(-18deg) rotateX(7deg)}.c2{left:46%;top:12%;transform:rotateY(-20deg) rotateX(8deg)}.c3{left:31%;top:43%;transform:rotateY(-17deg) rotateX(6deg)}.c4{left:57%;top:40%;transform:rotateY(-19deg) rotateX(7deg)}.c5{left:18%;top:68%;transform:rotateY(-16deg) rotateX(5deg)}.c6{left:44%;top:67%;transform:rotateY(-18deg) rotateX(6deg)}section{padding:130px 0}.dark-section{background:#090d11}.section-head{display:flex;justify-content:space-between;gap:40px;align-items:flex-end;margin-bottom:45px}.grid{display:grid;gap:1px;background:var(--line)}.grid3{grid-template-columns:repeat(3,1fr)}.card{background:var(--panel);padding:30px;min-height:300px;position:relative;overflow:hidden}.card h3{font-size:27px;font-weight:400;letter-spacing:-.045em;margin:14px 0}.card p{color:#9da6ad;line-height:1.65;font-size:14px}.card .small{font:11px 'DM Mono',monospace;color:#899198}.card:after{content:"↗";position:absolute;right:24px;bottom:24px;border:1px solid var(--line);width:34px;height:34px;border-radius:50%;display:grid;place-items:center}.card-media{height:150px;margin:0 -30px 25px;background-size:cover;background-position:center;opacity:.75}.split{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.about-image{height:560px;background:url('assets/home-banner.webp') center/cover;filter:saturate(.65)}.number-list{border-top:1px solid var(--line)}.number-row{display:grid;grid-template-columns:70px 1fr 30px;gap:20px;padding:27px 0;border-bottom:1px solid var(--line);align-items:center}.number-row .n{font:12px 'DM Mono',monospace;color:#8e979d}.number-row h3{margin:0;font-size:23px;font-weight:400}.number-row p{grid-column:2;color:#969fa6;font-size:13px;margin:7px 0 0;line-height:1.6}.product-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:var(--line)}.product{min-height:360px;padding:36px;background:#0c1116;position:relative;overflow:hidden}.product:nth-child(even){background:#10171d}.product h3{font-size:36px;font-weight:300;letter-spacing:-.05em;margin:18px 0}.product p{max-width:520px;color:#9da6ad;line-height:1.7}.tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:28px}.tag{border:1px solid var(--line);border-radius:99px;padding:7px 10px;font:10px 'DM Mono',monospace;color:#aeb6bb}.product .product-no{font:12px 'DM Mono',monospace}.project-grid{display:grid;grid-template-columns:1.3fr .7fr;gap:1px;background:var(--line)}.project{background:#0c1116;min-height:420px;padding:32px;position:relative;overflow:hidden}.project.big{min-height:650px}.project-bg{position:absolute;inset:0;background-size:cover;background-position:center;opacity:.38;transition:.6s}.project:hover .project-bg{transform:scale(1.05);opacity:.5}.project-content{position:absolute;inset:auto 32px 32px;z-index:2}.project h3{font-size:38px;font-weight:300;letter-spacing:-.05em;margin:8px 0}.experiments{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.experiment{min-height:380px;border:1px solid var(--line);background:#0b1015;position:relative;overflow:hidden;padding:25px}.orb{position:absolute;width:170px;height:170px;border-radius:50%;right:-25px;top:55px;background:radial-gradient(circle at 35% 30%,#dbe9ed,#62737c 18%,#11181d 52%,#030506 70%);box-shadow:0 0 60px rgba(190,220,230,.12);animation:float 6s ease-in-out infinite}.experiment:nth-child(2) .orb{border-radius:20px;transform:rotate(25deg);background:linear-gradient(135deg,#dfe9ea,#26333b 35%,#050709 65%)}.experiment:nth-child(3) .orb{background:radial-gradient(circle at 50% 50%,#eef3f1,#1a282f 20%,#06090b 65%);filter:blur(.2px)}@keyframes float{50%{transform:translateY(-12px) rotate(7deg)}}.experiment:nth-child(2) .orb{animation:float2 7s ease-in-out infinite}@keyframes float2{50%{transform:translateY(-14px) rotate(35deg)}}.contact-box{border:1px solid var(--line);padding:55px;background:linear-gradient(130deg,#10171d,#080b0e)}form{display:grid;gap:14px;max-width:760px;margin-top:35px}input,textarea{background:#0a0e12;border:1px solid var(--line);color:#fff;padding:16px;border-radius:2px;outline:none}textarea{min-height:150px;resize:vertical}.footer{border-top:1px solid var(--line);padding:28px 0;color:#7f888e;font-size:11px}.page-hero{padding:190px 0 90px}.page-hero .lead{max-width:760px}.quote{font-size:clamp(30px,4vw,60px);line-height:1.05;font-weight:300;letter-spacing:-.05em;max-width:1000px}.muted{color:#8d969c}.center{text-align:center}.menu-panel{display:none}
@media(max-width:900px){.wrap{width:min(calc(100% - 36px),var(--max))}.nav{padding:0 18px}.navlinks,.nav .pill{display:none}.menu{display:block;border:1px solid var(--line);padding:9px 12px;border-radius:99px;font-size:11px}.hero{display:block}.hero-copy{padding:150px 18px 50px}.hero-visual{height:70vh;min-height:500px}.cube{width:150px;height:150px}.cube .front{transform:translateZ(75px)}.cube .back{transform:rotateY(180deg) translateZ(75px)}.cube .right{transform:rotateY(90deg) translateZ(75px)}.cube .left{transform:rotateY(-90deg) translateZ(75px)}.cube .top{transform:rotateX(90deg) translateZ(75px)}.cube .bottom{transform:rotateX(-90deg) translateZ(75px)}.cube-field{inset:10% 0 0 -6%}.c1{left:5%}.c2{left:42%}.c3{left:22%;top:40%}.c4{left:59%;top:40%}.c5{left:5%;top:68%}.c6{left:42%;top:68%}.stats{gap:22px;flex-wrap:wrap;margin-top:45px}.grid3,.product-grid,.split,.project-grid,.experiments{grid-template-columns:1fr}.about-image{height:380px}.section-head{display:block}.display{font-size:50px}.h2{font-size:42px}.number-row{grid-template-columns:45px 1fr 25px}.number-row p{grid-column:2}.product{min-height:300px}}

/* Enriched content helpers */
.card .btn{margin-top:20px;padding:10px 14px;font-size:11px}.product strong,.project strong{color:#e8e5df;font-weight:500}.product p+p{font-size:13px;color:#858f96}.number-row h3{line-height:1.25}.contact-box .lead{margin-top:10px}.contact-box select{width:100%}
@media(max-width:900px){.navlinks.open{display:flex;position:absolute;top:76px;left:0;right:0;background:rgba(7,10,13,.97);padding:12px 18px 22px;flex-direction:column;gap:0;border-bottom:1px solid var(--line)}.navlinks.open a{padding:14px 0}.navlinks.open a.active{border-bottom:1px solid var(--line)}.contact-box{padding:30px 22px}.product h3{font-size:32px}.project h3{font-size:31px}}

/* Service finder */
.service-finder-section{padding-top:72px;padding-bottom:88px;background:linear-gradient(180deg,rgba(255,255,255,.025),transparent)}
.service-finder-intro{margin:0 0 28px}
.service-finder{max-width:940px;border:1px solid var(--line);background:rgba(13,18,23,.78);padding:26px}
.service-search-label{display:block;margin-bottom:10px;font-size:12px;color:#c9d0d4}
.service-search-row{display:flex;align-items:center;gap:12px;border:1px solid rgba(255,255,255,.2);background:#080c10;padding:0 14px;min-height:58px}
.service-search-icon{font-size:27px;color:#aeb8be;line-height:1}
.service-search-row input{min-width:0;flex:1;width:100%;border:0;background:transparent;padding:16px 0;outline:none;box-shadow:none}
.service-search-row input:focus-visible{outline:2px solid #b8d83d;outline-offset:3px}
.service-search-row input::placeholder{color:#747f86}
.service-clear{border:1px solid var(--line);background:transparent;color:var(--text);padding:8px 12px;cursor:pointer;border-radius:99px;font-size:12px}
.service-finder-help,.service-finder-count{font-size:12px;line-height:1.6;color:#929ca3}
.service-finder-help{margin:12px 0 20px}
.service-filter-list{display:flex;flex-wrap:wrap;gap:8px}
.service-filter{background:transparent;border:1px solid var(--line);border-radius:99px;color:#b4bec4;padding:9px 13px;cursor:pointer;font-size:11px;transition:background .18s ease,color .18s ease,border-color .18s ease}
.service-filter:hover,.service-filter:focus-visible{border-color:#b8d83d;color:#fff;outline:none}
.service-filter.is-active{background:#b8d83d;border-color:#b8d83d;color:#080a0d}
.service-finder-count{margin:20px 0 0}
.service-no-results{margin:20px 0 0;padding:16px;border:1px solid var(--line);color:#c5cdd1;font-size:13px;line-height:1.7}
.service-no-results a{color:#b8d83d;text-decoration:underline;text-underline-offset:3px}
.product[hidden]{display:none!important}
@media(max-width:600px){.service-finder-section{padding-top:48px;padding-bottom:54px}.service-finder{padding:18px}.service-search-row{gap:8px;padding:0 10px}.service-search-row input{font-size:14px}.service-filter-list{gap:7px}.service-filter{padding:9px 11px}}

/* Keep text-only testimonial cards readable with the shared editorial quote style. */
.testimonial .quote{font-size:14px;line-height:1.75;letter-spacing:0;font-weight:400;margin:18px 0;color:#b9c1c6}
.testimonial:after{display:none}
.testimonial-status{font-size:11px;line-height:1.6}
/* Functional tools */
.tools-section{padding:35px 0 120px}.tool-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.tool-panel{background:#0d1217;border:1px solid var(--line);padding:30px;min-width:0}.tool-wide{grid-column:1/-1}.tool-panel h2{font-size:clamp(26px,3vw,38px);font-weight:400;letter-spacing:-.045em;margin:14px 0}.tool-panel p{line-height:1.7;font-size:13px}.tool-panel label{display:grid;gap:8px;color:#c4cdd1;font-size:12px}.tool-panel textarea{width:100%;min-height:170px;margin-top:16px;resize:vertical}.tool-panel input:not([type=range]):not([type=file]),.tool-panel select{width:100%;min-width:0;padding:12px;background:#080c10;color:#f4f1eb;border:1px solid var(--line);border-radius:2px}.tool-panel input[type=file]{max-width:100%;padding:14px;background:#080c10;border:1px dashed #62717c}.tool-panel input[type=range]{width:100%}.tool-form{max-width:none;margin:24px 0 0;gap:22px}.tool-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.tool-button,.tool-actions button{display:inline-flex;justify-content:center;align-items:center;cursor:pointer;background:#dfe8e9;color:#0b1014;border:1px solid #dfe8e9;padding:12px 17px;font-size:12px;border-radius:3px}.tool-actions{display:flex;flex-wrap:wrap;gap:9px;margin-top:15px}.tool-actions button{background:transparent;color:#e0e8eb;border-color:var(--line)}.tool-actions button:hover{border-color:#dfe8e9}.tool-note{color:#9ba5ab}.tool-output{overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere;font-size:12px;line-height:1.7;color:#bdc8ce;max-height:310px}.image-comparison{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:20px}.image-comparison figure{margin:0;background:#070a0d;border:1px solid var(--line);padding:10px}.image-comparison img{width:100%;height:320px;object-fit:contain}.image-comparison figcaption{font-size:12px;margin-top:10px;color:#b9c5c9}#image-results{padding:20px 0}#image-status{color:#c5d3d8}@media(max-width:800px){.tool-grid,.tool-fields,.image-comparison{grid-template-columns:1fr}.tool-panel{padding:20px}.tools-section{padding-bottom:65px}.image-comparison img{height:230px}}
/* Practical tools */
.tools-section{padding:72px 0;border-top:1px solid var(--line)}.tools-section .h2{margin:12px 0 20px}.tools-section .muted{max-width:780px}.tool-panel{border:1px solid var(--line);padding:25px;background:rgba(17,21,26,.72);margin:22px 0;max-width:980px}.tool-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.tool-panel label{display:block;color:#d2d7da;font-size:12px;line-height:1.7;margin-bottom:14px}.tool-panel input:not([type=checkbox]),.tool-panel textarea,.tool-panel select{display:block;width:100%;min-width:0;margin-top:8px;padding:13px;background:#0b0f13;color:#f2efe8;border:1px solid #42494e;border-radius:3px;font:inherit;font-size:14px}.tool-panel textarea{resize:vertical}.tool-panel input[type=file]{cursor:pointer}.tool-check{display:flex!important;align-items:center;gap:10px}.tool-panel button:not(.btn){background:#222c32;color:#f2efe8;border:1px solid #546069;padding:10px 14px;cursor:pointer}.tool-panel button:disabled{opacity:.5;cursor:wait}.tool-actions{display:flex;flex-wrap:wrap;gap:9px;margin:16px 0}.tool-status,.tool-note{font-size:13px;line-height:1.8;color:#bac3c7;margin:14px 0}.tool-note{max-width:940px}.tool-previews{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.tool-previews figure{margin:0}.tool-previews img{display:block;width:100%;max-height:360px;object-fit:contain;background:#080b0e;border:1px solid var(--line)}.tool-previews figcaption{font-size:12px;margin:8px 0 20px;color:#aeb6bc}[hidden]{display:none!important}@media(max-width:650px){.tools-section{padding:48px 0}.tool-panel{padding:16px}.tool-fields,.tool-previews{grid-template-columns:1fr}}

/* Lead Leakage Detector: evidence, journey, tasks and audit history */
.lead-journey,.lead-history{margin:1.5rem 0;padding:1.25rem;border:1px solid var(--line,rgba(255,255,255,.14));border-radius:1rem;background:rgba(255,255,255,.025)}
.lead-journey-steps{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.7rem;margin-top:1rem}
.lead-journey-step{display:flex;flex-direction:column;gap:.55rem;padding:1rem;border:1px solid var(--line,rgba(255,255,255,.14));border-radius:.75rem;min-width:0}
.lead-journey-step strong{font-size:.95rem}.lead-journey-step p{font-size:.82rem;color:var(--muted,#aaa);margin:0}.lead-journey-state,.lead-finding-meta,.lead-task-row small{font-size:.78rem;color:var(--muted,#aaa)}
.lead-finding-controls{display:flex;align-items:end;justify-content:flex-end;flex-wrap:wrap;gap:.75rem;margin:1rem 0}.lead-finding-controls label{display:flex;flex-direction:column;gap:.35rem;font-size:.85rem}.lead-import-label input{max-width:15rem}
.lead-task-row{display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap;margin-top:.8rem;padding-top:.65rem;border-top:1px solid var(--line,rgba(255,255,255,.12))}.lead-task-row label{display:flex;align-items:center;gap:.45rem;font-size:.85rem}.lead-task-row select{padding:.35rem .5rem;max-width:9rem}
#lead-next-list li{margin:.8rem 0}#lead-next-list li label{display:flex;gap:.55rem;align-items:flex-start}#lead-next-list li small{display:block;margin:.25rem 0 0 1.6rem;color:var(--muted,#aaa);font-size:.78rem}
.lead-history-row{display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap;padding:.7rem 0;border-bottom:1px solid var(--line,rgba(255,255,255,.12));font-size:.85rem}.lead-history-row span{color:var(--muted,#aaa);overflow-wrap:anywhere}
@media(max-width:850px){.lead-journey-steps{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:520px){.lead-journey-steps{grid-template-columns:1fr}.lead-finding-controls{justify-content:stretch}.lead-finding-controls>*{width:100%}.lead-import-label input{max-width:100%}}
@media print{.lead-finding-controls,.lead-task-row select,#lead-clear-history,#lead-import-json,.tool-actions{display:none!important}.lead-journey-steps{grid-template-columns:repeat(2,minmax(0,1fr))}.lead-report-grid{display:block}}

/* Lightweight service finder */
.service-finder-home{padding:clamp(2.5rem,7vw,6rem) 0;border-bottom:1px solid var(--line,rgba(255,255,255,.12))}.service-finder-form{max-width:850px;margin:1.5rem 0}.service-finder-form>label:not(.visually-hidden){display:block;font-weight:600;margin-bottom:.65rem}.service-finder-controls{display:flex;gap:.7rem;align-items:center;flex-wrap:wrap}.service-finder-form input{flex:1 1 18rem;min-width:0;padding:.9rem 1rem;border:1px solid var(--line,rgba(255,255,255,.2));border-radius:.6rem;background:rgba(255,255,255,.04);color:inherit}.service-finder-panel{margin:1.5rem 0 2rem}.product[hidden]{display:none!important}.visually-hidden{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}


/* Homepage: animated left-to-right connector for the Idea-to-Impact workflow */
.home-impact-section{position:relative;overflow:hidden;border-top:1px solid rgba(255,23,68,.55);border-bottom:1px solid rgba(255,23,68,.45);background:radial-gradient(ellipse at 50% 100%,rgba(255,23,68,.07),transparent 60%),#080b0f}
.home-impact-section .section-head{margin-bottom:44px}
.impact-accent{color:#ff2348}
.impact-flow{--flow-gap:22px;position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--flow-gap);isolation:isolate}
.impact-flow-line{position:absolute;z-index:-1;left:5%;right:5%;top:32px;height:2px;background:rgba(255,255,255,.09);overflow:hidden;pointer-events:none}
.impact-flow-line span{position:absolute;inset:0 auto 0 0;width:34%;background:linear-gradient(90deg,transparent,#ff2448 22%,#29d8ff 56%,#c64bff 78%,#ffac3d);box-shadow:0 0 12px rgba(255,35,72,.8),0 0 22px rgba(41,216,255,.38);animation:impact-travel 4.8s linear infinite}
.impact-step{--step-color:#ff2448;position:relative;min-width:0;padding:18px 18px 20px;border:1px solid color-mix(in srgb,var(--step-color) 72%,transparent);border-radius:12px;background:linear-gradient(145deg,rgba(14,18,24,.97),rgba(5,8,12,.96));box-shadow:inset 0 0 24px color-mix(in srgb,var(--step-color) 7%,transparent);transition:transform .28s ease,border-color .28s ease,box-shadow .28s ease}
.impact-step::before{content:"";position:absolute;top:27px;left:26px;width:10px;height:10px;border-radius:50%;background:var(--step-color);box-shadow:0 0 8px var(--step-color),0 0 18px color-mix(in srgb,var(--step-color) 70%,transparent);animation:impact-node 4.8s ease-in-out infinite;animation-delay:var(--node-delay,0s)}
.impact-step-one{--step-color:#ff2448;--node-delay:0s}.impact-step-two{--step-color:#29d8ff;--node-delay:1.2s}.impact-step-three{--step-color:#c64bff;--node-delay:2.4s}.impact-step-four{--step-color:#ffac3d;--node-delay:3.6s}
.impact-step-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px}.impact-number{font:12px 'DM Mono',monospace;color:var(--step-color);letter-spacing:.08em}.impact-icon{display:grid;place-items:center;width:48px;height:48px;border:1px solid color-mix(in srgb,var(--step-color) 70%,transparent);border-radius:10px;color:var(--step-color);font-size:25px;text-shadow:0 0 12px var(--step-color);background:color-mix(in srgb,var(--step-color) 8%,#080b0f);transition:transform .28s ease,box-shadow .28s ease}
.impact-step h3{font-size:clamp(15px,1.35vw,19px);line-height:1.25;margin:0 0 10px;font-weight:600}.impact-step p{margin:0;color:#aeb8c0;font-size:13px;line-height:1.65}.impact-step:hover,.impact-step:focus-within{transform:translateY(-5px);border-color:var(--step-color);box-shadow:0 0 18px color-mix(in srgb,var(--step-color) 22%,transparent),inset 0 0 26px color-mix(in srgb,var(--step-color) 9%,transparent)}.impact-step:hover .impact-icon,.impact-step:focus-within .impact-icon{transform:scale(1.08);box-shadow:0 0 16px color-mix(in srgb,var(--step-color) 40%,transparent)}
@keyframes impact-travel{0%{transform:translateX(-105%)}100%{transform:translateX(300%)}}
@keyframes impact-node{0%,18%,100%{opacity:.68;transform:scale(.88)}7%,13%{opacity:1;transform:scale(1.22)}}
@media(max-width:900px){.impact-flow{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.impact-flow-line{display:none}.impact-step::before{display:none}.impact-step{padding:16px}.impact-step h3{font-size:17px}}
@media(max-width:560px){.impact-flow{grid-template-columns:1fr}.home-impact-section .section-head{display:block}.home-impact-section .section-head .lead{margin-top:18px}.impact-step-top{margin-bottom:12px}}
@media(prefers-reduced-motion:reduce){.impact-flow-line span,.impact-step::before{animation:none}.impact-flow-line span{width:100%;transform:none;opacity:.5}.impact-step,.impact-icon{transition:none;scroll-behavior:auto}}

/* Portfolio redesign system: page-specific cinematic layouts */
:root{--neon-red:#ff2348;--neon-cyan:#29d8ff;--neon-purple:#c64bff;--neon-amber:#ffac3d;--accent-glow:rgba(255,35,72,.28)}
body{overflow-x:hidden}a,button,input,select,textarea{-webkit-tap-highlight-color:transparent}button{color:inherit}.brand-logo{width:clamp(105px,13vw,165px);height:auto;max-height:54px;object-fit:contain}.nav{background:linear-gradient(180deg,rgba(5,8,12,.97),rgba(5,8,12,.72));border-bottom:1px solid rgba(255,35,72,.22);gap:16px}.navlinks{align-items:center}.navlinks a{white-space:nowrap;transition:color .2s ease}.navlinks a:hover,.navlinks a.active{color:var(--neon-red);border-color:var(--neon-red)}.global-search-trigger{display:grid;place-items:center;flex:0 0 40px;width:40px;height:40px;padding:9px;border:1px solid rgba(255,35,72,.65);border-radius:10px;background:rgba(255,35,72,.06);color:var(--neon-red);cursor:pointer;transition:background .2s,box-shadow .2s,transform .2s}.global-search-trigger svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round}.global-search-trigger:hover,.global-search-trigger:focus-visible{background:rgba(255,35,72,.14);box-shadow:0 0 18px rgba(255,35,72,.22);transform:translateY(-1px)}.pill{border-color:var(--neon-red);box-shadow:0 0 14px rgba(255,35,72,.13);white-space:nowrap}.pill:hover{background:var(--neon-red);color:#08090b}.menu{cursor:pointer;background:rgba(255,35,72,.08);color:#fff;border-color:rgba(255,35,72,.5)}
/* Global search overlay */
.site-search-modal[hidden]{display:none!important}.site-search-modal{position:fixed;z-index:1000;inset:0;display:grid;place-items:start center;padding:clamp(18px,8vh,80px) 16px 20px}.site-search-backdrop{position:absolute;inset:0;background:rgba(1,3,6,.82);backdrop-filter:blur(12px)}.site-search-dialog{position:relative;width:min(720px,100%);max-height:82vh;overflow:hidden;border:1px solid rgba(255,35,72,.65);border-radius:18px;background:linear-gradient(145deg,rgba(14,18,25,.99),rgba(5,8,12,.99));box-shadow:0 0 0 1px rgba(255,35,72,.08),0 24px 90px rgba(0,0,0,.6),0 0 40px rgba(255,35,72,.14);padding:clamp(18px,3vw,28px)}.site-search-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.site-search-heading h2{margin:8px 0 18px;font-size:clamp(24px,4vw,34px);letter-spacing:-.04em}.site-search-close{width:38px;height:38px;border:1px solid var(--line);border-radius:50%;background:transparent;font-size:27px;cursor:pointer}.site-search-input-wrap{display:flex;align-items:center;gap:12px;padding:0 14px;border:1px solid rgba(255,35,72,.45);border-radius:10px;background:#070b10}.site-search-input-wrap svg{width:20px;height:20px;flex:0 0 20px;fill:none;stroke:var(--neon-red);stroke-width:1.7}.site-search-input{width:100%;min-width:0;padding:16px 0;background:transparent;border:0;outline:0;color:#fff}.site-search-input:focus{outline:0}.site-search-input-wrap kbd{font:10px 'DM Mono',monospace;color:#8f9aa4;border:1px solid #343c46;border-radius:4px;padding:4px 6px}.site-search-results{display:grid;gap:5px;margin-top:14px;max-height:48vh;overflow:auto}.site-search-result{display:flex;align-items:center;gap:12px;padding:12px;border:1px solid transparent;border-radius:9px;min-width:0}.site-search-result:hover,.site-search-result.is-active{background:rgba(255,35,72,.09);border-color:rgba(255,35,72,.42)}.site-search-result-icon{display:grid;place-items:center;flex:0 0 36px;height:36px;border:1px solid rgba(255,35,72,.4);border-radius:9px;color:var(--neon-red);font-size:19px}.site-search-result-copy{display:grid;gap:3px;flex:1;min-width:0}.site-search-result-copy strong{font-size:13px}.site-search-result-copy small{color:#9da7b0;font-size:11px;line-height:1.45}.site-search-category{font:10px 'DM Mono',monospace;color:#aeb8c1}.site-search-empty{padding:22px;color:#aeb8c1;text-align:center}.site-search-footer{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;padding-top:15px;margin-top:10px;border-top:1px solid rgba(255,255,255,.08);font:10px 'DM Mono',monospace;color:#77828d}.search-open{overflow:hidden}
/* Shared red-neon action style */
.btn.primary{background:linear-gradient(110deg,#ff1744,#ff3654);color:#fff;border-color:#ff2348;box-shadow:0 0 20px rgba(255,35,72,.18)}.btn.primary:hover{box-shadow:0 0 28px rgba(255,35,72,.35);transform:translateY(-1px)}.btn{transition:transform .2s,box-shadow .2s,border-color .2s}.accent-text,.about-hero-copy h1 span,.about-section-heading h2 span,.about-collab-grid h2 span,.projects-template .display span{color:var(--neon-red)}.footer{display:flex;justify-content:space-between;align-items:center;gap:18px;flex-wrap:wrap}.footer-social{display:flex;gap:18px;flex-wrap:wrap}.footer-social a:hover{color:var(--neon-red)}
/* Home page */
.page-home .hero{min-height:780px;min-height:100svh}.page-home .hero-copy{padding-top:110px;padding-bottom:65px}.page-home .eyebrow{color:var(--neon-red)}.page-home .display{font-weight:700;max-width:850px}.page-home .hero-visual{background-image:linear-gradient(90deg,#070a0d 0%,rgba(7,10,13,.2) 52%,rgba(7,10,13,.12)),linear-gradient(0deg,#070a0d 0%,transparent 35%),url('assets/home-banner.webp');background-position:center;background-size:cover}.page-home .hero-visual:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 60% 42%,rgba(255,35,72,.16),transparent 45%);pointer-events:none}.page-home .stats{gap:clamp(14px,3vw,42px);flex-wrap:wrap}.page-home .stat{padding-left:15px;border-left:2px solid var(--neon-red)}.page-home .stat strong{font-weight:700}.network-node{border:1px solid rgba(255,35,72,.5);background:rgba(6,10,15,.8);box-shadow:0 0 18px rgba(255,35,72,.1);backdrop-filter:blur(8px)}.network-node:hover{border-color:var(--neon-red);box-shadow:0 0 24px rgba(255,35,72,.3)}.service-finder-home{background:linear-gradient(120deg,rgba(255,35,72,.06),transparent 60%)}.service-finder-home a:not(.btn){color:var(--neon-red);text-decoration:underline;text-underline-offset:3px}.home-impact-section{padding:clamp(64px,8vw,120px) 0}.impact-flow-line{z-index:1;left:7%;right:7%;top:32px}.impact-flow-line span{width:24%;animation:impact-travel 4.8s linear infinite}.impact-step{z-index:2}.impact-step::before{z-index:2}.impact-step-one{--step-color:#ff2448}.impact-step-two{--step-color:#29d8ff}.impact-step-three{--step-color:#c64bff}.impact-step-four{--step-color:#ffac3d}
/* About page */
.about-cinematic-hero{position:relative;overflow:hidden;padding:clamp(145px,17vw,205px) 0 80px;background:linear-gradient(90deg,rgba(5,8,12,.98),rgba(5,8,12,.78) 52%,rgba(5,8,12,.25)),linear-gradient(0deg,#080b0f,transparent 50%),url('assets/home-banner.webp') center/cover}.about-cinematic-hero:after,.projects-cinematic-hero:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 80% 45%,rgba(255,35,72,.16),transparent 35%);pointer-events:none}.about-hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(260px,.85fr);gap:35px;align-items:center}.about-hero-copy .display{font-size:clamp(42px,5.2vw,76px);font-weight:700}.about-hero-copy .lead{max-width:660px}.about-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:35px}.about-stats>div{padding:13px;border:1px solid rgba(255,35,72,.32);background:rgba(5,8,12,.68);border-radius:10px;min-width:0}.about-stats strong,.about-stats span{display:block}.about-stats strong{font-size:clamp(18px,2vw,27px);color:#fff}.about-stats span{font-size:10px;line-height:1.5;color:#aab4bd}.about-hero-orbit{position:relative;min-height:360px;border:1px solid rgba(255,35,72,.22);border-radius:50%;background:radial-gradient(circle,rgba(255,35,72,.11),transparent 65%)}.orbit-core{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:105px;height:105px;border:1px solid var(--neon-red);border-radius:50%;font-size:38px;color:var(--neon-red);font-weight:800;box-shadow:0 0 35px rgba(255,35,72,.25)}.orbit-node{position:absolute;padding:12px 15px;border:1px solid rgba(255,35,72,.45);border-radius:9px;background:rgba(5,8,12,.9);font-size:12px;line-height:1.4;box-shadow:0 0 20px rgba(255,35,72,.12)}.node-backend{left:2%;top:18%}.node-web{right:2%;top:13%}.node-ai{left:3%;bottom:14%}.node-cloud{right:2%;bottom:15%}.about-journey-section,.about-principles-section,.about-collab-section{padding:clamp(65px,8vw,115px) 0;border-top:1px solid rgba(255,255,255,.08)}.about-section-heading{display:flex;justify-content:space-between;gap:30px;align-items:end;margin-bottom:35px}.about-section-heading>p{max-width:520px;color:#aab4bd;line-height:1.7}.journey-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:30px 0}.journey-tab{display:grid;gap:8px;text-align:left;min-width:0;padding:17px;border:1px solid rgba(255,255,255,.12);border-radius:10px;background:#0b1015;cursor:pointer;transition:border-color .2s,box-shadow .2s,transform .2s}.journey-tab i{width:9px;height:9px;border-radius:50%;background:#66727c;box-shadow:0 0 0 5px rgba(255,255,255,.04)}.journey-tab b{font-size:13px}.journey-tab span{font-size:11px;color:#a2adb6;line-height:1.45}.journey-tab.is-active,.journey-tab:hover{border-color:var(--neon-red);box-shadow:0 0 20px rgba(255,35,72,.13);transform:translateY(-2px)}.journey-tab.is-active i{background:var(--neon-red);box-shadow:0 0 12px var(--neon-red)}.journey-detail{display:grid;grid-template-columns:1.1fr 1fr .85fr;gap:14px}.journey-detail-art,.journey-detail-points,.journey-takeaway{min-width:0;padding:24px;border:1px solid rgba(255,35,72,.24);border-radius:12px;background:linear-gradient(145deg,#11161d,#080b10)}.journey-art-symbol{font-size:32px;color:var(--neon-red)}.journey-detail-art h3{font-size:clamp(20px,2vw,28px);line-height:1.2}.journey-detail-art p,.journey-detail-points p,.journey-takeaway p{font-size:13px;line-height:1.7;color:#aab4bd}.journey-detail-points p{display:flex;gap:12px}.journey-detail-points p span{color:var(--neon-red);font:11px 'DM Mono',monospace}.quote-mark{font-size:44px;color:var(--neon-red)}.about-principles-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.about-principle-card{--principle:#ff2348;min-width:0;padding:23px;border:1px solid color-mix(in srgb,var(--principle) 55%,transparent);border-radius:12px;background:linear-gradient(145deg,rgba(17,21,27,.95),rgba(5,8,12,.98));transition:transform .28s,border-color .28s,box-shadow .28s}.about-principle-card.accent-cyan{--principle:#29d8ff}.about-principle-card.accent-purple{--principle:#c64bff}.about-principle-card.accent-amber{--principle:#ffac3d}.principle-icon{display:grid;place-items:center;width:34px;height:34px;margin-bottom:18px;color:var(--principle);transform:scale(.6);transform-origin:left center;transition:transform .3s,filter .3s}.principle-icon svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.about-principle-card:hover,.about-principle-card:focus-within{transform:translateY(-5px);box-shadow:0 0 24px color-mix(in srgb,var(--principle) 22%,transparent);border-color:var(--principle)}.about-principle-card:hover .principle-icon,.about-principle-card:focus-within .principle-icon{transform:scale(1);filter:drop-shadow(0 0 8px var(--principle))}.principle-number{font:11px 'DM Mono',monospace;color:var(--principle)}.about-principle-card h3{font-size:18px}.about-principle-card p{font-size:12px;line-height:1.7;color:#aab4bd}.about-collab-grid{display:grid;grid-template-columns:1fr .8fr;gap:40px;align-items:center}.collab-roles{display:grid;gap:10px}.collab-roles>div{display:grid;grid-template-columns:36px 1fr;gap:4px 12px;padding:16px;border:1px solid var(--line);border-radius:9px;background:#0c1117}.collab-roles b{grid-row:span 2;color:var(--neon-red)}.collab-roles span{font-size:12px;color:#9da7b0}.about-closing{padding:50px 0;background:linear-gradient(90deg,rgba(7,10,13,.95),rgba(7,10,13,.65)),url('assets/home-banner.webp') center/cover;border-block:1px solid rgba(255,35,72,.4)}.about-closing-inner{display:flex;justify-content:space-between;align-items:center;gap:24px}.about-closing-quote{font-size:clamp(23px,3vw,42px);max-width:850px;line-height:1.2}
/* Services & skills */
.page-services .page-hero{position:relative;overflow:hidden;padding:clamp(145px,17vw,205px) 0 85px;background:linear-gradient(90deg,rgba(5,8,12,.96),rgba(5,8,12,.73)),url('assets/home-banner.webp') center/cover}.page-services .page-hero .display{font-weight:750}.services-section-head{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:30px}.services-section-head>p{max-width:540px;color:#aab4bd;line-height:1.7}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;background:transparent}.product{min-width:0;min-height:0;padding:clamp(20px,3vw,32px);border:1px solid rgba(255,35,72,.3);border-radius:13px;background:linear-gradient(145deg,rgba(16,21,28,.98),rgba(5,8,12,.98));transition:transform .28s,border-color .28s,box-shadow .28s}.product:nth-child(even){background:linear-gradient(145deg,rgba(12,21,28,.98),rgba(5,8,12,.98))}.product:hover,.product:focus-within{transform:translateY(-4px);border-color:var(--neon-red);box-shadow:0 0 24px rgba(255,35,72,.15)}.product h3{font-size:clamp(22px,2.3vw,31px);font-weight:650;line-height:1.15;margin:12px 0}.product p{font-size:13px;line-height:1.7;color:#aeb7c0}.service-icon,.skill-icon,.process-icon{--icon-accent:#ff2348;display:grid;place-items:center;width:31px;height:31px;transform:scale(.6);transform-origin:left center;margin-bottom:16px;color:var(--icon-accent);border:1px solid color-mix(in srgb,var(--icon-accent) 55%,transparent);border-radius:9px;background:color-mix(in srgb,var(--icon-accent) 8%,#080b0f);font-size:18px;text-shadow:0 0 10px var(--icon-accent);transition:transform .3s,box-shadow .3s,filter .3s}.service-icon svg{width:100%;height:100%;padding:6px}.product:nth-child(6n+2) .service-icon,.skill-card:nth-child(5n+2) .skill-icon{--icon-accent:#29d8ff}.product:nth-child(6n+3) .service-icon,.skill-card:nth-child(5n+3) .skill-icon{--icon-accent:#c64bff}.product:nth-child(6n+4) .service-icon,.skill-card:nth-child(5n+4) .skill-icon{--icon-accent:#ffac3d}.product:nth-child(6n+5) .service-icon,.skill-card:nth-child(5n+5) .skill-icon{--icon-accent:#2df0b0}.product:hover .service-icon,.product:focus-within .service-icon,.skill-card:hover .skill-icon,.skill-card:focus-within .skill-icon,.number-row:hover .process-icon,.number-row:focus-within .process-icon{transform:scale(1);filter:drop-shadow(0 0 9px var(--icon-accent));box-shadow:0 0 18px color-mix(in srgb,var(--icon-accent) 30%,transparent)}.skill-grid{gap:14px;background:transparent}.skill-card{min-height:0;padding:23px;border:1px solid rgba(255,255,255,.12);border-radius:12px;background:linear-gradient(145deg,#10161d,#070a0e);transition:transform .25s,border-color .25s,box-shadow .25s}.skill-card:hover{transform:translateY(-4px);border-color:var(--icon-accent,#29d8ff);box-shadow:0 0 20px rgba(41,216,255,.12)}.skill-icon{width:29px;height:29px}.skill-icon span{font-size:12px}.services-process .number-row{display:grid;grid-template-columns:35px 31px minmax(100px,1fr) 20px;gap:14px;align-items:center}.services-process .number-row p{grid-column:3/5}.process-icon{--icon-accent:#c64bff;margin:0}.process-icon span{font-size:18px}.services-process .number-row:nth-child(2) .process-icon{--icon-accent:#29d8ff}.services-process .number-row:nth-child(3) .process-icon{--icon-accent:#ffac3d}.services-process .number-row:nth-child(4) .process-icon{--icon-accent:#2df0b0}.service-finder-panel{padding:clamp(16px,3vw,26px);border-color:rgba(255,35,72,.3);border-radius:12px}.service-finder-form{margin:0}.service-finder-controls .btn{cursor:pointer}.product[hidden]{display:none!important}
/* Projects */
.projects-cinematic-hero{position:relative;overflow:hidden;min-height:400px;padding:clamp(145px,16vw,190px) 0 55px;background:linear-gradient(90deg,rgba(5,8,12,.97),rgba(5,8,12,.66)),url('assets/home-banner.webp') center 45%/cover}.projects-hero-backdrop{position:absolute;inset:0;overflow:hidden}.projects-hero-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,35,72,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(255,35,72,.06) 1px,transparent 1px);background-size:50px 50px;mask-image:linear-gradient(transparent,#000)}.projects-mountain{position:absolute;left:0;right:0;bottom:0;height:45%;background:linear-gradient(135deg,transparent 20%,rgba(255,35,72,.1),transparent 70%);clip-path:polygon(0 65%,8% 38%,15% 68%,28% 10%,42% 68%,55% 25%,66% 72%,80% 15%,91% 61%,100% 28%,100% 100%,0 100%)}.mountain-front{opacity:.5;transform:scaleY(.7);transform-origin:bottom}.projects-network{position:absolute;right:8%;top:20%;width:240px;height:180px;border:1px solid rgba(255,35,72,.25);transform:skewY(-12deg);box-shadow:0 0 40px rgba(255,35,72,.08)}.projects-network i{position:absolute;width:5px;height:5px;border-radius:50%;background:var(--neon-red);box-shadow:0 0 12px var(--neon-red)}.projects-network i:nth-child(1){left:10%;top:20%}.projects-network i:nth-child(2){left:55%;top:10%}.projects-network i:nth-child(3){left:80%;top:36%}.projects-network i:nth-child(4){left:25%;top:65%}.projects-network i:nth-child(5){left:65%;top:80%}.projects-network i:nth-child(6){left:45%;top:45%}.projects-network i:nth-child(7){left:92%;top:70%}.projects-network i:nth-child(8){left:8%;top:88%}.projects-hero-inner{position:relative;z-index:1}.projects-template .display{font-size:clamp(44px,6vw,82px);font-weight:750;margin:16px 0}.projects-stats{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.projects-stats>div{display:grid;grid-template-columns:42px auto;gap:2px 12px;align-items:center;min-width:135px;padding:10px 13px;border:1px solid rgba(255,35,72,.28);border-radius:10px;background:rgba(5,8,12,.72)}.projects-stat-icon{grid-row:span 2;display:grid;place-items:center;width:40px;height:40px;border:1px solid rgba(255,35,72,.45);border-radius:9px;color:var(--neon-red);font-size:20px}.projects-stats strong{font-size:19px}.projects-stats small{font-size:10px;color:#aab4bd}.projects-gallery-section{padding:32px 0 80px}.projects-filter-row{display:flex;justify-content:space-between;gap:14px;align-items:center;margin-bottom:22px}.projects-filters{display:flex;gap:6px;flex-wrap:wrap}.projects-filters button{padding:10px 13px;border:1px solid rgba(255,255,255,.13);border-radius:8px;background:#0b1015;color:#c6cdd2;font-size:11px;cursor:pointer}.projects-filters button.active,.projects-filters button:hover{background:var(--neon-red);border-color:var(--neon-red);color:white}.projects-search{display:flex;align-items:center;gap:8px;min-width:190px;padding:0 12px;border:1px solid var(--line);border-radius:8px;background:#090d12}.projects-search input{width:100%;min-width:0;padding:11px 0;border:0;background:transparent}.featured-project{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr) minmax(160px,.55fr);gap:20px;padding:18px;margin-bottom:18px;border:1px solid rgba(255,35,72,.45);border-radius:14px;background:linear-gradient(130deg,#11161d,#070a0e);box-shadow:0 0 26px rgba(255,35,72,.08)}.featured-project-visual{position:relative;min-height:300px;overflow:hidden;border-radius:10px;background:#0b1015}.featured-project-visual img,.screenshot-visual img{width:100%;height:100%;min-height:inherit;position:absolute;inset:0;object-fit:cover;object-position:top center}.featured-image-label,.visual-chip{position:absolute;left:12px;bottom:12px;padding:7px 9px;background:rgba(5,8,12,.85);border:1px solid rgba(255,35,72,.45);border-radius:6px;font:9px 'DM Mono',monospace;color:#ff7187}.featured-project-copy{min-width:0;align-self:center}.featured-project-copy h2{font-size:clamp(23px,2.7vw,38px);line-height:1.15;margin:12px 0}.featured-project-copy h2 span{color:var(--neon-red)}.featured-project-copy p{font-size:12px;line-height:1.7;color:#aeb8c0}.featured-project-facts{display:grid;align-content:center;gap:12px}.featured-project-facts>div{display:flex;gap:10px;align-items:flex-start;padding:12px;border:1px solid rgba(255,255,255,.1);border-radius:8px}.fact-icon{color:var(--neon-red);font-size:19px}.featured-project-facts p{display:grid;gap:4px;margin:0}.featured-project-facts small{color:#9da8b1;font-size:10px;line-height:1.5}.projects-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.project-card{--card-neon:#ff2348;position:relative;display:flex;flex-direction:column;min-width:0;overflow:hidden;border:1px solid rgba(255,35,72,.4);border-radius:12px;background:linear-gradient(145deg,#11161d,#06090d);transition:transform .3s,border-color .3s,box-shadow .3s}.project-card:nth-child(3n+2){--card-neon:#29d8ff}.project-card:nth-child(3n){--card-neon:#c64bff}.project-card:before{content:"";position:absolute;inset:-2px;z-index:3;pointer-events:none;border-radius:inherit;padding:1px;background:conic-gradient(from var(--neon-angle,0deg),transparent 0 55%,var(--card-neon) 68%,#fff 72%,var(--card-neon) 76%,transparent 90% 100%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;filter:drop-shadow(0 0 6px var(--card-neon));transition:opacity .2s}.project-card:hover,.project-card:focus-within{transform:translateY(-5px);border-color:var(--card-neon);box-shadow:0 0 24px color-mix(in srgb,var(--card-neon) 20%,transparent)}.project-card:hover:before,.project-card:focus-within:before{opacity:1;animation:neon-border-travel 2.8s linear infinite}.project-card-visual{position:relative;min-height:190px;aspect-ratio:16/9;overflow:hidden;background:radial-gradient(circle at 70% 20%,rgba(255,35,72,.18),transparent 45%),#0b1016}.project-card-visual img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:top center;transition:transform .5s}.project-card:hover .project-card-visual img{transform:scale(1.045)}.visual-number{position:absolute;top:12px;left:12px;font:11px 'DM Mono',monospace;color:var(--neon-red)}.project-card-body{display:flex;flex-direction:column;align-items:flex-start;flex:1;padding:17px}.project-card-body h3{font-size:18px;line-height:1.3;margin:7px 0}.project-card-body h3 a{color:var(--card-neon)}.project-card-body p{font-size:12px;line-height:1.65;color:#aab4bd}.project-card-body .tags{margin-top:auto;padding-top:8px}.project-card-body .tag{font-size:9px}.project-text-link{display:inline-flex;gap:10px;margin-top:14px;color:var(--card-neon);font-size:12px}.visual-grab,.visual-rbmi{display:grid;place-items:center}.grab-mark{font-size:clamp(32px,4vw,52px);letter-spacing:-.08em;font-weight:800;color:#f5f5f5;text-shadow:0 0 20px rgba(41,216,255,.35)}.grab-mark span{display:block;font-size:10px;letter-spacing:.4em;text-align:center;color:var(--neon-red)}.rbmi-monogram{font-size:clamp(34px,4vw,58px);font-weight:800;color:#f4f1eb;letter-spacing:.1em;text-shadow:0 0 22px rgba(198,75,255,.45)}.muted-link{color:#77828d}.projects-empty{padding:24px;text-align:center;color:#aab4bd}.projects-cta{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-top:26px;padding:24px;border:1px solid rgba(255,35,72,.55);border-radius:12px;background:linear-gradient(90deg,rgba(255,35,72,.08),rgba(5,8,12,.95)),url('assets/home-banner.webp') center/cover}.projects-cta h2{margin:8px 0;font-size:clamp(22px,3vw,32px)}@property --neon-angle{syntax:'<angle>';initial-value:0deg;inherits:false}@keyframes neon-border-travel{to{--neon-angle:360deg}}
/* Tools page: three premium cards */
.tools-cinematic-hero{position:relative;overflow:hidden;padding:clamp(145px,17vw,200px) 0 70px;background:linear-gradient(90deg,rgba(5,8,12,.97),rgba(5,8,12,.65)),url('assets/home-banner.webp') center/cover}.tools-hero-gridline{position:absolute;inset:0;background-image:linear-gradient(rgba(41,216,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(41,216,255,.05) 1px,transparent 1px);background-size:44px 44px;mask-image:linear-gradient(transparent,#000)}.tools-hero-inner{position:relative;z-index:1}.tools-hero-inner .display{font-weight:750}.tools-mountain-art{position:absolute;right:8%;bottom:0;width:40%;height:80%;opacity:.5;background:radial-gradient(ellipse at 50% 65%,rgba(41,216,255,.25),transparent 55%);clip-path:polygon(0 90%,18% 42%,29% 70%,46% 20%,58% 63%,72% 30%,100% 88%,100% 100%,0 100%)}.tools-section-intro{max-width:760px;color:#aab4bd;line-height:1.8}.tools-premium-section{padding:clamp(50px,7vw,90px) 0}.tools-premium-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:28px}.tools-premium-card{--tool-accent:#ff2348;position:relative;display:flex;flex-direction:column;min-width:0;overflow:hidden;padding:clamp(20px,2.5vw,30px);border:1px solid color-mix(in srgb,var(--tool-accent) 58%,transparent);border-radius:14px;background:linear-gradient(145deg,rgba(17,22,29,.97),rgba(5,8,12,.99));transition:transform .28s,border-color .28s,box-shadow .28s}.tools-premium-card.tool-cyan{--tool-accent:#29d8ff}.tools-premium-card.tool-violet{--tool-accent:#c64bff}.tools-premium-card.tool-amber{--tool-accent:#ffac3d}.tools-premium-card:hover,.tools-premium-card:focus-within{transform:translateY(-5px);box-shadow:0 0 26px color-mix(in srgb,var(--tool-accent) 20%,transparent)}.tool-card-topline{display:flex;justify-content:space-between;align-items:center;gap:10px;font:10px 'DM Mono',monospace;color:#929da6}.tool-art{display:grid;place-items:center;width:42px;height:42px;margin:12px 0 22px;border:1px solid var(--tool-accent);border-radius:12px;color:var(--tool-accent);font-size:22px;box-shadow:0 0 15px color-mix(in srgb,var(--tool-accent) 18%,transparent)}.tool-art svg{width:25px;height:25px;stroke:currentColor;fill:none}.tool-card-body{display:flex;flex-direction:column;flex:1}.tool-card-body h2{font-size:clamp(21px,2.2vw,28px);line-height:1.2;margin:0 0 10px}.tool-card-body p{font-size:13px;line-height:1.7;color:#aab4bd}.tool-launch{display:inline-flex;align-items:center;justify-content:space-between;gap:15px;margin-top:auto;padding:12px 14px;border:1px solid var(--tool-accent);border-radius:8px;color:var(--tool-accent);font-size:12px}.tool-launch:hover{background:color-mix(in srgb,var(--tool-accent) 12%,transparent)}.tools-proof-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:28px}.tools-proof{display:flex;gap:12px;align-items:flex-start;padding:16px;border:1px solid var(--line);border-radius:10px;background:#0b1015}.proof-icon{color:var(--neon-cyan);font-size:22px}.tools-proof p{margin:0;font-size:12px;line-height:1.6;color:#aab4bd}.tools-proof strong{display:block;color:#fff;margin-bottom:4px}.tools-bottom-section{padding:0 0 80px}.tools-bottom-strip{display:flex;justify-content:space-between;align-items:center;gap:22px;padding:24px;border:1px solid rgba(255,35,72,.4);border-radius:12px;background:linear-gradient(110deg,rgba(255,35,72,.07),rgba(5,8,12,.95))}.tools-disclaimer{font-size:11px;color:#8e99a3;line-height:1.6}
/* Contact page */
.contact-mock-hero{position:relative;overflow:hidden;padding:clamp(140px,16vw,185px) 0 65px;background:linear-gradient(90deg,rgba(5,8,12,.98),rgba(5,8,12,.72) 60%,rgba(5,8,12,.3)),url('assets/home-banner.webp') center/cover}.contact-mock-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(24px,5vw,65px);align-items:start}.contact-mock-copy .display{font-size:clamp(40px,5vw,68px);font-weight:750}.contact-mock-method{display:flex;align-items:center;gap:14px;padding:15px 0;border-bottom:1px solid rgba(255,255,255,.1)}.contact-mock-icon{display:grid;place-items:center;flex:0 0 42px;height:42px;border:1px solid rgba(255,35,72,.55);border-radius:10px;color:var(--neon-red);font-size:20px}.contact-mock-method>span:nth-child(2){display:grid;gap:4px;min-width:0}.contact-mock-method small{font-size:11px;color:#aab4bd;line-height:1.5;overflow-wrap:anywhere}.contact-mock-method i{margin-left:auto;color:var(--neon-red)}.contact-mock-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-top:22px}.contact-mock-stats>div{padding:12px;border:1px solid rgba(255,35,72,.25);border-radius:8px;background:rgba(5,8,12,.55)}.contact-mock-stats b,.contact-mock-stats small{display:block}.contact-mock-stats b{font-size:20px}.contact-mock-stats small{font-size:10px;color:#aab4bd}.contact-mock-form{min-width:0;padding:clamp(18px,3vw,30px);border:1px solid rgba(255,35,72,.65);border-radius:14px;background:rgba(6,10,15,.91);box-shadow:0 0 32px rgba(255,35,72,.1);backdrop-filter:blur(12px)}.contact-form-heading{display:flex;justify-content:space-between;gap:12px;align-items:center}.contact-form-heading .h2{font-size:clamp(25px,3vw,38px)}.contact-form-promise{font-size:10px;line-height:1.5;color:#aab4bd}.contact-form-promise span{display:block;color:var(--neon-red);font-size:20px}.contact-mock-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.contact-mock-field{display:grid;gap:7px;min-width:0}.contact-mock-field.full{grid-column:1/-1}.contact-mock-field label{font-size:11px;color:#d7dde2}.contact-mock-field em{font-style:normal;color:var(--neon-red)}.contact-mock-field input,.contact-mock-field select,.contact-mock-field textarea{width:100%;min-width:0;padding:12px;border:1px solid #293642;border-radius:7px;background:#090e14;color:#fff;font-size:12px}.contact-mock-field textarea{min-height:120px}.contact-mock-field input:focus,.contact-mock-field select:focus,.contact-mock-field textarea:focus{border-color:var(--neon-red);box-shadow:0 0 0 3px rgba(255,35,72,.1)}.contact-field-hint{font-size:10px;color:#88949e}.form-honeypot{position:absolute!important;left:-10000px!important;width:1px;height:1px;overflow:hidden}.contact-mock-submit{grid-column:1/-1;width:100%;padding:14px;border:1px solid var(--neon-red);border-radius:8px;background:var(--neon-red);color:white;font-weight:700;cursor:pointer;box-shadow:0 0 18px rgba(255,35,72,.15)}.contact-mock-privacy{grid-column:1/-1;margin:0;color:#8f9ba4;font-size:10px;line-height:1.6}.contact-mock-bottom{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:24px}.contact-mock-bottom article{display:grid;gap:6px;padding:14px;border:1px solid var(--line);border-radius:9px}.contact-mock-bottom article>span{color:var(--neon-red)}.contact-mock-bottom b{font-size:12px}.contact-mock-bottom small{font-size:10px;line-height:1.5;color:#aab4bd}.contact-mock-next{padding:clamp(55px,7vw,90px) 0}
/* Touch-first and tablet/mobile layouts */
@media(max-width:1100px){.nav{padding:0 18px}.navlinks{gap:18px}.navlinks a{font-size:11px}.brand-logo{width:120px}.about-hero-grid{grid-template-columns:1fr .8fr}.journey-detail{grid-template-columns:1fr 1fr}.journey-takeaway{grid-column:1/-1}.featured-project{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.featured-project-facts{grid-column:1/-1;grid-template-columns:repeat(3,minmax(0,1fr))}.featured-project-facts>div{min-width:0}.project-card-visual{min-height:155px}}
@media(max-width:900px){.nav{height:68px}.navlinks,.nav .pill{display:none}.global-search-trigger{margin-left:auto}.menu{display:block}.navlinks.open{display:flex;position:absolute;top:68px;left:12px;right:12px;padding:12px 18px 18px;flex-direction:column;gap:0;background:rgba(5,8,12,.98);border:1px solid rgba(255,35,72,.35);border-radius:12px;box-shadow:0 20px 50px rgba(0,0,0,.55)}.navlinks.open a{padding:12px 0;border-bottom:1px solid rgba(255,255,255,.07)}.navlinks.open a:last-child{border-bottom:0}.hero{grid-template-columns:1fr;min-height:auto}.hero-copy{padding:125px 24px 45px}.hero-visual{height:58vh;min-height:390px}.page-home .hero-visual{height:55vh}.page-home .stats{gap:16px}.section-head,.services-section-head,.about-section-heading{display:block}.section-head>.lead,.services-section-head>p,.about-section-heading>p{margin-top:15px}.about-hero-grid{grid-template-columns:1fr}.about-hero-orbit{min-height:300px;max-width:600px;width:100%;margin:10px auto 0}.about-stats{grid-template-columns:repeat(4,minmax(0,1fr))}.journey-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}.about-principles-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.about-collab-grid{grid-template-columns:1fr}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.skill-grid.grid3{grid-template-columns:repeat(2,minmax(0,1fr))}.projects-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.projects-filter-row{align-items:stretch;flex-direction:column}.projects-search{width:100%}.tools-premium-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.contact-mock-grid{grid-template-columns:1fr}.contact-mock-copy{max-width:750px}.impact-flow{grid-template-columns:repeat(2,minmax(0,1fr))}.impact-flow-line{display:block;opacity:.5}.impact-step::before{display:block}}
@media(max-width:600px){.wrap{width:min(calc(100% - 32px),var(--max))}section{padding:68px 0}.page-hero{padding:130px 0 55px}.display{font-size:clamp(38px,11vw,54px)}.h2{font-size:clamp(30px,8.5vw,43px)}.lead{font-size:14px}.hero-copy{padding:115px 16px 32px}.hero-actions{gap:10px;flex-wrap:wrap}.hero-actions .btn{padding:12px 14px}.hero-visual{min-height:320px;height:45vh}.cube{width:112px;height:112px}.cube .front{transform:translateZ(56px)}.cube .back{transform:rotateY(180deg) translateZ(56px)}.cube .right{transform:rotateY(90deg) translateZ(56px)}.cube .left{transform:rotateY(-90deg) translateZ(56px)}.cube .top{transform:rotateX(90deg) translateZ(56px)}.cube .bottom{transform:rotateX(-90deg) translateZ(56px)}.cube .face{padding:12px;font-size:11px}.stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:30px}.stat strong{font-size:23px}.stat span{font-size:9px}.grid3,.product-grid,.skill-grid.grid3,.projects-card-grid,.tools-premium-grid,.tools-proof-row{grid-template-columns:1fr}.product{padding:20px}.product h3{font-size:24px}.services-process .number-row{grid-template-columns:28px 30px minmax(0,1fr) 15px;gap:9px;padding:18px 0}.services-process .number-row h3{font-size:17px}.services-process .number-row p{grid-column:2/5}.about-cinematic-hero,.projects-cinematic-hero,.tools-cinematic-hero,.contact-mock-hero,.page-services .page-hero{padding-top:125px}.about-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.about-hero-orbit{min-height:250px}.orbit-node{font-size:10px;padding:9px}.orbit-core{width:78px;height:78px;font-size:29px}.journey-tabs,.journey-detail,.about-principles-grid{grid-template-columns:1fr}.journey-takeaway{grid-column:auto}.journey-detail-art,.journey-detail-points,.journey-takeaway{padding:18px}.about-closing-inner,.tools-bottom-strip,.projects-cta{align-items:flex-start;flex-direction:column}.featured-project{grid-template-columns:1fr;padding:12px}.featured-project-visual{min-height:220px}.featured-project-facts{grid-template-columns:1fr}.projects-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.projects-stats>div{min-width:0}.project-card-visual{min-height:190px}.projects-network{right:-5%;width:160px;opacity:.55}.contact-mock-fields{grid-template-columns:1fr}.contact-mock-field.full,.contact-mock-submit,.contact-mock-privacy{grid-column:auto}.contact-form-heading{align-items:flex-start}.contact-form-promise{display:none}.contact-mock-bottom{grid-template-columns:1fr}.site-search-modal{padding:12px}.site-search-dialog{padding:16px;border-radius:13px;max-height:90vh}.site-search-result{gap:8px;padding:10px}.site-search-result-copy small{font-size:10px}.site-search-category{display:none}.site-search-footer{font-size:9px}.global-search-trigger{width:36px;height:36px;flex-basis:36px}.brand-logo{width:100px}.footer{align-items:flex-start;flex-direction:column}.impact-flow{grid-template-columns:1fr;gap:12px}.impact-flow-line{left:20px;right:auto;top:0;bottom:0;width:2px;height:auto}.impact-flow-line span{width:100%;height:28%;inset:0 auto auto 0;animation:impact-travel-vertical 4.8s linear infinite;background:linear-gradient(180deg,transparent,#ff2448 22%,#29d8ff 56%,#c64bff 78%,#ffac3d)}.impact-step::before{display:none}.impact-step{padding:18px}.home-impact-section .section-head{margin-bottom:28px}}
@keyframes impact-travel-vertical{0%{transform:translateY(-110%)}100%{transform:translateY(380%)}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}.project-card:hover:before,.project-card:focus-within:before{animation:none;opacity:.5}}


/* DESIGN TEMPLATE ALIGNMENT — cinematic crimson, luminous panels, responsive cards */
:root{--neon-red:#ff2448;--neon-cyan:#27d9ff;--neon-violet:#d44dff;--neon-amber:#ffad3d;--accent:#ff2448;--accent-glow:rgba(255,36,72,.42);--line:rgba(255,36,72,.28)}
body{background:#030609;color:#f7f8fb}
.nav{left:clamp(10px,2.2vw,34px);right:clamp(10px,2.2vw,34px);top:10px;height:62px;padding:0 18px;border:1px solid rgba(255,36,72,.55);border-radius:13px;background:rgba(3,6,9,.88);box-shadow:0 0 24px rgba(255,36,72,.09);backdrop-filter:blur(18px)}
.navlinks a.active,.navlinks a:hover{color:var(--neon-red);border-bottom-color:var(--neon-red)}
.pill,.global-search-trigger{border-color:var(--neon-red);box-shadow:0 0 12px rgba(255,36,72,.12)}
.pill:hover,.global-search-trigger:hover{box-shadow:0 0 22px rgba(255,36,72,.4)}
.eyebrow{color:var(--neon-red)}
.accent-text,.about-hero-copy h1 span,.projects-cinematic-hero h1 span,.tools-cinematic-hero h1 span,.contact-mock-copy h1 span{color:var(--neon-red)}
.btn{border-radius:8px;border-color:rgba(255,36,72,.58);background:rgba(7,11,16,.72);transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}
.btn:hover{transform:translateY(-2px);border-color:var(--neon-red);box-shadow:0 0 20px rgba(255,36,72,.22)}
.btn.primary{background:var(--neon-red);color:#fff;border-color:var(--neon-red);box-shadow:0 0 22px rgba(255,36,72,.22)}
.hero{background:radial-gradient(ellipse at 72% 40%,rgba(255,36,72,.22),transparent 36%),radial-gradient(ellipse at 48% 95%,rgba(12,87,128,.18),transparent 35%),linear-gradient(180deg,#05080c,#080b10 68%,#030609)}
.hero:before{content:"";position:absolute;z-index:1;inset:28% 0 0;pointer-events:none;background:linear-gradient(180deg,transparent,rgba(2,4,7,.28)),linear-gradient(155deg,transparent 45%,rgba(255,36,72,.08) 45.2%,transparent 45.6%),linear-gradient(25deg,transparent 58%,rgba(39,217,255,.06) 58.2%,transparent 58.6%);clip-path:polygon(0 54%,8% 42%,15% 60%,24% 25%,31% 52%,40% 31%,49% 63%,58% 24%,65% 49%,74% 19%,83% 50%,92% 27%,100% 46%,100% 100%,0 100%)}
.hero-visual{background-image:radial-gradient(circle at 58% 36%,rgba(255,36,72,.24),transparent 25%),radial-gradient(circle at 65% 60%,rgba(39,217,255,.13),transparent 28%),linear-gradient(90deg,#05080c 0%,rgba(5,8,12,.25) 28%,rgba(5,8,12,.02) 62%),linear-gradient(0deg,#030609 0%,transparent 28%),linear-gradient(135deg,#090e16,#140810 55%,#030609);}
.hero-visual:before{content:"";position:absolute;inset:10% 0 0;background:linear-gradient(180deg,transparent 40%,rgba(3,6,9,.8)),repeating-linear-gradient(153deg,transparent 0 76px,rgba(255,36,72,.11) 77px,transparent 79px);clip-path:polygon(0 52%,12% 37%,20% 54%,34% 22%,45% 48%,58% 18%,69% 47%,82% 25%,100% 44%,100% 100%,0 100%);opacity:.85}
.network-node{border-color:rgba(255,36,72,.58)!important;background:rgba(4,8,13,.82)!important;box-shadow:0 0 22px rgba(255,36,72,.12)}
.network-node:hover{box-shadow:0 0 28px rgba(255,36,72,.34);transform:translateY(-4px)}
.stat,.stats .stat{border:1px solid rgba(255,36,72,.28);border-radius:10px;padding:12px 14px;background:rgba(4,8,13,.64)}
.stat strong{color:#fff}.stat span{color:#aeb8c2}
.card,.product,.project-card,.tools-premium-card,.about-principle-card,.impact-step,.contact-mock-form{border:1px solid rgba(255,36,72,.42);background:linear-gradient(145deg,rgba(13,18,25,.94),rgba(3,7,11,.96));box-shadow:0 0 0 1px rgba(255,36,72,.025),0 12px 32px rgba(0,0,0,.25);position:relative;overflow:hidden}
.card:before,.product:before,.project-card:before,.tools-premium-card:before,.about-principle-card:before,.impact-step:before{content:"";position:absolute;inset:0;pointer-events:none;opacity:0;background:linear-gradient(115deg,transparent 10%,rgba(255,36,72,.13),rgba(39,217,255,.09),transparent 72%);transition:opacity .25s ease}
.card:hover:before,.product:hover:before,.project-card:hover:before,.tools-premium-card:hover:before,.about-principle-card:hover:before,.impact-step:hover:before{opacity:1}
.card:hover,.product:hover,.project-card:hover,.tools-premium-card:hover,.about-principle-card:hover,.impact-step:hover{border-color:var(--neon-red);box-shadow:0 0 24px rgba(255,36,72,.18);transform:translateY(-3px)}
/* Hero bands for inner pages */
.about-cinematic-hero,.projects-cinematic-hero,.tools-cinematic-hero,.contact-mock-hero,.page-services .page-hero{position:relative;isolation:isolate;background:radial-gradient(ellipse at 78% 36%,rgba(255,36,72,.23),transparent 35%),radial-gradient(ellipse at 48% 100%,rgba(18,94,134,.2),transparent 35%),linear-gradient(135deg,#04070b 0%,#101018 55%,#030609 100%)}
.about-cinematic-hero:before,.tools-cinematic-hero:before,.contact-mock-hero:before,.page-services .page-hero:before{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(180deg,rgba(2,5,8,.05),#030609 98%),linear-gradient(155deg,transparent 47%,rgba(255,36,72,.12) 47.2%,transparent 47.7%);clip-path:polygon(0 45%,9% 31%,18% 49%,28% 20%,39% 50%,49% 30%,60% 53%,71% 18%,81% 44%,91% 26%,100% 43%,100% 100%,0 100%)}
.projects-cinematic-hero{background:radial-gradient(ellipse at 76% 28%,rgba(255,36,72,.25),transparent 36%),linear-gradient(180deg,#090c12,#030609)}
.tools-cinematic-hero{background:radial-gradient(ellipse at 75% 38%,rgba(39,217,255,.2),transparent 33%),radial-gradient(ellipse at 35% 50%,rgba(255,36,72,.12),transparent 40%),#04070b}
.contact-mock-hero{background:radial-gradient(ellipse at 82% 40%,rgba(255,36,72,.2),transparent 32%),linear-gradient(120deg,#05080c,#101019 60%,#030609)}
/* Projects: three columns, readable screenshots, moving neon perimeter */
.projects-card-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.project-card{border-radius:12px;transition:transform .28s ease,border-color .28s ease,box-shadow .28s ease}
.project-card:after{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;background:conic-gradient(from var(--neon-angle,0deg),transparent 0 28%,var(--neon-red) 34%,var(--neon-cyan) 42%,var(--neon-violet) 50%,transparent 60% 100%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;pointer-events:none;animation:project-neon-rotate 3.8s linear infinite}
.project-card:hover:after,.project-card:focus-within:after{opacity:1}
@keyframes project-neon-rotate{to{--neon-angle:360deg}}
.project-card-visual{border-radius:8px;overflow:hidden}.project-card-visual img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.project-card:hover .project-card-visual img{transform:scale(1.035)}
/* Homepage featured cards use the supplied screenshots */
.home-featured-work .section-head{display:flex;align-items:end;justify-content:space-between;gap:24px}
.home-featured-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.home-project-card{padding:12px;border-radius:12px;min-width:0}
.home-project-image{display:block;height:190px;margin-bottom:16px;overflow:hidden;border-radius:8px;border:1px solid rgba(255,36,72,.4);background:#090e14}
.home-project-image img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}
.home-project-card:hover .home-project-image img{transform:scale(1.04)}
.project-visual-placeholder{height:100%;display:grid;place-content:center;text-align:center;color:#fff;font-weight:800;font-size:44px;letter-spacing:-.08em;background:radial-gradient(circle at 50% 35%,rgba(39,217,255,.25),transparent 28%),linear-gradient(135deg,#0b111b,#180913 65%,#05080c)}
.project-visual-placeholder span{color:var(--neon-red)}.home-project-card h3{margin:8px 0}.home-project-card p{font-size:13px;color:#b2bac4;line-height:1.6}.text-link{display:inline-block;color:var(--neon-red);font-size:12px;font-weight:700;margin-top:5px}
/* Idea-to-impact connector travels across the gaps, not across card content */
.home-impact-section .impact-flow{position:relative;isolation:isolate}
.impact-flow-line{z-index:-1;position:absolute;left:6%;right:6%;top:36px;height:2px;overflow:hidden;background:linear-gradient(90deg,rgba(255,36,72,.25),rgba(39,217,255,.22),rgba(212,77,255,.22),rgba(255,173,61,.25))}
.impact-flow-line span{position:absolute;left:-25%;top:0;width:25%;height:100%;background:linear-gradient(90deg,transparent,var(--neon-red),#fff,var(--neon-cyan),var(--neon-violet),var(--neon-amber),transparent);box-shadow:0 0 16px rgba(255,36,72,.8);animation:impact-travel-horizontal 5s linear infinite}
@keyframes impact-travel-horizontal{0%{transform:translateX(0)}100%{transform:translateX(500%)}}
.impact-step{border-radius:12px;padding:22px 18px;min-width:0;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}
.impact-step-one{--step-accent:var(--neon-red)}.impact-step-two{--step-accent:var(--neon-cyan)}.impact-step-three{--step-accent:var(--neon-violet)}.impact-step-four{--step-accent:var(--neon-amber)}
.impact-number,.impact-icon{color:var(--step-accent);border-color:var(--step-accent);box-shadow:0 0 14px color-mix(in srgb,var(--step-accent) 28%,transparent)}
.impact-step:hover .impact-number{animation:impact-node-pulse .8s ease-in-out infinite alternate}
@keyframes impact-node-pulse{to{box-shadow:0 0 22px var(--step-accent);transform:scale(1.06)}}
/* Tool icons have their own accent and grow from compact to full size */
.tool-art,.service-icon,.skill-icon,.impact-icon{transform:scale(.6);transform-origin:left center;transition:transform .28s cubic-bezier(.2,.8,.2,1),filter .28s ease}
.product:hover .service-icon,.product:focus-within .service-icon,.skill-card:hover .skill-icon,.skill-card:focus-within .skill-icon,.tools-premium-card:hover .tool-art,.tools-premium-card:focus-within .tool-art,.impact-step:hover .impact-icon,.impact-step:focus-within .impact-icon{transform:scale(1);filter:drop-shadow(0 0 12px currentColor)}
/* Responsive safety */
@media(max-width:1000px){.projects-card-grid,.home-featured-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.home-project-image{height:175px}.impact-flow-line{left:8%;right:8%}}
@media(max-width:700px){.nav{left:8px;right:8px;top:8px;padding:0 10px;height:58px}.brand-logo{width:94px}.hero{grid-template-columns:1fr;min-height:0;padding-top:70px}.hero-copy{padding:80px 20px 28px}.hero-visual{height:390px;min-height:390px}.stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-top:26px}.stat{padding:10px}.home-featured-work .section-head{display:block}.home-featured-work .section-head>.btn{margin-top:10px}.projects-card-grid,.home-featured-grid{grid-template-columns:1fr}.home-project-image{height:210px}.impact-flow-line{left:20px;right:auto;top:0;bottom:0;width:2px;height:auto}.impact-flow-line span{left:0;top:-20%;width:100%;height:20%;background:linear-gradient(180deg,transparent,var(--neon-red),#fff,var(--neon-cyan),var(--neon-violet),var(--neon-amber),transparent);animation:impact-travel-vertical 5s linear infinite}.impact-step{margin-left:12px}.project-card-visual{min-height:185px}.contact-mock-grid,.about-hero-grid{grid-template-columns:1fr}.tools-premium-grid,.about-principles-grid,.product-grid,.skill-grid.grid3{grid-template-columns:1fr}.navlinks.open{top:62px}}
@media(prefers-reduced-motion:reduce){.impact-flow-line span,.impact-step:hover .impact-number,.project-card:after{animation:none!important}.card:hover,.product:hover,.project-card:hover,.tools-premium-card:hover,.about-principle-card:hover,.impact-step:hover{transform:none}}
.home-impact-section .impact-flow{position:relative;isolation:isolate}
.home-impact-section .impact-flow-line{z-index:0;top:36px;left:6%;right:6%}
.home-impact-section .impact-step{z-index:1}


/* Palette switcher — persistent across all pages */
.palette-switcher{position:fixed;z-index:900;right:18px;bottom:18px;font-family:Manrope,Arial,sans-serif}
.palette-toggle{display:flex;align-items:center;gap:8px;padding:10px 13px;border:1px solid var(--neon-red);border-radius:999px;background:rgba(4,7,11,.94);color:#fff;box-shadow:0 0 18px color-mix(in srgb,var(--neon-red) 28%,transparent);cursor:pointer;backdrop-filter:blur(14px);font-size:12px}
.palette-toggle-icon{color:var(--neon-red);font-size:21px;line-height:1;text-shadow:0 0 12px var(--neon-red)}
.palette-popover{position:absolute;right:0;bottom:calc(100% + 10px);width:min(300px,calc(100vw - 32px));padding:15px;border:1px solid color-mix(in srgb,var(--neon-red) 70%,transparent);border-radius:14px;background:rgba(5,9,14,.97);box-shadow:0 18px 60px #000b,0 0 24px color-mix(in srgb,var(--neon-red) 14%,transparent);backdrop-filter:blur(18px)}
.palette-popover[hidden]{display:none!important}.palette-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:13px;font-size:13px}.palette-close{border:0;background:transparent;color:#cbd2d8;font-size:23px;cursor:pointer}.palette-options{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px}.palette-choice{display:grid;justify-items:center;gap:7px;padding:8px 3px;border:1px solid rgba(255,255,255,.12);border-radius:9px;background:#0b1118;color:#dce3e8;cursor:pointer;min-width:0}.palette-choice span{width:24px;height:24px;border-radius:50%;background:var(--swatch);box-shadow:0 0 15px color-mix(in srgb,var(--swatch) 45%,transparent);border:2px solid rgba(255,255,255,.7)}.palette-choice small{font-size:9px;line-height:1.2;text-align:center}.palette-choice:hover,.palette-choice.is-selected{border-color:var(--swatch);box-shadow:0 0 14px color-mix(in srgb,var(--swatch) 20%,transparent)}.palette-popover>p{font-size:10px;color:#9ca8b4;margin:12px 0 0}
/* Bring service, skill, workflow and tool marks back to the intended visual scale. */
.service-icon{width:78px;height:78px;flex:0 0 78px;place-items:center;transform:scale(.6);transform-origin:center;margin:0 0 16px;font-size:36px;border-radius:15px}
.service-icon svg{width:100%;height:100%;padding:15px}
.skill-icon{width:76px;height:76px;flex:0 0 76px;place-items:center;transform:scale(.6);transform-origin:center;margin:0 0 16px;border-radius:15px}
.skill-icon span{font-size:27px}
.process-icon{width:72px;height:72px;flex:0 0 72px;place-items:center;transform:scale(.6);transform-origin:center;border-radius:14px}
.process-icon span{font-size:29px}
.tool-art{width:92px;height:92px;flex:0 0 92px;place-items:center;transform:scale(.6);transform-origin:center;margin:14px 0 20px;border-radius:18px;font-size:42px}
.tool-art svg{width:54px;height:54px;stroke-width:3}
.service-icon,.skill-icon,.process-icon,.tool-art{transition:transform .32s cubic-bezier(.2,.8,.2,1),filter .32s ease,box-shadow .32s ease}
.product:hover .service-icon,.product:focus-within .service-icon,.skill-card:hover .skill-icon,.skill-card:focus-within .skill-icon,.number-row:hover .process-icon,.number-row:focus-within .process-icon,.tools-premium-card:hover .tool-art,.tools-premium-card:focus-within .tool-art{transform:scale(1);filter:drop-shadow(0 0 13px currentColor);box-shadow:0 0 20px color-mix(in srgb,currentColor 25%,transparent)}
@media(max-width:600px){.palette-switcher{right:10px;bottom:10px}.palette-toggle{padding:9px 11px}.palette-toggle-label{display:none}.palette-toggle-icon{font-size:23px}.palette-options{gap:4px}.palette-choice{padding:7px 1px}.palette-choice span{width:20px;height:20px}.palette-choice small{font-size:8px}.service-icon{width:68px;height:68px;flex-basis:68px}.skill-icon{width:66px;height:66px;flex-basis:66px}.process-icon{width:62px;height:62px;flex-basis:62px}.tool-art{width:78px;height:78px;flex-basis:78px}.tool-art svg{width:46px;height:46px}}

/* Approved design_template alignment pass — page-specific cinematic art and stronger icon scale */
:root{--neon-red:#ff2448;--neon-cyan:#31d8ff;--neon-violet:#c653ff;--neon-amber:#ffad42;--surface-glass:rgba(5,10,16,.84)}
body{background:#030609;color:#f5f7fa}
.nav{position:sticky;top:10px;z-index:100;max-width:calc(100% - 48px);margin:10px auto 0;padding:9px 18px;min-height:62px;border:1px solid color-mix(in srgb,var(--neon-red) 75%,transparent);border-radius:13px;background:rgba(3,7,11,.9);box-shadow:0 0 22px rgba(255,36,72,.08);backdrop-filter:blur(18px)}
.brand-logo{width:clamp(110px,12vw,165px);max-height:46px;object-fit:contain}
.navlinks a{font-size:12px;padding:8px 4px}
.global-search-trigger{border-radius:10px;width:42px;height:42px;flex-basis:42px}
.pill{border-radius:999px;padding:10px 19px}
/* Use cinematic, purpose-built vector art instead of the unrelated legacy banner image. */
.page-home .hero{position:relative;isolation:isolate;min-height:clamp(680px,calc(100svh - 72px),920px);grid-template-columns:minmax(0,1fr) minmax(360px,.95fr);background:#04070b url('assets/hero-home.svg') center/cover no-repeat;border-bottom:1px solid rgba(255,36,72,.25)}
.page-home .hero:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(3,6,9,.96) 0%,rgba(3,6,9,.79) 38%,rgba(3,6,9,.16) 72%,rgba(3,6,9,.24)),linear-gradient(0deg,#030609 0%,transparent 24%)}
.page-home .hero-copy{position:relative;z-index:2;padding:clamp(105px,12vw,155px) 0 60px clamp(24px,5vw,84px);max-width:790px}
.page-home .hero-visual{position:relative;min-height:590px;background:none!important;overflow:visible}
.page-home .hero-visual:before{background:radial-gradient(circle at 55% 45%,rgba(255,36,72,.12),transparent 55%)!important}
.page-home .network-orbit{opacity:.35;mix-blend-mode:screen}
.page-home .network-nodes{inset:4% 2% 6% 0;transform:scale(.94)}
.page-home .network-node{background:rgba(4,8,13,.84);border-color:rgba(255,36,72,.62);box-shadow:0 0 18px rgba(255,36,72,.15);backdrop-filter:blur(8px)}
.page-home .stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:35px}
.page-home .stat{padding:12px 13px;border:1px solid rgba(255,36,72,.38);border-left:2px solid var(--neon-red);border-radius:8px;background:rgba(4,8,13,.72);box-shadow:0 8px 24px #0004}
.page-home .stat strong{display:block;font-size:clamp(20px,2.2vw,30px);line-height:1.05}.page-home .stat span{display:block;margin-top:6px;font-size:10px;color:#aeb9c4;line-height:1.4}
/* Inner-page hero art */
.about-cinematic-hero{background-image:linear-gradient(90deg,rgba(3,6,10,.96),rgba(3,6,10,.73) 52%,rgba(3,6,10,.24)),linear-gradient(0deg,#030609 0%,transparent 45%),url('assets/hero-about.svg')!important;background-position:center;background-size:cover!important}
.page-services .page-hero{background-image:linear-gradient(90deg,rgba(3,6,10,.97),rgba(3,6,10,.8) 48%,rgba(3,6,10,.22)),linear-gradient(0deg,#030609 0%,transparent 55%),url('assets/hero-services.svg')!important;background-position:center;background-size:cover!important;min-height:440px;display:flex;align-items:center;padding:clamp(135px,15vw,185px) 0 70px}
.projects-cinematic-hero{background-image:linear-gradient(90deg,rgba(3,6,10,.97),rgba(3,6,10,.72) 53%,rgba(3,6,10,.22)),linear-gradient(0deg,#030609 0%,transparent 40%),url('assets/hero-projects.svg')!important;background-position:center;background-size:cover!important}
.tools-cinematic-hero{background-image:linear-gradient(90deg,rgba(3,6,10,.97),rgba(3,6,10,.72) 52%,rgba(3,6,10,.18)),linear-gradient(0deg,#030609 0%,transparent 40%),url('assets/hero-tools.svg')!important;background-position:center;background-size:cover!important}
.contact-mock-hero{background-image:linear-gradient(90deg,rgba(3,6,10,.97),rgba(3,6,10,.78) 54%,rgba(3,6,10,.24)),linear-gradient(0deg,#030609 0%,transparent 45%),url('assets/hero-contact.svg')!important;background-position:center;background-size:cover!important}
/* All cards follow the approved dark glass / neon frame language. */
.card,.product,.project-card,.featured-project,.tools-premium-card,.about-principle-card,.journey-detail,.contact-mock-form,.impact-step{position:relative;background:linear-gradient(145deg,rgba(10,16,24,.96),rgba(3,7,11,.96));border:1px solid rgba(255,36,72,.42);box-shadow:0 8px 28px rgba(0,0,0,.2);overflow:hidden}
.card:hover,.product:hover,.project-card:hover,.tools-premium-card:hover,.about-principle-card:hover,.impact-step:hover{transform:translateY(-3px);box-shadow:0 12px 32px rgba(255,36,72,.12),0 0 0 1px color-mix(in srgb,var(--neon-red) 22%,transparent)}
.product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.product{padding:22px;border-radius:12px;transition:transform .25s,border-color .25s,box-shadow .25s}
.product:nth-child(6n+2){border-color:rgba(49,216,255,.6)}.product:nth-child(6n+3){border-color:rgba(198,83,255,.6)}.product:nth-child(6n+4){border-color:rgba(255,173,66,.65)}.product:nth-child(6n+5){border-color:rgba(49,216,255,.5)}.product:nth-child(6n){border-color:rgba(83,242,178,.55)}
/* Keep icon containers large enough that the 60% resting state is still legible. */
.service-icon,.skill-icon,.process-icon,.tool-art,.principle-icon{display:grid;place-items:center;width:100px;height:100px;flex:0 0 100px;margin:0 0 16px;border:1px solid currentColor;border-radius:17px;background:color-mix(in srgb,currentColor 8%,#05090e);box-shadow:0 0 20px color-mix(in srgb,currentColor 17%,transparent);transform:scale(.6);transform-origin:center;transition:transform .3s cubic-bezier(.2,.8,.2,1),filter .3s,box-shadow .3s}
.service-icon svg{display:block;width:100%;height:100%;padding:9px;stroke-width:1.8}
.skill-icon span{font-family:'DM Mono',monospace;font-size:31px;font-weight:700;line-height:1}
.process-icon span{font-size:34px;font-weight:700;line-height:1}
.tool-art{width:100px;height:100px;flex-basis:100px;margin:6px 0 16px;font-size:42px}
.tool-art svg{width:78px;height:78px;padding:5px;stroke-width:2.3}
.product:nth-child(5n+1) .service-icon,.skill-card:nth-child(5n+1) .skill-icon{color:var(--neon-red)}
.product:nth-child(5n+2) .service-icon,.skill-card:nth-child(5n+2) .skill-icon{color:var(--neon-cyan)}
.product:nth-child(5n+3) .service-icon,.skill-card:nth-child(5n+3) .skill-icon{color:var(--neon-violet)}
.product:nth-child(5n+4) .service-icon,.skill-card:nth-child(5n+4) .skill-icon{color:var(--neon-amber)}
.product:nth-child(5n) .service-icon,.skill-card:nth-child(5n) .skill-icon{color:#55f2b2}
.product:hover .service-icon,.product:focus-within .service-icon,.skill-card:hover .skill-icon,.skill-card:focus-within .skill-icon,.number-row:hover .process-icon,.number-row:focus-within .process-icon,.tools-premium-card:hover .tool-art,.tools-premium-card:focus-within .tool-art,.about-principle-card:hover .principle-icon,.about-principle-card:focus-within .principle-icon{transform:scale(1);filter:drop-shadow(0 0 13px currentColor);box-shadow:0 0 26px color-mix(in srgb,currentColor 30%,transparent)}
.tools-premium-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.tools-premium-card{padding:22px;border-radius:13px;min-width:0}.tools-premium-card.tool-cyan{--tool-accent:#31d8ff;border-color:#31d8ff}.tools-premium-card.tool-violet{--tool-accent:#c653ff;border-color:#c653ff}.tools-premium-card.tool-amber{--tool-accent:#ffad42;border-color:#ffad42}.tools-premium-card .tool-art{color:var(--tool-accent);border-color:var(--tool-accent);box-shadow:0 0 22px color-mix(in srgb,var(--tool-accent) 25%,transparent)}
.skill-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.skill-card{padding:22px;border-radius:12px;min-width:0}
/* About page interactive timeline and principle cards */
.journey-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;position:relative;margin:30px 0 22px}
.journey-tab{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:7px;text-align:left;padding:16px;border:1px solid rgba(255,36,72,.35);border-radius:10px;background:rgba(5,10,16,.88);color:#fff;cursor:pointer;min-width:0;transition:border-color .2s,box-shadow .2s,transform .2s}
.journey-tab b{color:var(--neon-red);font-size:13px}.journey-tab span{font-size:11px;color:#c3ccd5;line-height:1.45}.journey-tab i{width:13px;height:13px;border:2px solid var(--neon-red);border-radius:50%;box-shadow:0 0 12px rgba(255,36,72,.45)}.journey-tab.is-active,.journey-tab:hover{border-color:var(--neon-red);box-shadow:0 0 24px rgba(255,36,72,.13);transform:translateY(-2px)}
.journey-detail{display:grid;grid-template-columns:1fr 1fr .75fr;gap:0;border-radius:14px}.journey-detail-art,.journey-detail-points,.journey-takeaway{padding:clamp(20px,3vw,34px);min-width:0}.journey-detail-art{background:linear-gradient(145deg,rgba(255,36,72,.12),transparent)}.journey-detail-points{border-left:1px solid rgba(255,255,255,.09);border-right:1px solid rgba(255,255,255,.09)}.journey-detail-points p{display:flex;gap:12px;line-height:1.6;font-size:13px;color:#c1cad4}.journey-detail-points p span{color:var(--neon-red);font-family:'DM Mono',monospace}.journey-takeaway{background:rgba(255,36,72,.04)}.journey-takeaway .quote-mark{font-size:38px;color:var(--neon-red)}
.about-principles-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}.about-principle-card{padding:22px;border-radius:12px;min-width:0}.principle-icon{width:100px;height:100px;flex-basis:100px}.principle-icon svg{width:78px;height:78px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.about-principle-card.accent-red{color:var(--neon-red)}.about-principle-card.accent-cyan{color:var(--neon-cyan)}.about-principle-card.accent-purple{color:var(--neon-violet)}.about-principle-card.accent-amber{color:var(--neon-amber)}.about-principle-card h3,.about-principle-card p{color:#f4f6f8}
/* Projects: featured first, three-column cards, content-filled visuals and moving perimeter light */
.projects-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.featured-project{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr) minmax(150px,.55fr);gap:22px;padding:16px;border-radius:14px;margin-bottom:20px}.featured-project-visual{position:relative;min-height:280px;overflow:hidden;border-radius:9px;border:1px solid rgba(255,36,72,.55)}.featured-project-visual img{width:100%;height:100%;object-fit:cover}.featured-project-facts{display:grid;align-content:center;gap:12px}.featured-project-facts>div{display:flex;gap:10px;align-items:center;padding:12px;border:1px solid rgba(255,36,72,.28);border-radius:9px;background:rgba(255,36,72,.035)}.project-card{padding:0;border-radius:12px;min-width:0}.project-card-visual{position:relative;height:185px;min-height:185px;overflow:hidden;background:#080e16}.project-card-visual img{width:100%;height:100%;object-fit:cover}.project-card-body{padding:17px}.project-card:after{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;background:conic-gradient(from var(--neon-angle,0deg),transparent 0 28%,var(--neon-red) 34%,var(--neon-cyan) 42%,var(--neon-violet) 50%,transparent 60% 100%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;pointer-events:none;animation:project-neon-rotate 3.8s linear infinite}.project-card:hover:after,.project-card:focus-within:after{opacity:1}.project-card:hover{border-color:transparent}.project-card h3{display:flex;justify-content:space-between;gap:8px;align-items:center}.project-card h3 a{color:var(--neon-red)}.project-card-body p{font-size:13px;line-height:1.6;color:#b7c1cb}.visual-grab,.visual-rbmi{display:grid;place-content:center;text-align:center;background:radial-gradient(circle at 50% 45%,rgba(49,216,255,.22),transparent 34%),linear-gradient(135deg,#08101a,#160a18 60%,#05080d)}.grab-mark{font-size:58px;font-weight:800;letter-spacing:-.1em;color:#fff;text-shadow:0 0 25px rgba(49,216,255,.35)}.grab-mark span{display:block;font-size:12px;letter-spacing:.35em;color:var(--neon-red)}.rbmi-monogram{font-size:52px;font-weight:800;color:#fff;text-shadow:0 0 22px rgba(198,83,255,.5)}
/* Tools cards: premium, distinct, and large icon marks */
.tools-cinematic-hero .tools-hero-inner{position:relative;z-index:1}.tools-premium-card .tool-card-topline{color:#9ba9b6}.tools-premium-card h2,.tools-premium-card h3{color:#f7f8fa}.tools-premium-card p,.tools-premium-card li{color:#b6c1cc}.tool-launch{font-weight:700;transition:background .2s,box-shadow .2s,transform .2s}.tool-launch:hover{transform:translateY(-2px);box-shadow:0 0 20px color-mix(in srgb,var(--tool-accent) 22%,transparent)}
/* Workflow connector moves left-to-right across all four process cards */
.home-impact-section .impact-flow{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;position:relative;isolation:isolate}
.home-impact-section .impact-flow-line{position:absolute;z-index:2;display:block;left:5%;right:5%;top:35px;height:2px;width:auto;bottom:auto;overflow:hidden;background:linear-gradient(90deg,rgba(255,36,72,.2),rgba(49,216,255,.2),rgba(198,83,255,.2),rgba(255,173,66,.2))}
.home-impact-section .impact-flow-line span{position:absolute;left:-25%;top:0;width:25%;height:100%;background:linear-gradient(90deg,transparent,#ff2448,#fff,#31d8ff,#c653ff,#ffad42,transparent);box-shadow:0 0 15px rgba(255,36,72,.85);animation:impact-travel-horizontal 5s linear infinite}
.home-impact-section .impact-step{z-index:1;padding:23px 18px 20px;border-radius:12px;border-color:color-mix(in srgb,var(--step-accent) 62%,transparent);min-width:0}
.home-impact-section .impact-number{width:48px;height:48px;display:grid;place-items:center;background:#05090e;border:2px solid var(--step-accent);border-radius:50%;font-weight:800;box-shadow:0 0 16px color-mix(in srgb,var(--step-accent) 35%,transparent)}
.home-impact-section .impact-icon{width:100px;height:100px;flex-basis:100px;display:grid;place-items:center;font-size:34px;margin:18px 0 16px;color:var(--step-accent);border:1px solid var(--step-accent);border-radius:15px;transform:scale(.6);transform-origin:left center}
.home-impact-section .impact-step:hover .impact-icon,.home-impact-section .impact-step:focus-within .impact-icon{transform:scale(1)}
@keyframes impact-travel-vertical{0%{transform:translateY(-110%)}100%{transform:translateY(500%)}}
/* Responsive adjustments */
@media(max-width:1100px){.page-home .hero{grid-template-columns:minmax(0,1fr) minmax(280px,.7fr)}.page-home .stats{grid-template-columns:repeat(2,minmax(0,1fr))}.product-grid,.skill-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.about-principles-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.featured-project{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.featured-project-facts{grid-column:1/-1;grid-template-columns:repeat(3,minmax(0,1fr))}.journey-detail{grid-template-columns:1fr 1fr}.journey-takeaway{grid-column:1/-1;border-top:1px solid rgba(255,255,255,.1)}}
@media(max-width:760px){.nav{max-width:calc(100% - 20px);margin:8px auto 0;top:6px;gap:8px;padding:7px 10px}.navlinks{gap:12px}.navlinks a{font-size:12px}.global-search-trigger{width:36px;height:36px;flex-basis:36px}.page-home .hero{grid-template-columns:1fr;min-height:auto;background-position:62% center}.page-home .hero-copy{padding:100px 22px 26px;max-width:100%}.page-home .hero-visual{min-height:350px;height:390px}.page-home .network-nodes{transform:scale(.8);transform-origin:top center}.page-home .stats{grid-template-columns:repeat(2,minmax(0,1fr))}.page-services .page-hero{min-height:0;padding:125px 0 58px}.product-grid,.skill-grid,.tools-premium-grid,.projects-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.journey-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}.journey-detail{grid-template-columns:1fr}.journey-detail-points{border:0;border-top:1px solid rgba(255,255,255,.09);border-bottom:1px solid rgba(255,255,255,.09)}.journey-takeaway{grid-column:auto}.featured-project{grid-template-columns:1fr}.featured-project-visual{min-height:220px}.featured-project-facts{grid-column:auto;grid-template-columns:1fr}.home-impact-section .impact-flow{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.home-impact-section .impact-flow-line{left:7%;right:7%;top:28px}.home-impact-section .impact-icon{width:86px;height:86px;flex-basis:86px}}
@media(max-width:560px){.brand-logo{width:90px;max-height:34px}.navlinks{display:none}.navlinks.open{display:flex;position:absolute;left:0;right:0;top:calc(100% + 8px);flex-direction:column;align-items:stretch;padding:12px;border:1px solid rgba(255,36,72,.5);border-radius:12px;background:rgba(3,7,11,.98);box-shadow:0 18px 35px #000a}.navlinks.open a{padding:11px 12px}.nav .pill{font-size:11px;padding:9px 12px}.menu{display:block;padding:9px 10px;font-size:10px}.page-home .hero-visual{height:320px;min-height:320px}.page-home .network-node{padding:8px;max-width:128px}.page-home .network-node small{display:none}.page-home .display{font-size:clamp(39px,11vw,58px)}.page-home .stats{gap:8px}.product-grid,.skill-grid,.tools-premium-grid,.projects-card-grid,.about-principles-grid{grid-template-columns:1fr}.product,.skill-card,.tools-premium-card{padding:18px}.service-icon,.skill-icon,.process-icon,.tool-art,.principle-icon{width:92px;height:92px;flex-basis:92px}.service-icon svg{padding:8px}.tool-art svg{width:70px;height:70px}.journey-tabs{grid-template-columns:1fr}.about-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.home-impact-section .impact-flow{grid-template-columns:1fr;gap:12px}.home-impact-section .impact-flow-line{left:22px;right:auto;top:25px;bottom:25px;width:2px;height:auto}.home-impact-section .impact-flow-line span{left:0;top:-20%;width:100%;height:20%;background:linear-gradient(180deg,transparent,#ff2448,#fff,#31d8ff,#c653ff,#ffad42,transparent);animation:impact-travel-vertical 5s linear infinite}.home-impact-section .impact-step{margin-left:12px}.home-impact-section .impact-icon{width:82px;height:82px;flex-basis:82px}.contact-mock-grid{grid-template-columns:1fr}.contact-mock-fields{grid-template-columns:1fr}.contact-mock-bottom{grid-template-columns:1fr}.project-card-visual{height:200px}.tools-proof-row{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.project-card:after,.impact-flow-line span{animation:none!important}.impact-flow-line span{opacity:.45;transform:none!important}.card:hover,.product:hover,.project-card:hover,.tools-premium-card:hover,.about-principle-card:hover,.impact-step:hover,.journey-tab:hover{transform:none!important}.service-icon,.skill-icon,.process-icon,.tool-art,.principle-icon{transition:none!important}}
@media(max-width:900px){.navlinks{display:none}.navlinks.open{display:flex;position:absolute;left:0;right:0;top:calc(100% + 8px);flex-direction:column;align-items:stretch;gap:0;padding:10px;border:1px solid rgba(255,36,72,.5);border-radius:12px;background:rgba(3,7,11,.98);box-shadow:0 18px 35px #000a}.navlinks.open a{padding:11px 12px}.menu{display:block;padding:9px 10px;font-size:10px}.nav{gap:10px}.nav .pill{padding:9px 13px}}
.page-home .hero:after{display:none}
.page-home .hero-copy .eyebrow{color:var(--neon-red);font-weight:600}
.page-home .hero-visual{z-index:1}
.page-home .hero-copy{z-index:2}
.page-home .hero .network-nodes{z-index:3}
.page-home .hero .network-links{z-index:1}
@media(max-width:900px){.page-home .hero{grid-template-columns:minmax(0,1fr) minmax(250px,.7fr)}.page-home .hero-copy{padding-left:24px;padding-right:12px}.page-home .display{font-size:clamp(42px,6vw,68px)}}
@media(max-width:680px){.page-home .hero{grid-template-columns:1fr}.page-home .hero-visual{min-height:300px;height:320px}.page-home .hero-copy{padding:105px 20px 22px}.page-home .hero .network-nodes{inset:0 0 0 0}.page-home .hero .network-orbit{display:none}}


/* Final mockup alignment: page artwork, compact layouts and reliable card-only neon motion. */
:root{--neon-red:#ff2448;--neon-cyan:#31d8ff;--neon-violet:#c653ff;--neon-amber:#ffad42;--card-radius:12px}
html{scroll-padding-top:88px;overflow-x:clip}
body{overflow-x:clip}
.nav{width:auto;max-width:calc(100% - 48px);min-width:0}
.nav .brand{flex:0 0 auto;min-width:0}
.navlinks a{white-space:nowrap}
.global-search-trigger{display:grid;place-items:center;flex:0 0 42px;padding:0;color:var(--neon-red);border:1px solid color-mix(in srgb,var(--neon-red) 65%,transparent);background:rgba(4,8,13,.82);cursor:pointer;transition:background .2s,box-shadow .2s}
.global-search-trigger svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round}
.global-search-trigger:hover,.global-search-trigger:focus-visible{background:color-mix(in srgb,var(--neon-red) 15%,#05080d);box-shadow:0 0 18px color-mix(in srgb,var(--neon-red) 30%,transparent)}
.nav .pill{flex:0 0 auto;color:#fff;border-color:var(--neon-red);box-shadow:inset 0 0 12px color-mix(in srgb,var(--neon-red) 10%,transparent)}
.btn.primary{color:#fff;background:var(--neon-red);border-color:var(--neon-red);box-shadow:0 0 20px color-mix(in srgb,var(--neon-red) 24%,transparent)}
.btn.primary:hover,.btn.primary:focus-visible{background:color-mix(in srgb,var(--neon-red) 80%,#000);box-shadow:0 0 24px color-mix(in srgb,var(--neon-red) 34%,transparent)}
.accent-text,.page-home .accent-text{color:var(--neon-red)}
.product,.skill-card,.tools-premium-card,.about-principle-card,.impact-step,.project-card,.featured-project{isolation:isolate}
.product:after,.skill-card:after,.tools-premium-card:after,.about-principle-card:after,.impact-step:after,.featured-project:after{content:"";position:absolute;inset:0;padding:1px;border-radius:inherit;pointer-events:none;opacity:0;z-index:-1;background:conic-gradient(from var(--neon-angle,0deg),transparent 0 29%,var(--neon-red) 35%,var(--neon-cyan) 43%,var(--neon-violet) 51%,var(--neon-amber) 57%,transparent 65% 100%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:project-neon-rotate 4.2s linear infinite}
.product:hover:after,.product:focus-within:after,.skill-card:hover:after,.skill-card:focus-within:after,.tools-premium-card:hover:after,.tools-premium-card:focus-within:after,.about-principle-card:hover:after,.about-principle-card:focus-within:after,.impact-step:hover:after,.impact-step:focus-within:after,.featured-project:hover:after,.featured-project:focus-within:after{opacity:1}
.project-card:after{background:conic-gradient(from var(--neon-angle,0deg),transparent 0 26%,var(--neon-red) 33%,var(--neon-cyan) 41%,var(--neon-violet) 49%,var(--neon-amber) 56%,transparent 64% 100%)}
/* Keep the desktop's 3-up project layout, then progressively simplify it. */
@media(min-width:1001px){.projects-card-grid,.home-featured-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:1000px){.projects-card-grid,.home-featured-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.about-stats,.services-hero-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.project-card-visual{height:190px}}
@media(max-width:900px){.nav{max-width:calc(100% - 24px);padding:8px 12px;gap:9px}.navlinks{display:none}.navlinks.open{display:flex;left:0;right:0;top:calc(100% + 8px);flex-direction:column;align-items:stretch;gap:0;padding:10px;border:1px solid color-mix(in srgb,var(--neon-red) 58%,transparent);border-radius:12px;background:rgba(3,7,11,.98);box-shadow:0 18px 35px #000a}.navlinks.open a{padding:12px 10px;border-bottom:1px solid rgba(255,255,255,.07)}.menu{display:block;flex:0 0 auto;border:1px solid color-mix(in srgb,var(--neon-red) 55%,transparent);color:#fff;background:#090d13;border-radius:8px;cursor:pointer}.page-home .hero{grid-template-columns:minmax(0,1fr) minmax(250px,.8fr)}.page-home .hero-copy{padding-left:26px;padding-right:14px}.display{overflow-wrap:anywhere}.home-impact-section .impact-flow{grid-template-columns:repeat(2,minmax(0,1fr))}.about-hero-grid{grid-template-columns:minmax(0,1fr) minmax(220px,.8fr)}}
@media(max-width:760px){.page-home .hero{grid-template-columns:1fr}.page-home .hero-copy{padding:100px 22px 25px;max-width:100%}.page-home .hero-visual{height:330px;min-height:330px}.page-home .hero .network-orbit{display:none}.page-home .hero:before{background:linear-gradient(90deg,rgba(3,6,9,.9),rgba(3,6,9,.65)),linear-gradient(0deg,#030609 0%,transparent 50%)}.featured-project{grid-template-columns:1fr}.featured-project-visual{min-height:230px}.featured-project-facts{grid-template-columns:repeat(3,minmax(0,1fr));grid-column:auto}.contact-mock-grid{grid-template-columns:1fr}.contact-mock-hero{padding-top:60px}.contact-mock-form{margin-top:0}.tools-premium-grid,.projects-card-grid,.home-featured-grid,.product-grid,.skill-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.wrap{width:calc(100% - 32px)}.nav{max-width:calc(100% - 16px);margin:7px auto 0;top:4px;padding:7px 8px;gap:6px;min-height:56px}.brand-logo{width:clamp(72px,22vw,92px);max-height:32px}.global-search-trigger{width:34px;height:34px;flex-basis:34px}.nav .pill{font-size:10px;padding:8px 9px;white-space:nowrap}.menu{font-size:9px;padding:8px 7px}.page-home .display,.display{font-size:clamp(38px,10.5vw,54px);line-height:1.02}.h2{font-size:clamp(30px,8.3vw,42px)}.lead{font-size:14px;line-height:1.65}.hero-actions{flex-wrap:wrap;gap:10px}.hero-actions .btn{padding:12px 13px;font-size:12px}.page-home .hero-copy{padding-left:16px;padding-right:16px}.page-home .stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.page-home .stat{padding:10px}.about-hero-grid{grid-template-columns:1fr}.about-hero-orbit{min-height:290px}.about-stats,.services-hero-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.services-section-head,.tools-section-intro,.projects-hero-grid{grid-template-columns:1fr}.product-grid,.skill-grid,.tools-premium-grid,.projects-card-grid,.home-featured-grid,.about-principles-grid,.home-impact-section .impact-flow{grid-template-columns:1fr}.product,.skill-card,.tools-premium-card,.about-principle-card{padding:17px}.featured-project-facts{grid-template-columns:1fr}.journey-tabs{grid-template-columns:1fr}.journey-detail{grid-template-columns:1fr}.journey-detail-points{border-left:0;border-right:0}.contact-mock-fields{grid-template-columns:1fr}.contact-mock-bottom{grid-template-columns:1fr}.contact-mock-submit{width:100%}.home-project-image{height:200px}.project-card-visual{height:200px}.impact-flow-line{left:21px;right:auto;top:25px;bottom:25px;width:2px;height:auto}.home-impact-section .impact-flow-line{left:21px;right:auto;top:25px;bottom:25px;width:2px;height:auto}.home-impact-section .impact-flow-line span{left:0;top:-20%;width:100%;height:20%;background:linear-gradient(180deg,transparent,#ff2448,#fff,#31d8ff,#c653ff,#ffad42,transparent);animation:impact-travel-vertical 5s linear infinite}.home-impact-section .impact-step{margin-left:12px}.projects-search,.service-finder-controls{flex-wrap:wrap}.projects-search input,.service-finder-controls input{width:100%;min-width:0}.services-hero-stats span{min-width:0}.tools-proof-row{grid-template-columns:repeat(2,minmax(0,1fr))}.palette-switcher{right:8px;bottom:8px}}
@media(max-width:380px){.nav{gap:5px;padding:7px 6px}.brand-logo{width:68px}.nav .pill{font-size:9px;padding:7px 7px}.menu{font-size:8px;padding:7px 6px}.global-search-trigger{width:31px;height:31px;flex-basis:31px}.page-home .display,.display{font-size:37px}.navlinks.open{max-width:100%}.tools-proof-row{grid-template-columns:1fr}.services-hero-stats{gap:7px}.services-hero-stats span{padding:8px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.product:after,.skill-card:after,.tools-premium-card:after,.about-principle-card:after,.impact-step:after,.featured-project:after,.project-card:after,.impact-flow-line span{animation:none!important}.product:hover,.skill-card:hover,.tools-premium-card:hover,.about-principle-card:hover,.impact-step:hover,.featured-project:hover,.project-card:hover{transform:none!important}.service-icon,.skill-icon,.process-icon,.tool-art,.principle-icon{transition:none!important}}


/* Home project cards share the same animated neon frame without replacing their corner arrow. */
.home-project-card{isolation:isolate}
.home-project-card:before{content:"";position:absolute;inset:0;padding:1px;border-radius:inherit;pointer-events:none;z-index:4;opacity:0;background:conic-gradient(from var(--neon-angle,0deg),transparent 0 27%,var(--neon-red) 34%,var(--neon-cyan) 42%,var(--neon-violet) 50%,var(--neon-amber) 57%,transparent 65% 100%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:project-neon-rotate 4s linear infinite}
.home-project-card:hover:before,.home-project-card:focus-within:before{opacity:1}
.product:after,.skill-card:after,.tools-premium-card:after,.about-principle-card:after,.impact-step:after,.featured-project:after{z-index:4}
.home-services-section{padding:76px 0 84px;background:linear-gradient(180deg,#04070b,#070910 55%,#04070b)}
.home-services-heading{margin-bottom:28px}
.home-services-heading .h2{font-size:clamp(34px,4vw,56px);margin:12px 0}
.home-service-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}
.home-service-card{--home-accent:var(--neon-red);position:relative;display:flex;flex-direction:column;min-width:0;padding:18px;border:1px solid color-mix(in srgb,var(--home-accent) 55%,transparent);border-radius:10px;background:linear-gradient(150deg,rgba(12,17,25,.96),rgba(3,7,12,.98));box-shadow:inset 0 0 24px color-mix(in srgb,var(--home-accent) 5%,transparent);transition:transform .24s,box-shadow .24s,border-color .24s}
.home-service-card:before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:radial-gradient(ellipse at top left,color-mix(in srgb,var(--home-accent) 10%,transparent),transparent 65%)}
.home-service-card:hover,.home-service-card:focus-within{transform:translateY(-3px);box-shadow:0 12px 28px color-mix(in srgb,var(--home-accent) 12%,transparent),inset 0 0 22px color-mix(in srgb,var(--home-accent) 6%,transparent)}
.home-service-card.code-red{--home-accent:#ff2448}.home-service-card.database-cyan{--home-accent:#31d8ff}.home-service-card.ai-violet{--home-accent:#c653ff}.home-service-card.cloud-amber{--home-accent:#ffad42}.home-service-card.growth-green{--home-accent:#55f2b2}
.home-service-icon{display:grid;place-items:center;width:58px;height:58px;margin-bottom:15px;border:1px solid var(--home-accent);border-radius:12px;background:color-mix(in srgb,var(--home-accent) 8%,#05090f);color:var(--home-accent);font-size:29px;font-weight:800;line-height:1;box-shadow:0 0 16px color-mix(in srgb,var(--home-accent) 20%,transparent);transform:scale(.8);transform-origin:left center;transition:transform .25s,filter .25s}
.home-service-card:hover .home-service-icon,.home-service-card:focus-within .home-service-icon{transform:scale(1);filter:drop-shadow(0 0 9px var(--home-accent))}
.home-service-card .small{font-size:9px;color:var(--home-accent);letter-spacing:.1em}
.home-service-card h3{font-size:clamp(15px,1.15vw,18px);line-height:1.3;margin:10px 0}
.home-service-card p{font-size:12px;line-height:1.55;color:#b6c0cb;flex:1;margin:0 0 14px}
.home-service-card .text-link{color:var(--home-accent);font-size:11px}
.home-service-finder{margin-top:20px;padding:18px;border:1px solid rgba(255,255,255,.09);border-radius:10px;background:rgba(7,11,17,.75)}
.home-service-finder .eyebrow{margin-bottom:10px;color:#a6b4c2}
.home-service-finder .service-finder-form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;max-width:none;margin:0}
.home-service-finder input{width:100%;min-width:0;padding:13px 14px;border-radius:7px}
.home-service-finder .btn{white-space:nowrap;border-radius:7px}
.home-impact-section{background:linear-gradient(180deg,#070910,#030609)}
@media(max-width:1100px){.home-service-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.home-service-card h3{font-size:17px}}
@media(max-width:760px){.home-service-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.home-services-heading{display:block}.home-services-heading>.lead{margin-top:12px}}
@media(max-width:560px){.home-service-grid{grid-template-columns:1fr}.home-service-card{padding:17px}.home-service-icon{transform:scale(.9)}.home-service-finder .service-finder-form{grid-template-columns:1fr}.home-service-finder .btn{width:100%;justify-content:center}}
@media(max-width:380px){.home-service-card h3{font-size:17px}.home-service-card p{font-size:12px}}
@media(prefers-reduced-motion:reduce){.home-project-card:before{animation:none!important}.home-service-card,.home-service-icon{transition:none!important}.home-service-card:hover{transform:none}}
.home-closing-section{padding:66px 0 80px;background:radial-gradient(ellipse at 88% 40%,rgba(255,36,72,.11),transparent 40%),#030609;border-top:1px solid rgba(255,36,72,.18)}
.home-closing-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1fr);gap:44px;align-items:center}
.home-closing-section .h2{font-size:clamp(33px,4vw,54px)}.home-closing-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}
@media(max-width:760px){.home-closing-grid{grid-template-columns:1fr;gap:8px}}
@media(max-width:900px){.nav .pill{display:inline-flex;align-items:center;justify-content:center;margin-left:0;white-space:nowrap}}

/* Keep one moving outline per portfolio project card: ::before controls the per-card accent. */
.project-card:after{display:none}
.home-service-icon{transform:scale(.6)}
.home-service-card:hover .home-service-icon,.home-service-card:focus-within .home-service-icon,.home-service-card:active .home-service-icon{transform:scale(1)}
@media(max-width:560px){.home-service-icon{transform:scale(.6)}}
@media(prefers-reduced-motion:reduce){.project-card:before,.home-project-card:before{animation:none!important}}
/* Responsive tables remain scrollable rather than forcing narrow columns. */
main table{display:block;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}

/* Final audit: the dedicated hero illustration already supplies the full Home backdrop. */
.page-home .hero-visual{background:transparent!important}

/* Recovery patch: restore component styles for the latest targeted HTML edits.
   The original page-specific stylesheet above remains the primary design system. */

/* Home hero: keep network art layered behind the copy instead of adding document height. */
.page-home .hero {
  min-height: clamp(620px, calc(100svh - 220px), 760px);
  grid-template-columns: minmax(0, 1.05fr) minmax(330px, .95fr);
}
.page-home .hero-copy {
  padding-top: clamp(92px, 9vh, 116px);
  padding-bottom: 34px;
}
.page-home .hero-visual {
  height: auto;
  min-height: 0;
  align-self: stretch;
  position: relative;
  overflow: visible;
}
.page-home .network-orbit,
.page-home .network-nodes {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
}
.page-home .network-orbit { pointer-events: none; z-index: 0; }
.page-home .network-orbit svg,
.page-home .network-links {
  position: absolute;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
  overflow: visible;
}
.page-home .network-nodes { z-index: 2; transform: none; pointer-events: none; }
.page-home .network-nodes .network-node { pointer-events: auto; }
.page-home .network-links { pointer-events: none; opacity: .8; }
.page-home .network-link-dash { stroke-dasharray: 5 10; animation: network-dash-travel 16s linear infinite; }
.page-home .network-node {
  position: absolute;
  display: grid;
  align-content: center;
  gap: 5px;
  width: clamp(125px, 13vw, 176px);
  min-height: 90px;
  padding: 12px 14px;
  border: 1.5px solid rgba(255, 36, 72, .66) !important;
  border-radius: 10px;
  color: #f7f9fc;
  text-align: left;
  text-decoration: none;
  transition: transform .22s ease, border-color .22s ease, box-shadow .22s ease;
}
.page-home .network-node strong { font-size: 14px; line-height: 1.25; }
.page-home .network-node small { color: #aeb9c4; font-size: 10px; line-height: 1.4; }
.page-home .network-node .node-icon { display: inline-grid; place-items: center; width: 27px; height: 27px; border: 1px solid var(--neon-red); border-radius: 8px; color: var(--neon-red); font-size: 15px; }
.page-home .network-node .node-pulse { position: absolute; top: 10px; right: 11px; width: 7px; height: 7px; border-radius: 50%; background: var(--neon-red); box-shadow: 0 0 12px var(--neon-red); animation: network-node-pulse 2.4s ease-in-out infinite; }
.page-home .node-core { width: 142px; min-height: 142px; left: 38%; top: 42%; transform: translate(-50%, -50%); border-radius: 50%; text-align: center; justify-items: center; background: radial-gradient(circle, rgba(255,36,72,.19), rgba(4,8,13,.94) 72%) !important; }
.page-home .node-core strong { font-size: 36px; color: var(--neon-red); }
.page-home .node-core small { max-width: 100px; }
.page-home .node-web { right: 1%; top: 8%; }
.page-home .node-ai { left: 2%; top: 29%; }
.page-home .node-data { left: 14%; bottom: 4%; }
.page-home .node-cloud { right: 1%; bottom: 12%; }
.page-home .node-work { right: 14%; top: 48%; }
.page-home .network-label {
  position: absolute;
  z-index: 2;
  padding: 5px 8px;
  border: 1px solid rgba(255,36,72,.24);
  border-radius: 6px;
  background: rgba(4,8,13,.78);
  color: #b9c5d0;
  font: 9px 'DM Mono', monospace;
  letter-spacing: .08em;
  text-transform: uppercase;
  pointer-events: none;
}
.page-home .label-architecture { top: 10%; left: 15%; }
.page-home .label-automation { top: 22%; right: 12%; }
.page-home .label-projects { bottom: 22%; left: 7%; }
.page-home .label-data { bottom: 6%; right: 25%; }
@keyframes network-dash-travel { to { stroke-dashoffset: -160; } }
@keyframes network-node-pulse { 50% { opacity: .5; box-shadow: 0 0 4px var(--neon-red); } }

/* Home project cards: the grid gap must show the page background, not a shared grid fill. */
.grid.home-featured-grid { gap: 18px; background: transparent; }
.home-featured-grid .home-project-card {
  min-width: 0;
  border: 1.5px solid rgba(89, 105, 122, .58);
  border-radius: 12px;
  background: linear-gradient(150deg, rgba(15, 22, 31, .98), rgba(4, 8, 13, .99));
  box-shadow: 0 12px 30px rgba(0,0,0,.3), inset 0 1px 0 rgba(255,255,255,.035);
}
.home-featured-grid .home-project-card:hover,
.home-featured-grid .home-project-card:focus-within {
  border-color: rgba(255,36,72,.8);
  box-shadow: 0 16px 34px rgba(0,0,0,.42), 0 0 20px rgba(255,36,72,.13);
}
.home-featured-grid .project-visual-placeholder { min-height: 100%; }
.grab-glance-placeholder { background: radial-gradient(circle at 50% 40%, rgba(49,216,255,.18), transparent 44%), linear-gradient(140deg,#0b1721,#100a16 62%,#05080d); }
.grab-glance-placeholder span { margin-left: 5px; color: var(--neon-cyan); }

/* About: timeline affordance and separated testimonial cards. */
.journey-tab-cue { display: inline-flex; align-items: center; gap: 5px; color: var(--neon-red) !important; font-size: 10px !important; letter-spacing: .03em; }
.journey-tab:hover .journey-tab-cue,
.journey-tab:focus-visible .journey-tab-cue { text-decoration: underline; text-underline-offset: 3px; }
.testimonial-carousel { min-width: 0; margin-top: 28px; }
.grid.testimonial-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
  background: transparent;
  align-items: stretch;
}
.testimonial-slide[hidden] { display: none !important; }
.testimonial-grid .testimonial-slide {
  min-width: 0;
  height: 100%;
  padding: 22px;
  border: 1px solid rgba(108, 124, 141, .52);
  border-radius: 12px;
  background: linear-gradient(145deg, rgba(14,20,28,.98), rgba(5,9,14,.99));
  box-shadow: 0 10px 28px rgba(0,0,0,.24);
}
.testimonial-grid .testimonial-slide:hover { border-color: rgba(255,36,72,.6); box-shadow: 0 12px 30px rgba(0,0,0,.32), 0 0 16px rgba(255,36,72,.07); }
.testimonial-author { margin: 12px 0 0; color: #f4f6f8; font-size: 13px; }
.testimonial-controls { display: flex; justify-content: space-between; align-items: center; gap: 16px; margin-top: 20px; }
.testimonial-control-buttons { display: flex; align-items: center; gap: 10px; }
.testimonial-control { padding: 10px 13px; border: 1px solid rgba(255,36,72,.45); border-radius: 7px; background: rgba(8,12,18,.9); color: #f5f7fa; cursor: pointer; transition: border-color .2s, background .2s, opacity .2s; }
.testimonial-control:hover:not(:disabled), .testimonial-control:focus-visible { border-color: var(--neon-red); background: rgba(255,36,72,.1); outline: none; }
.testimonial-control:disabled { opacity: .4; cursor: not-allowed; }
.testimonial-page { color: #aeb8c2; font: 11px 'DM Mono', monospace; white-space: nowrap; }
.testimonial-status { margin: 0; }

/* Services: consistent separation and the aligned four-stage ladder workflow. */
.grid.service-customer-grid { grid-template-columns: repeat(3,minmax(0,1fr)); gap: 18px; background: transparent; margin-top: 24px; }
.service-customer-grid > .card { min-width: 0; border: 1px solid rgba(89,105,122,.52); border-radius: 12px; background: linear-gradient(145deg,rgba(15,22,31,.98),rgba(5,9,14,.99)); }
.service-workflow { --workflow-accent: var(--neon-red); position: relative; display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 17px; align-items: start; margin-top: 30px; }
.service-workflow::before { content: ''; position: absolute; z-index: 0; left: 8%; right: 8%; top: 40px; height: 1px; background: linear-gradient(90deg,rgba(198,83,255,.7),rgba(49,216,255,.7),rgba(255,172,61,.7),rgba(45,240,176,.7)); opacity: .62; }
.workflow-step { position: relative; z-index: 1; min-width: 0; min-height: 255px; padding: 18px; border: 1px solid rgba(94,111,128,.55); border-radius: 12px; background: linear-gradient(155deg,rgba(16,23,32,.98),rgba(4,8,13,.99)); box-shadow: 0 12px 26px rgba(0,0,0,.22); }
.workflow-step-plan, .workflow-step-improve { margin-top: 24px; }
.workflow-step-top { display: flex; justify-content: space-between; align-items: center; gap: 12px; min-height: 50px; margin-bottom: 22px; }
.workflow-step-number { color: #aab5c0; font: 11px 'DM Mono',monospace; letter-spacing: .1em; }
.workflow-step-icon { display: grid; place-items: center; flex: 0 0 48px; width: 48px; height: 48px; border: 1px solid currentColor; border-radius: 12px; background: rgba(8,12,18,.9); color: var(--neon-cyan); box-shadow: 0 0 15px rgba(49,216,255,.12); }
.workflow-step-icon svg { display: block; width: 29px; height: 29px; }
.workflow-step-idea .workflow-step-icon { color: #ffad42; }
.workflow-step-build .workflow-step-icon { color: #c653ff; }
.workflow-step-improve .workflow-step-icon { color: #2df0b0; }
.workflow-step h3 { margin: 0 0 11px; font-size: clamp(17px,1.45vw,21px); line-height: 1.3; }
.workflow-step p { margin: 0; color: #aab5c0; font-size: 12px; line-height: 1.7; }
.workflow-step-idea .workflow-bulb { animation: workflow-bulb-flicker 3.7s ease-in-out infinite; filter: drop-shadow(0 0 9px rgba(255,173,66,.34)); }
@keyframes workflow-bulb-flicker { 0%, 8%, 12%, 18%, 62%, 68%, 100% { opacity: 1; filter: drop-shadow(0 0 10px rgba(255,173,66,.48)); } 10%, 65% { opacity: .6; filter: drop-shadow(0 0 3px rgba(255,173,66,.12)); } }

/* Tools overview: the four proof blocks share one row on desktop. */
.tools-proof-row { grid-template-columns: repeat(4,minmax(0,1fr)); gap: 12px; }
.tools-proof { min-width: 0; }
.tools-proof .proof-icon { display: grid; place-items: center; flex: 0 0 30px; width: 30px; height: 30px; border: 1px solid rgba(49,216,255,.48); border-radius: 8px; }
.tools-live-dot { display: inline-block; width: 7px; height: 7px; margin-right: 8px; border-radius: 50%; background: var(--neon-red); box-shadow: 0 0 12px var(--neon-red); animation: network-node-pulse 2.4s ease-in-out infinite; }
.tool-card-index { color: var(--tool-accent,var(--neon-red)); font: 11px 'DM Mono',monospace; }
.tool-card-copy { min-width: 0; }
.tool-art { flex: 0 0 auto; }
.tool-art svg { display: block; max-width: 100%; fill: none; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; }
.tool-art-image { color: #31d8ff; }
.tool-art-search { color: #c653ff; }
.tool-art-funnel { color: #2df0b0; }

/* Projects: slightly heavier card edge and depth, retaining card-only neon motion. */
.projects-card-grid { gap: 18px; background: transparent; }
.project-card { border: 1.5px solid rgba(111,128,146,.65); background: linear-gradient(150deg,rgba(16,23,32,.99),rgba(4,8,13,.99)); box-shadow: 0 12px 28px rgba(0,0,0,.32), inset 0 1px 0 rgba(255,255,255,.035); }
.project-card:hover, .project-card:focus-within { border-color: rgba(255,36,72,.78); box-shadow: 0 17px 36px rgba(0,0,0,.42), 0 0 20px rgba(255,36,72,.14); }
.featured-screenshot { isolation: isolate; }
.projects-mountain.mountain-back { opacity: .32; }

/* Contact: card-like contact methods have visible space between each other. */
.contact-mock-copy .contact-mock-method { margin: 0 0 10px; padding: 12px; border: 1px solid rgba(91,108,125,.48); border-radius: 10px; background: rgba(8,13,19,.7); }
.contact-mock-copy .contact-mock-method:hover { border-color: rgba(255,36,72,.6); background: rgba(255,36,72,.035); }

/* Footer logo marks use native SVG icons already present in each link. */
.footer-social { gap: 16px; }
.footer-social a { display: inline-flex; align-items: center; gap: 7px; }
.footer-social-icon { display: inline-flex; flex: 0 0 17px; align-items: center; justify-content: center; width: 17px; height: 17px; }
.footer-social-icon svg { display: block; width: 17px; height: 17px; }

@media (max-width: 1000px) {
  .service-workflow { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .service-workflow::before { display: none; }
  .workflow-step-plan, .workflow-step-improve { margin-top: 0; }
  .grid.testimonial-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .grid.service-customer-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .tools-proof-row { grid-template-columns: repeat(2,minmax(0,1fr)); }
}
@media (max-width: 760px) {
  .page-home .hero { min-height: auto; grid-template-columns: 1fr; }
  .page-home .hero-copy { padding: 104px 22px 20px; }
  .page-home .hero-visual { height: 310px; min-height: 310px; }
  .page-home .network-orbit { display: none; }
  .page-home .network-nodes { inset: 0; transform: none; }
  .page-home .network-node { width: min(42vw,155px); min-height: 72px; padding: 9px 10px; }
  .page-home .node-core { width: 104px; min-height: 104px; left: 50%; top: 50%; }
  .page-home .node-core strong { font-size: 28px; }
  .page-home .node-web { right: 0; top: 2%; }
  .page-home .node-ai { left: 0; top: 5%; }
  .page-home .node-data { left: 0; bottom: 2%; }
  .page-home .node-cloud { right: 0; bottom: 2%; }
  .page-home .node-work { right: 50%; top: auto; bottom: 35%; transform: translateX(50%); }
  .page-home .network-label { display: none; }
  .grid.home-featured-grid { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 14px; }
  .service-workflow { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .grid.testimonial-grid { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 14px; }
  .grid.service-customer-grid { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 14px; }
  .tools-proof-row { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .contact-mock-copy .contact-mock-method { gap: 10px; }
}
@media (max-width: 560px) {
  .page-home .hero-copy { padding: 98px 16px 18px; }
  .page-home .hero-visual { height: 300px; min-height: 300px; }
  .grid.home-featured-grid, .grid.testimonial-grid, .grid.service-customer-grid, .service-workflow { grid-template-columns: 1fr; }
  .workflow-step-plan, .workflow-step-improve { margin-top: 0; }
  .workflow-step { min-height: 0; }
  .testimonial-controls { align-items: flex-start; flex-direction: column; }
  .testimonial-grid .testimonial-slide { padding: 18px; }
  .tools-proof-row { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .footer-social { gap: 10px 14px; }
  .footer-social a { gap: 6px; }
}
@media (max-width: 380px) {
  .tools-proof-row { grid-template-columns: 1fr; }
  .page-home .network-node { width: 126px; max-width: 126px; }
}
@media (prefers-reduced-motion: reduce) {
  .page-home .network-link-dash, .page-home .node-pulse, .tools-live-dot, .workflow-step-idea .workflow-bulb { animation: none !important; }
  .page-home .network-node, .project-card, .home-project-card { transition: none !important; }
}

/* Tool report presentation: retain the shared design while styling report components added by the analyzers. */
.seo-intro { max-width: 100%; }
.seo-results, .lead-results { min-width: 0; margin-top: 26px; }
.seo-report-head { display: flex; align-items: flex-end; justify-content: space-between; gap: 22px; margin-bottom: 20px; }
.seo-report-head .h2 { margin: 8px 0 10px; }
.seo-report-head > * { min-width: 0; }
.seo-score-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 12px; margin: 18px 0; }
.seo-score-grid > * { min-width: 0; padding: 17px; border: 1px solid rgba(85,105,125,.5); border-radius: 10px; background: linear-gradient(145deg,#101720,#070b10); }
.seo-counts { display: flex; flex-wrap: wrap; gap: 8px; margin: 14px 0 24px; }
.seo-counts > * { padding: 7px 10px; border: 1px solid rgba(85,105,125,.45); border-radius: 8px; background: rgba(10,15,22,.8); color: #bec8d2; font-size: 11px; }
.seo-findings-head { display: flex; justify-content: space-between; align-items: center; gap: 16px; margin: 26px 0 14px; }
.seo-findings-head h3 { margin: 0; }
.seo-findings-head label { display: flex; align-items: center; gap: 8px; color: #aeb9c4; font-size: 12px; }
.seo-findings-head select { max-width: 220px; min-width: 0; padding: 9px; border: 1px solid rgba(85,105,125,.6); border-radius: 7px; background: #080d13; color: #f5f7fa; }
.seo-findings { display: grid; gap: 12px; min-width: 0; }
.seo-findings > * { min-width: 0; padding: 16px; border: 1px solid rgba(85,105,125,.48); border-radius: 10px; background: linear-gradient(145deg,rgba(15,22,31,.98),rgba(5,9,14,.99)); overflow-wrap: anywhere; }
.seo-pages-details { margin: 14px 0; padding: 14px 16px; border: 1px solid rgba(85,105,125,.48); border-radius: 9px; background: rgba(8,13,19,.85); }
.seo-pages-details summary { cursor: pointer; color: #e9edf1; font-weight: 600; }
.seo-pages-details > :not(summary) { margin-top: 14px; }
.seo-pages-details table { display: block; width: 100%; max-width: 100%; overflow-x: auto; border-collapse: collapse; }
.seo-pages-details th, .seo-pages-details td { padding: 9px 11px; border-bottom: 1px solid rgba(255,255,255,.1); text-align: left; font-size: 12px; }
.lead-results .seo-report-head { align-items: flex-start; }
.lead-report-grid { display: grid; grid-template-columns: minmax(0,1.4fr) minmax(270px,.8fr); gap: 16px; margin: 20px 0; }
.lead-report-grid > *, .lead-sidebar { min-width: 0; }
.lead-sidebar { padding: 18px; border: 1px solid rgba(85,105,125,.5); border-radius: 11px; background: rgba(8,13,19,.7); }
.lead-sidebar h3 { margin-top: 0; }
.lead-metrics { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 12px; margin: 18px 0; }
.lead-metrics > * { min-width: 0; padding: 15px; border: 1px solid rgba(85,105,125,.5); border-radius: 10px; background: linear-gradient(145deg,#101720,#070b10); overflow-wrap: anywhere; }
.lead-context-tip { margin: 16px 0; }
.lead-scenario { padding: 14px; border: 1px solid rgba(45,240,176,.3); border-radius: 10px; background: rgba(45,240,176,.035); overflow-wrap: anywhere; }
.lead-next-steps { margin: 22px 0; padding: 20px; border: 1px solid rgba(85,105,125,.5); border-radius: 11px; background: rgba(8,13,19,.72); }
.lead-next-steps h3 { margin-top: 0; }
.lead-next-steps ol { padding-left: 22px; }
.lead-next-steps li { padding: 8px 0; line-height: 1.6; }
.lead-number-fields { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px; }
.lead-section-heading { margin: 28px 0 12px; }
.lead-tool-intro { border-color: rgba(255,36,72,.34); }
.lead-results[hidden], .seo-results[hidden] { display: none !important; }
@media (max-width: 900px) {
  .seo-score-grid, .lead-metrics { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .lead-report-grid { grid-template-columns: 1fr; }
  .lead-sidebar { padding: 15px; }
}
@media (max-width: 600px) {
  .seo-report-head, .seo-findings-head { align-items: flex-start; flex-direction: column; }
  .seo-report-head > .btn { width: 100%; justify-content: center; }
  .seo-score-grid, .lead-metrics, .lead-number-fields { grid-template-columns: 1fr; }
  .seo-findings > *, .lead-next-steps { padding: 14px; }
}

/* Header mark: the supplied logo is a square transparent canvas containing a wide mark. */
.nav .brand-logo {
  display: block;
  flex: 0 0 auto;
  width: 106px;
  height: 44px;
  max-height: none;
  object-fit: contain;
  object-position: center;
}
.about-testimonials .h2 {
  max-width: 100%;
  font-size: clamp(32px, 3.7vw, 54px);
  line-height: 1.08;
  text-wrap: balance;
}
@media (max-width: 1100px) {
  .nav .brand-logo { width: 92px; height: 40px; }
}
@media (max-width: 560px) {
  .nav .brand-logo { width: 78px; height: 36px; }
}

/* Targeted visual refinements — preserve existing page layouts and written content. */
:root {
  --visual-card-gap: clamp(14px, 1.35vw, 20px);
  --visual-card-border: rgba(112, 132, 153, .62);
  --visual-card-surface: linear-gradient(148deg, rgba(16, 23, 32, .99), rgba(4, 8, 13, .99));
}

/* Keep the work itself prominent: larger previews, clean crop, stronger separation. */
.grid.home-featured-grid,
.projects-card-grid,
.about-principles-grid,
.grid.service-customer-grid,
.tools-premium-grid,
.skill-grid {
  gap: var(--visual-card-gap);
  background: transparent;
}
.home-featured-grid .home-project-card,
.projects-card-grid .project-card {
  min-width: 0;
  overflow: hidden;
  border: 1.5px solid var(--visual-card-border);
  border-radius: 14px;
  background: var(--visual-card-surface);
  box-shadow: 0 12px 30px rgba(0, 0, 0, .34), inset 0 1px 0 rgba(255, 255, 255, .045);
  transition: transform .24s ease, border-color .24s ease, box-shadow .24s ease;
}
.home-featured-grid .home-project-card:hover,
.home-featured-grid .home-project-card:focus-within,
.projects-card-grid .project-card:hover,
.projects-card-grid .project-card:focus-within {
  transform: translateY(-4px);
  border-color: color-mix(in srgb, var(--neon-red) 74%, white 8%);
  box-shadow: 0 18px 38px rgba(0, 0, 0, .46), 0 0 18px color-mix(in srgb, var(--neon-red) 15%, transparent);
}
.home-project-image {
  height: clamp(210px, 19vw, 270px);
  margin-bottom: 17px;
  border: 1px solid rgba(133, 151, 170, .48);
  border-radius: 9px;
  background: #080d13;
}
.home-project-image img,
.project-card-visual img {
  object-fit: cover;
  object-position: top center;
  transition: transform .38s ease, filter .38s ease;
}
.home-project-card:hover .home-project-image img,
.home-project-card:focus-within .home-project-image img,
.project-card:hover .project-card-visual img,
.project-card:focus-within .project-card-visual img {
  transform: scale(1.035);
  filter: saturate(1.06) contrast(1.025);
}
.home-project-card h3 { font-size: clamp(18px, 1.35vw, 21px); line-height: 1.3; }
.home-project-card p { line-height: 1.72; }
.project-card-visual {
  height: clamp(220px, 20vw, 270px);
  min-height: 220px;
  border-bottom: 1px solid rgba(121, 140, 159, .42);
  background: #080d13;
}
.project-card-body { padding: clamp(17px, 1.45vw, 21px); }
.project-card-body h3 { font-size: clamp(18px, 1.35vw, 21px); line-height: 1.35; }
.project-card-body p { font-size: 13px; line-height: 1.72; }
.featured-project {
  gap: clamp(17px, 1.7vw, 25px);
  padding: clamp(15px, 1.55vw, 22px);
  border-width: 1.5px;
  box-shadow: 0 16px 36px rgba(0, 0, 0, .34), inset 0 1px 0 rgba(255,255,255,.035);
}
.featured-project-visual {
  min-height: clamp(300px, 26vw, 390px);
  border: 1px solid rgba(135, 151, 169, .55);
  background: #080d13;
}
.featured-project-visual img { object-fit: cover; object-position: top center; transition: transform .4s ease; }
.featured-project:hover .featured-project-visual img,
.featured-project:focus-within .featured-project-visual img { transform: scale(1.02); }

/* Shared spacing rules for groups that were looking joined or uneven. */
.home-featured-work .section-head,
.page-about .about-section-heading,
.page-services .services-section-head,
.page-projects .projects-filter-row {
  margin-bottom: 30px;
  gap: clamp(18px, 2.5vw, 34px);
}
.home-featured-work .section-head { align-items: end; }
.grid.service-customer-grid > .card,
.about-principles-grid > .about-principle-card,
.tools-premium-grid > .tools-premium-card,
.skill-grid > .skill-card {
  border-radius: 12px;
  box-shadow: 0 10px 25px rgba(0, 0, 0, .24);
}
.grid.service-customer-grid > .card { padding: clamp(18px, 1.7vw, 25px); }

/* About: clearer type hierarchy while retaining the existing hero and sections. */
.page-about .about-hero-grid { gap: clamp(28px, 4vw, 58px); }
.page-about .about-hero-copy .eyebrow { margin-bottom: 16px; }
.page-about .about-hero-copy .display {
  max-width: 760px;
  margin: 12px 0 22px;
  font-size: clamp(44px, 5.15vw, 74px);
  line-height: 1.015;
  letter-spacing: -.058em;
  text-wrap: balance;
}
.page-about .about-hero-copy .lead {
  max-width: 62ch;
  font-size: clamp(15px, 1.15vw, 17px);
  line-height: 1.78;
}
.page-about .about-stats { gap: 12px; margin-top: 28px; }
.page-about .about-stats > div {
  padding: 14px 15px;
  border-color: rgba(255, 36, 72, .36);
  background: linear-gradient(145deg, rgba(9, 14, 21, .92), rgba(4, 8, 13, .95));
}
.page-about .about-stats strong { font-size: clamp(20px, 2vw, 28px); line-height: 1.15; }
.page-about .about-stats span { margin-top: 5px; font-size: 10px; line-height: 1.55; }
.page-about .about-section-heading {
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(250px, .75fr);
  align-items: end;
}
.page-about .about-section-heading .h2 {
  max-width: 760px;
  margin: 10px 0 0;
  font-size: clamp(32px, 3.65vw, 52px);
  line-height: 1.06;
  letter-spacing: -.048em;
  font-weight: 500;
  text-wrap: balance;
}
.page-about .about-section-heading > p {
  max-width: 58ch;
  margin: 0;
  font-size: 14px;
  line-height: 1.8;
}
.page-about .journey-tabs { gap: 14px; margin: 28px 0 24px; }
.page-about .journey-tab { min-height: 148px; padding: 18px; border-radius: 12px; }
.page-about .journey-tab b { font-size: 14px; line-height: 1.35; }
.page-about .journey-tab > span:not(.journey-tab-cue) { font-size: 12px; }
.page-about .journey-detail { gap: 14px; align-items: stretch; }
.page-about .journey-detail-art,
.page-about .journey-detail-points,
.page-about .journey-takeaway {
  border: 1px solid rgba(255, 36, 72, .25);
  border-radius: 12px;
  background: linear-gradient(145deg, rgba(15, 21, 29, .97), rgba(5, 9, 14, .99));
}
.page-about .journey-detail-points { border-left: 1px solid rgba(255, 36, 72, .25); border-right: 1px solid rgba(255, 36, 72, .25); }
.page-about .about-principles-grid { gap: var(--visual-card-gap); }
.page-about .about-principle-card { padding: clamp(20px, 1.8vw, 25px); }
.page-about .about-principle-card h3 { margin: 10px 0 8px; line-height: 1.35; }
.page-about .about-principle-card p { font-size: 13px; line-height: 1.75; }
.page-about .collab-roles { gap: 12px; }
.page-about .collab-roles > div { padding: 17px; border-radius: 10px; }
.page-about .about-testimonials .h2 { max-width: 850px; margin: 12px 0 14px; }
.page-about .about-testimonials > .wrap > .lead { max-width: 62ch; }
.page-about .testimonial-carousel { margin-top: 30px; }
.page-about .testimonial-grid { gap: var(--visual-card-gap); }
.page-about .testimonial-grid .testimonial-slide { min-height: 100%; padding: clamp(18px, 1.65vw, 24px); }
.page-about .testimonial-grid .testimonial-slide h3 { font-size: clamp(17px, 1.35vw, 20px); line-height: 1.4; }
.page-about .testimonial-grid .testimonial-slide .quote { font-size: 13px; line-height: 1.78; }

@media (max-width: 1000px) {
  .home-project-image { height: 230px; }
  .project-card-visual { height: 235px; min-height: 235px; }
  .featured-project-visual { min-height: 280px; }
  .page-about .about-section-heading { grid-template-columns: 1fr; gap: 12px; }
  .page-about .about-section-heading > p { max-width: 70ch; }
  .page-about .journey-tab { min-height: 132px; }
}
@media (max-width: 680px) {
  .home-featured-work .section-head,
  .page-about .about-section-heading,
  .page-services .services-section-head,
  .page-projects .projects-filter-row { margin-bottom: 22px; }
  .home-project-image { height: 220px; }
  .project-card-visual { height: 215px; min-height: 215px; }
  .featured-project-visual { min-height: 230px; }
  .page-about .about-hero-copy .display { font-size: clamp(40px, 10vw, 58px); }
  .page-about .about-section-heading .h2 { font-size: clamp(30px, 8vw, 42px); }
  .page-about .journey-tab { min-height: 0; padding: 16px; }
  .page-about .journey-detail { gap: 12px; }
  .page-about .testimonial-grid .testimonial-slide { min-height: 0; padding: 18px; }
}
@media (prefers-reduced-motion: reduce) {
  .home-featured-grid .home-project-card,
  .projects-card-grid .project-card,
  .home-project-image img,
  .project-card-visual img,
  .featured-project-visual img { transition: none !important; }
  .home-featured-grid .home-project-card:hover,
  .home-featured-grid .home-project-card:focus-within,
  .projects-card-grid .project-card:hover,
  .projects-card-grid .project-card:focus-within { transform: none !important; }
}

/* Homepage-only neural signature visual. The five information spheres orbit in sync with the 3D globe. */
@property --hero-theme-color {
  syntax: "<color>";
  inherits: true;
  initial-value: #ff2448;
}
.page-home .hero-neural-visual {
  --hero-theme-color: var(--neon-red, var(--accent));
  isolation: isolate;
  overflow: visible;
  background: transparent !important;
}
.page-home .hero-neural-visual::before { content: none !important; display: none !important; }
.page-home .neural-signature-stage {
  position: relative;
  width: 100%;
  height: 100%;
  min-height: clamp(570px, 75vh, 740px);
  overflow: visible;
  color: #f7f7fb;
  transition: --hero-theme-color 3.6s ease;
}
.page-home .neural-signature-canvas {
  position: absolute;
  z-index: 0;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
  overflow: visible;
  pointer-events: none;
}
/* Fixed central control for the neural particle scatter / reconstruction interaction. */
.page-home .neural-core-toggle {
  position: absolute;
  z-index: 30;
  left: 50%;
  top: 49%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 118px;
  min-height: 38px;
  padding: 9px 14px;
  transform: translate(-50%, -50%);
  border: 1px solid color-mix(in srgb, var(--accent) 78%, white 8%);
  border-radius: 999px;
  color: #fff;
  background: rgba(7, 9, 18, .86);
  box-shadow: 0 0 18px color-mix(in srgb, var(--accent) 24%, transparent), inset 0 0 12px rgba(255,255,255,.045);
  backdrop-filter: blur(9px);
  -webkit-backdrop-filter: blur(9px);
  font: inherit;
  font-size: 10px;
  font-weight: 750;
  line-height: 1;
  letter-spacing: .095em;
  text-transform: uppercase;
  white-space: nowrap;
  cursor: pointer;
  transition: border-color 3.6s ease, box-shadow 3.6s ease, color 3.6s ease, background-color .2s ease;
}
.page-home .neural-core-toggle:hover,
.page-home .neural-core-toggle:focus-visible {
  transform: translate(-50%, -50%);
  border-color: var(--accent);
  box-shadow: 0 0 25px color-mix(in srgb, var(--accent) 38%, transparent), inset 0 0 14px rgba(255,255,255,.075);
  outline: 2px solid color-mix(in srgb, var(--accent) 60%, transparent);
  outline-offset: 4px;
}
.page-home .neural-core-toggle:active {
  background: rgba(16, 13, 29, .96);
}
.page-home .neural-signature-stage.is-scattered .neural-core-toggle {
  color: #fff;
}
@media (max-width: 760px) {
  .page-home .neural-core-toggle { min-width: 108px; min-height: 35px; padding: 8px 11px; font-size: 9px; }
}
@media (prefers-reduced-motion: reduce) {
  .page-home .neural-core-toggle { transition-duration: .01ms !important; }
}

.page-home .neural-orbit-node {
  position: absolute;
  z-index: 2;
  left: 50%;
  top: 49%;
  width: 0;
  height: 0;
  pointer-events: none;
  transform-origin: center;
  will-change: transform;
}
.page-home .neural-info-sphere {
  --sphere-size: clamp(83px, 7.7vw, 108px);
  position: absolute;
  left: 0;
  top: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 4px;
  width: var(--sphere-size);
  height: var(--sphere-size);
  padding: 9px 8px;
  overflow: hidden;
  border: 1px solid color-mix(in srgb, var(--hero-theme-color) 66%, transparent);
  border-radius: 50%;
  color: #f6f5fb;
  text-decoration: none;
  text-align: center;
  background:
    radial-gradient(circle at 27% 19%, rgba(255,255,255,.22), transparent 24%),
    radial-gradient(circle at 68% 78%, color-mix(in srgb, var(--hero-theme-color) 23%, transparent), transparent 52%),
    radial-gradient(circle at 42% 34%, rgba(29,31,45,.95), rgba(6,9,16,.96) 68%);
  background-color: rgba(6,9,16,.92);
  box-shadow:
    inset -7px -9px 20px rgba(0,0,0,.45),
    inset 2px 2px 12px color-mix(in srgb, var(--hero-theme-color) 15%, transparent),
    0 0 22px color-mix(in srgb, var(--hero-theme-color) 16%, transparent);
  backdrop-filter: blur(6px);
  transform: translate(-50%, -50%);
  transform-origin: center;
  pointer-events: auto;
  transition: transform .24s ease, border-color .24s ease, box-shadow .24s ease;
}
.page-home .neural-info-sphere:hover,
.page-home .neural-info-sphere:focus-visible {
  z-index: 4;
  outline: none;
  transform: translate(-50%, -50%) translateY(-3px) scale(1.045);
  border-color: var(--hero-theme-color);
  box-shadow:
    inset -7px -9px 20px rgba(0,0,0,.35),
    inset 2px 2px 15px color-mix(in srgb, var(--hero-theme-color) 26%, transparent),
    0 0 28px color-mix(in srgb, var(--hero-theme-color) 28%, transparent);
}
.page-home .sphere-symbol {
  display: grid;
  place-items: center;
  width: 21px;
  height: 21px;
  flex: 0 0 21px;
  border: 1px solid color-mix(in srgb, var(--hero-theme-color) 72%, transparent);
  border-radius: 50%;
  color: var(--hero-theme-color);
  font-size: 12px;
  line-height: 1;
}
.page-home .neural-info-sphere strong {
  font-size: clamp(10px, .86vw, 12px);
  line-height: 1.16;
  letter-spacing: -.025em;
  overflow-wrap: anywhere;
}
.page-home .neural-info-sphere small {
  color: #b8bdca;
  font-size: clamp(8px, .64vw, 9px);
  line-height: 1.25;
  overflow-wrap: anywhere;
}
@media (max-width: 1050px) {
  .page-home .neural-info-sphere { --sphere-size: clamp(76px, 9.1vw, 94px); padding: 7px 6px; gap: 3px; }
  .page-home .sphere-symbol { width: 19px; height: 19px; flex-basis: 19px; }
  .page-home .neural-info-sphere strong { font-size: 10.5px; }
  .page-home .neural-info-sphere small { font-size: 8.5px; }
}
@media (max-width: 760px) {
  .page-home .hero-neural-visual { width: 100%; }
  .page-home .neural-signature-stage { min-height: 440px; height: 440px; }
  .page-home .neural-info-sphere { --sphere-size: clamp(70px, 20.3vw, 87px); gap: 2px; padding: 6px; }
  .page-home .sphere-symbol { width: 17px; height: 17px; flex-basis: 17px; font-size: 10px; }
  .page-home .neural-info-sphere strong { font-size: 9px; line-height: 1.1; }
  .page-home .neural-info-sphere small { font-size: 7.3px; line-height: 1.15; }
}
@media (max-width: 420px) {
  .page-home .neural-signature-stage { min-height: 390px; height: 390px; }
  .page-home .neural-info-sphere { --sphere-size: 71px; padding: 5px; }
  .page-home .sphere-symbol { width: 16px; height: 16px; flex-basis: 16px; }
  .page-home .neural-info-sphere strong { font-size: 8.7px; }
  .page-home .neural-info-sphere small { font-size: 7px; }
}

@media (prefers-reduced-motion: reduce) {
  .page-home .neural-signature-stage,
  .page-home .neural-info-sphere,
  .page-home .sphere-symbol { transition-duration: .01ms !important; }
}

/* Mobile-only homepage composition: neural visual first, copy and CTAs below. */
@media (max-width: 700px) {
  .page-home .hero {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    min-height: auto;
    overflow: visible;
  }
  .page-home .hero-neural-visual {
    order: -1;
    width: 100%;
    height: 440px;
    min-height: 440px;
    position: relative;
    z-index: 1;
  }
  .page-home .hero-copy {
    order: 1;
    position: relative;
    z-index: 3;
    padding: 26px 22px 28px;
  }
}
@media (max-width: 420px) {
  .page-home .hero-neural-visual {
    height: 390px;
    min-height: 390px;
  }
  .page-home .hero-copy { padding: 24px 16px 24px; }
}
/* Keep full-hero scatter particles behind the headline while the sphere and
   its clickable orbit controls remain above the canvas. */
@media (max-width: 700px) {
  .page-home .hero-copy { z-index: 3; }
  .page-home .hero-neural-visual { z-index: 1; }
}


/* INNER PAGE NEURAL HEROES — shared visual system, page-specific copy and node palettes.
   The homepage styles and renderer remain untouched. */
.inner-neural-hero {
  --hero-theme-color: #4edfc2;
  position: relative;
  isolation: isolate;
  display: grid;
  grid-template-columns: minmax(0, 46%) minmax(0, 54%);
  align-items: center;
  min-height: 100svh;
  padding: 88px 0 34px !important;
  overflow: hidden;
  background: radial-gradient(ellipse at 76% 43%, rgba(63, 205, 232, .15), transparent 36%),
              radial-gradient(ellipse at 44% 94%, rgba(160, 94, 255, .10), transparent 38%),
              linear-gradient(180deg, #05080c 0%, #080b11 70%, #030609 100%);
}
.inner-neural-hero::before,
.inner-neural-hero::after { content: none !important; display: none !important; }
.inner-neural-hero .hero-copy {
  position: relative;
  z-index: 3;
  min-width: 0;
  max-width: none;
  padding: 42px 32px 42px max(32px, calc((100vw - var(--max)) / 2));
}
.inner-neural-hero .hero-copy .display {
  max-width: 760px;
  margin: 16px 0 22px;
  font-size: clamp(42px, 5.2vw, 76px);
  line-height: 1.015;
  font-weight: 650;
  letter-spacing: -.06em;
  text-wrap: balance;
}
.inner-neural-hero .hero-copy .display span { color: var(--hero-theme-color); }
.inner-neural-hero .hero-copy .lead { max-width: 62ch; font-size: clamp(14px, 1.1vw, 16px); line-height: 1.75; }
.inner-neural-hero .hero-copy .eyebrow { color: var(--hero-theme-color); }
.inner-neural-hero .hero-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 28px; }
.inner-neural-hero .hero-actions .btn { border-color: color-mix(in srgb, var(--hero-theme-color) 52%, transparent); }
.inner-neural-hero .hero-actions .btn.primary { color: #061014; background: var(--hero-theme-color); border-color: var(--hero-theme-color); }
.inner-neural-hero .hero-visual,
.inner-neural-hero .hero-neural-visual {
  position: relative;
  z-index: 1;
  width: 100%;
  height: min(760px, calc(100svh - 90px));
  min-height: 640px;
  overflow: visible;
  isolation: isolate;
  background: transparent !important;
}
.inner-neural-hero .hero-neural-visual::before { content: none !important; display: none !important; }
.inner-neural-hero .neural-signature-stage {
  position: relative;
  width: 100%;
  height: 100%;
  min-height: 640px;
  overflow: visible;
  color: #f7f7fb;
  transition: --hero-theme-color 3.6s ease;
}
.inner-neural-hero .neural-signature-canvas {
  position: absolute;
  z-index: 0;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
  overflow: visible;
  pointer-events: none;
}
.inner-neural-hero .neural-core-toggle {
  position: absolute;
  z-index: 30;
  left: 50%;
  top: 49%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 118px;
  min-height: 38px;
  padding: 9px 14px;
  transform: translate(-50%, -50%);
  border: 1px solid color-mix(in srgb, var(--hero-theme-color) 78%, white 8%);
  border-radius: 999px;
  color: #fff;
  background: rgba(7, 9, 18, .86);
  box-shadow: 0 0 18px color-mix(in srgb, var(--hero-theme-color) 24%, transparent), inset 0 0 12px rgba(255,255,255,.045);
  backdrop-filter: blur(9px);
  -webkit-backdrop-filter: blur(9px);
  font: inherit;
  font-size: 10px;
  font-weight: 750;
  line-height: 1;
  letter-spacing: .095em;
  text-transform: uppercase;
  white-space: nowrap;
  cursor: pointer;
  transition: border-color 3.6s ease, box-shadow 3.6s ease, color 3.6s ease, background-color .2s ease;
}
.inner-neural-hero .neural-core-toggle:hover,
.inner-neural-hero .neural-core-toggle:focus-visible {
  transform: translate(-50%, -50%);
  border-color: var(--hero-theme-color);
  box-shadow: 0 0 25px color-mix(in srgb, var(--hero-theme-color) 38%, transparent), inset 0 0 14px rgba(255,255,255,.075);
  outline: 2px solid color-mix(in srgb, var(--hero-theme-color) 60%, transparent);
  outline-offset: 4px;
}
.inner-neural-hero .neural-signature-stage.is-scattered .neural-core-toggle { color: #fff; }
.inner-neural-hero .neural-orbit-node {
  position: absolute;
  z-index: 2;
  left: 50%;
  top: 49%;
  width: 0;
  height: 0;
  pointer-events: none;
  transform-origin: center;
  will-change: transform;
}
.inner-neural-hero .neural-info-sphere {
  --sphere-size: clamp(83px, 7.7vw, 108px);
  position: absolute;
  left: 0;
  top: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 4px;
  width: var(--sphere-size);
  height: var(--sphere-size);
  padding: 9px 8px;
  overflow: hidden;
  border: 1px solid color-mix(in srgb, var(--hero-theme-color) 66%, transparent);
  border-radius: 50%;
  color: #f6f5fb;
  text-decoration: none;
  text-align: center;
  background: radial-gradient(circle at 27% 19%, rgba(255,255,255,.22), transparent 24%),
              radial-gradient(circle at 68% 78%, color-mix(in srgb, var(--hero-theme-color) 23%, transparent), transparent 52%),
              radial-gradient(circle at 42% 34%, rgba(29,31,45,.95), rgba(6,9,16,.96) 68%);
  background-color: rgba(6,9,16,.92);
  box-shadow: inset -7px -9px 20px rgba(0,0,0,.45),
              inset 2px 2px 12px color-mix(in srgb, var(--hero-theme-color) 15%, transparent),
              0 0 22px color-mix(in srgb, var(--hero-theme-color) 16%, transparent);
  backdrop-filter: blur(6px);
  transform: translate(-50%, -50%);
  transform-origin: center;
  pointer-events: auto;
  transition: transform .24s ease, border-color .24s ease, box-shadow .24s ease;
}
.inner-neural-hero .neural-info-sphere:hover,
.inner-neural-hero .neural-info-sphere:focus-visible {
  z-index: 4;
  outline: none;
  transform: translate(-50%, -50%) translateY(-3px) scale(1.045);
  border-color: var(--hero-theme-color);
  box-shadow: inset -7px -9px 20px rgba(0,0,0,.35), inset 2px 2px 15px color-mix(in srgb, var(--hero-theme-color) 26%, transparent), 0 0 28px color-mix(in srgb, var(--hero-theme-color) 28%, transparent);
}
.inner-neural-hero .sphere-symbol {
  display: grid;
  place-items: center;
  width: 21px;
  height: 21px;
  flex: 0 0 21px;
  border: 1px solid color-mix(in srgb, var(--hero-theme-color) 72%, transparent);
  border-radius: 50%;
  color: var(--hero-theme-color);
  font-size: 12px;
  line-height: 1;
}
.inner-neural-hero .neural-info-sphere strong { font-size: clamp(10px, .86vw, 12px); line-height: 1.16; letter-spacing: -.025em; overflow-wrap: anywhere; }
.inner-neural-hero .neural-info-sphere small { color: #c7cbd5; font-size: clamp(8px, .64vw, 9px); line-height: 1.25; overflow-wrap: anywhere; }
.page-about .inner-neural-hero { --hero-theme-color: #4edfc2; }
.page-services .inner-neural-hero { --hero-theme-color: #46d9ff; }
.page-projects .inner-neural-hero { --hero-theme-color: #ff9b58; }
.page-tools .inner-neural-hero { --hero-theme-color: #53e5f4; }
.page-contact .inner-neural-hero { --hero-theme-color: #ff83b3; }
.page-about .about-stats { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; margin-top: 28px; }
.page-about .about-stats > div { padding: 12px 13px; }
.page-about .about-stats strong { font-size: clamp(18px, 2vw, 25px); }
.page-about .about-stats span { font-size: 9px; }
.page-services .services-hero-copy .display span { color: var(--hero-theme-color); }
.page-services .services-hero-stats { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 9px; margin-top: 25px; }
.page-services .services-hero-stats span { min-width: 0; padding: 10px 12px; border: 1px solid rgba(70,217,255,.26); border-radius: 9px; background: rgba(5,10,17,.72); color: #bdc8d2; font-size: 10px; }
.page-services .services-hero-stats b { color: #fff; font-size: 17px; margin-right: 4px; }
.page-projects .projects-hero-copy .display span { color: var(--hero-theme-color); }
.page-projects .projects-stats { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 9px; margin-top: 24px; }
.page-projects .projects-stats > div { min-width: 0; grid-template-columns: 34px auto; padding: 9px 10px; border-color: rgba(255,155,88,.28); background: rgba(5,8,13,.72); }
.page-projects .projects-stat-icon { width: 32px; height: 32px; font-size: 16px; border-color: rgba(255,155,88,.45); color: var(--hero-theme-color); }
.page-projects .projects-stats strong { font-size: 17px; }
.page-projects .projects-stats small { font-size: 9px; }
.page-tools .tools-hero-copy .display span { color: var(--hero-theme-color); }
.page-tools .tools-proof-row { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; margin-top: 26px; max-width: 610px; }
.page-tools .tools-proof { display: flex; align-items: center; gap: 10px; min-width: 0; padding: 10px; border: 1px solid rgba(83,229,244,.22); border-radius: 9px; background: rgba(5,10,17,.68); }
.page-tools .tools-proof .proof-icon { flex: 0 0 30px; color: var(--hero-theme-color); border-color: rgba(83,229,244,.48); }
.page-tools .tools-proof strong,.page-tools .tools-proof small { display: block; }
.page-tools .tools-proof strong { font-size: 11px; color: #f4f7fa; }
.page-tools .tools-proof small { font-size: 9px; line-height: 1.4; color: #aebbc8; }
.page-contact .contact-hero-copy .display span { color: var(--hero-theme-color); }
.page-contact .contact-hero-copy .lead { max-width: 55ch; }
.page-contact .contact-followup-section { padding: clamp(60px, 7vw, 95px) 0; border-top: 1px solid rgba(255,255,255,.08); }
.page-contact .contact-details-copy { min-width: 0; }
.page-contact .contact-details-copy .h2 { margin: 12px 0 22px; font-size: clamp(30px, 3.4vw, 46px); }
.page-contact .contact-mock-grid { align-items: start; }
.page-contact .contact-followup-section .contact-mock-form { margin-top: 0; }
@media (max-width: 1100px) {
  .inner-neural-hero { grid-template-columns: minmax(0, 48%) minmax(0, 52%); }
  .inner-neural-hero .hero-copy { padding-right: 18px; }
  .inner-neural-hero .neural-info-sphere { --sphere-size: clamp(76px, 8.5vw, 96px); padding: 7px 6px; gap: 3px; }
  .inner-neural-hero .neural-info-sphere strong { font-size: 10px; }
  .inner-neural-hero .neural-info-sphere small { font-size: 8px; }
}
@media (max-width: 850px) and (min-width: 701px) {
  .inner-neural-hero { grid-template-columns: minmax(0, 1fr) minmax(320px, .9fr); }
  .inner-neural-hero .hero-copy { padding-left: 28px; }
  .inner-neural-hero .hero-copy .display { font-size: clamp(36px, 5vw, 52px); }
  .inner-neural-hero .hero-copy .lead { font-size: 13px; }
  .inner-neural-hero .hero-visual { min-height: 590px; }
  .inner-neural-hero .neural-signature-stage { min-height: 590px; }
}
@media (max-width: 700px) {
  .inner-neural-hero { display: flex; flex-direction: column; align-items: stretch; min-height: 0; padding: 68px 0 0 !important; }
  .inner-neural-hero .hero-neural-visual { order: -1; width: 100%; height: 440px; min-height: 440px; }
  .inner-neural-hero .neural-signature-stage { width: 100%; height: 440px; min-height: 440px; }
  .inner-neural-hero .hero-copy { order: 1; width: 100%; max-width: none; padding: 24px 22px 34px; }
  .inner-neural-hero .hero-copy .display { font-size: clamp(38px, 10.5vw, 54px); }
  .inner-neural-hero .neural-info-sphere { --sphere-size: clamp(70px, 20.3vw, 87px); gap: 2px; padding: 6px; }
  .inner-neural-hero .sphere-symbol { width: 17px; height: 17px; flex-basis: 17px; font-size: 10px; }
  .inner-neural-hero .neural-info-sphere strong { font-size: 9px; line-height: 1.1; }
  .inner-neural-hero .neural-info-sphere small { font-size: 7.3px; line-height: 1.15; }
  .page-tools .tools-proof-row { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .page-contact .contact-mock-grid { grid-template-columns: 1fr; }
  .page-contact .contact-followup-section .contact-mock-form { margin-top: 8px; }
}
@media (max-width: 420px) {
  .inner-neural-hero .hero-neural-visual,
  .inner-neural-hero .neural-signature-stage { height: 390px; min-height: 390px; }
  .inner-neural-hero .neural-info-sphere { --sphere-size: 71px; padding: 5px; }
  .inner-neural-hero .sphere-symbol { width: 16px; height: 16px; flex-basis: 16px; }
  .inner-neural-hero .neural-info-sphere strong { font-size: 8.7px; }
  .inner-neural-hero .neural-info-sphere small { font-size: 7px; }
  .inner-neural-hero .hero-copy { padding: 22px 16px 30px; }
  .page-tools .tools-proof-row { grid-template-columns: 1fr; }
}
@media (prefers-reduced-motion: reduce) {
  .inner-neural-hero .neural-signature-stage,
  .inner-neural-hero .neural-info-sphere,
  .inner-neural-hero .sphere-symbol,
  .inner-neural-hero .neural-core-toggle { transition-duration: .01ms !important; }
}

/* Footer social links — brand-coloured labels to match their existing icons. */
.footer-social a[aria-label="LinkedIn"] { color: #70b5f9; }
.footer-social a[aria-label="WhatsApp"] { color: #25d366; }
.footer-social a[aria-label="Instagram"] { color: #d62976; }
.footer-social a[aria-label="Instagram"] > span:not(.footer-social-icon) {
  background: linear-gradient(105deg, #feda75 0%, #fa7e1e 24%, #d62976 52%, #962fbf 76%, #4f5bd5 100%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}
.footer-social a[aria-label="LinkedIn"]:hover,
.footer-social a[aria-label="WhatsApp"]:hover { filter: brightness(1.14); }
.footer-social a[aria-label="Instagram"]:hover > span:not(.footer-social-icon) { filter: brightness(1.12); }

/* Project cards — stronger accent outline, inset screenshot spacing and layered hover depth. */
.home-featured-grid .home-project-card,
.projects-card-grid .project-card {
  --card-neon: var(--neon-red);
  border: 3px solid var(--neon-red);
  border-color: var(--neon-red);
  transition: transform .28s cubic-bezier(.2,.75,.25,1),
              border-color .28s ease,
              box-shadow .28s ease;
}

/* Keep the animated edge treatment in the active site accent, not per-card colours. */
.home-featured-grid .home-project-card::before,
.projects-card-grid .project-card::before {
  background: var(--neon-red);
  animation: none;
}

.home-featured-grid .home-project-card:hover,
.home-featured-grid .home-project-card:focus-within,
.projects-card-grid .project-card:hover,
.projects-card-grid .project-card:focus-within {
  transform: translateY(-4px) scale(1.006);
  border-color: var(--neon-red);
  box-shadow: 0 18px 38px rgba(0, 0, 0, .44),
              0 0 20px color-mix(in srgb, var(--neon-red) 20%, transparent),
              inset 0 1px 0 rgba(255, 255, 255, .08);
}

/* A small inset gap separates each preview from the thicker outer card outline. */
.projects-card-grid .project-card-visual {
  margin: 6px 6px 0;
  border: 1px solid color-mix(in srgb, var(--neon-red) 42%, transparent);
  border-radius: 10px;
  transition: transform .32s cubic-bezier(.2,.75,.25,1),
              box-shadow .32s ease,
              border-color .32s ease;
  transform-origin: center center;
}

.home-featured-grid .home-project-image {
  border-color: color-mix(in srgb, var(--neon-red) 48%, transparent);
  border-radius: 10px;
  transition: transform .32s cubic-bezier(.2,.75,.25,1),
              box-shadow .32s ease,
              border-color .32s ease;
  transform-origin: center center;
}

.home-featured-grid .home-project-card:hover .home-project-image,
.home-featured-grid .home-project-card:focus-within .home-project-image,
.projects-card-grid .project-card:hover .project-card-visual,
.projects-card-grid .project-card:focus-within .project-card-visual {
  position: relative;
  z-index: 2;
  transform: translateY(-5px) scale(1.02);
  border-color: color-mix(in srgb, var(--neon-red) 82%, white 8%);
  box-shadow: 0 13px 24px rgba(0, 0, 0, .42),
              0 0 16px color-mix(in srgb, var(--neon-red) 18%, transparent);
}

.home-featured-grid .home-project-card:hover .home-project-image img,
.home-featured-grid .home-project-card:focus-within .home-project-image img,
.projects-card-grid .project-card:hover .project-card-visual img,
.projects-card-grid .project-card:focus-within .project-card-visual img {
  transform: scale(1.04);
  filter: saturate(1.08) contrast(1.035);
}

@media (prefers-reduced-motion: reduce) {
  .home-featured-grid .home-project-card,
  .projects-card-grid .project-card,
  .home-featured-grid .home-project-image,
  .projects-card-grid .project-card-visual,
  .home-featured-grid .home-project-image img,
  .projects-card-grid .project-card-visual img {
    transition: none !important;
  }
  .home-featured-grid .home-project-card:hover,
  .home-featured-grid .home-project-card:focus-within,
  .projects-card-grid .project-card:hover,
  .projects-card-grid .project-card:focus-within,
  .home-featured-grid .home-project-card:hover .home-project-image,
  .home-featured-grid .home-project-card:focus-within .home-project-image,
  .projects-card-grid .project-card:hover .project-card-visual,
  .projects-card-grid .project-card:focus-within .project-card-visual {
    transform: none !important;
  }
}

/* Project cards: distinct card lift and image lift, with the image free to rise above its frame. */
.home-featured-grid,
.projects-card-grid {
  perspective: 1100px;
}

.home-featured-grid .home-project-card,
.projects-card-grid .project-card {
  overflow: visible;
  transform-style: preserve-3d;
  position: relative;
  z-index: 0;
  transition: transform .36s cubic-bezier(.2,.75,.25,1),
              border-color .3s ease,
              box-shadow .36s ease;
}

.home-featured-grid .home-project-card:hover,
.home-featured-grid .home-project-card:focus-within,
.projects-card-grid .project-card:hover,
.projects-card-grid .project-card:focus-within {
  z-index: 5;
  transform: translateY(-5px) translateZ(0);
  box-shadow: 0 22px 42px rgba(0,0,0,.5),
              0 0 20px color-mix(in srgb, var(--neon-red) 17%, transparent),
              inset 0 1px 0 rgba(255,255,255,.07);
}

.home-featured-grid .home-project-image,
.projects-card-grid .project-card-visual {
  position: relative;
  z-index: 1;
  transform: translateY(0) translateZ(0);
  transform-style: preserve-3d;
  transition: transform .4s cubic-bezier(.18,.78,.22,1),
              box-shadow .36s ease,
              border-color .3s ease;
  will-change: transform;
}

.home-featured-grid .home-project-card:hover .home-project-image,
.home-featured-grid .home-project-card:focus-within .home-project-image,
.projects-card-grid .project-card:hover .project-card-visual,
.projects-card-grid .project-card:focus-within .project-card-visual {
  z-index: 6;
  transform: translateY(-13px) translateZ(24px);
  box-shadow: 0 17px 28px rgba(0,0,0,.48),
              0 0 17px color-mix(in srgb, var(--neon-red) 20%, transparent),
              inset 0 1px 0 rgba(255,255,255,.16);
  border-color: color-mix(in srgb, var(--neon-red) 70%, white 12%);
}

.home-featured-grid .home-project-card .home-project-image img,
.projects-card-grid .project-card .project-card-visual img {
  transform: scale(1);
  transition: transform .42s cubic-bezier(.18,.78,.22,1),
              filter .42s ease;
}

.home-featured-grid .home-project-card:hover .home-project-image img,
.home-featured-grid .home-project-card:focus-within .home-project-image img,
.projects-card-grid .project-card:hover .project-card-visual img,
.projects-card-grid .project-card:focus-within .project-card-visual img {
  transform: scale(1.018);
  filter: saturate(1.06) contrast(1.025);
}

@media (prefers-reduced-motion: reduce) {
  .home-featured-grid .home-project-card,
  .projects-card-grid .project-card,
  .home-featured-grid .home-project-image,
  .projects-card-grid .project-card-visual,
  .home-featured-grid .home-project-image img,
  .projects-card-grid .project-card-visual img {
    transition: none !important;
  }
  .home-featured-grid .home-project-card:hover,
  .home-featured-grid .home-project-card:focus-within,
  .projects-card-grid .project-card:hover,
  .projects-card-grid .project-card:focus-within,
  .home-featured-grid .home-project-card:hover .home-project-image,
  .home-featured-grid .home-project-card:focus-within .home-project-image,
  .projects-card-grid .project-card:hover .project-card-visual,
  .projects-card-grid .project-card:focus-within .project-card-visual {
    transform: none !important;
  }
}

/* Hover refinement: restrained molten-fire gradient outline for both project-card groups. */
@property --yb-fire-angle {
  syntax: '<angle>';
  initial-value: 0deg;
  inherits: false;
}
@keyframes yb-fire-border-rotate {
  to { --yb-fire-angle: 360deg; }
}
@keyframes yb-fire-border-flicker {
  0%, 100% { opacity: .94; }
  38% { opacity: 1; }
  68% { opacity: .88; }
}
.home-featured-grid .home-project-card,
.projects-card-grid .project-card {
  isolation: isolate;
}
.home-featured-grid .home-project-card::before,
.projects-card-grid .project-card::before {
  content: '';
  position: absolute;
  inset: 0;
  z-index: 8;
  padding: 3px;
  border-radius: inherit;
  pointer-events: none;
  opacity: 0;
  /* The complete perimeter is fiery; the whole gradient rotates clockwise. */
  background: conic-gradient(
    from var(--yb-fire-angle),
    #8b1b09 0deg,
    #dc320d 28deg,
    #ff6414 58deg,
    #ffb332 88deg,
    #fff0a8 108deg,
    #ff8a20 139deg,
    #c52b0b 174deg,
    #f04a10 207deg,
    #ff9f28 238deg,
    #ffe08a 260deg,
    #f05a12 291deg,
    #b9220b 324deg,
    #8b1b09 360deg
  );
  -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
  mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  mask-composite: exclude;
  filter: drop-shadow(0 0 5px rgba(255, 119, 25, .48)) drop-shadow(0 0 10px rgba(212, 48, 9, .2));
  transition: opacity .3s ease;
}
.home-featured-grid .home-project-card:hover,
.home-featured-grid .home-project-card:focus-within,
.projects-card-grid .project-card:hover,
.projects-card-grid .project-card:focus-within {
  /* Keep the active theme outline visible beneath the moving molten perimeter. */
  border-color: var(--neon-red);
  box-shadow: 0 24px 48px rgba(0,0,0,.54),
              0 0 22px rgba(255,137,36,.16),
              inset 0 1px 0 rgba(255,255,255,.07);
}
.home-featured-grid .home-project-card:hover::before,
.home-featured-grid .home-project-card:focus-within::before,
.projects-card-grid .project-card:hover::before,
.projects-card-grid .project-card:focus-within::before {
  opacity: 1;
  animation: yb-fire-border-rotate 4.6s linear infinite, yb-fire-border-flicker 1.35s ease-in-out infinite;
}
/* Stronger independent image elevation: the card lifts, then its preview rises farther. */
.home-featured-grid .home-project-card:hover,
.home-featured-grid .home-project-card:focus-within,
.projects-card-grid .project-card:hover,
.projects-card-grid .project-card:focus-within {
  transform: translateY(-7px) translateZ(0);
}
.home-featured-grid .home-project-card:hover .home-project-image,
.home-featured-grid .home-project-card:focus-within .home-project-image,
.projects-card-grid .project-card:hover .project-card-visual,
.projects-card-grid .project-card:focus-within .project-card-visual {
  z-index: 7;
  transform: translateY(-23px) translateZ(48px) scale(1.035);
  box-shadow: 0 22px 36px rgba(0,0,0,.56),
              0 0 22px color-mix(in srgb, var(--neon-red) 24%, transparent),
              inset 0 1px 0 rgba(255,255,255,.2);
}
.home-featured-grid .home-project-card:hover .home-project-image img,
.home-featured-grid .home-project-card:focus-within .home-project-image img,
.projects-card-grid .project-card:hover .project-card-visual img,
.projects-card-grid .project-card:focus-within .project-card-visual img {
  transform: scale(1.055);
  filter: saturate(1.12) contrast(1.045);
}
@media (prefers-reduced-motion: reduce) {
  .home-featured-grid .home-project-card::before,
  .projects-card-grid .project-card::before {
    animation: none !important;
    transition: none !important;
  }
  .home-featured-grid .home-project-card:hover .home-project-image,
  .home-featured-grid .home-project-card:focus-within .home-project-image,
  .projects-card-grid .project-card:hover .project-card-visual,
  .projects-card-grid .project-card:focus-within .project-card-visual {
    transform: none !important;
  }
}

/* About page refinements: left-side journey selectors and one-step testimonial carousel. */
.page-about .journey-layout {
  display: grid;
  grid-template-columns: minmax(235px, .78fr) minmax(0, 1.72fr);
  gap: 18px;
  align-items: stretch;
  margin-top: 0;
}
.page-about .journey-tabs {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  align-content: start;
  gap: 10px;
  margin: 0;
}
.page-about .journey-tab {
  display: grid;
  grid-template-columns: 9px minmax(0, 1fr) auto;
  grid-template-rows: auto auto;
  align-items: center;
  gap: 3px 12px;
  min-height: 88px;
  padding: 15px 16px;
}
.page-about .journey-tab i {
  grid-column: 1;
  grid-row: 1 / 3;
  align-self: center;
}
.page-about .journey-tab b {
  grid-column: 2;
  grid-row: 1;
}
.page-about .journey-tab > span:not(.journey-tab-cue) {
  grid-column: 2;
  grid-row: 2;
}
.page-about .journey-tab .journey-tab-cue {
  grid-column: 3;
  grid-row: 1 / 3;
  white-space: nowrap;
}
.page-about .journey-detail {
  grid-template-columns: minmax(0, 1.1fr) minmax(0, .9fr);
  gap: 14px;
  align-items: stretch;
  margin: 0;
}
.page-about .journey-detail-art,
.page-about .journey-detail-points {
  min-width: 0;
  border: 1px solid rgba(255, 36, 72, .25);
  border-radius: 12px;
  background: linear-gradient(145deg, rgba(15, 21, 29, .97), rgba(5, 9, 14, .99));
}
.page-about .journey-detail-points {
  border-left: 1px solid rgba(255, 36, 72, .25);
  border-right: 1px solid rgba(255, 36, 72, .25);
}
.page-about .testimonial-viewport {
  width: 100%;
  min-width: 0;
  position: relative;
}
.page-about .testimonial-carousel.is-carousel-ready .testimonial-viewport {
  overflow: hidden;
}
@media (max-width: 1100px) {
  .page-about .journey-layout {
    grid-template-columns: minmax(205px, .78fr) minmax(0, 1.45fr);
  }
  .page-about .journey-tab {
    min-height: 82px;
  }
  .page-about .journey-detail {
    grid-template-columns: minmax(0, 1fr);
  }
}
@media (max-width: 1000px) {
  .page-about .testimonial-track {
    gap: 14px;
  }
}
@media (max-width: 680px) {
  .page-about .journey-layout {
    grid-template-columns: minmax(0, 1fr);
  }
  .page-about .journey-tabs {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .page-about .journey-tab {
    grid-template-columns: 9px minmax(0, 1fr);
    min-height: 82px;
    padding: 13px;
  }
  .page-about .journey-tab .journey-tab-cue {
    display: none;
  }
  .page-about .journey-detail {
    grid-template-columns: minmax(0, 1fr);
  }
  .page-about .testimonial-track {
    gap: 12px;
  }
}
@media (prefers-reduced-motion: reduce) {
  .page-about .testimonial-track {
    transition: none !important;
    will-change: auto;
  }
}


/* Shared About/Home testimonial carousel. Before JS initializes, the cards
   remain a normal grid; this prevents a clipped horizontal strip if JS fails. */
.testimonial-viewport {
  width: 100%;
  min-width: 0;
  position: relative;
}
.testimonial-carousel.is-carousel-ready .testimonial-viewport {
  overflow: hidden;
}
.testimonial-carousel.is-carousel-ready .grid.testimonial-grid.testimonial-track {
  display: flex;
  flex-wrap: nowrap;
  align-items: stretch;
  gap: var(--testimonial-gap, var(--visual-card-gap, 18px));
  width: max-content;
  max-width: none;
  background: transparent;
  transition: transform 680ms cubic-bezier(.22, .68, 0, 1);
  will-change: transform;
}
.testimonial-carousel.is-carousel-ready .testimonial-track .testimonial-slide {
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  min-width: 0;
  height: auto;
  box-sizing: border-box;
}
.testimonial-carousel.is-carousel-ready .testimonial-slide[data-testimonial-clone="true"] {
  pointer-events: none;
  user-select: none;
}
.home-testimonials {
  position: relative;
  border-top: 1px solid rgba(255, 36, 72, .32);
  border-bottom: 1px solid rgba(255, 36, 72, .24);
  background: radial-gradient(ellipse at 50% 100%, rgba(255, 36, 72, .045), transparent 62%), #080b0f;
}
.page-home .home-testimonials {
  clear: both;
  isolation: isolate;
}
.page-home .home-testimonials .wrap {
  min-width: 0;
}
.page-home .home-testimonials .testimonial-viewport {
  min-height: 1px;
}
.home-testimonials .h2 {
  max-width: 850px;
  margin: 12px 0 14px;
  font-size: clamp(32px, 3.7vw, 54px);
  line-height: 1.08;
  text-wrap: balance;
}
.home-testimonials > .wrap > .lead { max-width: 62ch; }
.home-testimonials .testimonial-carousel { margin-top: 30px; }
.home-testimonials .testimonial-track { gap: var(--visual-card-gap, 18px); }
.home-testimonials .testimonial-track .testimonial-slide {
  min-height: 100%;
  padding: clamp(18px, 1.65vw, 24px);
}
.home-testimonials .testimonial-track .testimonial-slide h3 {
  font-size: clamp(17px, 1.35vw, 20px);
  line-height: 1.4;
}
.home-testimonials .testimonial-track .testimonial-slide .quote {
  font-size: 13px;
  line-height: 1.78;
}
@media (max-width: 1000px) {
  .testimonial-carousel { --testimonial-gap: 14px; }
}
@media (max-width: 680px) {
  .testimonial-carousel { --testimonial-gap: 12px; }
  .home-testimonials .testimonial-track .testimonial-slide { min-height: 0; padding: 18px; }
}
@media (prefers-reduced-motion: reduce) {
  .testimonial-carousel.is-carousel-ready .testimonial-track { transition: none !important; will-change: auto; }
}

/* Stable shared testimonial carousel layout for Home and About.
   The normal grid remains visible until JS measures the viewport and initializes. */
.testimonial-carousel .testimonial-viewport {
  display: block;
  width: 100%;
  min-width: 0;
  overflow: hidden;
  position: relative;
}
.testimonial-carousel.is-carousel-ready .testimonial-track {
  display: flex !important;
  flex-direction: row;
  flex-wrap: nowrap !important;
  align-items: stretch;
  justify-content: flex-start;
  grid-template-columns: none !important;
  width: max-content;
  max-width: none !important;
  background: transparent !important;
  transform: translate3d(0, 0, 0);
  transition: transform 680ms cubic-bezier(.22, .68, 0, 1);
  will-change: transform;
}
.testimonial-carousel.is-carousel-ready .testimonial-track > .testimonial-slide {
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  min-width: 0;
  height: auto;
  box-sizing: border-box;
}
.testimonial-carousel.is-carousel-ready .testimonial-track > .testimonial-slide[data-testimonial-clone="true"] {
  pointer-events: none;
  user-select: none;
}
@media (prefers-reduced-motion: reduce) {
  .testimonial-carousel.is-carousel-ready .testimonial-track {
    transition: none !important;
    will-change: auto;
  }
}

/* About — keep the four Team & Collaboration role cards aligned and readable. */
.page-about .collab-roles {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  align-items: stretch;
  gap: 12px;
  width: 100%;
  min-width: 0;
}
.page-about .collab-roles > div {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  gap: 6px;
  width: 100%;
  min-width: 0;
  box-sizing: border-box;
  padding: 17px 19px;
}
.page-about .collab-roles > div strong {
  display: block;
  min-width: 0;
  max-width: 100%;
  font-size: clamp(14px, 1vw, 16px);
  line-height: 1.4;
  overflow-wrap: anywhere;
}
.page-about .collab-roles > div span {
  display: block;
  width: 100%;
  min-width: 0;
  line-height: 1.55;
  overflow-wrap: anywhere;
}


/* Global Services dropdown — uses the existing charcoal/crimson/cyan navigation system. */
.navlinks .nav-dropdown{position:relative;display:flex;align-items:center;align-self:stretch;}
.navlinks .nav-dropdown-toggle{display:inline-flex;align-items:center;gap:8px;padding:29px 0;border:0;background:transparent;color:#b9c0c5;font:inherit;font-size:12px;line-height:1;white-space:nowrap;cursor:pointer;transition:color .2s ease;}
.navlinks .nav-dropdown-toggle:hover,.navlinks .nav-dropdown-toggle:focus-visible,.navlinks .nav-dropdown-toggle.is-active{color:#fff;}
.navlinks .nav-dropdown-toggle.is-active{border-bottom:1px solid #fff;}
.navlinks .nav-dropdown-toggle:focus-visible{outline:2px solid var(--neon-cyan,#31d8ff);outline-offset:5px;border-radius:3px;}
.nav-dropdown-chevron{display:inline-block;flex:0 0 auto;width:15px;height:15px;color:var(--accent,var(--neon-red,#ff2448));stroke:currentColor;stroke-width:2.85;stroke-linecap:round;stroke-linejoin:round;fill:none;transform:translateY(1.5px);transition:transform .2s ease,color .2s ease;}
.nav-dropdown.is-open .nav-dropdown-chevron{transform:translateY(1.5px) rotate(180deg);}
.nav-dropdown-menu{position:absolute;z-index:60;top:calc(100% - 7px);left:-17px;display:none;width:max-content;min-width:268px;max-width:min(330px,calc(100vw - 32px));padding:8px;border:1px solid color-mix(in srgb,var(--neon-red,#ff2448) 55%,transparent);border-radius:12px;background:rgba(3,7,11,.98);backdrop-filter:blur(16px);box-shadow:0 18px 40px rgba(0,0,0,.48),0 0 24px rgba(255,36,72,.08);}
.nav-dropdown:hover .nav-dropdown-menu,.nav-dropdown:focus-within .nav-dropdown-menu,.nav-dropdown.is-open .nav-dropdown-menu{display:block;}
.navlinks .nav-dropdown-menu a{display:block;margin:0;padding:11px 12px;border:0;border-radius:8px;color:#bac4cc;font-size:11px;line-height:1.45;white-space:normal;transition:color .18s ease,background .18s ease,transform .18s ease;}
.navlinks .nav-dropdown-menu a:hover,.navlinks .nav-dropdown-menu a:focus-visible{border:0;background:color-mix(in srgb,var(--neon-red,#ff2448) 10%,#080d12);color:#fff;transform:translateX(2px);}
.navlinks .nav-dropdown-menu a.active{border:0;background:rgba(49,216,255,.08);color:#fff;}
@media(max-width:900px){
  .navlinks .nav-dropdown{display:block;width:100%;align-self:stretch;}
  .navlinks .nav-dropdown-toggle{display:flex;width:100%;justify-content:space-between;padding:12px 10px;border-bottom:1px solid rgba(255,255,255,.07);text-align:left;}
  .navlinks .nav-dropdown-toggle.is-active{border-bottom:1px solid rgba(255,36,72,.55);}
  .navlinks .nav-dropdown-menu{position:static;display:none!important;width:100%;min-width:0;max-width:none;margin:0;padding:5px 0 8px 11px;border:0;border-radius:0;background:transparent;box-shadow:none;backdrop-filter:none;}
  .navlinks .nav-dropdown.is-open .nav-dropdown-menu{display:block!important;}
  .navlinks .nav-dropdown:hover .nav-dropdown-menu,.navlinks .nav-dropdown:focus-within .nav-dropdown-menu{display:none!important;}
  .navlinks .nav-dropdown.is-open:hover .nav-dropdown-menu,.navlinks .nav-dropdown.is-open:focus-within .nav-dropdown-menu{display:block!important;}
  .navlinks .nav-dropdown-menu a{padding:10px 12px;font-size:11px;}
}
#project-enquiry-form{scroll-margin-top:104px}


/* About / From Passion to Purpose: four journey selectors use distinct portfolio accent colours. */
.page-about .journey-tab:nth-child(1){--journey-accent:#ff2448}
.page-about .journey-tab:nth-child(2){--journey-accent:#55f2b2}
.page-about .journey-tab:nth-child(3){--journey-accent:#31c9ff}
.page-about .journey-tab:nth-child(4){--journey-accent:#ffad42}
.page-about .journey-tab{
  border-color:color-mix(in srgb,var(--journey-accent) 42%,transparent);
  background:linear-gradient(145deg,color-mix(in srgb,var(--journey-accent) 7%,#0b1015),#080c11 78%);
}
.page-about .journey-tab i{border-color:var(--journey-accent);box-shadow:0 0 10px color-mix(in srgb,var(--journey-accent) 38%,transparent)}
.page-about .journey-tab b,.page-about .journey-tab .journey-tab-cue{color:var(--journey-accent)!important}
.page-about .journey-tab.is-active,.page-about .journey-tab:hover,.page-about .journey-tab:focus-visible{
  border-color:var(--journey-accent);
  box-shadow:0 0 22px color-mix(in srgb,var(--journey-accent) 18%,transparent);
}
.page-about .journey-tab.is-active i{background:var(--journey-accent);border-color:var(--journey-accent);box-shadow:0 0 13px var(--journey-accent)}


/* Individual service-card destinations on the Services hub. */
.page-services .product-service-link{position:relative;z-index:1;display:inline-flex;margin-top:22px;padding:10px 14px;gap:12px;border-color:rgba(255,36,72,.5);font-size:11px;font-weight:700}
.page-services .product-service-link:hover,.page-services .product-service-link:focus-visible{border-color:var(--neon-red);box-shadow:0 0 18px rgba(255,36,72,.2)}


/* Shared interface SVG icon system. Brand logos remain separate and retain their official colours. */
.ui-icon{display:block;width:1.15em;height:1.15em;flex:0 0 auto;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;overflow:visible}
.ui-icon-wrap{display:inline-grid;place-items:center}
.home-service-icon .ui-icon{width:1em;height:1em}
.impact-icon .ui-icon{width:1em;height:1em}
.workflow-step-icon .ui-icon{width:29px;height:29px}
.projects-stat-icon .ui-icon{width:1em;height:1em}
.fact-icon .ui-icon{width:1em;height:1em}
.proof-icon .ui-icon{width:1.15em;height:1.15em}
.contact-mock-icon .ui-icon{width:1em;height:1em}
.io-privacy-icon .ui-icon{width:19px;height:19px}
.io-total-icon .ui-icon{width:1em;height:1em}
.lead-intro-icon .ui-icon{width:20px;height:20px}
.lead-panel-icon .ui-icon{width:17px;height:17px}
.web-pricing-terms-icon .ui-icon{width:20px;height:20px}
.site-search-result-icon .ui-icon{width:18px;height:18px}
.pdm-category-mark .ui-icon,.pdm-section-icon .ui-icon{width:1em;height:1em}
.pdm-visit .ui-icon{width:14px;height:14px;margin-right:6px}