:root{--brand:#a90083;--indigo:#211a52;--royal:#6d28d9;--pink:#d61aa8;--lavender:#f3e8ff;--soft:#faf8ff;--bg:#fff;--text:#17152b;--muted:#686579;--border:#e8e3f0;--card:#fff;--shadow:0 16px 45px #211a520b;--font:'DM Sans',sans-serif;color-scheme:light}
[data-theme=dark]{--bg:#100e1c;--soft:#171323;--text:#f6f3ff;--muted:#b6afc8;--border:#332c43;--card:#1d172c;--lavender:#2b1b3e;--shadow:0 16px 45px #0003;color-scheme:dark}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font);font-size:16px;line-height:1.65;transition:background .3s,color .3s}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}a{color:inherit;text-decoration:none}button{cursor:pointer}button:disabled{cursor:default}button{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid var(--pink);outline-offset:5px}::selection{background:var(--lavender);color:var(--brand)}.section-wrap{max-width:1240px;margin:auto;padding-left:40px;padding-right:40px}.header{position:sticky;top:0;z-index:50;background:color-mix(in srgb,var(--bg) 93%,transparent);backdrop-filter:blur(18px);border-bottom:1px solid var(--border)}.nav-wrap{max-width:1360px;padding:18px 40px;display:flex;align-items:center;justify-content:space-between;margin:auto;gap:32px}.brand{display:flex;align-items:center;gap:12px;font-size:29px;line-height:1;font-weight:800;letter-spacing:-1px}.brand-symbol{font-size:47px;color:var(--brand);letter-spacing:-8px;padding-right:7px;font-family:'Manrope',sans-serif;font-weight:800;transform:translateY(-3px)}.brand-symbol span{color:var(--pink)}.brand-sub{display:block;font-size:8px;letter-spacing:3.5px;line-height:2.5;font-weight:600}nav{display:flex;gap:30px;align-items:center;font-size:13px;font-weight:500}.nav-solutions{border:0;background:none;padding:0}.nav-solutions span{margin-left:6px}nav a:hover,.text-link:hover{color:var(--brand)}.nav-actions{display:flex;gap:18px;align-items:center}.theme-toggle,.menu-toggle{height:36px;width:36px;border:1px solid var(--border);border-radius:50%;background:var(--bg);font-size:21px;display:grid;place-items:center}.menu-toggle{display:none}.button{display:inline-flex;align-items:center;justify-content:center;gap:30px;padding:15px 24px;border:1px solid transparent;background:var(--brand);color:#fff;border-radius:7px;font-size:14px;font-weight:600;transition:transform .2s,box-shadow .2s,background .2s;white-space:nowrap}.button:hover{transform:translateY(-3px);background:#8c006d;box-shadow:0 10px 25px #a9008325}.button span{font-size:19px}.button.small{padding:10px 19px;gap:22px;font-size:12px}.text-link{font-weight:600;font-size:14px;display:inline-flex;gap:16px;align-items:center}.eyebrow{display:flex;align-items:center;gap:9px;font-size:10px;font-weight:700;letter-spacing:1.7px;color:var(--brand);margin-bottom:22px}.status-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--brand);box-shadow:0 0 0 4px #a900830b}.hero{display:grid;grid-template-columns:1.1fr 1fr;gap:20px;min-height:680px;align-items:center;padding-top:60px;padding-bottom:70px;overflow:hidden}.hero-copy{position:relative;z-index:2}h1,h2,h3{font-family:'Manrope',sans-serif;font-weight:650;line-height:1.16;letter-spacing:-1.6px;margin:0}h1{font-size:clamp(43px,4.6vw,65px);letter-spacing:-3px;font-weight:750;line-height:1.13;white-space:nowrap}.gradient-text{background:linear-gradient(100deg,var(--brand),#7c34d2);color:transparent;background-clip:text}.hero-description{max-width:460px;color:var(--muted);font-size:16px;line-height:1.85;margin:25px 0 29px}.hero-actions{display:flex;align-items:center;gap:27px}.hero-proof{display:flex;gap:20px;margin-top:29px;font-size:10px;color:var(--muted)}.hero-proof i{font-style:normal;color:var(--brand);margin-right:5px}.hero-visual{position:relative;height:480px;perspective:1000px}.visual-grid{position:absolute;inset:0;background-image:linear-gradient(var(--border) 1px,transparent 1px),linear-gradient(90deg,var(--border) 1px,transparent 1px);background-size:37px 37px;opacity:.3;mask-image:radial-gradient(ellipse,#000 10%,transparent 70%)}.orbit{position:absolute;width:390px;height:390px;border:1px solid var(--border);border-radius:50%;left:50%;top:41%;transform:translate(-50%,-50%) rotateX(45deg) rotateZ(-25deg)}.orbit-two{width:470px;height:470px;opacity:.5;transform:translate(-50%,-50%) rotateX(50deg) rotateZ(25deg)}.sculpture{position:absolute;inset:30px 35px 95px;display:grid;place-items:center;animation:float 7s ease-in-out infinite}.ribbon{position:absolute;width:220px;height:265px;border:45px solid #9439c4;border-radius:45%;transform:rotate(-34deg);box-shadow:inset 12px 9px 18px #efc4ff,12px 15px 20px #4e147433,-10px -5px 20px #ce8fff;background:transparent}.ribbon-two{transform:translateX(76px) rotate(35deg);border-color:#652ea4;mix-blend-mode:multiply}.sculpture img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply;border-radius:50%}.float-card{position:absolute;z-index:3;display:flex;align-items:center;gap:12px;background:var(--card);border:1px solid var(--border);box-shadow:var(--shadow);padding:13px 16px;border-radius:10px;animation:float 6s ease-in-out infinite}.float-card strong{display:block;font-size:12px;font-weight:600;white-space:nowrap}.float-card small{display:block;font-size:8px;letter-spacing:1px;color:var(--muted)}.idea-card{left:1%;top:45px;transform:rotate(-5deg)}.review-card{right:-5px;bottom:130px;animation-delay:-3s}.review-card small{letter-spacing:.2px;font-size:10px;margin-top:2px}.mini-icon,.check-icon{width:32px;height:32px;display:grid;place-items:center;border-radius:8px;background:var(--lavender);color:var(--brand);font-size:22px}.check-icon{background:#e7f6ed;color:#388262;font-size:16px}.card-dot{width:5px;height:5px;border-radius:50%;background:#64a580;margin-left:10px}.visual-caption{position:absolute;bottom:96px;left:0;right:0;text-align:center;font-size:8px;letter-spacing:1.8px;color:var(--muted)}.visual-caption .status-dot{width:4px;height:4px;margin-right:6px}.workflow{position:absolute;bottom:19px;left:0;right:0;display:flex;align-items:center;justify-content:space-around;padding:14px 10px;background:var(--card);border:1px solid var(--border);border-radius:10px;box-shadow:var(--shadow);font-size:11px}.workflow-step{display:flex;align-items:center;gap:6px;color:var(--muted);padding:6px 8px;border-radius:5px;transition:background .5s,color .5s}.workflow-step.active{background:var(--lavender);color:var(--brand)}.workflow b{font-weight:500}.workflow i{font-style:normal;color:#bbb2cb}.audience-strip{border-top:1px solid var(--border);border-bottom:1px solid var(--border);background:var(--soft)}.audience-strip>div{display:flex;justify-content:space-between;align-items:center;gap:25px;padding-top:23px;padding-bottom:23px}.audience-strip span{font-size:8px;color:var(--muted);letter-spacing:1px;line-height:1.8}.audience-strip b{font-weight:500}.audience-strip p{font-family:'Manrope',sans-serif;font-size:15px;font-weight:600;letter-spacing:-.4px}.audience-strip i{font-style:normal;font-size:23px;color:#b4a5c9}.skip{position:fixed;top:-100px;left:20px;padding:10px;background:var(--bg);z-index:100}.skip:focus{top:5px}.scroll-progress{height:2px;position:fixed;top:0;left:0;background:var(--brand);z-index:100;transform-origin:left;width:100%;transform:scaleX(0)}[hidden]{display:none!important}@keyframes float{0%,100%{translate:0 0}50%{translate:0 -12px}}@keyframes spin{to{rotate:360deg}}
@media(min-width:1440px){.hero{min-height:740px}}@media(max-width:1050px){nav{gap:18px}.nav-wrap{gap:20px}.hero{gap:0}h1{font-size:49px}.hero-proof{gap:12px}.review-card{right:0}.hero-actions{gap:18px}.section-wrap{padding-left:28px;padding-right:28px}}
@media(max-width:800px){.nav-wrap{padding:15px 22px}.menu-toggle{display:grid}nav{display:none;position:absolute;left:0;right:0;top:83px;padding:25px;background:var(--bg);border-bottom:1px solid var(--border);flex-direction:column;align-items:flex-start}nav.open{display:flex}.nav-actions{gap:10px}.hero{grid-template-columns:1fr;padding-top:48px;padding-bottom:30px}.hero-copy{max-width:550px}h1{font-size:clamp(39px,7.8vw,59px)}.hero-visual{max-width:500px;width:100%;margin:30px auto 0;height:440px}.hero-description{font-size:16px}.audience-strip>div{flex-wrap:wrap;justify-content:center;gap:6px 24px}.audience-strip span{width:100%;text-align:center}.audience-strip p{font-size:11px}.audience-strip i{font-size:16px}.hero-proof{flex-wrap:wrap}.section-wrap{padding-left:24px;padding-right:24px}}
@media(max-width:420px){.nav-actions .button{display:none}.hero-actions{gap:17px}.button{padding:14px 18px;gap:20px}.text-link{font-size:12px}.hero-visual{height:390px}.float-card{padding:10px}.idea-card{top:25px}.review-card{bottom:120px}.orbit{width:300px;height:300px}.orbit-two{width:350px;height:350px}.workflow{font-size:9px}.workflow-step{padding:5px}.hero-proof{font-size:9px;gap:11px}}
.section-space{padding-top:100px;padding-bottom:100px}h2{font-size:42px;letter-spacing:-1.8px}h2 em,h1 em{font-style:normal;color:var(--brand)}h3{font-size:21px;letter-spacing:-.6px}p{color:var(--muted)}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:50px;margin-bottom:45px}.section-heading>p,.section-heading>div>p{max-width:320px;font-size:14px;line-height:1.8}.section-heading>div>p{margin:0 0 16px}.problem-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.problem-card{padding:23px;border:1px solid var(--border);border-radius:9px;display:flex;flex-direction:column;font-size:13px;transition:background .3s,transform .3s}.problem-card>span{color:var(--muted)}.problem-card i{font-style:normal;color:var(--brand);margin:14px 0;font-size:19px;transition:translate .4s}.problem-card strong{font-weight:600;font-size:14px}.problem-card:hover{background:var(--soft);transform:translateY(-4px)}.problem-card:hover i{translate:0 4px}.solutions{background:var(--soft);border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.services-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.service-card{display:block;background:var(--card);border:1px solid var(--border);padding:27px;border-radius:10px;transition:transform .25s,border-color .25s,box-shadow .25s}.service-card:hover{transform:translateY(-6px);border-color:#b76ba8;box-shadow:var(--shadow)}.service-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:35px}.service-icon{display:grid;place-items:center;width:42px;height:42px;font-size:26px;border-radius:10px;background:var(--lavender);color:var(--brand)}.service-number{font-size:10px;color:var(--muted)}.service-card h3{font-size:19px}.service-card p{font-size:13px;min-height:42px;line-height:1.7;margin:13px 0 23px}.card-link{font-size:11px;font-weight:600;display:flex;justify-content:space-between;align-items:center}.card-link>span{font-size:19px;color:var(--brand);transition:translate .25s}.service-card:hover .card-link>span{translate:3px -3px}.also-build{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:18px;margin-top:34px;font-size:10px;color:var(--muted)}.also-build a{color:var(--text)}.also-build a:hover{color:var(--brand)}.approach{background:#211a52;color:#fff;position:relative;overflow:hidden}.approach::after{content:'';position:absolute;right:-160px;top:-180px;width:550px;height:550px;border:1px solid #ffffff0a;border-radius:50%;box-shadow:0 0 0 50px #ffffff02,0 0 0 100px #ffffff02;pointer-events:none}.approach .eyebrow{color:#d1a6ef}.approach-top{display:grid;grid-template-columns:1.4fr 1fr;align-items:center;gap:70px}.approach h2{font-size:44px}.approach h2 em{color:#e39dd8;font-style:normal}.approach p{color:#c2bad9;font-size:14px;line-height:1.85}.approach-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:35px;margin-top:60px}.approach-card{border-top:1px solid #ffffff26;padding-top:24px}.approach-card>div{display:flex;align-items:center;justify-content:space-between}.approach-card>div>span{font-size:30px;color:#dfb6ef}.approach-card small{font-size:10px;color:#9b90b8}.approach-card h3{font-size:23px;margin-top:22px}.approach-card p{font-size:13px}.approach-bottom{display:flex;justify-content:space-between;gap:20px;align-items:center;border-top:1px solid #ffffff20;padding-top:28px;margin-top:38px;font-size:12px;color:#d3cde3}.approach-bottom .text-link{font-size:12px;color:#fff}.process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:28px}.process-step{position:relative;border-top:1px solid var(--border);padding-top:28px}.step-number{display:grid;place-items:center;width:38px;height:38px;border:1px solid var(--border);border-radius:50%;font-size:10px;color:var(--brand);margin-bottom:24px;background:var(--bg);position:relative;z-index:1}.process-step h3{font-size:17px;letter-spacing:-.4px}.process-step p{font-size:13px;line-height:1.8}.process-step::before{content:'';position:absolute;top:-1px;left:0;height:2px;width:0;background:var(--brand);transition:width 1s ease}.process-step.visible::before{width:100%}.mvp-section{padding-top:10px;padding-bottom:90px}.mvp-panel{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center;background:var(--soft);border:1px solid var(--border);border-radius:15px;padding:55px;overflow:hidden}.mvp-copy{position:relative;z-index:2}.mvp-copy p{font-size:14px;max-width:360px;margin:22px 0}.mvp-copy small{display:block;color:var(--muted);font-size:9px;margin-top:19px}.mvp-clock{position:relative;height:350px;display:grid;place-items:center}.clock-orbit{position:absolute;width:325px;height:325px;border:1px dashed #a9008340;border-radius:50%;animation:spin 65s linear infinite}.clock-orbit::after{content:'';position:absolute;left:50%;top:-5px;width:9px;height:9px;background:var(--brand);border-radius:50%;box-shadow:0 0 0 5px #a9008310}.clock-orbit.second{width:255px;height:255px;animation-direction:reverse;border-style:solid;border-color:var(--border)}.clock-center{display:flex;flex-direction:column;align-items:center}.clock-center>strong{font-family:'Manrope',sans-serif;font-size:112px;letter-spacing:-9px;line-height:1.2;font-weight:600;color:var(--indigo)}[data-theme=dark] .clock-center>strong{color:#f4e5ff}.clock-center>strong>span{font-size:60px;color:var(--brand);letter-spacing:-3px}.clock-center>span{font-size:7px;letter-spacing:1.6px;margin-top:10px;color:var(--muted)}.clock-label{position:absolute;background:var(--card);border:1px solid var(--border);padding:7px 13px;border-radius:5px;color:var(--brand);font-size:8px;letter-spacing:1px;box-shadow:var(--shadow)}.label-one{left:3px;top:75px;rotate:-8deg;animation:float 7s ease-in-out infinite}.label-two{right:-3px;bottom:62px;rotate:7deg;animation:float 7s ease-in-out -3s infinite}.finder{padding-top:30px}.finder-layout{display:grid;grid-template-columns:1.15fr 1fr;border:1px solid var(--border);border-radius:12px;overflow:hidden}.finder-options{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:32px}.finder-options button{display:flex;align-items:center;justify-content:space-between;text-align:left;border:1px solid var(--border);border-radius:6px;background:var(--bg);padding:15px;font-size:11px;transition:background .2s,border-color .2s}.finder-options button:hover,.finder-options .selected{background:var(--lavender);border-color:#bd76ae;color:var(--brand)}.finder-options button span{font-size:17px;margin-left:10px}.finder-result{background:var(--soft);padding:35px;border-left:1px solid var(--border)}.finder-result .mini-icon{margin-bottom:25px}.finder-result .eyebrow{font-size:8px;margin-bottom:12px}.finder-result h3{font-size:24px}.finder-result p{font-size:13px;line-height:1.85}.finder-result .text-link{font-size:12px;margin-top:10px}.calculator-section{padding-top:0}.calculator-panel{background:var(--soft);border:1px solid var(--border);border-radius:12px;padding:45px;display:grid;grid-template-columns:1fr 1fr;gap:70px}.calculator-panel>div>p{font-size:14px;margin:23px 0}.calculator-controls label{font-size:11px;display:block;margin-bottom:20px}.calculator-controls output{float:right;font-weight:700;color:var(--brand)}input[type=range]{display:block;accent-color:var(--brand);width:100%;margin:15px 0 0;padding:0;height:5px;cursor:pointer}.calculator-result{display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--border);padding-top:20px}.calculator-result strong{display:block;font-size:29px;font-weight:600;color:var(--brand);letter-spacing:-1px}.calculator-result span{font-size:10px;color:var(--muted)}.calculator-controls small{display:block;font-size:9px;color:var(--muted);margin-top:17px}.insights{padding-top:10px}.insights-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:27px}.insight-card{display:block}.article-art{position:relative;overflow:hidden;height:205px;border-radius:9px;border:1px solid var(--border);background:#f3edfc;display:grid;place-items:center;margin-bottom:22px}.art-0{background:#211a52}.art-orb{width:120px;height:120px;border-radius:50%;background:radial-gradient(circle at 28% 22%,#f7ddff,#bd70dd 30%,#60258e 60%,#291354);box-shadow:12px 20px 40px #090322;transition:transform .8s}.art-line{position:absolute;width:250px;height:90px;border:1px solid #ffffff50;border-radius:50%;rotate:-25deg}.art-tag{position:absolute;bottom:14px;left:17px;font-size:7px;letter-spacing:1.5px;color:#ffffff7a}.art-stack{width:105px;height:75px;border-radius:10px;background:linear-gradient(135deg,#fff,#cfc1ed);border:1px solid #fff;position:absolute;transform:rotate(-25deg) skewX(20deg) translateY(-24px);box-shadow:0 5px 0 #b5a0d8,0 10px 20px #211a5220;transition:translate .5s}.art-stack.second{translate:0 30px;z-index:-0;background:linear-gradient(135deg,#af72d9,#7636a5)}.art-stack.third{translate:0 60px;background:linear-gradient(135deg,#6b328a,#351753)}.art-1 .art-stack:first-child{z-index:3}.art-stack.second{z-index:2}.art-stack.third{z-index:1}.art-1 .art-tag,.art-2 .art-tag{color:#6e517d}.art-2{background:#f8edf7}.art-loop{position:absolute;width:135px;height:135px;border:23px solid #a90083;border-radius:40px;rotate:-30deg;left:70px;box-shadow:inset 4px 4px 8px #d468bd,7px 8px 10px #60145320;transition:rotate .7s}.art-loop.second{width:115px;height:115px;left:155px;top:35px;rotate:30deg;border-color:#6d28d9;mix-blend-mode:multiply}.insight-card:hover .art-orb{transform:scale(1.08) rotate(15deg)}.insight-card:hover .art-loop{rotate:-15deg}.insight-card:hover .art-stack:first-child{translate:0 -10px}.article-category{display:block;font-size:8px;letter-spacing:1.2px;color:var(--brand);font-weight:600;margin-bottom:12px}.insight-card h3{font-size:20px;line-height:1.45;min-height:60px}.insight-card .card-link{margin-top:18px;border-top:1px solid var(--border);padding-top:13px}.faq{display:grid;grid-template-columns:1fr 1.5fr;gap:80px;padding-top:25px}.faq .text-link{margin-top:25px;font-size:12px}.faq-list details{border-bottom:1px solid var(--border);padding:19px 0}.faq-list details:first-child{border-top:1px solid var(--border)}summary{list-style:none;cursor:pointer;font-size:14px;font-weight:500;display:flex;justify-content:space-between;gap:20px;align-items:center}summary::-webkit-details-marker{display:none}summary span{font-size:22px;font-weight:400;color:var(--brand);transition:rotate .3s}details[open]>summary span{rotate:45deg}.faq-list p{font-size:13px;line-height:1.85;padding-right:22px}.contact{display:grid;grid-template-columns:1fr 1.1fr;gap:85px;border-top:1px solid var(--border)}.contact-copy>p{font-size:15px;margin:25px 0}.contact-email{font-size:16px;color:var(--brand);border-bottom:1px solid #a9008330;padding-bottom:5px}.contact-note{display:flex;align-items:center;gap:12px;margin-top:35px}.contact-note p{font-size:11px}.project-form{background:var(--soft);border:1px solid var(--border);border-radius:12px;padding:30px}.project-form label{display:block;font-size:11px;font-weight:500;margin-bottom:17px}.project-form label>span{color:var(--brand)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:17px}input:not([type=range]),select,textarea{display:block;width:100%;min-width:0;border:1px solid var(--border);background:var(--bg);color:var(--text);border-radius:5px;font-size:12px;padding:11px 12px;margin-top:7px;transition:border-color .2s}input::placeholder,textarea::placeholder{color:var(--muted);opacity:.8}textarea{resize:vertical;min-height:90px}.form-extras summary{font-size:11px;color:var(--muted);margin:0 0 18px}.form-extras summary span{font-size:17px}.project-form>.button{width:100%;justify-content:space-between}.form-hint{font-size:9px;margin:13px 0 0;line-height:1.7}.form-status{font-size:12px;margin-bottom:0}.form-status a{color:var(--brand);text-decoration:underline}footer{background:var(--soft);border-top:1px solid var(--border);padding:55px 0 25px}.footer-top{display:grid;grid-template-columns:1fr 1.4fr 1fr 1fr;gap:45px;align-items:start;padding-bottom:40px}.footer-top>p{margin:0;font-size:12px;line-height:1.8}.footer-top>div{display:flex;flex-direction:column;gap:10px;font-size:11px}.footer-top a:hover{color:var(--brand)}.footer-bottom{border-top:1px solid var(--border);padding-top:22px;display:flex;justify-content:space-between;gap:20px;font-size:9px;color:var(--muted)}.footer-bottom>div{display:flex;gap:20px;align-items:center}.motion-toggle{border:0;background:none;font-size:9px;padding:0;color:var(--muted)}.mega-menu{position:absolute;top:100%;left:50%;translate:-50% 0;width:min(100% - 48px,1000px);background:var(--card);border:1px solid var(--border);border-radius:0 0 12px 12px;box-shadow:0 25px 50px #211a5218;padding:30px;display:grid;grid-template-columns:repeat(4,1fr);gap:25px}.mega-menu h3{font-family:var(--font);font-size:9px;letter-spacing:1px;color:var(--brand);margin-bottom:18px}.mega-menu a{display:block;font-size:12px;margin-top:12px}.mega-menu a:hover{color:var(--brand)}.mega-bottom{grid-column:1/-1;border-top:1px solid var(--border);padding-top:12px;display:flex;justify-content:space-between;font-size:12px}.mega-bottom a{margin:0}.inner-hero{padding-top:60px;padding-bottom:70px;border-bottom:1px solid var(--border)}.breadcrumb{font-size:11px;color:var(--muted);display:inline-block;margin-bottom:30px}.breadcrumb span{margin-left:10px}.inner-hero h1{white-space:normal;max-width:950px;font-size:clamp(36px,4.5vw,62px)}.inner-hero>p{max-width:660px;font-size:18px;line-height:1.8;margin:25px 0 0}.inner-services{padding-top:50px}.detail-summary{display:grid;grid-template-columns:1.1fr 1fr;gap:85px;margin:65px 0}.detail-summary p{line-height:1.85;font-size:16px;margin:24px 0}.detail-summary h3{margin-top:30px}.detail-summary .button{margin-top:10px}.capabilities{background:var(--soft);border:1px solid var(--border);padding:35px;border-radius:12px}.capabilities>div:not(.eyebrow){padding:13px 0;border-bottom:1px solid var(--border);font-size:14px}.capabilities span{color:var(--brand);margin-right:15px}.reading-copy{max-width:740px;line-height:1.85}.capability-tags{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.capability-tags span{padding:7px 13px;border:1px solid var(--border);border-radius:30px;font-size:12px}.scope-note{padding:20px;background:var(--soft);border-left:3px solid var(--brand);font-size:12px;margin-top:35px}.related{margin-top:35px}.about-story{display:grid;grid-template-columns:1fr 1fr;gap:70px}.about-story h2{font-size:34px}.about-story p{margin-top:0;font-size:16px;line-height:1.9}.article-body{max-width:830px;padding-top:55px;padding-bottom:60px}.article-body h2{font-size:28px;margin:40px 0 20px}.article-body p,.article-body li{font-size:17px;line-height:1.9;color:var(--muted)}.article-body .article-lede{font-size:21px;color:var(--text)}.article-body li{padding:7px 0 7px 10px}.article-body aside{padding:25px;border-left:3px solid var(--brand);background:var(--soft);margin:30px 0;font-size:18px}.article-body a:not(.button){color:var(--brand);text-decoration:underline}.reveal-ready .reveal{opacity:0;transform:translateY(25px);transition:opacity .7s,transform .7s}.reveal-ready .reveal.visible{opacity:1;transform:translateY(0)}.reveal-ready .services-grid .reveal:nth-child(3n+2),.reveal-ready .approach-card:nth-child(2){transition-delay:.09s}.reveal-ready .services-grid .reveal:nth-child(3n+3),.reveal-ready .approach-card:nth-child(3){transition-delay:.18s}.motion-paused *,.motion-paused *::before,.motion-paused *::after{animation-play-state:paused!important;scroll-behavior:auto!important}.motion-paused .reveal{opacity:1!important;transform:none!important;transition:none!important}[data-theme=dark] .sculpture img{mix-blend-mode:normal;mask-image:radial-gradient(ellipse at 50% 53%,#000 36%,transparent 72%);filter:brightness(.85) saturate(1.15)}.sculpture{inset:0 -5px 70px}.sculpture img{mask-image:radial-gradient(ellipse at 50% 53%,#000 40%,transparent 73%);object-fit:cover}.hero-copy{animation:entrance .9s both}.hero-visual{animation:entrance 1.1s .15s both}@keyframes entrance{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}dialog{max-width:700px;background:var(--bg);color:var(--text);border:1px solid var(--border);border-radius:12px;padding:40px}dialog::backdrop{background:#17152b88}.dialog-close{float:right;border:0;background:none;font-size:25px}
@media(max-width:1050px){.section-space{padding-top:75px;padding-bottom:75px}.contact{gap:45px}.calculator-panel{gap:35px;padding:30px}.mvp-panel{padding:35px;gap:20px}.finder-options{padding:22px}.service-card{padding:23px}.approach-top{gap:40px}.footer-top{gap:25px}.hero .sculpture{inset:10px -20px 70px}}
@media(max-width:800px){h2{font-size:34px}.section-space{padding-top:60px;padding-bottom:60px}.section-heading{gap:25px;align-items:flex-start;flex-direction:column;margin-bottom:30px}.section-heading>p{margin:0;max-width:100%}.problem-grid{grid-template-columns:1fr 1fr;gap:12px}.services-grid{grid-template-columns:1fr 1fr;gap:15px}.also-build{justify-content:flex-start;gap:14px}.approach-top{grid-template-columns:1fr;gap:10px}.approach h2{font-size:35px}.approach-grid{gap:25px;margin-top:30px}.approach-card h3{font-size:20px}.approach-bottom{align-items:flex-start;flex-direction:column}.process-grid{grid-template-columns:1fr 1fr;gap:30px}.mvp-panel{grid-template-columns:1fr;padding:30px;gap:10px}.mvp-clock{height:340px;width:100%;max-width:380px;margin:auto}.mvp-copy p{max-width:none}.finder-layout{grid-template-columns:1fr}.finder-result{border-left:0;border-top:1px solid var(--border);padding:28px}.finder-options button{font-size:12px}.calculator-panel{grid-template-columns:1fr;padding:30px}.insights-grid{grid-template-columns:1fr 1fr;gap:30px 20px}.insights-grid .insight-card:last-child:nth-child(3){grid-column:1/-1;max-width:calc(50% - 10px)}.faq{grid-template-columns:1fr;gap:30px}.faq h2 br{display:none}.contact{grid-template-columns:1fr;gap:30px}.contact-copy h2 br{display:none}.contact-copy h2{max-width:500px}.contact-note{margin-top:20px}.footer-top{grid-template-columns:1fr 1fr;gap:30px}.footer-bottom{flex-direction:column}.mega-menu{top:250px;grid-template-columns:1fr 1fr;max-height:60vh;overflow:auto;padding:22px}.mega-bottom{flex-direction:column;gap:10px}.detail-summary,.about-story{grid-template-columns:1fr;gap:25px}.inner-hero{padding-top:35px;padding-bottom:45px}.inner-hero>p{font-size:16px}.inner-hero h1{font-size:44px}.article-body .article-lede{font-size:19px}}
@media(max-width:480px){.services-grid,.insights-grid{grid-template-columns:1fr}.insights-grid .insight-card:last-child:nth-child(3){grid-column:auto;max-width:none}.service-top{margin-bottom:25px}.service-card p{min-height:0}.service-card{padding:25px}.approach-grid{grid-template-columns:1fr;gap:15px}.approach-card h3{margin-top:12px}.approach-card>div>span{font-size:24px}.approach-card p{margin-bottom:8px}.problem-card{padding:17px}.problem-card strong{font-size:12px}.problem-card>span{font-size:11px}.process-grid{gap:20px}.process-step h3{font-size:16px}.process-step p{font-size:12px}.mvp-panel{padding:25px}.clock-orbit{width:270px;height:270px}.clock-orbit.second{width:225px;height:225px}.mvp-clock{height:300px}.clock-center>strong{font-size:95px}.clock-center>strong>span{font-size:50px}.label-one{top:55px}.label-two{bottom:40px}.finder-options{padding:16px;gap:9px}.finder-options button{padding:12px;font-size:11px}.calculator-panel{padding:24px}.calculator-result strong{font-size:25px}.project-form{padding:22px}.form-row{gap:12px}.contact-email{font-size:15px}.footer-bottom>div{gap:15px;flex-wrap:wrap}.inner-hero h1{font-size:38px;letter-spacing:-1.6px}.article-body{padding-top:30px}.article-body p,.article-body li{font-size:16px}.hero-visual{margin-top:18px}.hero .sculpture{inset:-10px -5px 65px}.hero-proof{margin-top:23px}}
.contact-copy h1{font-size:42px;white-space:normal;letter-spacing:-1.8px}.download-brief{display:block;padding:0;margin-top:8px;border:0;background:none;color:var(--brand);font-size:12px;text-decoration:underline}.mobile-cta{display:none}[data-theme=dark]{--brand:#d61aa8}[data-theme=dark] .button{background:#a90083}[data-theme=dark] .eyebrow,[data-theme=dark] .article-category,[data-theme=dark] .contact-email,[data-theme=dark] .calculator-result strong{color:#ec95df}@media(max-width:600px){.mobile-cta{display:flex;position:fixed;bottom:12px;left:20px;right:20px;z-index:40;justify-content:space-between;box-shadow:0 8px 35px #211a5233}body{padding-bottom:70px}.contact-copy h1{font-size:34px}.form-row{grid-template-columns:1fr}.project-form .form-row{gap:0}.calculator-controls .form-row{grid-template-columns:1fr 1fr}}
/* Connected-loop hero, customer marquee and expanded homepage solutions. */
.hero .connected-sculpture{inset:25px 0 95px;isolation:isolate;filter:drop-shadow(0 22px 24px #6d28d922)}.connected-sculpture .ribbon{width:205px;height:270px;border-width:42px;border-radius:46%;background:transparent;top:35px;left:calc(50% - 145px);box-shadow:inset 9px 6px 13px #f0c8ff,11px 15px 22px #4e147430,-8px -5px 18px #d2a3ff;animation:connect-left 9s ease-in-out infinite}.connected-sculpture .ribbon-one{border-color:#ad4dc9;transform:rotate(-34deg);z-index:2}.connected-sculpture .ribbon-two{left:calc(50% - 70px);border-color:#7234ac;mix-blend-mode:multiply;transform:rotate(34deg);animation-name:connect-right;box-shadow:inset -8px 8px 16px #cb8eef,12px 16px 24px #211a5230,-6px -5px 16px #b18ae4}.connection-spark{position:absolute;left:50%;top:49%;translate:-50% -50%;z-index:3;color:#f8ecff;font-size:30px;text-shadow:0 0 20px #d61aa8;animation:spark-pulse 4.5s ease-in-out infinite}[data-theme=dark] .connected-sculpture .ribbon-two{mix-blend-mode:normal}[data-theme=dark] .connected-sculpture{filter:drop-shadow(0 15px 35px #a9008328)}@keyframes connect-left{0%,100%{transform:rotate(-34deg) translateY(0)}50%{transform:rotate(-29deg) translateY(-7px)}}@keyframes connect-right{0%,100%{transform:rotate(34deg) translateY(0)}50%{transform:rotate(29deg) translateY(7px)}}@keyframes spark-pulse{0%,100%{opacity:.6;scale:.85}50%{opacity:1;scale:1.15}}
.customer-strip{border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:28px 0 32px;background:var(--soft);overflow:hidden}.customer-heading{display:flex;align-items:center;gap:24px;margin-bottom:23px}.customer-heading p{font-size:15px;margin:0;color:var(--muted)}.customer-heading strong{color:var(--text);font-weight:600}.customer-heading>span{font-size:8px;letter-spacing:1.3px;color:var(--muted);margin-left:auto}.logos-toggle{border:1px solid var(--border);background:var(--card);border-radius:50%;width:29px;height:29px;font-size:12px;color:var(--muted);flex-shrink:0}.logo-window{overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent)}.logo-track{display:flex;width:max-content;animation:customer-scroll 38s linear infinite}.logo-set{display:flex;align-items:center;gap:30px;padding-right:30px;flex-shrink:0}.customer-logo{display:flex;align-items:center;justify-content:center;width:176px;height:86px;flex-shrink:0;background:#f7f7f7;border:1px solid #eeeaf2;border-radius:8px;padding:18px}.customer-logo img{width:100%;height:100%;object-fit:contain}.customer-logo.ncash img{filter:brightness(.51) contrast(30) invert(1);mix-blend-mode:multiply}.customer-logo.snooker{padding:9px 28px}.customer-logo.connect{padding:14px 28px}.customer-logo.nfs{padding:6px 40px}.logo-window:hover .logo-track,.logo-window:focus-within .logo-track,.customer-strip.logos-paused .logo-track{animation-play-state:paused}.logos-toggle[aria-pressed=true]{color:var(--brand)}@keyframes customer-scroll{to{transform:translateX(-50%)}}
.expanded-services-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:26px}.expanded-service{background:var(--card);border:1px solid var(--border);border-radius:14px;overflow:hidden;transition:border-color .25s,box-shadow .25s}.expanded-service:hover,.expanded-service[open]{border-color:#ba81c6;box-shadow:0 16px 38px #211a520a}.expanded-service>summary{display:block;list-style:none}.expanded-service>summary:focus-visible{outline-offset:-4px;border-radius:14px}.service-artwork{position:relative;aspect-ratio:640/350;overflow:hidden;border-bottom:1px solid var(--border);background:#f3edf9}.service-artwork>img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .7s cubic-bezier(.2,.7,.3,1)}.expanded-service:hover .service-artwork>img{transform:scale(1.035)}.service-artwork>.service-art-label{position:absolute;right:17px;bottom:14px;font-size:8px;letter-spacing:1.4px;color:#6d537b;background:#ffffffbb;padding:5px 8px;border-radius:4px}.expanded-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:26px 28px}.expanded-heading h3{font-size:23px;margin:0 0 10px}.expanded-heading p{font-family:var(--font);font-size:13px;font-weight:400;margin:0;line-height:1.6}.expanded-heading>.expand-icon{display:grid;place-items:center;flex-shrink:0;width:34px;height:34px;border-radius:50%;border:1px solid var(--border);color:var(--brand);font-size:23px;transition:rotate .3s,background .3s}.expanded-service[open] .expand-icon{rotate:45deg;background:var(--lavender)}.expanded-content{padding:0 28px 27px;animation:service-expand .35s ease-out}.expanded-content>p{font-size:14px;line-height:1.85;margin:0 0 18px}.expanded-content .capability-tags{gap:7px;margin:0 0 23px}.expanded-content .capability-tags span{font-size:10px;padding:5px 10px;background:var(--soft)}.expanded-content .text-link{font-size:12px}.expanded-service[open]::details-content{height:auto}@keyframes service-expand{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}[data-theme=dark] .service-artwork>img{filter:brightness(.85)}
@media(max-width:800px){.customer-heading{flex-wrap:wrap;gap:10px 15px;margin-bottom:20px}.customer-heading>span{order:3;width:100%;margin-left:0;font-size:7px}.customer-heading .logos-toggle{margin-left:auto}.customer-logo{width:155px;height:77px}.logo-set{gap:18px;padding-right:18px}.expanded-services-grid{gap:18px}.expanded-heading{padding:21px}.expanded-heading h3{font-size:20px}.expanded-content{padding:0 21px 23px}}
@media(max-width:600px){.expanded-services-grid{grid-template-columns:1fr;gap:24px}.customer-strip{padding:23px 0}.customer-heading p{font-size:14px}.hero .connected-sculpture{inset:12px 0 90px}.connected-sculpture .ribbon{width:170px;height:225px;border-width:35px;left:calc(50% - 124px);top:26px}.connected-sculpture .ribbon-two{left:calc(50% - 55px)}.connection-spark{font-size:25px;top:49%}.customer-logo{width:150px;height:75px}.expanded-heading h3{font-size:22px}.expanded-heading{padding:23px}.expanded-content{padding:0 23px 24px}}
.expanded-service[open]>summary .service-art-label{rotate:0}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.reveal-ready .reveal{opacity:1;transform:none}.logo-window{overflow-x:auto;mask-image:none}.logo-set[aria-hidden=true]{display:none}.logos-toggle{display:none}}
/* A horizontal rail: one full card, five narrow image slivers. */
.expanded-services-grid{--open-width:720px;display:flex;gap:12px;align-items:stretch;height:490px;padding:0;isolation:isolate}
.rail-card{position:relative;flex:0 0 76px;min-width:0;height:100%;overflow:hidden;border:1px solid #ffffff18;border-radius:17px;background:#131020;transition:flex-basis .65s cubic-bezier(.22,.8,.25,1),border-color .3s;isolation:isolate}
.rail-card.is-active{flex-basis:var(--open-width);border-color:#a9008355}
.rail-image{position:absolute;top:40px;left:50%;width:570px;max-width:none;height:312px;object-fit:contain;transform:translateX(-50%) scale(1.08);opacity:.43;filter:brightness(.65) saturate(.9);transition:opacity .6s,filter .6s,transform .65s;pointer-events:none;mask-image:linear-gradient(transparent,#000 15%,#000 76%,transparent)}
.rail-card:nth-child(2){background:#211329}.rail-card:nth-child(3){background:#111727}.rail-card:nth-child(4){background:#20112c}.rail-card:nth-child(5){background:#241a24}.rail-card:nth-child(6){background:#181128}
.rail-card.is-active .rail-image{opacity:1;filter:brightness(.9);transform:translateX(-50%) scale(1)}
.rail-card::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#08081200 30%,#08081233 47%,#080812f5 75%);z-index:0;pointer-events:none}
.rail-trigger{position:absolute;inset:0;width:100%;border:0;background:none;text-align:left;color:#fff;z-index:1;border-radius:16px;padding:0}
.rail-trigger:focus-visible{outline:3px solid #df72ca;outline-offset:-4px}
.rail-number{position:absolute;left:28px;top:23px;font-size:11px;letter-spacing:1px;opacity:.8}
.rail-vertical-title{position:absolute;left:50%;bottom:74px;writing-mode:vertical-rl;transform:translateX(-50%) rotate(180deg);font-size:13px;letter-spacing:.5px;white-space:nowrap;transition:opacity .25s}
.rail-symbol{position:absolute;left:50%;bottom:25px;transform:translateX(-50%);font-size:22px;color:#c5a6dd;transition:opacity .25s}
.rail-card.is-active .rail-vertical-title,.rail-card.is-active .rail-symbol{opacity:0}
.rail-content{position:absolute;bottom:0;left:0;width:var(--open-width);max-width:none;padding:30px 32px;z-index:2;pointer-events:none;opacity:0;transform:translateY(15px);transition:opacity .2s,transform .4s}
.rail-card.is-active .rail-content{opacity:1;transform:translateY(0);transition-delay:.25s}
.rail-category{font-size:8px;letter-spacing:1.5px;color:#d7a9ee;display:block;margin-bottom:13px}
.rail-content h3{color:#fff;font-size:29px;line-height:1.2;letter-spacing:-1px;margin:0 0 13px}
.rail-content p{color:#c0b8cf;font-size:13px;line-height:1.8;max-width:540px;margin:0 0 19px}
.rail-content a{pointer-events:auto;font-size:12px;color:#fff;position:relative;z-index:3}
.rail-content a>span{color:#df8acb}
@media(min-width:701px) and (max-width:1000px){.rail-card{flex-basis:54px}.rail-number{left:18px}.rail-content{padding:25px}.rail-content h3{font-size:24px}.rail-image{width:440px}.expanded-services-grid{height:510px}}
@media(max-width:700px){.expanded-services-grid{--open-width:270px;height:465px;gap:10px;overflow-x:auto;overflow-y:hidden;padding:0 0 12px;scrollbar-width:thin;scrollbar-color:#a9008366 transparent;scroll-padding:0;overscroll-behavior-x:contain}.rail-card{flex-basis:48px;border-radius:13px}.rail-card.is-active{flex-basis:270px}.rail-number{left:17px;top:18px}.rail-image{width:410px;height:235px;top:45px}.rail-content{width:270px;padding:23px}.rail-content h3{font-size:25px}.rail-content p{font-size:12px}.rail-vertical-title{font-size:12px}.rail-category{font-size:7px}}
@media(prefers-reduced-motion:reduce){.rail-card,.rail-image,.rail-content,.rail-vertical-title,.rail-symbol{transition:none!important}.rail-content{transform:none}}
.motion-paused .rail-card,.motion-paused .rail-content,.motion-paused .rail-image{transition:none}
/* Keep service illustrations bright; captions sit on a solid, readable panel. */
.rail-card,.rail-card:nth-child(n){background:#f3edf9;border-color:var(--border)}
.rail-card::after{display:none}
.rail-image,.rail-card.is-active .rail-image{opacity:1;filter:none;mask-image:none;top:45px;height:245px}
.rail-trigger{color:#211a52}
.rail-number{opacity:1}
.rail-vertical-title{background:#f3edf9;padding:10px 5px;border-radius:5px;color:#211a52}
.rail-symbol{color:#a90083;background:#f3edf9;border-radius:5px;padding:2px 4px}
.rail-content{background:var(--card);border-top:1px solid var(--border)}
.rail-category{color:var(--brand)}
.rail-content h3,.rail-content a{color:var(--text)}
.rail-content p{color:var(--muted)}
.rail-content a>span{color:var(--brand)}
@media(max-width:700px){.rail-image,.rail-card.is-active .rail-image{height:175px;top:42px}}
/* Motion for the business solution finder only. */
#finder .finder-layout{border-radius:18px;overflow:hidden;box-shadow:0 20px 60px #211a5207}
#finder .finder-options{gap:12px;padding:30px;align-content:center}
#finder .finder-options button{position:relative;overflow:hidden;min-height:63px;transition:background .3s,border-color .3s,transform .3s,box-shadow .3s}
#finder .finder-options button:hover{transform:translateY(-3px);box-shadow:0 7px 20px #a9008310}
#finder .finder-options .selected{box-shadow:inset 3px 0 0 var(--brand);background:var(--lavender)}
#finder .finder-options button>span{transition:transform .3s}
#finder .finder-options .selected>span{transform:translate(2px,-2px)}
#finder .finder-result{position:relative;overflow:hidden;min-height:0;padding:14px;display:block;background:var(--soft)}
#finder .finder-result::before,#finder .finder-result::after{display:none!important;content:none!important;animation:none!important}
#finder .finder-result>.mini-icon{display:none}
.finder-flow{display:flex;align-items:center;gap:10px;margin:0 0 12px;min-height:44px}
.flow-node{padding:8px 11px;background:#1a1524;border:1px solid #3a3148;border-radius:7px;font-size:9px;color:#b7adc8;white-space:nowrap}
.flow-line{position:relative;flex:1;height:1px;min-width:12px;background:#3a3148;overflow:visible}
.flow-line::after{display:none}
.flow-hub{display:grid;place-items:center;flex-shrink:0;width:42px;height:42px;background:#1f1230;color:#f0c9ef;border-radius:12px;font-size:24px;box-shadow:0 0 0 5px #a9008318}
.finder-terminal{position:relative;z-index:1;display:flex;flex-direction:column;width:100%;min-height:360px;border-radius:14px;background:#0d0a14;border:1px solid #2c2438;box-shadow:0 18px 40px #0d0a1433,inset 0 1px 0 #ffffff0d;overflow:hidden}
.terminal-chrome{display:flex;align-items:center;gap:7px;padding:11px 14px;background:linear-gradient(180deg,#1a1524,#120f1a);border-bottom:1px solid #2c2438}
.terminal-chrome i{width:9px;height:9px;border-radius:50%;background:#3a3348}
.terminal-chrome i:nth-child(1){background:#ff5f57}.terminal-chrome i:nth-child(2){background:#febc2e}.terminal-chrome i:nth-child(3){background:#28c840}
.terminal-chrome span{margin-left:8px;font-size:10px;letter-spacing:.4px;color:#9a90ab;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}
.terminal-screen{flex:1;display:flex;flex-direction:column;margin:0;padding:18px 18px 20px;font:13px/1.55 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;color:#e8dff5;background:radial-gradient(circle at 50% 18%,#a9008324 0%,#6d28d914 34%,transparent 62%),#0d0a14}
.terminal-screen p{margin:0 0 4px;color:inherit}
.term-line{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px}
.term-prompt{color:#ef80d5;flex:none}.term-muted{color:#8d829f}.term-ok{color:#7dffb3}.term-label{margin:8px 0 2px!important;color:#ef9bdf;font-size:10px;letter-spacing:1.4px;text-transform:uppercase}
.term-title{margin:0 0 6px;font:600 22px/1.25 Manrope,sans-serif;letter-spacing:-.6px;color:#fff;min-height:1.25em}
.term-copy{margin:0 0 8px!important;max-width:38ch;font:13px/1.55 Manrope,sans-serif;color:#b9b0c9;min-height:1.55em}
.term-muted,.term-label{min-height:1.55em}
.term-action{margin-top:6px!important;padding-top:0}
.term-cta{color:#ef80d5;text-decoration:none;border-bottom:1px solid #ef80d555;transition:color .2s,border-color .2s}
.term-cta:hover{color:#ffb4ef;border-color:#ffb4ef}
#term-command,#term-result{display:inline}
.term-muted{min-height:0}
.is-caret{position:relative}
.is-caret::after{content:'';display:inline-block;margin-left:2px;width:7px;height:1.05em;background:#ef80d5;animation:term-blink 1s steps(1) infinite;vertical-align:-2px}
.term-cursor{display:inline-block;width:7px;height:13px;margin-left:2px;vertical-align:-2px;background:#ef80d5;animation:term-blink 1s steps(1) infinite}
@keyframes term-blink{50%{opacity:0}}
@media(max-width:800px){#finder .finder-options{padding:23px}#finder .finder-result{padding:12px}.term-title{font-size:20px}.term-copy{max-width:none}}
@media(max-width:480px){#finder .finder-options{padding:17px;gap:9px}#finder .finder-options button{min-height:62px;padding:12px}#finder .finder-result{padding:10px}.finder-flow{gap:8px}.flow-node{font-size:8px;padding:8px}.flow-hub{width:36px;height:36px;font-size:20px}.terminal-screen{padding:14px;font-size:12px}.term-title{font-size:18px}}
@media(prefers-reduced-motion:reduce){.term-cursor,.is-caret::after{animation:none;opacity:1}}
/* Supplied client marks: frame the artwork without modifying the original files. */
.customer-logo.supplied-logo{position:relative;overflow:hidden;background:#fff;padding:0;min-width:176px}
.customer-logo.supplied-logo img{position:absolute;max-width:none;object-fit:contain;left:50%;transform:translate(-50%,-50%);filter:none;mix-blend-mode:normal}
.supplied-logo .mark-droplet{width:140px;height:140px;top:calc(50% + 5px)}
.supplied-logo .mark-wave{width:240px;height:240px;top:calc(50% + 12px)}
.supplied-logo .mark-remoasset{width:205px;height:205px;top:calc(50% + 8px)}
.supplied-logo .mark-leaf{width:150px;height:150px;top:calc(50% + 11px)}
.supplied-logo .mark-tressderma{width:225px;height:225px;top:calc(50% + 8px)}
.logo-track>.logo-set{min-width:100vw;justify-content:space-around}
@media(max-width:800px){.customer-logo.supplied-logo{min-width:150px}}
/* Magiz Magic Rings, theme reveal and navigation details */
.mvp-panel{isolation:isolate;background:var(--soft)}
.magic-rings-background{position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(circle at center,#6d28d90d,transparent 65%)}
.magic-rings-background canvas{display:block;width:100%;height:100%}
.mvp-clock{z-index:1}.mvp-panel .clock-orbit{display:none}
.nav-solutions{display:inline-flex;align-items:center;gap:7px}
.solutions-chevron{transition:transform .3s ease;flex:none}
.nav-solutions[aria-expanded=true] .solutions-chevron{transform:rotate(180deg)}
.theme-toggle{overflow:hidden;transition:border-color .25s,background .25s;min-width:36px}
.theme-toggle:hover{border-color:var(--brand);background:var(--lavender)}
.theme-icon{overflow:visible}.sun-rays,.sun-disc,.moon-disc{transform-origin:12px 12px;transition:transform .5s cubic-bezier(.22,1,.36,1),opacity .35s}
.moon-disc{opacity:0;transform:rotate(-70deg) scale(.5)}
[data-theme=dark] .moon-disc{opacity:1;transform:rotate(0) scale(1)}
[data-theme=dark] .sun-disc,[data-theme=dark] .sun-rays{opacity:0;transform:rotate(90deg) scale(.4)}
::view-transition-old(root),::view-transition-new(root){animation:none;mix-blend-mode:normal}
::view-transition-new(root){z-index:2147483646}::view-transition-old(root){z-index:1}
@media(max-width:800px){.magic-rings-background canvas{opacity:.9}}
@media(prefers-reduced-motion:reduce){.theme-icon *,.solutions-chevron{transition:none}}
.motion-paused .theme-icon *,.motion-paused .solutions-chevron{transition:none}
/* Dark cinematic MVP panel with an image-style scroll reveal. */
.mvp-panel{background:#09070f;color:#fff;border-color:#292034;min-height:440px}
.mvp-panel .mvp-copy p,.mvp-panel .mvp-copy small{color:#d1c9db}
.mvp-panel .eyebrow{color:#ef9bdf}.mvp-panel h2 em{color:#ef80d5}
.mvp-panel .clock-center>strong{color:#fff}.mvp-panel .clock-center>strong>span{color:#ef80d5}
.mvp-panel .clock-center>span{color:#d1c9db}.mvp-panel .clock-label{background:#1a1125;color:#efb8e4;border-color:#51305c}
.magic-rings-background{background:radial-gradient(circle at center,#6d28d933 0%,#a9008318 28%,transparent 62%),#09070f}
.magic-rings-background canvas{mask-image:none;opacity:.95}
.mvp-panel.reveal{clip-path:inset(8% 7% round 44px);transform:translateY(36px);transition:clip-path 1.2s cubic-bezier(.22,1,.36,1),opacity .8s,transform 1.2s!important}
.mvp-panel.reveal.visible{clip-path:inset(0 round 15px);transform:translateY(0)}
.mvp-panel.reveal .magic-rings-background{transform:scale(1.18);transition:transform 1.8s cubic-bezier(.22,1,.36,1)}
.mvp-panel.reveal.visible .magic-rings-background{transform:scale(1)}
.theme-transitioning body{transition:none!important}
::view-transition-group(root){animation-duration:700ms}
::view-transition-old(root),::view-transition-new(root){width:100%;height:100%;object-fit:cover}
@media(prefers-reduced-motion:reduce){.mvp-panel.reveal{clip-path:none;transform:none;transition:none!important}.mvp-panel.reveal .magic-rings-background{transform:none;transition:none}}
.motion-paused .mvp-panel.reveal{clip-path:none;transform:none;transition:none!important}.motion-paused .mvp-panel.reveal .magic-rings-background{transform:none;transition:none}
/* Supplied company identity, framed without altering the original artwork. */
.company-logo{display:block;position:relative;width:240px;height:60px;overflow:hidden;background:#fff;border-radius:5px;flex:none}
.company-logo img{position:absolute;width:240px;max-width:none;height:135px;left:0;top:-35px;object-fit:contain}
.footer-top .company-logo{width:215px;height:55px}.footer-top .company-logo img{width:215px;height:121px;top:-31px}
/* Expanded services: copy left, illustration right. */
.expanded-services-grid{height:540px}
.rail-card,.rail-card:nth-child(n){background:var(--card);border-radius:24px}
.rail-content{top:0;bottom:0;left:0;width:calc(var(--open-width) * .51);padding:64px 26px 28px;display:flex;flex-direction:column;justify-content:center;border:0;background:transparent}
.rail-content h3{font-size:28px}.rail-content p{font-size:14px;line-height:1.7}
.rail-content .rail-category{font-size:9px}.rail-features{list-style:none;padding:0;margin:0 0 22px;font-size:13px;line-height:1.8;color:var(--text)}
.rail-features li{position:relative;padding-left:15px;margin:5px 0}.rail-features li::before{content:'';position:absolute;left:0;top:.75em;width:5px;height:5px;border-radius:50%;background:#d61aa8}
.rail-image,.rail-card.is-active .rail-image{left:auto;right:20px;top:38px;width:calc(var(--open-width) * .46 - 20px);height:calc(100% - 76px);object-fit:cover;object-position:center;border-radius:20px;transform:none;background:#f3e8ff;transition:opacity .4s,transform .65s}
.rail-card:not(.is-active) .rail-image{width:calc(100% - 16px);right:8px;top:auto;bottom:12px;height:160px;border-radius:14px}
.rail-card:not(.is-active){background:#211a52}.rail-card:not(.is-active) .rail-trigger{color:#fff}.rail-card:not(.is-active) .rail-number{top:auto;bottom:25px;z-index:2;background:#211a52cc;padding:2px 5px;border-radius:4px}
.rail-vertical-title{background:none;color:#fff;bottom:190px;font-size:12px}.rail-symbol{bottom:auto;top:28px;background:#ffffff12;color:#ef80d5;padding:7px;border-radius:12px}
.rail-card.is-active .rail-number{color:var(--brand)}
@media(min-width:701px) and (max-width:1000px){.rail-content{padding:48px 18px 20px}.rail-content h3{font-size:22px}.rail-content p,.rail-features{font-size:12px}}
@media(max-width:700px){.nav-wrap{gap:12px}.company-logo{width:170px;height:44px}.company-logo img{width:170px;height:96px;top:-25px}.nav-actions{gap:8px}.nav-actions .button.small{display:none}.expanded-services-grid{height:650px}.rail-content{top:0;bottom:auto;width:270px;padding:46px 22px 20px;height:405px;justify-content:flex-start}.rail-content h3{font-size:24px}.rail-content p{font-size:13px}.rail-features{font-size:12px;margin-bottom:12px}.rail-image,.rail-card.is-active .rail-image{top:auto;bottom:18px;left:18px;right:auto;width:232px;height:220px;object-fit:cover}.rail-card:not(.is-active) .rail-image{left:6px;width:calc(100% - 12px);height:160px;bottom:12px}.rail-vertical-title{bottom:200px}}
/* Blend the supplied logo into the surface without a white panel. */
.company-logo{background:transparent;border-radius:0;mix-blend-mode:normal}
[data-theme=dark] .company-logo{mix-blend-mode:normal}
.company-logo img,[data-theme=dark] .company-logo img{filter:url(#logo-white-key);mix-blend-mode:normal}
/* FAQ motion preserves readable, native details when scripting is unavailable. */
.faq-motion details{opacity:0;transform:translateY(22px);transition:opacity .6s ease var(--faq-delay),transform .7s cubic-bezier(.22,1,.36,1) var(--faq-delay)}
.faq-motion.faq-entered details{opacity:1;transform:none}
.faq-list summary{transition:color .25s ease,padding-left .25s ease}.faq-list summary:hover{color:var(--brand);padding-left:6px}
.faq-list details[open]{border-bottom-color:var(--brand)}
.faq-list details[open] p{animation:faq-answer-in .4s ease both}
@keyframes faq-answer-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.scroll-zoom-section{overflow:clip}
.mvp-panel.scroll-zoom-panel,.mvp-panel.scroll-zoom-panel.visible{transform:scale(var(--scroll-zoom,1))!important;transform-origin:center center;clip-path:none;transition:opacity .6s!important}
.mvp-panel.scroll-zoom-panel .magic-rings-background,.mvp-panel.scroll-zoom-panel.visible .magic-rings-background{transform:scale(var(--art-zoom,1));transition:none}
@media(prefers-reduced-motion:reduce){.faq-motion details{opacity:1;transform:none;transition:none}.faq-list details[open] p{animation:none}.faq-list summary{transition:none}.mvp-panel.scroll-zoom-panel{transform:none!important}.mvp-panel.scroll-zoom-panel .magic-rings-background{transform:none!important}}
.motion-paused .faq-motion details{opacity:1;transform:none;transition:none}.motion-paused .faq-list details[open] p{animation:none}.motion-paused .mvp-panel.scroll-zoom-panel{transform:none!important}.motion-paused .mvp-panel.scroll-zoom-panel .magic-rings-background{transform:none!important}
/* Full-width MVP surface: only its artwork zooms, never its outer edges. */
.mvp-section.section-wrap{max-width:none;width:100%;padding-left:0;padding-right:0;overflow:clip}
.mvp-section .mvp-panel,.mvp-section .mvp-panel.reveal,.mvp-section .mvp-panel.scroll-zoom-panel{width:100%;margin:0;border-radius:0;border-left:0;border-right:0;clip-path:none!important;transform:none!important;padding-left:max(40px,calc((100% - 1130px)/2));padding-right:max(40px,calc((100% - 1130px)/2))}
@media(max-width:800px){.mvp-section .mvp-panel{padding-left:25px;padding-right:25px}}
/* Scroll zoom stays active across the panel's entire viewport passage. */
.mvp-panel.scroll-zoom-panel>.mvp-copy,.mvp-panel.scroll-zoom-panel>.mvp-clock{transform:scale(var(--scroll-zoom,1));transform-origin:center;will-change:transform;transition:none}
.mvp-panel.scroll-zoom-panel .magic-rings-background{will-change:transform}
@media(prefers-reduced-motion:reduce){.mvp-panel.scroll-zoom-panel>.mvp-copy,.mvp-panel.scroll-zoom-panel>.mvp-clock{transform:none;will-change:auto}}
.motion-paused .mvp-panel.scroll-zoom-panel>.mvp-copy,.motion-paused .mvp-panel.scroll-zoom-panel>.mvp-clock{transform:none;will-change:auto}
/* The whole section grows from an inset card to an edge-to-edge surface. */
.mvp-section .mvp-panel.scroll-zoom-panel,.mvp-section .mvp-panel.scroll-zoom-panel.visible{transform:scale(var(--scroll-zoom,1))!important;transform-origin:center center;border-radius:0;will-change:transform;transition:none!important;opacity:1!important}
.mvp-panel.scroll-zoom-panel>.mvp-copy,.mvp-panel.scroll-zoom-panel>.mvp-clock{transform:none;will-change:auto}
@media(prefers-reduced-motion:reduce){.mvp-section .mvp-panel.scroll-zoom-panel,.mvp-section .mvp-panel.scroll-zoom-panel.visible{transform:none!important;will-change:auto}}
.motion-paused .mvp-section .mvp-panel.scroll-zoom-panel,.motion-paused .mvp-section .mvp-panel.scroll-zoom-panel.visible{transform:none!important;will-change:auto}
/* Independent symbol and lettering remove matte fringes without recolouring the mark. */
.company-logo img.logo-symbol-layer,[data-theme=dark] .company-logo img.logo-symbol-layer{clip-path:inset(0 60% 0 0);filter:url(#logo-purple-clean)}
.company-logo img.logo-wordmark-layer{clip-path:inset(0 0 0 40%);filter:url(#logo-text-dark)}
[data-theme=dark] .company-logo img.logo-wordmark-layer{filter:url(#logo-text-white)}
.company-logo,.company-logo img{border:0;outline:0;box-shadow:none}
/* Bare client marks on the section surface; no individual white cards. */
.customer-strip .customer-logo.supplied-logo{background:transparent;border:0;border-radius:0;box-shadow:none}
.customer-strip .customer-logo.supplied-logo img{filter:url(#client-logo-alpha);mix-blend-mode:normal}
/* Solid neutral client marks; alpha stays zero outside the source image. */
.customer-strip{border:0}
.customer-strip .customer-logo,.customer-strip .logo-set{border:0;outline:0;box-shadow:none}
.customer-strip .mark-droplet{width:136px;height:136px;top:calc(50% - 1px)}
.customer-strip .mark-wave{width:205px;height:205px;top:calc(50% + 1px)}
.customer-strip .mark-leaf{width:140px;height:140px;top:calc(50% + 5px)}
.customer-strip .customer-logo::before,.customer-strip .customer-logo::after{display:none}
/* Phone-only service accordion. Desktop and tablet retain the expanding rail. */
@media(max-width:600px){
 #solutions .expanded-services-grid{display:flex;flex-direction:column;height:auto;gap:12px;overflow:visible;padding:0}
 #solutions .rail-card,#solutions .rail-card.is-active,#solutions .rail-card:not(.is-active){display:flex;flex-direction:column;flex:none;width:100%;height:auto;background:var(--card);border:1px solid var(--border);border-radius:18px;transition:border-color .25s}
 #solutions .rail-card.is-active{border-color:var(--brand)}
 #solutions .rail-trigger{position:relative;inset:auto;order:0;display:flex;align-items:center;gap:12px;width:100%;min-height:82px;padding:18px;text-align:left;color:var(--text)}
 #solutions .rail-trigger::after{content:'+';margin-left:auto;font-size:24px;color:var(--brand);flex:none}
 #solutions .rail-card.is-active .rail-trigger::after{content:'−'}
 #solutions .rail-vertical-title{position:static;writing-mode:horizontal-tb;transform:none;opacity:1;background:none;color:var(--text);padding:0;white-space:normal;font-size:16px;line-height:1.4;font-weight:600;letter-spacing:0}
 #solutions .rail-symbol,#solutions .rail-card.is-active .rail-symbol{position:static;order:-1;transform:none;opacity:1;display:grid;place-items:center;min-width:38px;height:38px;padding:4px;background:var(--lavender);color:var(--brand);border-radius:10px;font-size:20px}
 #solutions .rail-number{display:none}
 #solutions .rail-content{position:relative;inset:auto;order:1;width:100%;height:auto;max-width:none;padding:0 20px 22px;display:none;transform:none;opacity:1;pointer-events:auto;transition:none;background:transparent}
 #solutions .rail-card.is-active .rail-content{display:block;animation:mobile-service-in .35s ease both}
 #solutions .rail-content h3{display:none}
 #solutions .rail-category{font-size:10px;margin:0 0 12px}
 #solutions .rail-content p{font-size:15px;line-height:1.7;margin-bottom:16px}
 #solutions .rail-features{font-size:14px;margin-bottom:18px}
 #solutions .rail-content a{font-size:14px;min-height:44px;display:inline-flex;align-items:center}
 #solutions .rail-image,#solutions .rail-card:not(.is-active) .rail-image,#solutions .rail-card.is-active .rail-image{position:relative;inset:auto;order:2;display:none;width:calc(100% - 40px);height:auto;max-height:none;aspect-ratio:2/3;object-fit:contain;margin:0 20px 20px;border-radius:13px;transform:none}
 #solutions .rail-card.is-active .rail-image{display:block;animation:mobile-service-in .45s ease both}
 @keyframes mobile-service-in{from{opacity:0;translate:0 8px}to{opacity:1;translate:0 0}}
}
@media(max-width:600px) and (prefers-reduced-motion:reduce){#solutions .rail-card.is-active .rail-content,#solutions .rail-card.is-active .rail-image{animation:none}}
.motion-paused #solutions .rail-card.is-active .rail-content,.motion-paused #solutions .rail-card.is-active .rail-image{animation:none}
/* Mobile service accordion uses text only. */
@media(max-width:600px){#solutions .rail-card .rail-image,#solutions .rail-card.is-active .rail-image{display:none}}
/* Notification-style entrance for the phone-only service list. */
@media(max-width:600px){
 #solutions .expanded-services-grid.notification-ready{overflow:clip;padding:8px 4px 18px;margin:0 -4px}
 #solutions .notification-ready .rail-card{opacity:0;transform:translateY(35px) scale(.94)}
 #solutions .notification-ready.notifications-arrived .rail-card{animation:service-notification .75s var(--notification-delay,0ms) both;box-shadow:0 7px 22px #211a520a}
 @keyframes service-notification{0%{opacity:0;transform:translateY(35px) scale(.94)}65%{opacity:1;transform:translateY(-4px) scale(1.008)}82%{opacity:1;transform:translateY(2px) scale(.998)}100%{opacity:1;transform:translateY(0) scale(1)}}
}
@media(prefers-reduced-motion:reduce){#solutions .notification-ready .rail-card,#solutions .notification-ready.notifications-arrived .rail-card{opacity:1;transform:none;animation:none}}
.motion-paused #solutions .notification-ready .rail-card,.motion-paused #solutions .notification-ready.notifications-arrived .rail-card{opacity:1;transform:none;animation:none}
/* Purposeful motion for the business outcomes and Magiz approach sections. */
.animated-business-section .problem-card,.animated-business-section .approach-card{position:relative;transition:background .6s,border-color .6s,box-shadow .6s,transform .6s,opacity .7s;transition-delay:0s!important}
.section-motion-entered .problem-card,.section-motion-entered .approach-card{animation:business-card-arrive .75s cubic-bezier(.22,1,.36,1) both;animation-delay:calc(var(--section-card-index)*120ms)}
@keyframes business-card-arrive{from{opacity:0;translate:0 25px}to{opacity:1;translate:0 0}}
.problem-card.motion-spotlight{background:var(--soft);border-color:var(--brand);box-shadow:0 10px 30px #a9008312}
.section-motion-running .problem-card.motion-spotlight i{display:block;animation:business-arrow-flow 1.2s ease-in-out infinite}
@keyframes business-arrow-flow{0%,100%{transform:translateY(-3px);opacity:.65}50%{transform:translateY(5px);opacity:1}}
.approach-card::after{content:'';position:absolute;top:-1px;left:0;width:100%;height:2px;background:linear-gradient(90deg,#d61aa8,#e9bdff);transform:scaleX(0);transform-origin:left;opacity:0;transition:transform .65s,opacity .4s;pointer-events:none}
.approach-card.motion-spotlight::after{transform:scaleX(1);opacity:1}
.approach-card>div>span{display:inline-block;transition:filter .6s,transform .6s}
.section-motion-running .approach-card.motion-spotlight>div>span{animation:approach-icon-lift 2.4s ease-in-out infinite;filter:drop-shadow(0 0 8px #d61aa880)}
@keyframes approach-icon-lift{0%,100%{transform:translateY(0) scale(1)}50%{transform:translateY(-5px) scale(1.12)}}
.approach-card h3{transition:color .5s}.approach-card.motion-spotlight h3{color:#ef9bdf}
@media(prefers-reduced-motion:reduce){.animated-business-section .problem-card,.animated-business-section .approach-card,.animated-business-section i,.animated-business-section .approach-card>div>span{animation:none!important;transition:none!important}.approach-card::after{transition:none}}
.motion-paused .animated-business-section .problem-card,.motion-paused .animated-business-section .approach-card,.motion-paused .animated-business-section i,.motion-paused .animated-business-section .approach-card>div>span{animation:none!important;transition:none!important}
/* Keep the ring centre attached to the 24h visual at every breakpoint. */
.mvp-panel .mvp-clock{isolation:isolate}
.mvp-panel .mvp-clock .magic-rings-background{inset:-75px -65px;background:radial-gradient(ellipse at center,#6d28d933,transparent 68%);z-index:-1;mask-image:radial-gradient(ellipse,#000 42%,transparent 74%)}
.mvp-panel .mvp-clock .magic-rings-background canvas{mask-image:none}
.mvp-floating-label{position:absolute;top:10px;left:50%;translate:-50% 0;padding:10px 18px;background:#211a52e6;border:1px solid #d61aa866;border-radius:999px;color:#f3e8ff;font-size:14px;font-weight:600;letter-spacing:.3px;white-space:nowrap;box-shadow:0 8px 30px #a9008324;animation:mvp-label-float 4s ease-in-out infinite;z-index:2}
@keyframes mvp-label-float{0%,100%{transform:translateY(0) rotate(-3deg)}50%{transform:translateY(-10px) rotate(2deg)}}
@media(max-width:800px){.mvp-panel .mvp-clock .magic-rings-background{inset:-45px -35px}.mvp-floating-label{top:8px;font-size:13px}}
@media(prefers-reduced-motion:reduce){.mvp-floating-label{animation:none}}
.motion-paused .mvp-floating-label{animation:none}

/* Performance audit section */
.perf-audit{background:linear-gradient(180deg,#f7f4fc 0%,var(--bg) 100%);border-top:1px solid var(--border)}
[data-theme=dark] .perf-audit{background:linear-gradient(180deg,#151221 0%,var(--bg) 100%)}
.lh-panel{background:#fff;color:var(--text);border-radius:18px;padding:28px 30px 24px;box-shadow:0 24px 50px #211a5212;border:1px solid var(--border)}
.lh-panel-top{display:grid;grid-template-columns:1.4fr .9fr;gap:28px;align-items:center;margin-bottom:22px}
.lh-scores{display:flex;flex-wrap:wrap;gap:18px 22px;align-items:flex-end}
.lh-gauge{position:relative;width:92px;text-align:center;font-family:Manrope,sans-serif}
.lh-gauge-lg{width:140px}
.lh-gauge svg{display:block;width:100%;height:auto;transform:rotate(-90deg)}
.lh-gauge .lh-track{fill:none;stroke:#e8e3f0;stroke-width:8}
.lh-gauge-lg .lh-track{stroke-width:10}
.lh-gauge .lh-arc{fill:none;stroke:#0cce6b;stroke-width:8;stroke-linecap:round;transition:stroke-dashoffset .8s ease}
.lh-gauge-lg .lh-arc{stroke-width:10}
.lh-gauge.lh-average .lh-arc{stroke:#ffa400}
.lh-gauge.lh-poor .lh-arc{stroke:#ff4e42}
.lh-gauge strong{position:absolute;inset:0 0 28px;display:grid;place-items:center;font-size:28px;font-weight:700;letter-spacing:-1px;color:#0cce6b}
.lh-gauge-lg strong{font-size:44px;inset:0 0 34px}
.lh-gauge.lh-average strong{color:#ffa400}
.lh-gauge.lh-poor strong{color:#ff4e42}
.lh-gauge span{display:block;margin-top:6px;font-size:12px;font-weight:500;color:var(--muted);letter-spacing:.2px}
.lh-ours-note{max-width:340px}
.lh-badge{display:inline-block;margin-bottom:10px;padding:5px 10px;border-radius:999px;background:var(--lavender);border:1px solid var(--border);font-size:11px;font-weight:600;letter-spacing:.4px;color:var(--brand)}
.lh-ours-note p{margin:0 0 14px;color:var(--muted);font-size:13px;line-height:1.7}
.lh-scale{display:flex;gap:14px;font-size:11px;color:var(--muted)}
.lh-scale span::before{content:"";display:inline-block;width:8px;height:8px;margin-right:6px;border-radius:50%;vertical-align:middle}
.lh-scale .lh-poor::before{background:#ff4e42;border-radius:2px;transform:rotate(45deg)}
.lh-scale .lh-average::before{background:#ffa400;border-radius:2px}
.lh-scale .lh-good::before{background:#0cce6b}
.lh-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;border-top:1px solid var(--border);padding-top:18px}
.lh-metric{display:flex;gap:10px;align-items:flex-start;padding:10px 8px;border-radius:10px;background:var(--soft);border:1px solid var(--border)}
.lh-metric small{display:block;font-size:11px;color:var(--muted);margin-bottom:4px}
.lh-metric strong{font-size:18px;font-weight:650;color:var(--text);letter-spacing:-.4px}
.lh-dot{width:8px;height:8px;border-radius:50%;background:#0cce6b;margin-top:7px;flex:none}
.lh-metric.lh-average .lh-dot{background:#ffa400}
.lh-metric.lh-poor .lh-dot{background:#ff4e42}
.lh-check{margin-top:28px;display:grid;gap:10px;max-width:760px}
.lh-check>label[for=lh-url]{font-family:Manrope,sans-serif;font-weight:650;font-size:18px;letter-spacing:-.4px}
.lh-strategy{display:inline-flex;gap:4px;padding:4px;border:1px solid var(--border);border-radius:10px;background:var(--soft);width:fit-content}
.lh-strategy-option{display:inline-flex;align-items:center;gap:0;margin:0;padding:9px 16px;border-radius:7px;font-size:13px;font-weight:600;color:var(--muted);cursor:pointer;user-select:none}
.lh-strategy-option input{position:absolute;opacity:0;pointer-events:none}
.lh-strategy-option:has(input:checked){background:var(--card);color:var(--text);box-shadow:0 1px 3px #211a5214}
.lh-strategy-option:has(input:focus-visible){outline:3px solid var(--pink);outline-offset:1px}
.lh-view-tabs{display:inline-flex;gap:4px;padding:4px;margin-bottom:18px;border:1px solid var(--border);border-radius:10px;background:var(--soft)}
.lh-view-tab{border:0;background:transparent;color:var(--muted);padding:9px 16px;border-radius:7px;font-size:13px;font-weight:600;cursor:pointer}
.lh-view-tab.is-active{background:#fff;color:var(--brand);box-shadow:0 1px 3px #211a5214}
.lh-view-tab:focus-visible{outline:3px solid var(--pink);outline-offset:1px}
.lh-check-row{display:flex;gap:12px;align-items:stretch}
.lh-check input[type=url],.lh-check input[name=url]{flex:1;min-width:0;border:1px solid var(--border);background:var(--card);border-radius:9px;padding:14px 16px;color:var(--text)}
.lh-check input[type=url]:focus,.lh-check input[name=url]:focus{outline:3px solid var(--pink);outline-offset:2px}
.lh-check-hint,.lh-check-status{margin:0;font-size:13px;color:var(--muted)}
.lh-check-status[data-state=error]{color:#b42318}
.lh-check-status[data-state=loading]{color:var(--brand)}
.lh-check-status[data-state=ready]{color:#1f7a4d}
.lh-result{margin-top:22px}
.lh-check button:disabled{opacity:.65;transform:none;cursor:wait}
.perf-jump{align-self:flex-end;margin-bottom:6px;color:var(--brand);font-size:20px;font-weight:700;letter-spacing:-.3px}
.perf-jump:hover{color:var(--pink)}
.perf-jump span{font-size:1.05em}
[data-theme=dark] .lh-panel{background:var(--card);border-color:var(--border);color:var(--text)}
[data-theme=dark] .lh-gauge .lh-track{stroke:#332c43}
[data-theme=dark] .lh-metric{background:var(--soft)}
[data-theme=dark] .lh-view-tabs{background:var(--soft);border-color:var(--border)}
[data-theme=dark] .lh-view-tab.is-active{background:var(--card);color:var(--brand)}
@media(max-width:800px){.perf-jump{align-self:flex-start;margin-bottom:0;font-size:18px}}
@media(max-width:900px){.lh-panel-top{grid-template-columns:1fr}.lh-metrics{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.lh-panel{padding:22px 18px}.lh-scores{justify-content:center;gap:14px}.lh-gauge{width:84px}.lh-gauge-lg{width:120px}.lh-gauge strong{font-size:24px}.lh-gauge-lg strong{font-size:36px}.lh-check-row{flex-direction:column}.lh-metrics{grid-template-columns:1fr}}
.insights .blog-card-image{aspect-ratio:3/2;height:auto;margin-bottom:22px;border-radius:9px;overflow:hidden;border:1px solid var(--border);background:linear-gradient(135deg,#faf8ff,#f3e8ff)}.insights .blog-card-image img{display:block;width:100%;height:100%;object-fit:cover;object-position:center;transition:transform .5s}.insights .insight-card:hover .blog-card-image img{transform:scale(1.035)}@media(prefers-reduced-motion:reduce){.insights .blog-card-image img{transition:none}.insights .insight-card:hover .blog-card-image img{transform:none}}