/* Kailvex SEO and trust pages */
.nav-product--services .nav-product__menu{width:650px;display:grid;grid-template-columns:1fr 1fr;gap:3px}.nav-product--services .nav-product__menu a:first-child{grid-column:1/-1;border-bottom:1px solid var(--line);margin-bottom:5px}.nav-product summary.is-active::after{right:0}.nav__actions svg,.btn svg{width:17px;height:17px}.footer-main--deep{grid-template-columns:1.45fr repeat(3,1fr)}.footer-location{display:inline-flex;margin-top:18px;padding:8px 11px;border:1px solid rgba(255,255,255,.1);border-radius:999px;color:rgba(255,255,255,.62);font-size:.72rem}.footer-mini-links{display:flex;gap:14px}.footer-mini-links a{color:rgba(255,255,255,.48)}
.breadcrumbs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px;color:#6b7b90;font-size:.72rem;font-weight:760}.breadcrumbs a:hover{color:var(--blue-700)}.breadcrumbs i{font-style:normal;color:#a6b2c1}
.seo-hero{position:relative;min-height:760px;display:grid;align-items:center;padding:145px 0 82px;overflow:hidden;background:linear-gradient(145deg,#fff,#f2f7ff)}.seo-hero::before{content:"";position:absolute;width:720px;height:720px;right:-260px;top:-210px;border-radius:50%;background:radial-gradient(circle,rgba(7,141,255,.22),transparent 68%)}.seo-hero::after{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(7,93,226,.042) 1px,transparent 1px),linear-gradient(90deg,rgba(7,93,226,.042) 1px,transparent 1px);background-size:58px 58px;mask-image:linear-gradient(115deg,#000,transparent 80%)}.seo-hero-grid{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,.95fr) minmax(420px,1.05fr);gap:70px;align-items:center}.seo-hero h1{margin-top:22px;font-size:clamp(3.25rem,5.8vw,6rem)}.seo-hero-copy>p{max-width:680px;margin-top:24px;color:#53647a;font-size:clamp(1.04rem,1.6vw,1.2rem)}.seo-trust{display:flex;flex-wrap:wrap;gap:10px;margin-top:30px}.seo-trust span{display:inline-flex;align-items:center;gap:7px;padding:9px 11px;border:1px solid var(--line);border-radius:999px;background:rgba(255,255,255,.8);color:#3e5571;font-size:.7rem;font-weight:820}.seo-trust svg{width:15px;height:15px;color:#0aaa73}
.seo-visual{position:relative;min-height:550px;display:grid;place-items:center;perspective:1200px}.seo-visual::before{content:"";position:absolute;width:78%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(7,141,255,.27),transparent 67%);filter:blur(20px);animation:breathe 5s ease-in-out infinite}.seo-orbit{position:absolute;left:50%;top:50%;border:1px solid rgba(7,93,226,.18);border-radius:50%;transform:translate(-50%,-50%);animation:spin 18s linear infinite}.seo-orbit--one{width:440px;height:440px}.seo-orbit--two{width:320px;height:320px;animation-direction:reverse;animation-duration:13s}.seo-orbit span{position:absolute;left:50%;top:-7px;width:14px;height:14px;margin-left:-7px;border-radius:50%;background:#078dff;box-shadow:0 0 22px rgba(7,141,255,.8)}.seo-core{position:relative;z-index:2;width:260px;min-height:245px;display:grid;place-items:center;align-content:center;padding:28px;text-align:center;border:1px solid rgba(255,255,255,.9);border-radius:36px;background:rgba(255,255,255,.75);box-shadow:0 38px 90px rgba(4,35,88,.19);backdrop-filter:blur(20px);animation:seoFloat 5s ease-in-out infinite}.seo-core__icon{width:78px;height:78px;display:grid;place-items:center;border-radius:23px;color:#fff;background:linear-gradient(135deg,var(--blue-700),var(--blue-500));box-shadow:0 18px 38px rgba(7,93,226,.28)}.seo-core__icon svg{width:34px;height:34px}.seo-core strong{margin-top:24px;font-size:1.25rem}.seo-core small{margin-top:9px;color:var(--muted);font-size:.7rem}.seo-float{position:absolute;z-index:3;padding:11px 14px;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.9);box-shadow:0 15px 34px rgba(4,35,88,.11);color:#1d3f69;font-size:.72rem;font-weight:850;animation:floatY 4.5s ease-in-out infinite}.seo-float--one{left:3%;top:23%}.seo-float--two{right:0;top:38%;animation-delay:-1.2s}.seo-float--three{left:12%;bottom:12%;animation-delay:-2.2s}@keyframes seoFloat{50%{transform:translateY(-9px) rotateY(-3deg)}}@keyframes floatY{50%{transform:translateY(-10px)}}@keyframes breathe{50%{transform:scale(1.08);opacity:.8}}
.trust-ribbon{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#fff}.trust-ribbon .container{display:grid;grid-template-columns:repeat(4,1fr)}.trust-ribbon span{min-height:82px;display:grid;place-items:center;padding:16px;text-align:center;border-right:1px solid var(--line);color:#40536c;font-size:.78rem;font-weight:850}.trust-ribbon span:last-child{border-right:0}
.capability-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.capability-card{--tilt-x:0deg;--tilt-y:0deg;position:relative;min-height:300px;display:flex;flex-direction:column;padding:28px;overflow:hidden;border:1px solid var(--line);border-radius:28px;background:#fff;box-shadow:0 12px 34px rgba(4,35,88,.055);transform:perspective(1100px) rotateX(var(--tilt-x)) rotateY(var(--tilt-y));transition:transform .22s ease-out,border-color .35s ease,box-shadow .35s ease}.capability-card:hover{border-color:rgba(7,93,226,.24);box-shadow:0 26px 62px rgba(4,43,108,.12)}.capability-card::after{content:"";position:absolute;width:180px;height:180px;right:-95px;bottom:-100px;border-radius:50%;background:radial-gradient(circle,rgba(7,141,255,.17),transparent 68%)}.capability-icon{width:54px;height:54px;display:grid;place-items:center;border-radius:17px;color:#fff;background:linear-gradient(135deg,var(--blue-700),var(--blue-500));box-shadow:0 15px 29px rgba(7,93,226,.23)}.capability-icon svg{width:25px;height:25px}.capability-card h3{margin-top:46px;font-size:1.25rem}.capability-card p{margin-top:13px;color:var(--muted);font-size:.9rem}.capability-line{width:42px;height:3px;margin-top:auto;border-radius:99px;background:linear-gradient(90deg,var(--blue-700),var(--cyan))}
.outcome-layout{display:grid;grid-template-columns:.82fr 1.18fr;gap:60px;align-items:start}.outcome-copy{position:sticky;top:120px}.outcome-copy h2{margin-top:14px;font-size:clamp(2.6rem,4.4vw,4.6rem)}.outcome-copy>p{margin-top:20px;color:var(--muted)}.industry-cloud{display:flex;flex-wrap:wrap;gap:9px;margin-top:28px}.industry-cloud span{padding:8px 11px;border:1px solid rgba(7,93,226,.13);border-radius:999px;background:#fff;color:#345371;font-size:.7rem;font-weight:830}.outcome-grid{display:grid;gap:14px}.outcome-grid article{display:grid;grid-template-columns:52px 1fr;column-gap:18px;padding:24px;border:1px solid var(--line);border-radius:24px;background:#fff;box-shadow:0 10px 28px rgba(4,35,88,.045)}.outcome-grid article>span{grid-row:1/3;color:var(--blue-600);font-size:.75rem;font-weight:930;letter-spacing:.1em}.outcome-grid h3{font-size:1.18rem}.outcome-grid p{margin-top:8px;color:var(--muted);font-size:.87rem}
.seo-process{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.seo-process-step{min-height:245px;padding:24px;border:1px solid rgba(255,255,255,.1);border-radius:24px;background:rgba(255,255,255,.055);opacity:.35;transform:translateY(24px);transition:opacity .7s ease,transform .7s var(--ease),background .35s ease,border-color .35s ease;transition-delay:calc(var(--i)*120ms)}.seo-process-step.is-visible{opacity:1;transform:none}.seo-process-step:hover{border-color:rgba(103,208,255,.35);background:rgba(7,141,255,.13);transform:translateY(-6px)}.seo-process-step b{color:#73dcff;font-size:.72rem;letter-spacing:.1em}.seo-process-step h3{margin-top:30px;color:#fff;font-size:1.15rem}.seo-process-step p{margin-top:11px;color:rgba(255,255,255,.58);font-size:.82rem}.section-head--center{grid-template-columns:1fr;text-align:center;justify-items:center}.section-head--center h2{max-width:820px}.seo-cta{display:flex;align-items:center;justify-content:space-between;gap:40px;padding:46px;border-radius:34px;color:#fff;background:radial-gradient(circle at 85% 20%,rgba(103,208,255,.23),transparent 26%),linear-gradient(145deg,#030814,#082b67);box-shadow:var(--shadow-lg)}.seo-cta h2{max-width:760px;margin-top:13px;font-size:clamp(2.3rem,4vw,4rem)}.seo-cta p{max-width:680px;margin-top:16px;color:rgba(255,255,255,.63)}.seo-cta .hero-actions{flex:0 0 auto}
/* services hub */.services-hub-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.service-hub-card{--tilt-x:0deg;--tilt-y:0deg;display:grid;grid-template-columns:70px 1fr auto;gap:22px;align-items:center;min-height:190px;padding:28px;border:1px solid var(--line);border-radius:28px;background:#fff;box-shadow:0 12px 34px rgba(4,35,88,.055);transform:perspective(1100px) rotateX(var(--tilt-x)) rotateY(var(--tilt-y));transition:transform .22s ease-out,border-color .35s ease,box-shadow .35s ease}.service-hub-card:hover{border-color:rgba(7,93,226,.24);box-shadow:0 27px 62px rgba(4,43,108,.12)}.service-hub-icon{width:64px;height:64px;display:grid;place-items:center;border-radius:19px;color:#fff;background:linear-gradient(135deg,var(--blue-700),var(--blue-500));box-shadow:0 15px 29px rgba(7,93,226,.23)}.service-hub-icon svg{width:28px;height:28px}.service-hub-card h3{font-size:1.3rem}.service-hub-card p{margin-top:9px;color:var(--muted);font-size:.88rem}.service-hub-arrow{width:42px;height:42px;display:grid;place-items:center;border-radius:50%;color:var(--blue-700);background:#edf6ff}.service-hub-arrow svg{width:18px;height:18px}
/* About */.principles-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.principle-card{min-height:250px;padding:24px;border:1px solid var(--line);border-radius:25px;background:#fff}.principle-card b{color:var(--blue-600);font-size:.72rem;letter-spacing:.1em}.principle-card h3{margin-top:30px;font-size:1.18rem}.principle-card p{margin-top:11px;color:var(--muted);font-size:.85rem}.about-story{display:grid;grid-template-columns:1fr 1fr;gap:55px;align-items:center}.about-story h2{font-size:clamp(2.7rem,4.6vw,4.8rem)}.about-story p{margin-top:18px;color:var(--muted)}.about-visual{position:relative;min-height:500px;overflow:hidden;border-radius:34px;background:linear-gradient(150deg,#041126,#0a3d8c 62%,#078dff);box-shadow:var(--shadow-lg)}.about-visual::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.07) 1px,transparent 1px);background-size:52px 52px;mask-image:linear-gradient(135deg,#000,transparent 75%)}.about-logo{position:absolute;left:50%;top:50%;width:210px;height:210px;transform:translate(-50%,-50%);border-radius:34px;background:#fff url('kailvex-logo.webp') center/74% no-repeat;box-shadow:0 30px 70px rgba(0,0,0,.3)}.about-pill{position:absolute;padding:11px 14px;border:1px solid rgba(255,255,255,.14);border-radius:14px;color:#fff;background:rgba(2,8,23,.45);backdrop-filter:blur(12px);font-size:.72rem;font-weight:850}.about-pill:nth-child(2){left:25px;top:28px}.about-pill:nth-child(3){right:25px;top:120px}.about-pill:nth-child(4){left:40px;bottom:42px}
/* Contact */.contact-hero{min-height:620px}.contact-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:28px;align-items:start}.contact-information{position:sticky;top:112px;padding:36px;border-radius:30px;color:#fff;background:radial-gradient(circle at 15% 15%,rgba(7,141,255,.28),transparent 25%),linear-gradient(145deg,#030814,#092b67);box-shadow:var(--shadow-lg)}.contact-information h2{font-size:clamp(2.3rem,4vw,3.8rem)}.contact-information>p{margin-top:18px;color:rgba(255,255,255,.63)}.contact-methods{display:grid;gap:14px;margin-top:30px}.contact-method{display:grid;grid-template-columns:48px 1fr;gap:14px;align-items:center;padding:14px;border:1px solid rgba(255,255,255,.1);border-radius:18px;background:rgba(255,255,255,.055)}.contact-method span:first-child{width:48px;height:48px;display:grid;place-items:center;border-radius:15px;color:#fff;background:linear-gradient(135deg,var(--blue-600),var(--blue-500))}.contact-method svg{width:21px;height:21px}.contact-method strong{display:block;font-size:.88rem}.contact-method small{display:block;margin-top:4px;color:rgba(255,255,255,.56);font-size:.72rem}.contact-form-shell{padding:38px;border:1px solid var(--line);border-radius:30px;background:#fff;box-shadow:0 18px 52px rgba(4,35,88,.08)}.contact-form-shell h2{font-size:2rem}.contact-form-shell>p{margin-top:10px;color:var(--muted)}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:17px;margin-top:28px}.field{display:grid;gap:8px}.field--full{grid-column:1/-1}.field label{color:#26364e;font-size:.8rem;font-weight:850}.field input,.field select,.field textarea{width:100%;padding:13px 14px;border:1px solid #dce5f0;border-radius:13px;background:#fbfcfe;color:var(--ink);outline:none;transition:border-color .2s ease,box-shadow .2s ease}.field textarea{min-height:145px;resize:vertical}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--blue-500);box-shadow:0 0 0 4px rgba(7,141,255,.1);background:#fff}.honeypot{position:absolute!important;left:-9999px!important;opacity:0!important}.recaptcha-shell{min-height:78px;display:flex;align-items:center;padding:10px;border:1px solid var(--line);border-radius:14px;background:#f8fbff}.recaptcha-help,.form-note{color:var(--muted);font-size:.72rem}.contact-submit{justify-self:start}.contact-submit.is-loading{opacity:.65;pointer-events:none}.form-status{min-height:24px;margin-top:8px;color:var(--blue-700);font-size:.82rem;font-weight:800}.form-status.is-error{color:#c83232}.form-status.is-success{color:#087a52}.next-step-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.next-step-grid article{padding:25px;border:1px solid var(--line);border-radius:24px;background:#fff}.next-step-grid b{color:var(--blue-600);font-size:.72rem}.next-step-grid h3{margin-top:22px;font-size:1.15rem}.next-step-grid p{margin-top:10px;color:var(--muted);font-size:.84rem}
/* Legal and sitemap */.legal-hero{min-height:460px}.legal-wrap{display:grid;grid-template-columns:250px minmax(0,1fr);gap:55px;align-items:start}.legal-nav{position:sticky;top:110px;display:grid;gap:8px;padding:18px;border:1px solid var(--line);border-radius:22px;background:#fff}.legal-nav a{padding:10px 11px;border-radius:10px;color:#52657c;font-size:.78rem;font-weight:800}.legal-nav a:hover{color:var(--blue-700);background:#eff6ff}.legal-content{max-width:850px}.legal-content section{scroll-margin-top:110px;padding-bottom:34px;margin-bottom:34px;border-bottom:1px solid var(--line)}.legal-content h2{font-size:1.65rem}.legal-content h3{margin-top:20px;font-size:1.1rem}.legal-content p,.legal-content li{margin-top:12px;color:var(--muted);font-size:.92rem}.legal-content ul{padding-left:20px}.updated-note{display:inline-flex;margin-top:18px;padding:8px 11px;border-radius:999px;background:#edf6ff;color:var(--blue-700);font-size:.72rem;font-weight:850}.html-sitemap-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.sitemap-card{padding:26px;border:1px solid var(--line);border-radius:24px;background:#fff}.sitemap-card h2{font-size:1.25rem}.sitemap-card ul{list-style:none;display:grid;gap:10px;margin:18px 0 0;padding:0}.sitemap-card a{color:#536780;font-size:.85rem}.sitemap-card a:hover{color:var(--blue-700)}
/* 404 */.notfound{min-height:100vh;display:grid;place-items:center;padding:110px 20px;background:radial-gradient(circle at 75% 20%,rgba(7,141,255,.2),transparent 28%),linear-gradient(145deg,#fff,#f2f7ff)}.notfound-inner{max-width:780px;text-align:center}.notfound-number{font-size:clamp(7rem,20vw,15rem);font-weight:950;letter-spacing:-.1em;line-height:.75;color:transparent;background:linear-gradient(135deg,var(--blue-700),var(--blue-500),#73dcff);background-clip:text;-webkit-background-clip:text}.notfound h1{margin-top:35px;font-size:clamp(2.4rem,5vw,4.5rem)}.notfound p{max-width:620px;margin:20px auto 0;color:var(--muted)}
@media(max-width:1100px){.seo-hero-grid{grid-template-columns:1fr 440px;gap:35px}.capability-grid{grid-template-columns:repeat(2,1fr)}.seo-process{grid-template-columns:repeat(2,1fr)}.principles-grid{grid-template-columns:repeat(2,1fr)}.footer-main--deep{grid-template-columns:1.3fr repeat(2,1fr)}.footer-col:last-child{grid-column:2/-1}.services-hub-grid{grid-template-columns:1fr}.nav-product--services .nav-product__menu{width:570px}}
@media(max-width:860px){.nav-product--services .nav-product__menu{width:100%;display:none}.nav-product--services[open] .nav-product__menu{display:block}.nav-product--services .nav-product__menu a:first-child{grid-column:auto}.seo-hero{min-height:auto;padding-top:130px}.seo-hero-grid,.outcome-layout,.about-story,.contact-grid{grid-template-columns:1fr}.seo-hero-copy{text-align:center}.breadcrumbs,.seo-trust,.seo-hero .hero-actions{justify-content:center}.seo-visual{min-height:480px}.trust-ribbon .container{grid-template-columns:repeat(2,1fr)}.trust-ribbon span:nth-child(2){border-right:0}.trust-ribbon span:nth-child(-n+2){border-bottom:1px solid var(--line)}.outcome-copy,.contact-information{position:static}.seo-cta{display:grid}.seo-cta .hero-actions{justify-content:start}.footer-main--deep{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/-1}.footer-col:last-child{grid-column:auto}.html-sitemap-grid{grid-template-columns:1fr 1fr}.legal-wrap{grid-template-columns:1fr}.legal-nav{position:static;grid-template-columns:repeat(2,1fr)}.next-step-grid{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr}.field--full{grid-column:auto}}
@media(max-width:620px){.seo-hero h1{font-size:clamp(2.75rem,13vw,4.4rem)}.seo-visual{min-height:390px}.seo-orbit--one{width:330px;height:330px}.seo-orbit--two{width:245px;height:245px}.seo-core{width:215px;min-height:205px;border-radius:28px}.seo-float{font-size:.62rem}.seo-float--one{left:0}.seo-float--two{right:0}.trust-ribbon .container,.capability-grid,.seo-process,.principles-grid,.html-sitemap-grid{grid-template-columns:1fr}.trust-ribbon span{border-right:0;border-bottom:1px solid var(--line)}.trust-ribbon span:last-child{border-bottom:0}.seo-cta{padding:30px 22px;border-radius:26px}.seo-cta .btn{width:100%}.service-hub-card{grid-template-columns:58px 1fr;padding:22px}.service-hub-icon{width:54px;height:54px}.service-hub-arrow{display:none}.footer-main--deep{grid-template-columns:1fr}.footer-brand,.footer-col:last-child{grid-column:auto}.footer-bottom{display:grid}.footer-mini-links{order:2}.contact-form-shell,.contact-information{padding:25px 20px;border-radius:25px}.about-visual{min-height:390px}.about-logo{width:170px;height:170px}.legal-nav{grid-template-columns:1fr}}


/* === 2026-06 layout refinement and unique hero scenes === */
.seo-page .section-head{align-items:center;gap:34px}
.seo-page .section-head h2{font-size:clamp(2.3rem,3.8vw,4.05rem);line-height:1.04}
.seo-page .section-head>p{max-width:560px;font-size:.96rem}
.seo-hero{min-height:680px;padding:132px 0 72px}
.seo-hero-grid{grid-template-columns:minmax(0,1.02fr) minmax(380px,.98fr);gap:42px;align-items:center}
.seo-hero h1{max-width:690px;font-size:clamp(2.8rem,5vw,5.1rem);line-height:.95}
.seo-hero-copy>p{max-width:610px;font-size:clamp(.98rem,1.35vw,1.08rem);line-height:1.72}
.seo-visual{min-height:455px}
.hero-scene{position:relative;min-height:455px;display:grid;place-items:center;overflow:hidden;isolation:isolate}
.hero-scene::before{content:"";position:absolute;inset:10% 6%;border-radius:36px;background:radial-gradient(circle at 50% 40%,rgba(7,141,255,.16),transparent 60%);filter:blur(16px);z-index:0}
.hero-scene::after{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(7,93,226,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(7,93,226,.04) 1px,transparent 1px);background-size:40px 40px;mask-image:radial-gradient(circle at center,#000 54%,transparent 82%);opacity:.55;z-index:0}
.hero-surface,.scene-card,.scene-panel,.scene-browser,.scene-phone,.scene-search,.scene-payment{position:absolute;z-index:2;border:1px solid rgba(7,93,226,.1);background:rgba(255,255,255,.88);box-shadow:0 22px 54px rgba(4,35,88,.12);backdrop-filter:blur(16px)}
.scene-card{width:250px;min-height:220px;padding:22px;border-radius:30px;display:grid;place-items:center;align-content:center;text-align:center;animation:seoFloat 6s ease-in-out infinite}
.scene-card h3{margin-top:18px;font-size:1.45rem;line-height:1.1}
.scene-card p{margin-top:10px;color:var(--muted);font-size:.76rem;line-height:1.55}
.scene-icon{width:74px;height:74px;display:grid;place-items:center;border-radius:22px;color:#fff;background:linear-gradient(135deg,var(--blue-700),var(--blue-500));box-shadow:0 16px 32px rgba(7,93,226,.24)}
.scene-icon svg{width:33px;height:33px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.scene-badge{position:absolute;z-index:3;padding:11px 15px;border:1px solid rgba(7,93,226,.1);border-radius:16px;background:rgba(255,255,255,.94);box-shadow:0 18px 38px rgba(4,35,88,.09);color:#18365b;font-size:.74rem;font-weight:850;white-space:nowrap;animation:floatY 4.6s ease-in-out infinite}
.scene-badge small{display:block;margin-top:3px;color:#6e7d93;font-size:.58rem;font-weight:800}
.scene-panel{padding:16px 17px;border-radius:24px;display:grid;gap:10px}
.scene-panel h4{font-size:.88rem;line-height:1.2}
.scene-panel p,.scene-panel li,.scene-panel small{color:#617186;font-size:.7rem;line-height:1.55}
.scene-panel ul{display:grid;gap:7px;margin:2px 0 0;padding:0;list-style:none}
.scene-panel li{display:flex;align-items:center;gap:8px}
.scene-panel li::before{content:"";width:8px;height:8px;border-radius:50%;background:linear-gradient(135deg,var(--blue-700),var(--blue-500));box-shadow:0 0 0 5px rgba(7,141,255,.09)}
.scene-browser{width:280px;min-height:206px;padding:14px;border-radius:28px}
.scene-browser__bar{display:flex;align-items:center;gap:7px;margin-bottom:12px}
.scene-browser__bar i{width:8px;height:8px;border-radius:50%;background:#c9d7e7}
.scene-browser__search{flex:1;height:28px;border-radius:999px;background:linear-gradient(90deg,#eef6ff,#f9fbff);border:1px solid #dbe8f4}
.scene-browser__screen{display:grid;grid-template-columns:1.2fr .9fr;gap:12px}
.scene-browser__hero{min-height:116px;border-radius:18px;background:linear-gradient(135deg,#082d70,#079cff);position:relative;overflow:hidden}
.scene-browser__hero::before{content:"";position:absolute;left:14px;top:18px;width:56%;height:10px;border-radius:999px;background:rgba(255,255,255,.88);box-shadow:0 19px 0 rgba(255,255,255,.56),0 38px 0 rgba(255,255,255,.36)}
.scene-browser__grid{display:grid;gap:10px}
.scene-browser__grid span{display:block;height:34px;border-radius:12px;background:linear-gradient(145deg,#ecf4fd,#fff);border:1px solid #e3edf8}
.scene-phone{width:185px;height:338px;padding:12px;border-radius:34px;border-width:7px;border-style:solid;border-color:#061126;background:#fff;box-shadow:0 32px 70px rgba(4,35,88,.18)}
.scene-phone::before{content:"";position:absolute;left:50%;top:5px;width:74px;height:18px;transform:translateX(-50%);border-radius:0 0 13px 13px;background:#061126}
.scene-phone__head{height:44px;display:flex;align-items:end;gap:6px;padding:0 4px 8px}
.scene-phone__head span{margin-right:auto;width:60px;height:12px;border-radius:999px;background:linear-gradient(135deg,#075ce2,#3bc0ff)}
.scene-phone__head i{width:18px;height:18px;border-radius:50%;background:#edf4fb}
.scene-phone__hero{height:86px;border-radius:17px;background:linear-gradient(135deg,#0a4dbd,#079cff);position:relative;overflow:hidden}
.scene-phone__hero::before{content:"";position:absolute;left:12px;top:17px;width:48px;height:8px;border-radius:999px;background:rgba(255,255,255,.92);box-shadow:0 16px 0 rgba(255,255,255,.54)}
.scene-phone__grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px}
.scene-phone__grid span{display:block;height:74px;border-radius:13px;background:linear-gradient(145deg,#edf6ff,#fff);border:1px solid #deebf7}
.scene-search{width:290px;min-height:250px;padding:16px;border-radius:30px;display:grid;gap:10px}
.scene-search__top{height:42px;border-radius:999px;background:#f4f9ff;border:1px solid #dde7f4;display:flex;align-items:center;padding:0 14px;color:#7a8aa0;font-size:.72rem}
.scene-search__result{padding:12px 14px;border-radius:16px;background:linear-gradient(145deg,#f8fbff,#fff);border:1px solid #e2ecf7}
.scene-search__result b{display:block;color:#11284d;font-size:.8rem}
.scene-search__result small{display:block;margin-top:6px;color:#64758a;font-size:.66rem;line-height:1.45}
.scene-payment{width:270px;min-height:220px;padding:18px;border-radius:28px;display:grid;gap:12px}
.scene-payment__card{min-height:112px;border-radius:18px;color:#fff;background:linear-gradient(135deg,#082a67,#079cff);padding:16px;position:relative;overflow:hidden}
.scene-payment__card::after{content:"";position:absolute;width:110px;height:110px;right:-30px;bottom:-55px;border:14px solid rgba(255,255,255,.12);border-radius:50%}
.scene-payment__card strong{display:block;font-size:1rem}.scene-payment__card small{display:block;margin-top:30px;color:rgba(255,255,255,.8);font-size:.66rem;letter-spacing:.08em;text-transform:uppercase}
.scene-payment__rows{display:grid;gap:8px}.scene-payment__rows span{display:block;height:14px;border-radius:999px;background:linear-gradient(90deg,#e6eff9,#f7fbff)}
.scene-service-grid{position:absolute;inset:40px 25px;z-index:2;display:grid;grid-template-columns:1fr 1fr;gap:14px}
.scene-tile{padding:18px;border:1px solid rgba(7,93,226,.1);border-radius:24px;background:rgba(255,255,255,.92);box-shadow:0 15px 34px rgba(4,35,88,.09);display:grid;gap:10px;align-content:start}
.scene-tile .scene-icon{width:56px;height:56px;border-radius:18px}.scene-tile .scene-icon svg{width:24px;height:24px}
.scene-tile strong{font-size:.95rem;line-height:1.2}.scene-tile small{color:#64758a;font-size:.68rem;line-height:1.45}
.hero-scene--about .scene-card{right:22%;top:20px}
.hero-scene--about .scene-badge--a{left:6%;top:42px}.hero-scene--about .scene-badge--b{right:7%;bottom:36px;animation-delay:-1.2s}.hero-scene--about .scene-panel--a{left:4%;bottom:34px;width:190px}.hero-scene--about .scene-panel--b{right:2%;top:128px;width:175px}
.hero-scene--contact .scene-card{right:20%;top:22px}.hero-scene--contact .scene-panel--a{left:4%;top:46px;width:192px}.hero-scene--contact .scene-panel--b{right:2%;bottom:24px;width:188px}.hero-scene--contact .scene-badge--a{left:14%;bottom:28px}.hero-scene--contact .scene-badge--b{right:14%;top:58px;animation-delay:-1.3s}
.hero-scene--automation .scene-card{left:50%;top:46%;transform:translate(-50%,-50%)}.hero-scene--automation .scene-panel--a{left:4%;top:58px;width:188px}.hero-scene--automation .scene-panel--b{right:2%;bottom:34px;width:180px}.hero-scene--automation .scene-badge--a{left:7%;bottom:36px}.hero-scene--automation .scene-badge--b{right:8%;top:74px}
.hero-scene--web .scene-browser{left:5%;top:66px;transform:rotateY(7deg)}.hero-scene--web .scene-phone{right:9%;bottom:34px;transform:rotateY(-9deg) rotateZ(2deg);z-index:3}.hero-scene--web .scene-badge--a{right:8%;top:44px}.hero-scene--web .scene-badge--b{left:9%;bottom:26px;animation-delay:-1.1s}
.hero-scene--software .scene-card{left:10%;top:114px}.hero-scene--software .scene-panel--a{right:3%;top:46px;width:210px}.hero-scene--software .scene-panel--b{right:7%;bottom:36px;width:194px}.hero-scene--software .scene-badge--a{left:12%;bottom:30px}
.hero-scene--mobile .scene-phone--left{left:9%;top:52px;transform:rotateY(10deg) rotateZ(-5deg)}.hero-scene--mobile .scene-phone--right{right:8%;top:84px;transform:rotateY(-10deg) rotateZ(6deg)}.hero-scene--mobile .scene-badge--a{left:36%;top:26px}.hero-scene--mobile .scene-badge--b{left:32%;bottom:26px;animation-delay:-1s}
.hero-scene--seo .scene-search{left:6%;top:52px}.hero-scene--seo .scene-panel--a{right:2%;top:72px;width:185px}.hero-scene--seo .scene-panel--b{right:8%;bottom:34px;width:176px}.hero-scene--seo .scene-badge--a{left:15%;bottom:24px}
.hero-scene--payment .scene-payment{left:6%;top:72px}.hero-scene--payment .scene-phone{right:7%;top:58px;transform:rotateY(-10deg)}.hero-scene--payment .scene-badge--a{right:10%;bottom:36px}.hero-scene--payment .scene-badge--b{left:10%;bottom:26px;animation-delay:-1.2s}
.hero-scene--services .scene-service-grid{position:absolute}.hero-scene--services .scene-badge--a{left:8%;top:18px}.hero-scene--services .scene-badge--b{right:8%;bottom:14px;animation-delay:-1.1s}
@media(max-width:1100px){.seo-hero-grid{grid-template-columns:1fr 430px}.seo-page .section-head{grid-template-columns:1fr}.seo-page .section-head>p{justify-self:start;max-width:680px}}
@media(max-width:860px){.seo-hero-grid{grid-template-columns:1fr}.seo-visual,.hero-scene{min-height:410px}.hero-scene .scene-panel{display:none}.hero-scene--services .scene-service-grid{inset:30px 18px}.hero-scene--web .scene-browser{left:2%}.hero-scene--web .scene-phone{right:2%}.hero-scene--software .scene-card{left:50%;top:48%;transform:translate(-50%,-50%)}.hero-scene--mobile .scene-phone--left{left:6%}.hero-scene--mobile .scene-phone--right{right:6%}}
@media(max-width:620px){.seo-hero{padding-top:118px;padding-bottom:56px}.seo-hero h1{font-size:clamp(2.45rem,12vw,4rem)}.hero-scene,.seo-visual{min-height:360px}.scene-card{width:210px;min-height:190px;padding:18px}.scene-card h3{font-size:1.22rem}.scene-icon{width:62px;height:62px}.hero-scene .scene-badge{font-size:.62rem;padding:8px 11px;border-radius:12px}.hero-scene--mobile .scene-phone{width:144px;height:278px;padding:10px;border-width:6px;border-radius:28px}.hero-scene--mobile .scene-phone__hero{height:62px}.hero-scene--web .scene-browser{width:210px;min-height:170px}.hero-scene--payment .scene-payment,.hero-scene--seo .scene-search{width:220px}.hero-scene--services .scene-service-grid{grid-template-columns:1fr 1fr;gap:10px;inset:22px 8px}.scene-tile{padding:12px;border-radius:18px}.scene-tile strong{font-size:.82rem}}


/* === Non-overlapping, page-specific hero workspaces === */
.seo-visual.hero-workspace{min-height:440px;display:block;perspective:none}
.seo-visual.hero-workspace::before{display:none}
.hero-workspace__window{position:relative;width:100%;min-height:410px;padding:18px;overflow:hidden;border:1px solid rgba(7,93,226,.11);border-radius:34px;background:linear-gradient(155deg,rgba(255,255,255,.96),rgba(241,247,255,.9));box-shadow:0 32px 82px rgba(4,35,88,.14);animation:workspaceFloat 6s ease-in-out infinite}
.hero-workspace__window::before{content:"";position:absolute;width:300px;height:300px;right:-130px;top:-140px;border-radius:50%;background:radial-gradient(circle,rgba(7,141,255,.18),transparent 68%)}
.hero-workspace__bar{position:relative;z-index:2;height:34px;display:flex;align-items:center;gap:7px;padding:0 8px;border-bottom:1px solid rgba(8,52,120,.08)}
.hero-workspace__bar i{width:7px;height:7px;border-radius:50%;background:#c6d5e6}.hero-workspace__bar span{margin-left:auto;color:#68788e;font-size:.62rem;font-weight:850;letter-spacing:.05em}
.hero-workspace__body{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(160px,.9fr);gap:16px;min-height:340px;padding:16px 4px 2px}
.hw-panel{padding:20px;border:1px solid rgba(7,93,226,.09);border-radius:24px;background:rgba(255,255,255,.9);box-shadow:0 14px 30px rgba(4,35,88,.06)}
.hw-panel--blue{color:#fff;background:linear-gradient(145deg,#061b42,#075ce2 70%,#079cff);border-color:transparent}.hw-panel--blue p,.hw-panel--blue small{color:rgba(255,255,255,.68)}
.hw-title{display:flex;align-items:center;gap:11px}.hw-icon{width:48px;height:48px;display:grid;place-items:center;flex:0 0 auto;border-radius:15px;color:#fff;background:linear-gradient(135deg,#075ce2,#079cff);box-shadow:0 13px 25px rgba(7,93,226,.21)}.hw-icon svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}.hw-title strong{font-size:.92rem;line-height:1.2}.hw-title small{display:block;margin-top:3px;color:#728198;font-size:.62rem}
.hw-list{display:grid;gap:10px;margin-top:18px}.hw-list span{display:flex;align-items:center;gap:9px;color:#53657c;font-size:.72rem;line-height:1.45}.hw-list span::before{content:"";width:8px;height:8px;flex:0 0 auto;border-radius:50%;background:#078dff;box-shadow:0 0 0 5px rgba(7,141,255,.1)}.hw-panel--blue .hw-list span{color:rgba(255,255,255,.75)}.hw-panel--blue .hw-list span::before{background:#70d7ff;box-shadow:0 0 0 5px rgba(112,215,255,.12)}
.hw-form{display:grid;gap:10px;margin-top:18px}.hw-form label{display:grid;gap:5px;color:#54667e;font-size:.61rem;font-weight:850}.hw-form i{height:35px;border:1px solid #dce7f3;border-radius:10px;background:#f8fbff}.hw-form i.hw-form__message{height:66px}.hw-form button{height:38px;border:0;border-radius:999px;color:#fff;background:linear-gradient(135deg,#075ce2,#079cff);font-size:.68rem;font-weight:900}
.hw-steps{display:grid;gap:11px;margin-top:16px}.hw-step{display:grid;grid-template-columns:32px 1fr;gap:10px;align-items:start;padding:11px;border-radius:14px;background:rgba(7,141,255,.06);border:1px solid rgba(7,93,226,.08)}.hw-step b{width:32px;height:32px;display:grid;place-items:center;border-radius:10px;color:#fff;background:linear-gradient(135deg,#075ce2,#079cff);font-size:.63rem}.hw-step strong{display:block;color:#17365e;font-size:.72rem}.hw-step small{display:block;margin-top:3px;color:#708096;font-size:.6rem;line-height:1.4}
.hw-flow{position:relative;display:grid;gap:12px;margin-top:18px}.hw-flow::before{content:"";position:absolute;left:19px;top:20px;bottom:20px;width:2px;background:linear-gradient(#078dff,#77dcff)}.hw-flow-node{position:relative;display:grid;grid-template-columns:40px 1fr;gap:12px;align-items:center;min-height:55px}.hw-flow-node i{position:relative;z-index:2;width:40px;height:40px;display:grid;place-items:center;border-radius:13px;color:#fff;background:linear-gradient(135deg,#075ce2,#079cff);font-style:normal;font-size:.67rem;font-weight:950;box-shadow:0 11px 22px rgba(7,93,226,.19)}.hw-flow-node strong{display:block;font-size:.76rem}.hw-flow-node small{display:block;margin-top:3px;color:#6a7b90;font-size:.61rem}
.hw-metrics{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:18px}.hw-metric{padding:13px;border-radius:15px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.1)}.hw-metric b{display:block;color:#8fddff;font-size:1.08rem}.hw-metric span{display:block;margin-top:4px;color:rgba(255,255,255,.65);font-size:.6rem}
.hw-service-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:11px}.hw-service{min-height:120px;padding:15px;border:1px solid rgba(7,93,226,.09);border-radius:18px;background:#fff;display:grid;align-content:start;gap:9px}.hw-service .hw-icon{width:42px;height:42px;border-radius:13px}.hw-service strong{font-size:.75rem}.hw-service small{color:#6b7b90;font-size:.59rem;line-height:1.4}
.hw-browser{padding:13px;border-radius:20px;background:#fff;border:1px solid #dfeaf5;box-shadow:0 14px 30px rgba(4,35,88,.06)}.hw-browser__top{height:27px;display:flex;gap:6px;align-items:center}.hw-browser__top i{width:6px;height:6px;border-radius:50%;background:#c5d2e1}.hw-browser__top span{margin-left:8px;flex:1;height:20px;border-radius:999px;background:#f1f6fb}.hw-browser__hero{height:104px;border-radius:14px;background:linear-gradient(135deg,#08347c,#079cff);position:relative;overflow:hidden}.hw-browser__hero::before{content:"";position:absolute;left:14px;top:20px;width:52%;height:8px;border-radius:99px;background:#fff;box-shadow:0 17px 0 rgba(255,255,255,.58),0 34px 0 rgba(255,255,255,.35)}.hw-browser__cards{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:9px}.hw-browser__cards span{height:49px;border-radius:10px;background:linear-gradient(145deg,#edf5fd,#fff);border:1px solid #e3edf7}
.hw-phone{width:145px;height:270px;margin:auto;padding:9px;border:6px solid #061126;border-radius:28px;background:#fff;box-shadow:0 20px 42px rgba(4,35,88,.14)}.hw-phone::before{content:"";display:block;width:56px;height:13px;margin:-4px auto 8px;border-radius:0 0 10px 10px;background:#061126}.hw-phone__hero{height:67px;border-radius:13px;background:linear-gradient(135deg,#0a4bae,#079cff)}.hw-phone__grid{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:8px}.hw-phone__grid span{height:57px;border-radius:11px;background:#f2f7fc;border:1px solid #e1ebf4}
.hw-dashboard{display:grid;grid-template-columns:58px 1fr;gap:10px;min-height:250px}.hw-dashboard__side{border-radius:15px;background:linear-gradient(180deg,#071d45,#075ce2)}.hw-dashboard__main{display:grid;grid-template-columns:repeat(2,1fr);gap:9px}.hw-dashboard__main span{border-radius:13px;background:#fff;border:1px solid #e0eaf4}.hw-dashboard__main span:first-child{grid-column:1/-1;min-height:86px;background:linear-gradient(145deg,#eaf4ff,#fff)}
.hw-serp{display:grid;gap:10px}.hw-searchbar{height:39px;border-radius:999px;border:1px solid #dae6f2;background:#f7fbff;display:flex;align-items:center;padding:0 13px;color:#718198;font-size:.65rem}.hw-result{padding:12px;border-radius:13px;background:#fff;border:1px solid #e1ebf5}.hw-result b{display:block;color:#14345d;font-size:.7rem}.hw-result small{display:block;margin-top:4px;color:#6a7a8e;font-size:.59rem;line-height:1.35}.hw-score{display:grid;place-items:center;width:110px;height:110px;margin:12px auto;border-radius:50%;background:conic-gradient(#078dff 0 94%,#dce8f4 94%);position:relative}.hw-score::before{content:"";position:absolute;inset:10px;border-radius:50%;background:#fff}.hw-score b{position:relative;color:#075ce2;font-size:1.5rem}.hw-score span{position:relative;color:#64758a;font-size:.58rem}
.hw-payment{padding:18px;border-radius:20px;color:#fff;background:linear-gradient(135deg,#08285e,#079cff);min-height:150px}.hw-payment strong{display:block;font-size:.95rem}.hw-payment small{display:block;margin-top:42px;color:rgba(255,255,255,.7);font-size:.62rem;letter-spacing:.08em}.hw-payment__rows{display:grid;gap:8px;margin-top:12px}.hw-payment__rows span{height:13px;border-radius:99px;background:#e5eef8}.hw-success{display:grid;place-items:center;width:70px;height:70px;margin:10px auto 16px;border-radius:50%;color:#fff;background:linear-gradient(135deg,#0aaa73,#28cf92);font-size:1.8rem;box-shadow:0 14px 28px rgba(10,170,115,.2)}
@keyframes workspaceFloat{50%{transform:translateY(-7px)}}
@media(max-width:860px){.hero-workspace__body{grid-template-columns:1fr 1fr}.seo-visual.hero-workspace{min-height:400px}}
@media(max-width:620px){.hero-workspace__window{min-height:auto;padding:13px;border-radius:26px}.hero-workspace__body{grid-template-columns:1fr;min-height:auto}.hero-workspace__body>.hw-panel:nth-child(2){display:none}.seo-visual.hero-workspace{min-height:auto}.hw-service-grid{grid-template-columns:1fr 1fr}.hw-phone{width:135px;height:250px}.hw-browser__hero{height:84px}}


/* === Hero workspace contrast audit === */
.hw-panel--blue,.hw-panel--blue h2,.hw-panel--blue h3,.hw-panel--blue h4,.hw-panel--blue strong{color:#fff!important}
.hw-panel--blue .hw-title small,.hw-panel--blue .hw-step small,.hw-panel--blue p,.hw-panel--blue small{color:rgba(255,255,255,.72)!important}
.hw-panel--blue .hw-step{background:rgba(255,255,255,.085);border-color:rgba(255,255,255,.1)}
.hw-panel--blue .hw-step strong{color:#fff!important}
.hw-panel--blue .hw-step b{color:#fff;background:linear-gradient(135deg,#0b7dff,#22b4ff);box-shadow:0 10px 22px rgba(0,0,0,.18)}
.hero-workspace__body>*{min-width:0}.hw-title>div{min-width:0}.hw-title strong,.hw-step strong{overflow-wrap:anywhere}