.seo-page{background:#fffdfd;color:#352737}.seo-wrap{width:88%;max-width:1280px;margin:auto}.seo-section{padding-top:100px;padding-bottom:100px}.seo-label{font-size:11px;letter-spacing:1.8px;color:#a53268;margin:0 0 24px}.seo-page h2{font-size:clamp(30px,3.2vw,46px);font-weight:600;letter-spacing:-.8px;line-height:1.35;margin:0 0 30px}.seo-intro{max-width:620px;font-size:16px;color:#806e7c;line-height:1.95;margin:0 0 34px}.seo-hero{padding-top:25px;padding-bottom:0}.seo-crumb{display:flex;gap:14px;font-size:12px;color:#947d8d}.seo-hero-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:70px;align-items:center;padding:80px 0 70px}.seo-page h1{font-size:clamp(38px,4.1vw,59px);line-height:1.28;letter-spacing:-1.5px;font-weight:600;margin:0 0 28px;color:#422338}.seo-lead{font-size:17px;line-height:2;color:#756270;max-width:580px}.seo-actions{display:flex;align-items:center;flex-wrap:wrap;gap:26px;margin:32px 0 20px;font-size:13px}.seo-button{display:inline-flex;gap:28px;align-items:center;min-height:54px;padding:0 24px;border:1px solid #ad285f;border-radius:5px;background:#ad285f;color:#fff8fc;font-size:14px;font-weight:600;transition:background .2s}.seo-button:hover{background:#87204c}.seo-button span{font-size:22px}.seo-note{font-size:12px;line-height:1.9;color:#927c8c;margin-top:24px}.seo-strip{display:grid;grid-template-columns:repeat(4,1fr);border-block:1px solid #e8dae3;padding:24px 0;font-size:11px;letter-spacing:1px;color:#987089}.seo-stage{position:relative;height:405px;isolation:isolate}.seo-stage::before{content:"";position:absolute;inset:10%;border-radius:50%;background:radial-gradient(ellipse,#f0dce9,transparent 70%);z-index:-1}.seo-stage>img{position:absolute;width:90%;height:auto;top:20px;left:0;animation:seo-float 7s ease-in-out infinite}.seo-orbit{position:absolute;inset:40px 10px 35px 0;border:1px solid #dab6ce;border-radius:50%;transform:rotate(-28deg)}.seo-search,.seo-result{position:absolute;right:-10px;top:8px;padding:22px 26px;background:linear-gradient(120deg,#fff,#fbf3f8);border:1px solid #eadce5;border-radius:10px;box-shadow:5px 7px 0 #d7c3d52b,0 22px 45px #45263712;transform:rotate(3deg)}.seo-search span,.seo-result span{display:block;font-size:9px;letter-spacing:1.3px;color:#ac6188;margin-bottom:9px}.seo-search strong{display:block;font-size:20px}.seo-search i{display:block;font-size:11px;font-style:normal;color:#99758d;margin-top:12px}.seo-result{top:auto;bottom:4px;right:8px;transform:rotate(-4deg);background:#3d2a40;color:#fff4fb}.seo-result strong{font-size:16px}.seo-result span{color:#d9a6c3}.seo-grid{display:grid;gap:24px;margin-top:42px}.seo-grid.four{grid-template-columns:repeat(4,minmax(0,1fr))}.seo-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.seo-card{padding:28px 24px;border-top:1px solid #d9c0d1;background:linear-gradient(150deg,#fdf8fb,#fffdfd)}.seo-number{font-size:11px;letter-spacing:1px;color:#b2658e}.seo-card h3{font-size:21px;font-weight:500;line-height:1.55;margin:30px 0 16px}.seo-card p,.seo-card li{font-size:14px;line-height:1.95;color:#806c7b}.seo-card small{display:block;padding-top:20px;border-top:1px solid #e9dbe5;font-size:11px;line-height:1.8;color:#99728c;margin-top:24px}.seo-card ul{padding-left:18px;margin:24px 0}.seo-dark{background:radial-gradient(ellipse at top right,#54304755,transparent 60%),#211a27;color:#f9f0f7}.seo-dark .seo-label{color:#e5a2c2}.seo-dark .seo-intro,.seo-dark .seo-card p,.seo-dark .seo-card li{color:#c8b6c4}.seo-dark .seo-card{background:linear-gradient(130deg,#ffffff04,transparent);border-color:#73556b}.seo-dark .seo-card small{border-color:#ffffff1a;color:#cf9bb8}.seo-dark .seo-text-link{color:#f0b5d1}.seo-dark .seo-note{color:#bda4b6}.seo-split{display:grid;grid-template-columns:1fr 1.1fr;gap:90px;align-items:start}.seo-text-link{display:inline-flex;font-size:14px;color:#ad326b;padding:10px 0}.seo-path article{display:flex;gap:26px;border-bottom:1px solid #e9dfe6;padding:0 0 25px;margin-bottom:28px}.seo-path b{font:italic 32px Georgia,serif;color:#bb769e}.seo-path small{color:#a6638a;font-size:11px}.seo-path h3{font-size:21px;font-weight:500;margin:8px 0}.seo-path p{font-size:13px;color:#8e7988;margin:0}.seo-tint{background:#f5eff4}.seo-tint .seo-card{background:#fffafc}.seo-metrics article{padding:20px 24px;border-left:2px solid #c389ac;background:#faf5f9;margin-bottom:15px}.seo-metrics article>span{float:right;font-size:10px;color:#a1648a}.seo-metrics h3{font-size:20px;font-weight:500;margin:0 0 10px}.seo-metrics p{font-size:14px;line-height:1.9;color:#806c7b;margin:0}.seo-faq details{border-bottom:1px solid #e6d6e0;padding:20px 0}.seo-faq summary{font-size:16px;cursor:pointer;color:#53364c}.seo-faq p{font-size:14px;line-height:2;color:#816b7a;padding:10px 0}.seo-consult{background:linear-gradient(120deg,#f2e3ed,#fbf4f8);padding:70px 0 80px;text-align:center;border-top:1px solid #e7d5e0}.seo-consult p:not(.seo-label){font-size:15px;color:#806878;margin-bottom:30px}.seo-page a:focus-visible,.seo-page summary:focus-visible{outline:2px solid #a53268;outline-offset:5px}@keyframes seo-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}
@media(max-width:1000px){.seo-hero-grid{gap:32px}.seo-stage{height:340px}.seo-grid.four{grid-template-columns:repeat(2,minmax(0,1fr))}.seo-grid.three{grid-template-columns:repeat(2,minmax(0,1fr))}.seo-split{gap:40px}.seo-search{padding:15px;right:0}.seo-search strong{font-size:17px}.seo-result{right:0;padding:18px}.seo-stage>img{top:55px}.seo-section{padding-block:75px}}
@media(max-width:700px){.seo-hero-grid,.seo-split{grid-template-columns:1fr;gap:35px}.seo-hero-grid{padding:45px 0}.seo-stage{max-width:430px;width:100%;margin:auto;height:365px}.seo-grid.three,.seo-grid.four{grid-template-columns:1fr}.seo-section{padding-block:55px}.seo-page h1{font-size:37px;letter-spacing:-.6px}.seo-page h2{font-size:31px}.seo-lead{font-size:15px}.seo-strip{grid-template-columns:1fr 1fr;gap:16px}.seo-grid{gap:18px;margin-top:28px}.seo-card h3{margin-top:20px}.seo-consult{padding-block:55px}.seo-card{padding:24px}.seo-metrics article>span{float:none;display:block;margin-bottom:8px}}
@media(prefers-reduced-motion:reduce){.seo-stage>img{animation:none}.seo-button{transition:none}}

/* Editorial growth path: larger type with a quiet pearl surface. */
.seo-strip{list-style:none;margin:0;padding:10px 0;gap:0;border:1px solid #e6d6e1;border-radius:12px;background:linear-gradient(115deg,#fffafc 0%,#f4eaf2 100%);box-shadow:inset 0 1px 0 #fff,0 12px 28px #59374e06;letter-spacing:0;overflow:hidden}
.seo-strip li{position:relative;display:flex;align-items:flex-start;gap:16px;min-width:0;padding:25px 24px}
.seo-strip li+li{border-left:1px solid #e2cfdc}
.seo-strip-index{font:italic 25px/1.4 Georgia,serif;color:#ac6b91;flex-shrink:0}
.seo-strip strong{display:block;color:#493044;font-size:20px;font-weight:600;line-height:1.65}
.seo-strip p{margin:7px 0 0;font-size:12px;line-height:1.8;color:#7c6375}
.seo-strip-arrow{position:absolute;right:15px;top:12px;color:#bca0b4;font-size:15px}
@media(max-width:1100px){.seo-strip li{padding:22px 17px;gap:10px}.seo-strip strong{font-size:18px}.seo-strip-index{font-size:22px}}
@media(max-width:850px){.seo-strip{grid-template-columns:repeat(2,minmax(0,1fr));padding:0}.seo-strip li{padding:24px}.seo-strip li:nth-child(3){border-left:0}.seo-strip li:nth-child(n+3){border-top:1px solid #e2cfdc}}
@media(max-width:420px){.seo-strip li{padding:23px 14px;gap:8px}.seo-strip strong{font-size:17px}.seo-strip p{font-size:11px}.seo-strip-index{font-size:19px}}

/* SEO diagnosis: one visual anchor, four readable diagnostic areas. */
.diagnostic-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:36px;margin-bottom:40px}.seo-diagnostic .diagnostic-heading h2{margin-bottom:0}.diagnostic-heading>p{font-size:15px;line-height:1.9;color:#816a7b;margin:0 0 6px}
.diagnostic-layout{display:grid;grid-template-columns:minmax(260px,.9fr) minmax(0,2fr);gap:24px}
.diagnostic-core{position:relative;overflow:hidden;border:1px solid #ddcbdc;border-radius:16px;background:radial-gradient(ellipse at 40% 20%,#fff9fd,#e9dfed 65%,#ded0e1);box-shadow:inset 0 1px 0 #fff;display:flex;flex-direction:column;padding:28px}
.diagnostic-caption{font-size:9px;letter-spacing:1.2px;color:#86607f}.diagnostic-core-copy{position:relative;margin-top:auto}.diagnostic-core-copy h3{font-size:25px;font-weight:600;color:#49324d;margin:16px 0 12px}.diagnostic-core-copy p{font-size:14px;line-height:1.9;color:#78617a;margin:0 0 24px}.diagnostic-core-copy a{display:flex;align-items:center;justify-content:space-between;padding:15px 0 4px;border-top:1px solid #b799b14d;color:#8e2d60;font-size:14px}.diagnostic-core-copy a span{font-size:22px}
.diagnostic-radar{position:relative;width:240px;max-width:100%;aspect-ratio:1;margin:22px auto 5px;border:1px solid #b98aaa55;border-radius:50%;background:repeating-radial-gradient(circle,transparent 0 35px,#b889af22 36px 37px);box-shadow:0 15px 30px #80528416,inset 0 0 35px #fff8}
.diagnostic-radar i{position:absolute;inset:15%;border:1px solid #a973a64d;border-radius:50%;transform:rotateX(55deg) rotate(-25deg)}.diagnostic-radar i:nth-child(2){transform:rotateY(55deg) rotate(25deg)}.diagnostic-radar i:nth-child(3){inset:29%;background:linear-gradient(135deg,#fff,#decbe5);box-shadow:5px 7px 0 #b99bc055,0 18px 35px #80528425;transform:none;border-color:#fff}
.diagnostic-radar>span{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;color:#614167;font-size:32px;font-weight:600;letter-spacing:1px}.diagnostic-radar small{font-size:7px;letter-spacing:1.5px;color:#976d8f}.diagnostic-sweep{position:absolute;inset:0;border-radius:50%;background:conic-gradient(from 0deg,transparent 65%,#c95b962b 95%,#c95b9666);animation:diagnostic-scan 12s linear infinite}.diagnostic-radar b{position:absolute;width:7px;height:7px;background:#b5417b;border:2px solid #fff0fa;border-radius:50%;box-shadow:0 0 0 5px #c6749c18;left:14%;top:25%}.diagnostic-radar b:nth-of-type(2){left:80%;top:46%}.diagnostic-radar b:nth-of-type(3){left:35%;top:86%}
.diagnostic-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.diagnostic-card{display:flex;flex-direction:column;padding:27px 28px;border:1px solid #e7dce6;border-radius:14px;background:linear-gradient(135deg,#fff,#fbf6fa);box-shadow:0 5px 20px #51314a04}.diagnostic-card-top{display:flex;justify-content:space-between;align-items:center;gap:12px;color:#a35e87}.diagnostic-card-top>span{font-size:11px;letter-spacing:.5px}.diagnostic-card-top svg{flex-shrink:0;padding:7px;box-sizing:content-box;border:1px solid #e8dae8;border-radius:12px;background:linear-gradient(135deg,#fff,#f0e6f2);box-shadow:2px 3px 0 #e4d6e680}.diagnostic-card h3{font-size:22px;line-height:1.5;color:#463048;font-weight:600;margin:23px 0 13px}.diagnostic-card p{font-size:14px;line-height:1.95;color:#806b7c;margin:0 0 25px}.diagnostic-card-bottom{display:flex;align-items:center;gap:9px;margin-top:auto;padding-top:16px;border-top:1px solid #ede3e9;color:#96718a;font-size:11px}.diagnostic-dot{width:5px;height:5px;border-radius:50%;background:#b887aa;flex-shrink:0}
@keyframes diagnostic-scan{to{transform:rotate(360deg)}}
@media(max-width:1050px){.diagnostic-layout{grid-template-columns:minmax(220px,.85fr) minmax(0,1.5fr)}.diagnostic-card{padding:22px}.diagnostic-card h3{font-size:20px}.diagnostic-core{padding:22px}}
@media(max-width:800px){.diagnostic-heading{display:block}.diagnostic-heading>p{margin-top:20px}.diagnostic-layout{grid-template-columns:1fr}.diagnostic-core{display:grid;grid-template-columns:1fr 1fr;gap:0 30px;align-items:center}.diagnostic-caption{grid-column:1/-1}.diagnostic-radar{margin:20px auto}.diagnostic-core-copy{margin-top:0}}
@media(max-width:520px){.diagnostic-cards{grid-template-columns:1fr}.diagnostic-core{display:flex}.diagnostic-radar{width:220px;flex-shrink:0}.diagnostic-caption{align-self:flex-start}.diagnostic-card h3{font-size:21px}}
@media(prefers-reduced-motion:reduce){.diagnostic-sweep{animation:none}}

.diagnostic-card{transition:background-color .25s,border-color .25s,box-shadow .25s;background-image:none;background-color:#fdfafd}
.diagnostic-card h3,.diagnostic-card p,.diagnostic-card-top,.diagnostic-card-bottom{transition:color .25s,border-color .25s}
.diagnostic-card-top svg{transition:background-color .25s,border-color .25s,box-shadow .25s}
@media(hover:hover) and (pointer:fine){
 .diagnostic-card:hover{background-color:#39283f;border-color:#73536f;box-shadow:0 12px 30px #39283f1c}
 .diagnostic-card:hover h3{color:#fff5fc}
 .diagnostic-card:hover p{color:#e3d4e1}
 .diagnostic-card:hover .diagnostic-card-top{color:#edbbd5}
 .diagnostic-card:hover .diagnostic-card-top svg{background:#513b58;border-color:#84617f;box-shadow:2px 3px 0 #241a2b66}
 .diagnostic-card:hover .diagnostic-card-bottom{color:#dbb5cd;border-color:#785a754d}
 .diagnostic-card:hover .diagnostic-dot{background:#efbad6}
}
@media(prefers-reduced-motion:reduce){.diagnostic-card,.diagnostic-card *{transition:none}}

/* Scoped service-system treatment; other dark sections retain their own design. */
#seo-system{position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(ellipse at 90% 6%,#73456640,transparent 40%),linear-gradient(130deg,#1a1724,#282031 60%,#211926);border-block:1px solid #88657d40}
#seo-system::before{content:"";position:absolute;inset:0;pointer-events:none;z-index:-1;background:repeating-linear-gradient(125deg,transparent 0 89px,#dbb8d207 90px 91px,transparent 92px 180px);mask-image:linear-gradient(90deg,transparent 35%,#000)}
#seo-system::after{content:"";position:absolute;bottom:-130px;left:-10%;right:-10%;height:340px;z-index:-1;background-image:linear-gradient(#d4aaca16 1px,transparent 1px),linear-gradient(90deg,#d4aaca16 1px,transparent 1px);background-size:65px 65px;transform:perspective(600px) rotateX(58deg);pointer-events:none}
#seo-system .seo-section{position:relative;padding-block:90px}#seo-system h2{max-width:770px}#seo-system .seo-intro{max-width:680px}#seo-system .seo-label{color:#dda8c8;font-size:10px;letter-spacing:2px}
.system-orb{position:absolute;right:7%;top:45px;width:270px;height:270px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#dcc1e027,#6b4d761a 48%,transparent 70%);box-shadow:inset 0 0 50px #f2dbf20a;pointer-events:none}
.system-orb i{position:absolute;inset:12%;border:1px solid #cc9ab755;border-radius:50%;transform:rotate(-28deg) scaleY(.55);box-shadow:0 0 18px #d79bb208}.system-orb i:nth-child(2){transform:rotate(38deg) scaleY(.65);inset:4%}.system-orb i:nth-child(3){transform:rotate(105deg) scaleY(.7);inset:18%}.system-orb i::after{content:"";position:absolute;left:18%;top:7%;width:6px;height:6px;border-radius:50%;background:#ebc0d7;box-shadow:0 0 14px #f1b9d6}.system-orb span{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#ecdcecaa;font-size:28px;font-weight:500;letter-spacing:3px}.system-orb small{font-size:7px;letter-spacing:1.2px;margin-top:5px;color:#cba4c0}
#seo-system .seo-grid{gap:22px;margin-top:48px}#seo-system .seo-card{position:relative;display:flex;flex-direction:column;border:1px solid #94708b44;border-radius:13px;padding:28px 30px;background:linear-gradient(130deg,#372c40f5,#28222ff5);box-shadow:inset 0 1px 0 #efcbe510,0 12px 24px #09070f16;transition:border-color .25s,box-shadow .25s}
.system-card-top{display:flex;align-items:center;justify-content:space-between;gap:16px}#seo-system .seo-number{font-size:10px;color:#c29ab7;letter-spacing:1px}.system-card-top svg{color:#edc0db;padding:11px;box-sizing:content-box;border-radius:12px;border:1px solid #c8a3ca33;background:linear-gradient(135deg,#76597955,#46364c);box-shadow:3px 4px 0 #17111e55,inset 0 1px 0 #fff2}
#seo-system .seo-card h3{font-size:22px;font-weight:600;margin:26px 0 14px;line-height:1.5;color:#fff1fc}#seo-system .seo-card p{font-size:14px;line-height:1.95;margin:0 0 26px;color:#d3c3d2}#seo-system .seo-card small{margin-top:auto;border-color:#dcc1d41c;padding-top:18px;color:#d4abc5;font-size:11px;line-height:1.9}
@media(hover:hover){#seo-system .seo-card:hover{border-color:#c38bb377;box-shadow:inset 0 1px 0 #efcbe522,0 15px 30px #09070f30}}
@media(max-width:1150px){.system-orb{right:-50px;opacity:.35}#seo-system h2,#seo-system .seo-intro{position:relative;z-index:1}}
@media(max-width:700px){.system-orb{width:190px;height:190px;right:-70px;top:35px;opacity:.25}#seo-system .seo-section{padding-block:58px}#seo-system .seo-card{padding:24px}#seo-system .seo-card h3{font-size:21px}#seo-system .seo-grid{margin-top:32px}}
@media(prefers-reduced-motion:reduce){#seo-system .seo-card{transition:none}}

/* Iridescent sphere: moving colour beneath stationary, readable lettering. */
#seo-system .system-orb{isolation:isolate;background:radial-gradient(circle at 30% 22%,#effaff40,transparent 43%);box-shadow:inset 0 0 32px #f2dbf222,0 0 48px #a262dd20;border:1px solid #e0cafa30}
#seo-system .system-orb::before{content:"";position:absolute;inset:5%;border-radius:50%;z-index:-2;background:conic-gradient(from 15deg,#62dedb,#6a9bef,#a06bec,#ee77b9,#efc986,#78dfca,#62dedb);box-shadow:inset -20px -20px 35px #1d123577,inset 12px 10px 25px #ffffff55;animation:system-chroma 22s linear infinite;opacity:.7}
#seo-system .system-orb::after{content:"";position:absolute;inset:5%;border-radius:50%;z-index:-1;background:radial-gradient(ellipse at 27% 20%,#fff9,transparent 30%),radial-gradient(ellipse at 55% 50%,#26173565 15%,transparent 65%),radial-gradient(circle at 35% 30%,transparent 40%,#170c325e 83%);box-shadow:inset 0 0 25px #e7dbff55}
#seo-system .system-orb i{--orbit-angle:-28deg;--orbit-flatten:.55;border-color:#a9f5eaa0;box-shadow:0 0 12px #7cf0de20;animation:system-orbit 19s linear infinite}
#seo-system .system-orb i:nth-child(2){--orbit-angle:38deg;--orbit-flatten:.65;border-color:#f6bdd8b0;animation-duration:25s;animation-direction:reverse}
#seo-system .system-orb i:nth-child(3){--orbit-angle:105deg;--orbit-flatten:.7;border-color:#ecd6a9b0;animation-duration:30s}
#seo-system .system-orb i::after{background:#ecfffc;box-shadow:0 0 12px #95fff0,0 0 22px #95fff055}
#seo-system .system-orb i:nth-child(2)::after{background:#ffe6f2;box-shadow:0 0 14px #ffa6d6}
#seo-system .system-orb i:nth-child(3)::after{background:#fff3d2;box-shadow:0 0 14px #ffda8d}
#seo-system .system-orb>span{color:#fff8ff;text-shadow:0 2px 12px #281537cc;font-size:30px}
#seo-system .system-orb small{color:#fff0fb;text-shadow:0 1px 7px #281537}
@keyframes system-chroma{to{transform:rotate(360deg)}}
@keyframes system-orbit{from{transform:rotate(var(--orbit-angle)) scaleY(var(--orbit-flatten)) rotate(0deg)}to{transform:rotate(var(--orbit-angle)) scaleY(var(--orbit-flatten)) rotate(360deg)}}
@media(prefers-reduced-motion:reduce){#seo-system .system-orb::before,#seo-system .system-orb i{animation:none}}

.seo-content-journey{gap:65px;align-items:center}.seo-content-journey .seo-intro{margin-bottom:18px}.content-journey-art{margin-top:22px;max-width:570px}.content-journey-art img{display:block;width:100%;height:auto;animation:content-art-drift 8s ease-in-out infinite}
.seo-content-journey .seo-path{position:relative;padding-left:18px}.seo-content-journey .seo-path::before{content:"";position:absolute;top:32px;bottom:50px;left:42px;width:1px;background:linear-gradient(#d9bad2,#a674aa,#e7d5e2)}
.seo-content-journey .seo-path article{position:relative;gap:23px;border:1px solid #e8dce7;border-radius:13px;margin:0 0 17px;padding:25px 26px;background:linear-gradient(115deg,#fffdfd,#f6eff7);box-shadow:0 6px 18px #4d2b4505;transition:border-color .25s,box-shadow .25s}.seo-content-journey .seo-path article:last-child{margin-bottom:0;background:linear-gradient(115deg,#fbf3f8,#eee3f1);border-color:#d8bbd3}
.seo-content-journey .seo-path article>b{display:grid;place-items:center;flex-shrink:0;width:42px;height:42px;font:500 14px/1 inherit;font-style:normal;font-size:15px;color:#9a547e;border:1px solid #e1cbdc;border-radius:10px;background:linear-gradient(135deg,#fff,#ebddea);box-shadow:3px 3px 0 #ddcadd66}
.seo-content-journey .seo-path article>div{min-width:0}.seo-content-journey .seo-path small{font-size:11px;color:#a06288;letter-spacing:1px}.seo-content-journey .seo-path h3{font-size:21px;line-height:1.5;font-weight:600;color:#49334b;margin:10px 0 16px}.seo-content-journey .journey-tags{display:flex;flex-wrap:wrap;gap:7px}.journey-tags span{padding:4px 9px;border:1px solid #e9dce6;border-radius:4px;background:#ffffff80;color:#836b7e;font-size:11px;line-height:1.6}
@keyframes content-art-drift{0%,100%{transform:translateY(0)}50%{transform:translateY(-9px)}}
@media(hover:hover){.seo-content-journey .seo-path article:hover{border-color:#bb94b4;box-shadow:0 9px 24px #4d2b4510}}
@media(max-width:1000px){.seo-content-journey{gap:30px}.seo-content-journey .seo-path{padding-left:0}.seo-content-journey .seo-path article{padding:22px 18px;gap:16px}.seo-content-journey .seo-path h3{font-size:19px}}
@media(max-width:700px){.content-journey-art{max-width:440px;margin:15px auto 0}.seo-content-journey{gap:28px}.seo-content-journey .seo-path article{padding:23px 18px}.seo-content-journey .seo-path article>b{width:35px;height:35px}}
@media(prefers-reduced-motion:reduce){.content-journey-art img{animation:none}.seo-content-journey .seo-path article{transition:none}}

.seo-delivery-premium{position:relative;isolation:isolate;overflow:hidden;background:#302b3b;color:#faf2fc;border-block:1px solid #82728a44}
.seo-delivery-premium::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:url('/static/images/delivery-grid.svg') right center/cover no-repeat,radial-gradient(ellipse at 92% 0,#8b638440,transparent 50%),linear-gradient(120deg,#282634,#393042)}
.seo-delivery-premium .seo-label{color:#d8b0ce}.seo-delivery-premium h2{max-width:820px}.seo-delivery-premium .seo-note{color:#c1b0c5;border-top:1px solid #d4b5d31c;padding-top:23px;margin-top:35px}
.delivery-timeline{position:relative;list-style:none;margin:48px 0 0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}
.delivery-timeline::before{content:"";position:absolute;left:26px;right:26px;top:26px;height:1px;background:linear-gradient(90deg,#d99dc4,#a496c9,#88a8c1)}
.delivery-step{min-width:0;display:flex;flex-direction:column}.delivery-node{position:relative;display:flex;align-items:center;gap:14px;margin-bottom:26px}.delivery-node>span{display:grid;place-items:center;width:52px;height:52px;flex-shrink:0;border:1px solid #dfc1de88;border-radius:13px;background:linear-gradient(135deg,#715a7b,#40374f);box-shadow:3px 4px 0 #201d2b66,inset 0 1px 0 #fce6fc33;font-size:20px;color:#fff2fc;font-weight:500}.delivery-node small{font-size:9px;letter-spacing:1.5px;color:#d4bfd9;background:#322c3d;padding:5px 10px;border-radius:4px}
.delivery-panel{flex:1;display:flex;flex-direction:column;padding:26px 24px;border:1px solid #b69bb633;border-radius:12px;background:linear-gradient(130deg,#494052f0,#352f42f5);box-shadow:inset 0 1px 0 #e1cde810,0 12px 25px #100e1918;transition:border-color .25s,transform .25s}
.delivery-panel h3{font-size:21px;font-weight:600;line-height:1.5;margin:0 0 17px;color:#fff4fc}.delivery-panel>p{font-size:14px;line-height:1.95;color:#d4c7d7;margin:0 0 28px}.delivery-output{margin-top:auto;padding-top:19px;border-top:1px solid #c6adc52b}.delivery-output>span{display:block;font-size:10px;letter-spacing:1px;color:#d9accd;margin-bottom:12px}.delivery-output ul{list-style:none;padding:0;margin:0;display:grid;gap:8px}.delivery-output li{font-size:12px;color:#d9cddb;display:flex;gap:9px;align-items:baseline}.delivery-output li::before{content:"";width:4px;height:4px;background:#c197bd;flex-shrink:0;border-radius:50%}
@media(hover:hover){.delivery-panel:hover{transform:translateY(-4px);border-color:#d5a7cb88}}
@media(max-width:1050px){.delivery-timeline{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 22px}.delivery-timeline::before{display:none}.delivery-node{margin-bottom:17px}}
@media(max-width:600px){.delivery-timeline{grid-template-columns:1fr;gap:26px;padding-left:12px;margin-top:32px}.delivery-timeline::before{display:block;left:37px;right:auto;top:0;bottom:20px;width:1px;height:auto;background:#a785aa55}.delivery-panel{position:relative;margin-left:18px;padding:25px 22px}.delivery-node{gap:17px}.delivery-node small{background:#322c3d}.seo-delivery-premium::before{background-position:70% center}}
@media(prefers-reduced-motion:reduce){.delivery-panel{transition:none}}

/* Decorative motion follows the four phases, not live project progress. */
.seo-delivery-premium::after{content:"";position:absolute;right:-10%;top:0;width:65%;height:100%;z-index:-1;pointer-events:none;background:radial-gradient(ellipse,#ae88c522,transparent 65%);animation:delivery-ambient 14s ease-in-out infinite alternate;animation-play-state:paused}
.delivery-step{--phase-delay:0s;--entry-delay:0s}.delivery-step:nth-child(2){--phase-delay:2s;--entry-delay:.13s}.delivery-step:nth-child(3){--phase-delay:4s;--entry-delay:.26s}.delivery-step:nth-child(4){--phase-delay:6s;--entry-delay:.39s}
.delivery-node>span{animation:delivery-node-light 8s ease-in-out var(--phase-delay) infinite;animation-play-state:paused}
.delivery-panel{position:relative;overflow:hidden}.delivery-panel::after{content:"";position:absolute;top:0;left:12%;right:12%;height:2px;background:linear-gradient(90deg,transparent,#efb9de,transparent);opacity:0;animation:delivery-edge-light 8s ease-in-out var(--phase-delay) infinite;animation-play-state:paused;pointer-events:none}
.delivery-timeline::after{content:"";position:absolute;left:26px;right:26px;top:25px;height:3px;pointer-events:none;background:linear-gradient(90deg,transparent 0%,#f1c6e1 50%,transparent 100%) no-repeat;background-size:18% 100%;animation:delivery-line-flow 8s linear infinite;animation-play-state:paused;z-index:0}.delivery-node{z-index:1}
.delivery-moving::after,.delivery-moving .delivery-node>span,.delivery-moving .delivery-panel::after,.delivery-moving .delivery-timeline::after{animation-play-state:running}
.delivery-enter .delivery-step{animation:delivery-arrive .8s cubic-bezier(.2,.7,.2,1) var(--entry-delay) both}
@keyframes delivery-ambient{from{transform:translate(-12%,-8%) scale(.85)}to{transform:translate(8%,12%) scale(1.18)}}
@keyframes delivery-node-light{0%,25%,100%{border-color:#dfc1de88;box-shadow:3px 4px 0 #201d2b66,inset 0 1px 0 #fce6fc33}8%,18%{border-color:#f8d0e9;box-shadow:3px 4px 0 #201d2b66,inset 0 1px 0 #fff8,0 0 24px #df9dca77}}
@keyframes delivery-edge-light{0%,25%,100%{opacity:0}8%,18%{opacity:1}}
@keyframes delivery-line-flow{from{background-position:-25% 0}to{background-position:125% 0}}
@keyframes delivery-arrive{from{opacity:.3;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:1050px){.delivery-timeline::after{display:none}}
@media(prefers-reduced-motion:reduce){.seo-delivery-premium::after,.delivery-node>span,.delivery-panel::after,.delivery-timeline::after,.delivery-enter .delivery-step{animation:none!important}.delivery-timeline::after{display:none}}

/* Quiet constellation sky, kept behind the content layer. */
.seo-delivery-premium{background:#201d30}
.seo-delivery-premium::before{background:radial-gradient(ellipse at 86% 14%,#88639938,transparent 43%),radial-gradient(ellipse at 65% 75%,#546d9822,transparent 50%),linear-gradient(120deg,#252131,#211d30 55%,#30243b)}
.delivery-stars{position:absolute;inset:0;z-index:0;overflow:hidden;pointer-events:none;mask-image:linear-gradient(100deg,#0002 0%,#0003 35%,#000 68%)}
.seo-delivery-premium>.seo-wrap{position:relative;z-index:1}
.delivery-constellations{position:absolute;width:100%;height:100%;inset:0;color:#d2b8e0;opacity:.22}
.delivery-stars i{position:absolute;left:var(--sx);top:var(--sy);width:var(--star-size);height:var(--star-size);border-radius:50%;background:#efdcff;box-shadow:0 0 7px #d4b7ef88;opacity:.35;animation:delivery-twinkle var(--star-duration) ease-in-out var(--star-delay) infinite;animation-play-state:paused}
.delivery-stars i:nth-of-type(3n){background:#b9d6f7;box-shadow:0 0 8px #b5d5fb66}
.delivery-stars i:nth-of-type(8n)::after{content:"";position:absolute;inset:-4px;background:linear-gradient(transparent 42%,#efe0ff77 50%,transparent 58%),linear-gradient(90deg,transparent 42%,#efe0ff77 50%,transparent 58%)}
.delivery-meteor{position:absolute;width:155px;height:1px;background:linear-gradient(90deg,transparent,#d9c5ec66 70%,#fff0ff);transform:rotate(145deg);opacity:0;animation:delivery-meteor-flight 13s linear infinite;animation-play-state:paused;filter:drop-shadow(0 0 3px #d6bce8)}
.delivery-meteor::after{content:"";position:absolute;right:0;top:-1px;width:3px;height:3px;border-radius:50%;background:#fff2ff;box-shadow:0 0 9px #e2c4ff}
.meteor-one{left:73%;top:8%;animation-delay:-3s}.meteor-two{left:92%;top:35%;animation-duration:17s;animation-delay:-9s;width:105px}.meteor-three{left:55%;top:72%;animation-duration:21s;animation-delay:-14s;width:90px}
.delivery-moving .delivery-stars i,.delivery-moving .delivery-meteor{animation-play-state:running}
@keyframes delivery-twinkle{0%,100%{opacity:.18;transform:scale(.8)}50%{opacity:.78;transform:scale(1.15)}}
@keyframes delivery-meteor-flight{0%,76%{opacity:0;translate:0 0}78%{opacity:.75}87%{opacity:0;translate:-250px 175px}100%{opacity:0;translate:-250px 175px}}
@media(max-width:600px){.delivery-stars{mask-image:linear-gradient(100deg,#0003,#0009)}.delivery-meteor{width:85px}.meteor-three{display:none}}
@media(prefers-reduced-motion:reduce){.delivery-stars i{animation:none;opacity:.4}.delivery-meteor{display:none}}

.measurement-guide{display:flex;gap:20px;align-items:center;margin-top:42px;padding-top:26px;border-top:1px solid #e5d5e1}.measurement-guide>span{font:italic 48px/1 Georgia,serif;color:#b67ca2}.measurement-guide strong{font-size:14px;font-weight:500;color:#674861}.measurement-guide p{font-size:12px;color:#967b90;margin:7px 0 0}
.measurement-accordion{min-width:0}.measurement-item{border:1px solid #e3d4e0;border-radius:12px;margin-bottom:13px;background:linear-gradient(115deg,#fffdfd,#f7f0f7);overflow:hidden;box-shadow:0 5px 17px #4b304304;transition:border-color .25s,box-shadow .25s}
.measurement-item summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:18px;padding:23px 25px;color:#53394f;transition:background-color .25s,color .25s}.measurement-item summary::-webkit-details-marker{display:none}.measurement-index{font-size:12px;letter-spacing:1px;color:#ac7a9b}.measurement-name{flex:1;min-width:0;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 16px}.measurement-name strong{font-size:20px;font-weight:600}.measurement-name small{font-size:10px;color:#9e7290}.measurement-toggle{width:26px;height:26px;border:1px solid #ccb2c6;border-radius:50%;position:relative;flex-shrink:0}.measurement-toggle::before,.measurement-toggle::after{content:"";position:absolute;left:7px;right:7px;top:11px;height:1px;background:currentColor}.measurement-toggle::after{transform:rotate(90deg);transition:transform .2s}
.measurement-item[open]{border-color:#ac86a4;box-shadow:0 9px 24px #4930470b}.measurement-item[open] summary{background:#433047;color:#fff5fc}.measurement-item[open] .measurement-name small,.measurement-item[open] .measurement-index{color:#e3bdd6}.measurement-item[open] .measurement-toggle::after{transform:rotate(0)}
.measurement-body{padding:23px 25px 26px}.measurement-body>p{font-size:14px;line-height:1.9;color:#735a70;margin:0 0 22px}.measurement-body dl{margin:0;display:grid;grid-template-columns:1fr 1fr;gap:22px;padding-top:20px;border-top:1px solid #e5d6e2}.measurement-body dt{font-size:12px;color:#a04579;margin-bottom:9px}.measurement-body dd{margin:0;font-size:13px;line-height:1.9;color:#806c7c}.measurement-item[open] .measurement-body{animation:measurement-show .3s ease-out}
@keyframes measurement-show{from{opacity:.4;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}
@media(hover:hover){.measurement-item:not([open]) summary:hover{background:#eee2ed;color:#923467}}
@media(max-width:700px){.measurement-item summary{padding:20px 18px;gap:12px}.measurement-name{display:block}.measurement-name strong{font-size:18px;display:block}.measurement-name small{display:block;margin-top:5px}.measurement-body{padding:20px}.measurement-body dl{grid-template-columns:1fr;gap:18px}.measurement-guide{margin-top:25px}}
@media(prefers-reduced-motion:reduce){.measurement-item,.measurement-item summary,.measurement-toggle::after{transition:none}.measurement-item[open] .measurement-body{animation:none}}

.seo-plan-selection{position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(ellipse at 55% 0,#74547133,transparent 55%),linear-gradient(135deg,#211c2b,#2d2332 70%,#241e2c)}
.seo-plan-selection::before{content:"";position:absolute;width:700px;height:700px;right:-270px;top:-380px;border:1px solid #bfa1c01a;border-radius:50%;box-shadow:0 0 0 65px #bfa1c006,0 0 0 130px #bfa1c004;z-index:-1;pointer-events:none}
.plan-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:40px;margin-bottom:45px}.plan-heading h2{margin-bottom:0}.plan-heading>p{font-size:14px;line-height:1.95;color:#c4afc1;max-width:410px;margin:0 0 6px}
.plan-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.plan-option{display:flex;flex-direction:column;position:relative;border:1px solid #96728b55;border-radius:16px;padding:30px;background:linear-gradient(135deg,#44374b,#2c2536);box-shadow:inset 0 1px 0 #f7dff41a,0 18px 38px #110d191c;transition:transform .25s,border-color .25s,box-shadow .25s}.plan-option:nth-child(2){background:linear-gradient(140deg,#514054,#332a3e);border-color:#b492aa77}.plan-option:nth-child(3){background:linear-gradient(135deg,#3d384e,#2a2738)}
.plan-top{display:flex;justify-content:space-between;align-items:center;gap:12px}.plan-top>span{font-size:9px;letter-spacing:1.1px;color:#d1aac5}.plan-top svg{padding:12px;box-sizing:content-box;border:1px solid #dcc3df44;border-radius:14px;color:#f1d5e9;background:linear-gradient(135deg,#bea2c22b,#7b5d8b33);box-shadow:3px 4px 0 #17122055,inset 0 1px 0 #ffe8fd22}
.plan-option h3{font-size:28px;font-weight:600;color:#fff3fc;line-height:1.4;margin:25px 0 12px}.plan-promise{font-size:15px;line-height:1.9;color:#e6d5e3;margin:0 0 12px}.plan-fit{font-size:12px;line-height:1.9;color:#c4adc1;margin:0 0 25px;min-height:46px}.plan-work{border-top:1px solid #e1c8dc22;padding-top:21px}.plan-work>span,.plan-outcome small{font-size:10px;letter-spacing:1px;color:#d3a6c4}.plan-work ul{list-style:none;padding:0;margin:16px 0 25px;display:grid;gap:11px}.plan-work li{display:flex;gap:11px;font-size:14px;line-height:1.7;color:#eadbe8}.plan-work li span{color:#cfaaca;font-size:12px}.plan-outcome{margin-top:auto;padding:16px 17px;background:#19152033;border:1px solid #dbc4db15;border-radius:7px}.plan-outcome p{font-size:12px;color:#d9c8d7;line-height:1.8;margin:6px 0 0}
.seo-plan-selection .plan-action{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:24px;min-height:49px;padding:10px 18px;background:linear-gradient(120deg,#fff5fb,#e6d7e7);border:1px solid #f7e7f3;border-radius:7px;color:#432c43;font-size:13px;font-weight:600;transition:background .2s,box-shadow .2s}.plan-action span{font-size:21px;color:#795373}.plan-action:focus-visible{outline:2px solid #f1c5e2;outline-offset:5px}.plan-footnote{display:flex;align-items:baseline;gap:28px;border-top:1px solid #ddc0d922;margin-top:34px;padding-top:24px}.plan-footnote>span{font-size:11px;color:#d7b7cf;white-space:nowrap}.plan-footnote p{font-size:12px;line-height:1.9;color:#bda8bb;margin:0}
@media(hover:hover){.plan-option:hover{transform:translateY(-5px);border-color:#d5adcd99;box-shadow:inset 0 1px 0 #f7dff42a,0 24px 42px #110d1933}.seo-plan-selection .plan-action:hover{background:#fff8fc;box-shadow:0 5px 14px #110d1933}}
@media(max-width:1000px){.plan-options{gap:16px}.plan-option{padding:24px 20px}.plan-heading{display:block}.plan-heading>p{margin-top:20px;max-width:none}.plan-top>span{font-size:8px}.plan-top svg{padding:8px;width:26px;height:26px}.plan-option h3{font-size:25px}}
@media(max-width:760px){.plan-options{grid-template-columns:1fr;gap:20px}.plan-option{padding:28px}.plan-fit{min-height:0}.plan-footnote{display:block}.plan-footnote p{margin-top:10px}}
@media(prefers-reduced-motion:reduce){.plan-option,.seo-plan-selection .plan-action{transition:none}}

/* Consistent CTA states across all three stage cards. */
.seo-plan-selection .plan-action,.seo-plan-selection .plan-action:visited{background:#eee1ed;color:#432c43;border-color:#e4cede;transition:background-color .22s,color .22s,border-color .22s,box-shadow .22s}
.seo-plan-selection .plan-action span{color:inherit;transition:transform .22s}
@media(hover:hover) and (pointer:fine){.seo-plan-selection .plan-action:hover{background:#744565;color:#fff8fc;border-color:#bd91af;box-shadow:0 5px 14px #110d1926}.seo-plan-selection .plan-action:hover span{transform:translate(2px,-2px)}}
.seo-plan-selection .plan-action:focus-visible{background:#744565;color:#fff8fc;border-color:#bd91af;outline:2px solid #f1c5e2;outline-offset:4px}
.seo-plan-selection .plan-action:active{background:#57334e;color:#fff8fc;border-color:#c499b8;box-shadow:inset 0 2px 4px #180d232e}
@media(prefers-reduced-motion:reduce){.seo-plan-selection .plan-action,.seo-plan-selection .plan-action span{transition:none}}

/* Locally rendered dimensional artwork frames the consultation message. */
.seo-page .seo-consult{position:relative;isolation:isolate;overflow:hidden;padding:88px 0 96px;background:#f6edf5;border-top:1px solid #e4d2e0}
.seo-page .seo-consult::before{content:"";position:absolute;inset:0;z-index:-2;background:url('/static/images/seo/consult-spatial.svg') center/cover no-repeat;pointer-events:none}
.seo-page .seo-consult::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,transparent,#fff7fb33 32%,#fff7fb33 68%,transparent);pointer-events:none}
.seo-consult .seo-wrap{max-width:940px}.seo-consult h2{max-width:900px;margin-left:auto;margin-right:auto}.seo-consult .seo-button{box-shadow:0 10px 25px #94245f20;border-color:#a92d64}.seo-consult .seo-label{color:#a23b71}
@media(max-width:1000px){.seo-page .seo-consult::after{background:#fcf5fa66}}
@media(max-width:600px){.seo-page .seo-consult{padding:65px 0 72px}.seo-page .seo-consult::before{background-position:55% center;opacity:.65}.seo-page .seo-consult::after{background:linear-gradient(#fcf5fa70,#fcf5fabd 25%,#fcf5fabd 80%,#fcf5fa70)}}
