/* Phocea solution service suite — Production 2.5.1
 * Four distinct service pages sharing the Phocea visual system without sharing the same composition.
 */
.suite-page{--suite-accent:var(--phocea-violet);--suite-soft:rgba(120,57,238,.07);--suite-panel:rgba(255,255,255,.58);position:relative;overflow:clip}.suite-page em{font-style:normal;color:var(--suite-accent)}.suite-page h1,.suite-page h2,.suite-page h3,.suite-page p{margin-top:0}.suite-kicker{font-size:10px;line-height:1.2;letter-spacing:.12em;text-transform:uppercase;font-weight:900;color:var(--suite-accent);margin-bottom:15px}.suite-hand-note{font:13px/1.3 var(--phocea-hand);color:var(--suite-accent);transform:rotate(-2deg);margin-top:24px}.suite-reveal{opacity:0;transform:translateY(20px);transition:opacity .65s ease,transform .65s cubic-bezier(.2,.7,.2,1)}.suite-reveal.is-visible{opacity:1;transform:none}
.suite-hero{min-height:590px;padding:72px 0 54px;display:grid;grid-template-columns:minmax(430px,.82fr) minmax(560px,1.18fr);gap:42px;align-items:center}.suite-hero-copy{padding-left:2%}.suite-hero h1{font:700 clamp(48px,4.5vw,80px)/.94 var(--phocea-serif);letter-spacing:-.05em;margin:0 0 24px;max-width:760px}.suite-lead{max-width:700px;color:#38332e;font-size:15px;line-height:1.68}.suite-tags{display:flex;flex-wrap:wrap;gap:8px;margin:22px 0}.suite-tags span{border:1px solid var(--phocea-line);background:rgba(255,255,255,.45);border-radius:999px;padding:7px 10px;font-size:10px;font-weight:800}.suite-actions{display:flex;gap:10px;flex-wrap:wrap}.suite-hero-stage{position:relative;height:450px;border:1px solid rgba(17,16,14,.08);border-radius:14px;background:linear-gradient(145deg,rgba(255,255,255,.55),rgba(255,255,255,.18));box-shadow:0 24px 55px rgba(17,16,14,.06);overflow:hidden;transform-style:preserve-3d}.suite-hero-stage:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(17,16,14,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(17,16,14,.045) 1px,transparent 1px);background-size:31px 31px;mask-image:linear-gradient(to bottom,#000 30%,transparent 100%)}
.suite-proof-strip{display:grid;grid-template-columns:repeat(4,1fr);margin-top:-10px;margin-bottom:80px;border:1px solid var(--phocea-line);background:rgba(255,255,255,.48);border-radius:6px}.suite-proof-strip span{min-height:58px;display:grid;place-items:center;padding:10px 14px;text-align:center;font-size:11px;font-weight:800;border-right:1px solid var(--phocea-line)}.suite-proof-strip span:last-child{border-right:0}.suite-intro{display:grid;grid-template-columns:1.05fr .95fr;gap:90px;align-items:end;padding:40px 0 86px}.suite-intro-title h2,.suite-section-head h2,.suite-ecosystem h2,.suite-faq h2{font:700 clamp(36px,3.6vw,64px)/.96 var(--phocea-serif);letter-spacing:-.045em;margin:0}.suite-intro-copy{max-width:600px;padding-bottom:6px}.suite-intro-copy p{font-size:14px;line-height:1.72;color:#49433d}.suite-section-head{display:grid;grid-template-columns:1.05fr .95fr;gap:80px;align-items:end;margin-bottom:38px}.suite-section-head>p{max-width:590px;color:#5d5750;font-size:13px;line-height:1.7;margin-bottom:8px}
.suite-dark{background:#0b0f13;color:#fff;position:relative;margin:100px 0;background-image:radial-gradient(circle at 12% 30%,rgba(120,57,238,.12),transparent 27%),var(--phocea-cta-bg);background-size:auto,cover;background-position:center}.suite-dark:before,.suite-dark:after{content:"";position:absolute;left:0;right:0;height:1px;background:rgba(255,255,255,.12)}.suite-dark:before{top:0}.suite-dark:after{bottom:0}.suite-dark-inner{min-height:390px;display:grid;grid-template-columns:.9fr 1.1fr;gap:70px;align-items:center;padding:65px 0}.suite-dark-copy h2{font:700 clamp(40px,4vw,68px)/.94 var(--phocea-serif);letter-spacing:-.045em;margin:0 0 20px}.suite-dark-copy p:last-child{max-width:520px;color:#c9c3bb;line-height:1.65}.suite-dark-metrics{display:grid;grid-template-columns:1fr 1fr;gap:0}.suite-dark-metrics article{min-height:150px;border-top:1px solid rgba(255,255,255,.14);padding:18px 22px 18px 0}.suite-dark-metrics article:nth-child(odd){border-right:1px solid rgba(255,255,255,.14);padding-right:28px}.suite-dark-metrics article:nth-child(even){padding-left:28px}.suite-dark-metrics span{font-size:9px;font-weight:900;color:var(--suite-accent)}.suite-dark-metrics strong{display:block;font:700 22px var(--phocea-serif);margin:22px 0 8px}.suite-dark-metrics p{font-size:11px;line-height:1.55;color:#aaa49c;max-width:240px}
.suite-method{padding:30px 0 90px}.suite-method-track{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--phocea-line);border-bottom:2px solid var(--suite-accent)}.suite-method-card{min-height:270px;padding:30px 30px 24px;border-right:1px solid var(--phocea-line);position:relative}.suite-method-card:last-child{border-right:0}.suite-method-card>span{position:absolute;right:24px;top:14px;font:700 38px var(--phocea-serif);color:rgba(120,57,238,.13)}.suite-method-card small{font-size:9px;letter-spacing:.11em;color:var(--suite-accent);font-weight:900}.suite-method-card h3{font:700 25px/1.05 var(--phocea-serif);margin:28px 0 12px}.suite-method-card p{font-size:12px;line-height:1.6;color:#5b554f;max-width:360px}.suite-method-card div{display:flex;gap:6px;flex-wrap:wrap;margin-top:20px}.suite-method-card b{font-size:9px;border:1px solid var(--phocea-line);border-radius:999px;padding:5px 8px;background:rgba(255,255,255,.5)}
.suite-ecosystem{padding:40px 0 90px;display:grid;grid-template-columns:.78fr 1.22fr;gap:70px;align-items:center}.suite-ecosystem-copy p:not(.suite-kicker):not(.suite-hand-note){max-width:520px;color:#5b554f;line-height:1.7;font-size:13px}.suite-map{height:430px;border:1px solid var(--phocea-line);border-radius:12px;position:relative;background:rgba(255,255,255,.38);overflow:hidden}.suite-map:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(17,16,14,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(17,16,14,.04) 1px,transparent 1px);background-size:34px 34px}.suite-map-core{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:3;width:120px;height:120px;border-radius:50%;background:#111;color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 0 0 15px rgba(120,57,238,.06),0 0 0 29px rgba(120,57,238,.03)}.suite-map-core small{font-size:8px;color:#b9b0a8;letter-spacing:.12em}.suite-map-core strong{font:700 22px var(--phocea-serif);margin:4px 0}.suite-map-core span{font-size:8px;color:#c9c3bb}.suite-map>span{position:absolute;z-index:3;background:rgba(255,255,255,.9);border:1px solid var(--phocea-line);border-radius:5px;padding:10px 13px;font-size:10px;font-weight:800;box-shadow:0 8px 18px rgba(17,16,14,.05)}.suite-map .m1{left:9%;top:15%}.suite-map .m2{right:9%;top:12%}.suite-map .m3{right:6%;top:50%}.suite-map .m4{right:15%;bottom:10%}.suite-map .m5{left:18%;bottom:9%}.suite-map .m6{left:5%;top:52%}.suite-map svg{position:absolute;inset:0;width:100%;height:100%;z-index:1}.suite-map path{stroke:rgba(120,57,238,.22);stroke-width:1.2;stroke-dasharray:5 6;fill:none}
.suite-projects{padding:40px 0 80px}.suite-project-grid{display:grid;grid-template-columns:1.35fr 1fr 1fr;gap:12px}.suite-project-card{border:1px solid var(--phocea-line);border-radius:8px;overflow:hidden;background:rgba(255,255,255,.48);position:relative;min-height:280px}.suite-project-card img{width:100%;height:100%;min-height:280px;object-fit:cover;display:block;transition:transform .45s ease}.suite-project-card:hover img{transform:scale(1.025)}.suite-project-card>div{position:absolute;left:0;right:0;bottom:0;padding:40px 18px 16px;background:linear-gradient(transparent,rgba(0,0,0,.78));color:#fff}.suite-project-card span{font-size:9px;text-transform:uppercase;color:#d9d0ff}.suite-project-card strong{display:block;font:700 20px var(--phocea-serif);margin:5px 0}.suite-project-card b{font-size:9px}
.suite-offers{padding:40px 0 80px}.suite-offer-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:12px}.suite-offer-grid-products{grid-template-columns:repeat(4,1fr)}.suite-offer-card{min-height:220px;border:1px solid var(--phocea-line);border-radius:8px;padding:24px;background:rgba(255,255,255,.54);display:flex;flex-direction:column;position:relative;overflow:hidden;transition:transform .25s ease,border-color .25s ease}.suite-offer-card:after{content:"";position:absolute;right:-45px;top:-45px;width:120px;height:120px;border-radius:50%;background:rgba(120,57,238,.06)}.suite-offer-card:hover{transform:translateY(-4px);border-color:rgba(120,57,238,.35)}.suite-offer-main{background:linear-gradient(135deg,rgba(120,57,238,.1),rgba(255,255,255,.56))}.suite-offer-card>span{font-size:9px;letter-spacing:.11em;color:var(--suite-accent);font-weight:900}.suite-offer-card h3{font:700 26px/1.05 var(--phocea-serif);margin:34px 0 10px}.suite-offer-card p{font-size:11px;line-height:1.6;color:#5b554f;max-width:430px}.suite-offer-card strong{font:700 16px var(--phocea-serif);margin-top:auto}.suite-offer-card>b{font-size:10px;color:var(--suite-accent);margin-top:auto;padding-top:20px}
.suite-faq{padding:40px 0 100px;display:grid;grid-template-columns:.58fr 1.42fr;gap:70px}.suite-faq-title p:last-child{max-width:360px;color:#69625a;font-size:11px;line-height:1.6;margin-top:20px}.suite-faq-list details{border-top:1px solid var(--phocea-line)}.suite-faq-list details:last-child{border-bottom:1px solid var(--phocea-line)}.suite-faq-list summary{list-style:none;cursor:pointer;padding:20px 2px;font:700 15px var(--phocea-serif);display:flex;justify-content:space-between;gap:20px}.suite-faq-list summary::-webkit-details-marker{display:none}.suite-faq-list summary span{color:var(--suite-accent);font-family:var(--phocea-sans)}.suite-faq-list details[open] summary span{transform:rotate(45deg)}.suite-faq-list details p{font-size:12px;line-height:1.7;color:#5b554f;max-width:740px;padding:0 40px 18px 2px}

/* Applications métiers — centralisation / workflow language */
.suite-app{--suite-accent:#7839ee}.app-hero-stage svg{position:absolute;inset:0;width:100%;height:100%}.app-hero-stage svg path{stroke:rgba(120,57,238,.22);stroke-width:1.2;stroke-dasharray:5 7;fill:none}.app-scatter{position:absolute;z-index:3;width:145px;padding:13px 14px;border:1px solid var(--phocea-line);border-radius:7px;background:rgba(255,255,255,.9);box-shadow:0 10px 24px rgba(17,16,14,.06)}.app-scatter small{font-size:7px;color:var(--suite-accent);font-weight:900;letter-spacing:.1em}.app-scatter b{display:block;font:700 12px/1.15 var(--phocea-serif);margin:5px 0}.app-scatter span{position:absolute;color:var(--suite-accent);font:18px var(--phocea-hand)}.app-scatter-a{left:7%;top:9%;transform:rotate(-2deg)}.app-scatter-b{left:8%;bottom:10%;transform:rotate(1deg)}.app-scatter-c{right:7%;top:8%;transform:rotate(2deg)}.app-scatter-d{right:7%;bottom:10%;transform:rotate(-1deg)}.app-scatter-a span,.app-scatter-b span{right:-27px}.app-scatter-c span,.app-scatter-d span{left:-27px}.app-core{position:absolute;left:50%;top:49%;transform:translate(-50%,-50%);z-index:4;width:180px;height:180px;border-radius:50%;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;background:#111;color:#fff;box-shadow:0 0 0 18px rgba(120,57,238,.07),0 0 0 36px rgba(120,57,238,.025)}.app-core small{font-size:7px;color:#bca8f4;letter-spacing:.12em}.app-core strong{font:700 23px var(--phocea-serif);margin:7px}.app-core span{font-size:8px;color:#bbb}.app-output{position:absolute;z-index:4;bottom:3%;font:700 9px var(--phocea-sans);color:#524b44}.app-output-a{left:27%}.app-output-b{left:48%}.app-output-c{right:23%}.app-transform{display:grid;grid-template-columns:.36fr .64fr;gap:55px;padding:20px 0 70px}.app-transform-sticky{align-self:start;position:sticky;top:115px}.app-transform-sticky h2{font:700 clamp(38px,3.7vw,63px)/.92 var(--phocea-serif);letter-spacing:-.045em}.app-transform-sticky p:last-child{max-width:320px;font-size:11px;line-height:1.6;color:#6d675f}.app-transform-list{display:grid;gap:12px}.app-transform-card{min-height:220px;border:1px solid var(--phocea-line);border-radius:8px;background:rgba(255,255,255,.5);display:grid;grid-template-columns:50px 1fr 220px;gap:22px;align-items:center;padding:20px 24px;overflow:hidden}.app-transform-card>span{align-self:start;font-size:9px;color:var(--suite-accent);font-weight:900}.app-transform-card small{font-size:8px;color:var(--suite-accent);letter-spacing:.1em;font-weight:900}.app-transform-card h3{font:700 24px/1.05 var(--phocea-serif);margin:9px 0}.app-transform-card p{font-size:11px;line-height:1.55;color:#5d5750}.app-transform-card ul{display:flex;gap:6px;list-style:none;padding:0;margin:13px 0 0}.app-transform-card li{font-size:8px;border:1px solid var(--phocea-line);border-radius:999px;padding:5px 7px}.app-mini-visual{height:150px;border:1px solid rgba(17,16,14,.08);background:rgba(247,244,238,.72);border-radius:7px;position:relative}.app-mini-central i{position:absolute;width:44px;height:30px;background:#fff;border:1px solid var(--phocea-line);border-radius:3px}.app-mini-central i:nth-child(1){left:14px;top:18px}.app-mini-central i:nth-child(2){right:13px;top:30px}.app-mini-central i:nth-child(3){left:28px;bottom:18px}.app-mini-central b{position:absolute;right:38px;bottom:32px;background:#111;color:#fff;border-radius:50%;width:60px;height:60px;display:grid;place-items:center;font-size:9px}.app-mini-flow{display:flex;align-items:center;justify-content:center;gap:8px}.app-mini-flow b{width:42px;height:42px;border-radius:50%;border:1px solid var(--suite-accent);display:grid;place-items:center}.app-mini-flow em{font:18px var(--phocea-hand)}.app-mini-connect{display:flex;align-items:center;justify-content:center;gap:8px}.app-mini-connect b,.app-mini-connect strong{padding:8px;border:1px solid var(--phocea-line);background:#fff;border-radius:4px;font-size:8px}.app-mini-connect strong{background:#111;color:#fff}.app-mini-connect i{height:1px;width:18px;background:var(--suite-accent)}.app-mini-data{display:flex;align-items:flex-end;justify-content:center;gap:9px;padding:24px}.app-mini-data i{width:22px;height:var(--h);background:linear-gradient(var(--suite-accent),rgba(120,57,238,.16));border-radius:3px 3px 0 0}.app-map .suite-map-core strong{letter-spacing:.06em}

/* IA — conversational / orchestration language */
.ai-hero-stage{background:radial-gradient(circle at 60% 40%,rgba(120,57,238,.08),transparent 28%),rgba(255,255,255,.32)}.ai-conversation{position:absolute;left:10%;top:11%;right:15%;bottom:17%;z-index:2;padding:22px;border:1px solid var(--phocea-line);border-radius:10px;background:rgba(255,255,255,.78);box-shadow:0 18px 36px rgba(17,16,14,.06)}.ai-conversation>small{font-size:8px;font-weight:900;color:var(--suite-accent);letter-spacing:.12em}.ai-msg{width:72%;padding:12px 14px;border-radius:11px;background:#f0ece6;font-size:10px;line-height:1.45;margin:13px 0}.ai-msg-b{margin-left:auto;background:#171719;color:#fff}.ai-msg-c{width:60%}.ai-approval{position:absolute;right:20px;bottom:20px;display:flex;align-items:center;gap:10px}.ai-approval b{font-size:8px;color:#746d65}.ai-approval span{font-size:8px;background:var(--suite-accent);color:#fff;padding:8px 10px;border-radius:4px}.ai-pipeline{position:absolute;left:11%;right:11%;bottom:5%;z-index:4;display:flex;align-items:center;justify-content:center;gap:8px;font-size:7px;font-weight:900}.ai-pipeline span{padding:6px 8px;background:#fff;border:1px solid var(--phocea-line);border-radius:999px}.ai-pipeline i{font-style:normal;color:var(--suite-accent)}.ai-orbit{position:absolute;z-index:5;font-size:7px;font-weight:900;border:1px solid var(--phocea-line);background:#fff;border-radius:50%;width:42px;height:42px;display:grid;place-items:center;box-shadow:0 8px 20px rgba(17,16,14,.06)}.ai-orbit-a{left:3%;top:20%}.ai-orbit-b{right:4%;top:16%}.ai-orbit-c{left:3%;bottom:20%}.ai-orbit-d{right:3%;bottom:25%}.ai-usecases{padding:20px 0 80px}.ai-usecases-head{max-width:700px;margin-bottom:32px}.ai-usecases-head h2{font:700 clamp(40px,4vw,68px)/.95 var(--phocea-serif);letter-spacing:-.045em}.ai-usecase-grid{display:grid;grid-template-columns:1.1fr .9fr;grid-template-rows:repeat(2,minmax(260px,auto));gap:12px}.ai-usecase{border:1px solid var(--phocea-line);background:rgba(255,255,255,.52);border-radius:9px;padding:26px;position:relative;overflow:hidden;transition:transform .18s ease}.ai-usecase>span{font-size:8px;letter-spacing:.1em;color:var(--suite-accent);font-weight:900}.ai-usecase h3{font:700 28px/1.05 var(--phocea-serif);max-width:470px;margin:26px 0 11px}.ai-usecase p{font-size:11px;line-height:1.6;color:#5e5751;max-width:500px}.ai-usecase-assist{grid-row:span 2}.ai-usecase-assist h3{font-size:36px;margin-top:44px;max-width:520px}.ai-usecase-visual{position:absolute;left:26px;right:26px;bottom:25px;height:90px;border-top:1px solid var(--phocea-line);display:flex;align-items:center;gap:9px}.ai-usecase-visual b,.ai-usecase-visual strong{font-size:9px;padding:8px 10px;border:1px solid var(--phocea-line);border-radius:4px;background:#fff}.ai-usecase-visual strong{background:#111;color:#fff}.ai-usecase-visual i{font-style:normal;color:var(--suite-accent)}.ai-bars{display:block;padding-top:14px}.ai-bars i{display:block;height:7px;background:linear-gradient(90deg,var(--suite-accent),rgba(120,57,238,.14));width:var(--w);margin:8px 0;border-radius:999px}.ai-bars small{font-size:8px;color:#6d675f}.ai-draft{display:grid;grid-template-columns:80px 1fr;gap:7px;padding-top:12px}.ai-draft small{font-size:7px;color:var(--suite-accent)}.ai-draft span{height:5px;background:#ddd6ce;border-radius:3px}.ai-draft b{position:absolute;right:0;bottom:10px;background:#111;color:#fff;padding:6px 8px;border-radius:3px;font-size:7px}.ai-chain{justify-content:flex-end}.ai-levels{padding:30px 0 90px}.ai-level-track{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.ai-level-track article{min-height:300px;border:1px solid var(--phocea-line);border-radius:8px;padding:25px;background:rgba(255,255,255,.46);position:relative}.ai-level-track article>span{position:absolute;right:20px;top:12px;font:700 42px var(--phocea-serif);color:rgba(120,57,238,.12)}.ai-level-track small{font-size:8px;color:var(--suite-accent);font-weight:900}.ai-level-track h3{font:700 28px var(--phocea-serif);margin:70px 0 10px}.ai-level-track p{font-size:11px;line-height:1.6;color:#5d5750}.ai-level-meter{position:absolute;left:25px;right:25px;bottom:24px;height:8px;display:flex;gap:5px}.ai-level-meter i{flex:1;background:var(--suite-accent);border-radius:999px}.ai-level-track article:nth-child(2) .ai-level-meter i:last-child,.ai-level-track article:nth-child(3) .ai-level-meter i:last-child{opacity:.55}.ai-map{background:radial-gradient(circle at 50% 50%,rgba(120,57,238,.08),transparent 29%),rgba(255,255,255,.38)}

/* SEO/GEO — search / editorial / signal language */
.seo-hero-stage{padding:34px 42px}.seo-search{position:relative;z-index:3;margin-top:16px;height:48px;border:1px solid var(--phocea-line);border-radius:999px;background:#fff;display:flex;align-items:center;gap:12px;padding:0 18px;box-shadow:0 8px 24px rgba(17,16,14,.05)}.seo-search span{font-size:18px}.seo-search b{font-size:10px}.seo-result{position:absolute;z-index:3;border:1px solid var(--phocea-line);border-radius:7px;background:rgba(255,255,255,.94);box-shadow:0 13px 30px rgba(17,16,14,.06)}.seo-result-main{left:8%;right:28%;top:28%;padding:18px}.seo-result small,.seo-answer small,.seo-local small{font-size:7px;color:var(--suite-accent);font-weight:900;letter-spacing:.1em}.seo-result strong{display:block;font:700 17px/1.1 var(--phocea-serif);margin:8px 0}.seo-result p{font-size:8px;color:#5d5750}.seo-answer{position:absolute;z-index:4;right:6%;top:46%;width:42%;padding:16px;border-radius:8px;background:#111;color:#fff;box-shadow:0 20px 40px rgba(17,16,14,.16)}.seo-answer p{font:700 13px/1.3 var(--phocea-serif);margin:10px 0}.seo-answer b{font-size:7px;color:#c8b8ff}.seo-local{position:absolute;z-index:4;left:9%;bottom:9%;width:45%;padding:14px;border:1px solid var(--phocea-line);background:#fff;border-radius:7px}.seo-local strong{display:block;font:700 13px var(--phocea-serif);margin:5px 0}.seo-local span{font-size:7px;color:#686159}.seo-surfaces{padding:20px 0 80px}.seo-surface-grid{display:grid;grid-template-columns:1.1fr .9fr .9fr;gap:12px}.seo-surface{min-height:330px;border:1px solid var(--phocea-line);border-radius:9px;background:rgba(255,255,255,.5);padding:25px;position:relative;overflow:hidden;transition:transform .18s ease}.seo-surface>span{font-size:8px;color:var(--suite-accent);font-weight:900;letter-spacing:.1em}.seo-surface h3{font:700 28px/1.05 var(--phocea-serif);margin:35px 0 12px}.seo-surface p{font-size:11px;line-height:1.6;color:#5d5750}.seo-serp-mini,.seo-local-mini,.seo-answer-mini{position:absolute;left:24px;right:24px;bottom:22px;min-height:92px;border-top:1px solid var(--phocea-line);padding-top:13px}.seo-serp-mini b{font:700 12px var(--phocea-serif)}.seo-serp-mini i{display:block;height:5px;width:86%;background:#ded8d0;margin:8px 0;border-radius:3px}.seo-serp-mini i:nth-of-type(2){width:64%}.seo-serp-mini small{font-size:7px}.seo-local-mini{display:grid;grid-template-columns:50px 1fr;align-items:center;gap:8px}.seo-local-mini i{width:44px;height:44px;border-radius:50% 50% 50% 0;background:var(--suite-accent);transform:rotate(-45deg);position:relative}.seo-local-mini i:after{content:"";position:absolute;width:13px;height:13px;background:#fff;border-radius:50%;left:15px;top:15px}.seo-local-mini b,.seo-local-mini span,.seo-local-mini small{font-size:8px}.seo-answer-mini small{font-size:7px;color:var(--suite-accent)}.seo-answer-mini b{display:block;font:700 12px var(--phocea-serif);margin:7px 0}.seo-answer-mini span{display:inline-block;font-size:7px;border:1px solid var(--phocea-line);border-radius:999px;padding:4px 6px}.seo-path{padding:25px 0 100px;display:grid;grid-template-columns:.35fr .65fr;gap:55px}.seo-path-title h2{font:700 clamp(40px,4vw,67px)/.92 var(--phocea-serif);letter-spacing:-.045em}.seo-path-track{display:grid;grid-template-columns:1fr 1fr}.seo-path-track article{min-height:210px;padding:23px;border-top:1px solid var(--phocea-line);border-right:1px solid var(--phocea-line)}.seo-path-track article:nth-child(2n){border-right:0}.seo-path-track article:nth-last-child(-n+2){border-bottom:1px solid var(--phocea-line)}.seo-path-track span{font-size:8px;color:var(--suite-accent);font-weight:900}.seo-path-track small{display:block;font-size:8px;color:#6a635d;margin-top:25px}.seo-path-track h3{font:700 21px/1.08 var(--phocea-serif);margin:7px 0}.seo-path-track p{font-size:10px;color:#6d675f}.seo-pillar-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.seo-pillar-grid article{min-height:280px;border:1px solid var(--phocea-line);border-radius:8px;padding:24px;background:rgba(255,255,255,.5)}.seo-pillar-grid span{font-size:8px;color:var(--suite-accent);font-weight:900}.seo-pillar-grid h3{font:700 27px var(--phocea-serif);margin:54px 0 12px}.seo-pillar-grid p{font-size:11px;line-height:1.6;color:#5d5750}.seo-pillar-grid div{display:flex;gap:5px;margin-top:28px}.seo-pillar-grid b{font-size:8px;border:1px solid var(--phocea-line);border-radius:999px;padding:5px 7px}.seo-map .suite-map-core{background:var(--suite-accent)}

/* Hosting — dashboard / layered / monitoring language */
.hosting-hero-stage{background:linear-gradient(180deg,rgba(255,255,255,.62),rgba(237,234,229,.45))}.hosting-dashboard{position:absolute;z-index:3;left:7%;right:7%;top:10%;bottom:11%;border:1px solid var(--phocea-line);border-radius:9px;background:#11151a;color:#fff;padding:18px;box-shadow:0 24px 50px rgba(17,16,14,.14)}.hosting-status{display:grid;grid-template-columns:12px 1fr auto;align-items:center;gap:7px;border-bottom:1px solid rgba(255,255,255,.11);padding-bottom:14px}.hosting-status i{width:8px;height:8px;border-radius:50%;background:#71d49a;box-shadow:0 0 0 5px rgba(113,212,154,.09)}.hosting-status span{font-size:7px;color:#aeb6bd}.hosting-status b{font-size:8px;color:#71d49a}.hosting-metrics{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:14px}.hosting-metrics article{min-height:88px;border:1px solid rgba(255,255,255,.09);border-radius:5px;padding:11px;background:rgba(255,255,255,.025)}.hosting-metrics small{display:block;font-size:6px;color:#929ba3;letter-spacing:.1em}.hosting-metrics strong{display:block;font:700 19px var(--phocea-serif);margin:8px 0 3px}.hosting-metrics span{font-size:6px;color:#717b83}.hosting-graph{position:absolute;left:18px;right:18px;bottom:15px;height:48px;border-top:1px solid rgba(255,255,255,.08)}.hosting-graph span{position:absolute;left:var(--x);bottom:0;width:6%;height:var(--h);background:linear-gradient(var(--suite-accent),rgba(120,57,238,.18));border-radius:2px 2px 0 0}.hosting-badge{position:absolute;z-index:5;background:#fff;border:1px solid var(--phocea-line);border-radius:5px;padding:8px 10px;font-size:7px;font-weight:900;box-shadow:0 8px 20px rgba(17,16,14,.08)}.hosting-badge-a{left:2%;bottom:16%}.hosting-badge-b{right:2%;top:20%}.hosting-layers{display:grid;grid-template-columns:.36fr .64fr;gap:60px;padding:20px 0 80px}.hosting-layers-sticky{position:sticky;top:115px;align-self:start}.hosting-layers-sticky h2{font:700 clamp(40px,4vw,68px)/.92 var(--phocea-serif);letter-spacing:-.045em}.hosting-layers-sticky p:last-child{font-size:11px;line-height:1.6;color:#69625a;max-width:320px}.hosting-layer-stack{display:grid;gap:10px}.hosting-layer{min-height:175px;display:grid;grid-template-columns:50px 1fr 110px;gap:20px;align-items:center;border:1px solid var(--phocea-line);border-radius:8px;background:rgba(255,255,255,.5);padding:20px 24px;position:relative}.hosting-layer:nth-child(2){margin-left:3%}.hosting-layer:nth-child(3){margin-left:6%}.hosting-layer:nth-child(4){margin-left:9%}.hosting-layer>span{font-size:8px;color:var(--suite-accent);font-weight:900}.hosting-layer small{font-size:8px;color:var(--suite-accent);font-weight:900;letter-spacing:.1em}.hosting-layer h3{font:700 24px var(--phocea-serif);margin:8px 0}.hosting-layer p{font-size:10px;line-height:1.55;color:#5f5953}.hosting-layer>strong{text-align:right;font-size:8px;letter-spacing:.12em;color:#aaa29a}.hosting-cycle{padding:25px 0 90px}.hosting-cycle-ring{height:500px;max-width:920px;margin:20px auto 0;position:relative;border:1px solid var(--phocea-line);border-radius:12px;background:rgba(255,255,255,.35)}.hosting-cycle-ring svg{position:absolute;inset:0;width:100%;height:100%}.hosting-cycle-ring circle,.hosting-cycle-ring path{stroke:rgba(120,57,238,.24);stroke-width:1.2;fill:none;stroke-dasharray:5 6}.hosting-cycle-core{position:absolute;z-index:3;left:50%;top:50%;transform:translate(-50%,-50%);width:150px;height:150px;border-radius:50%;background:#111;color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 0 0 18px rgba(120,57,238,.06)}.hosting-cycle-core small{font-size:7px;color:#a99f97}.hosting-cycle-core strong{font:700 31px var(--phocea-serif);margin:4px}.hosting-cycle-core span{font-size:7px;color:#a99f97}.hosting-cycle-ring article{position:absolute;z-index:3;width:180px;padding:13px;border:1px solid var(--phocea-line);background:#fff;border-radius:6px;box-shadow:0 10px 25px rgba(17,16,14,.05)}.hosting-cycle-ring article span{font-size:7px;color:var(--suite-accent);font-weight:900}.hosting-cycle-ring article b{display:block;font:700 15px var(--phocea-serif);margin:5px 0}.hosting-cycle-ring article small{font-size:7px;color:#716a63}.hc-a{left:9%;top:14%}.hc-b{right:8%;top:13%}.hc-c{right:10%;bottom:13%}.hc-d{left:10%;bottom:12%}.hosting-response{padding:35px 0 90px;display:grid;grid-template-columns:.55fr 1.45fr;gap:50px;align-items:center}.hosting-response-copy h2{font:700 clamp(36px,3.5vw,60px)/.96 var(--phocea-serif);letter-spacing:-.04em}.hosting-response-copy p:last-child{font-size:11px;line-height:1.65;color:#615b54;max-width:420px}.hosting-response-flow{min-height:130px;border:1px solid var(--phocea-line);border-radius:8px;display:flex;align-items:center;justify-content:center;gap:10px;padding:20px;background:rgba(255,255,255,.46)}.hosting-response-flow span{padding:9px 11px;border:1px solid var(--phocea-line);border-radius:5px;background:#fff;font-size:8px;font-weight:900}.hosting-response-flow i{font-style:normal;color:var(--suite-accent);font:16px var(--phocea-hand)}

@media(max-width:1200px){.suite-hero{grid-template-columns:.85fr 1.15fr}.suite-project-grid{grid-template-columns:1.2fr 1fr 1fr}.app-transform-card{grid-template-columns:42px 1fr 180px}.suite-hero-stage{height:420px}}
@media(max-width:900px){.suite-hero{grid-template-columns:1fr;min-height:auto;padding-top:46px}.suite-hero-stage{height:420px}.suite-proof-strip{grid-template-columns:1fr 1fr}.suite-proof-strip span:nth-child(2){border-right:0}.suite-proof-strip span:nth-child(-n+2){border-bottom:1px solid var(--phocea-line)}.suite-intro,.suite-section-head,.suite-dark-inner,.suite-ecosystem,.suite-faq,.app-transform,.hosting-layers,.seo-path,.hosting-response{grid-template-columns:1fr;gap:30px}.app-transform-sticky,.hosting-layers-sticky{position:relative;top:auto}.suite-method-track,.ai-level-track,.seo-pillar-grid{grid-template-columns:1fr}.suite-method-card{border-right:0;border-bottom:1px solid var(--phocea-line)}.suite-method-card:last-child{border-bottom:0}.suite-project-grid{grid-template-columns:1fr 1fr}.suite-project-card:first-child{grid-column:1/-1}.suite-offer-grid,.suite-offer-grid-products{grid-template-columns:1fr 1fr}.suite-map{height:400px}.app-transform-card{grid-template-columns:40px 1fr 190px}.ai-usecase-grid{grid-template-columns:1fr}.ai-usecase-assist{grid-row:auto;min-height:360px}.seo-surface-grid{grid-template-columns:1fr}.seo-surface{min-height:280px}.hosting-layer:nth-child(n){margin-left:0}.hosting-response-flow{flex-wrap:wrap}.suite-dark{margin:70px 0}}
@media(max-width:600px){.suite-hero{padding:30px 0 34px}.suite-hero h1{font-size:43px}.suite-lead{font-size:13px}.suite-actions{flex-direction:column}.suite-actions .button{width:100%}.suite-hero-stage{height:360px}.suite-proof-strip{margin-bottom:55px}.suite-intro{padding-bottom:58px}.suite-intro-title h2,.suite-section-head h2,.suite-ecosystem h2,.suite-faq h2{font-size:38px}.suite-dark-inner{padding:48px 0}.suite-dark-copy h2{font-size:42px}.suite-dark-metrics{grid-template-columns:1fr}.suite-dark-metrics article:nth-child(n){border-right:0;padding:17px 0}.suite-project-grid,.suite-offer-grid,.suite-offer-grid-products{grid-template-columns:1fr}.suite-project-card:first-child{grid-column:auto}.suite-faq{padding-bottom:70px}.app-scatter{width:110px;padding:9px}.app-scatter b{font-size:9px}.app-core{width:135px;height:135px}.app-core strong{font-size:18px}.app-output{display:none}.app-transform-card{grid-template-columns:1fr;padding:18px}.app-transform-card>span{position:absolute;right:16px;top:12px}.app-mini-visual{height:120px}.ai-conversation{left:5%;right:5%;top:8%}.ai-msg{width:88%;font-size:8px}.ai-orbit{display:none}.ai-pipeline{left:5%;right:5%;gap:4px}.ai-pipeline span{font-size:6px;padding:5px}.seo-hero-stage{padding:20px}.seo-result-main{left:5%;right:16%}.seo-answer{right:4%;width:57%}.seo-local{left:5%;width:52%}.seo-path-track{grid-template-columns:1fr}.seo-path-track article:nth-child(n){border-right:0;border-bottom:1px solid var(--phocea-line)}.hosting-dashboard{left:3%;right:3%;top:6%;bottom:8%}.hosting-metrics article{min-height:78px}.hosting-layer{grid-template-columns:1fr;padding:18px}.hosting-layer>strong{text-align:left}.hosting-cycle-ring{height:470px}.hosting-cycle-ring article{width:135px;padding:9px}.hosting-cycle-core{width:120px;height:120px}.hc-a{left:3%}.hc-b{right:3%}.hc-c{right:3%}.hc-d{left:3%}.hosting-response-flow{justify-content:flex-start}.suite-map>span{padding:7px 9px;font-size:8px}.suite-map-core{width:100px;height:100px}.suite-map-core strong{font-size:18px}}
@media(prefers-reduced-motion:reduce){.suite-reveal{opacity:1;transform:none;transition:none}.ai-usecase,.seo-surface{transition:none}}

/* === Production 2.5.1 — conversion layer ================================== */
.suite-demo{padding:10px 0 88px}.suite-demo-head{display:grid;grid-template-columns:1.02fr .98fr;gap:80px;align-items:end;margin-bottom:30px}.suite-demo-head h2,.suite-conversion-band h2{font:700 clamp(38px,3.8vw,66px)/.95 var(--phocea-serif);letter-spacing:-.045em;margin:0}.suite-demo-head>p{max-width:600px;font-size:13px;line-height:1.72;color:#565049;margin:0}.suite-demo-stage{min-height:430px;border:1px solid var(--phocea-line);border-radius:12px;background:linear-gradient(145deg,rgba(255,255,255,.7),rgba(255,255,255,.28));box-shadow:0 24px 55px rgba(17,16,14,.05);position:relative;overflow:hidden}.suite-demo-stage:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(17,16,14,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(17,16,14,.035) 1px,transparent 1px);background-size:32px 32px;pointer-events:none}.suite-outcomes{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--phocea-line);border-bottom:1px solid var(--phocea-line);margin-top:18px}.suite-outcomes article{padding:20px 22px;min-height:140px;border-right:1px solid var(--phocea-line)}.suite-outcomes article:last-child{border-right:0}.suite-outcomes span{font-size:8px;font-weight:900;color:var(--suite-accent)}.suite-outcomes strong{display:block;font:700 20px/1.05 var(--phocea-serif);margin:16px 0 8px}.suite-outcomes p{font-size:11px;line-height:1.55;color:#625c55;max-width:360px;margin:0}.suite-demo [data-demo-step]{opacity:.34;transform:translateY(8px);transition:opacity .45s ease,transform .45s ease,border-color .45s ease,background-color .45s ease}.suite-demo-stage.is-live [data-demo-step]{animation:suiteDemoIn .48s ease forwards}.suite-demo-stage.is-live [data-demo-step]:nth-child(2){animation-delay:.12s}.suite-demo-stage.is-live [data-demo-step]:nth-child(3){animation-delay:.24s}.suite-demo-stage.is-live [data-demo-step]:nth-child(4){animation-delay:.36s}.suite-demo-stage.is-live [data-demo-step]:nth-child(5){animation-delay:.48s}.suite-demo-stage.is-live [data-demo-step]:nth-child(6){animation-delay:.60s}@keyframes suiteDemoIn{to{opacity:1;transform:none}}
.suite-conversion-band{margin-top:20px;margin-bottom:65px;display:grid;grid-template-columns:1.1fr .9fr;gap:65px;align-items:center;padding:36px 38px;border:1px solid rgba(120,57,238,.24);border-radius:12px;background:linear-gradient(135deg,rgba(120,57,238,.09),rgba(255,255,255,.6));position:relative;overflow:hidden}.suite-conversion-band:after{content:"";position:absolute;right:-90px;top:-110px;width:270px;height:270px;border-radius:50%;border:1px solid rgba(120,57,238,.14);box-shadow:0 0 0 34px rgba(120,57,238,.025),0 0 0 68px rgba(120,57,238,.018)}.suite-conversion-band h2{font-size:clamp(34px,3.1vw,56px)}.suite-conversion-band p:not(.suite-kicker){max-width:720px;color:#554f48;font-size:12px;line-height:1.65;margin:14px 0 0}.suite-conversion-actions{display:flex;justify-content:flex-end;gap:10px;flex-wrap:wrap;position:relative;z-index:2}

/* App — before / engine / after */
.app-live-demo{display:grid;grid-template-columns:.86fr 1.05fr .86fr;gap:28px;align-items:center;padding:36px}.app-demo-before,.app-demo-after{position:relative;z-index:2}.app-demo-before>small,.app-demo-after>small,.app-demo-engine>small{font-size:8px;letter-spacing:.12em;color:var(--suite-accent);font-weight:900}.app-demo-before>strong,.app-demo-after>strong{display:block;font:700 22px var(--phocea-serif);margin:8px 0 20px}.app-demo-source{background:#fff;border:1px solid var(--phocea-line);border-radius:7px;padding:13px 14px;margin:9px 0;box-shadow:0 7px 18px rgba(17,16,14,.035)}.app-demo-source b{display:block;font-size:10px}.app-demo-source span{display:block;font-size:9px;color:#706960;margin-top:4px}.app-demo-engine{height:330px;position:relative;display:grid;place-items:center;border-radius:50%;background:radial-gradient(circle,rgba(120,57,238,.09),rgba(120,57,238,.02) 42%,transparent 43%)}.demo-core{width:92px;height:92px;border-radius:50%;display:grid;place-items:center;background:#111;color:#fff;font:700 20px var(--phocea-serif);box-shadow:0 0 0 12px rgba(120,57,238,.08),0 0 0 24px rgba(120,57,238,.03)}.demo-orbit{position:absolute;width:150px;border:1px solid var(--phocea-line);background:rgba(255,255,255,.88);padding:10px;border-radius:6px;text-align:center}.demo-orbit span{display:inline-grid;place-items:center;width:22px;height:22px;border-radius:50%;background:var(--suite-accent);color:#fff;font-size:8px;margin-right:5px}.demo-orbit b{font-size:9px}.demo-orbit:nth-of-type(1){top:28px;left:50%;transform:translateX(-50%)}.demo-orbit:nth-of-type(2){left:0;bottom:42px}.demo-orbit:nth-of-type(3){right:0;bottom:42px}.app-demo-result{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 0;border-top:1px solid var(--phocea-line)}.app-demo-result span{font-size:9px;color:#716a62}.app-demo-result b{font:700 13px var(--phocea-serif);color:#28231f}

/* AI — request to action */
.ai-live-demo{padding:32px;display:grid;grid-template-columns:260px 1fr 250px;gap:24px;align-items:stretch}.ai-demo-request,.ai-demo-result{position:relative;z-index:2;align-self:center;border:1px solid var(--phocea-line);border-radius:10px;background:#fff;padding:20px;box-shadow:0 12px 30px rgba(17,16,14,.05)}.ai-demo-request small,.ai-demo-result small{font-size:8px;color:var(--suite-accent);letter-spacing:.12em;font-weight:900}.ai-demo-request b,.ai-demo-result strong{display:block;font:700 20px/1.15 var(--phocea-serif);margin:14px 0}.ai-demo-request span,.ai-demo-result span{font-size:9px;color:#6d665f}.ai-demo-pipeline{position:relative;z-index:2;display:grid;grid-template-columns:repeat(5,1fr);align-items:center;gap:6px}.ai-demo-pipeline article{min-height:220px;padding:16px 12px;border:1px solid var(--phocea-line);border-radius:7px;background:rgba(255,255,255,.72);display:flex;flex-direction:column}.ai-demo-pipeline article>span{font-size:8px;color:var(--suite-accent);font-weight:900}.ai-demo-pipeline small{font-size:7px;letter-spacing:.08em;color:#706960;margin-top:35px}.ai-demo-pipeline strong{font:700 13px/1.1 var(--phocea-serif);margin:8px 0}.ai-demo-pipeline p{font-size:8px;line-height:1.45;color:#6a635b}.ai-demo-pipeline .ai-human-step{border-color:rgba(120,57,238,.42);background:linear-gradient(180deg,rgba(120,57,238,.12),rgba(255,255,255,.76))}

/* SEO — tabs from search to local to answer engines */
.seo-journey{border:1px solid var(--phocea-line);border-radius:12px;background:rgba(255,255,255,.48);overflow:hidden;box-shadow:0 24px 55px rgba(17,16,14,.045)}.seo-demo-tabs{display:flex;gap:0;border-bottom:1px solid var(--phocea-line);background:rgba(255,255,255,.56)}.seo-demo-tabs button{appearance:none;border:0;border-right:1px solid var(--phocea-line);background:transparent;padding:15px 22px;font-size:10px;font-weight:900;cursor:pointer}.seo-demo-tabs button.is-active{background:var(--suite-accent);color:#fff}.seo-demo-screen{display:none;min-height:390px;padding:42px;grid-template-columns:1.35fr .9fr;grid-template-rows:auto 1fr;gap:20px 30px;position:relative;background-image:linear-gradient(rgba(17,16,14,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(17,16,14,.025) 1px,transparent 1px);background-size:30px 30px}.seo-demo-screen.is-active{display:grid}.seo-demo-query{grid-column:1/-1;border:1px solid var(--phocea-line);background:#fff;border-radius:999px;padding:13px 18px;font-size:11px;box-shadow:0 8px 20px rgba(17,16,14,.04)}.seo-demo-screen article{align-self:center;border:1px solid var(--phocea-line);background:rgba(255,255,255,.94);border-radius:8px;padding:20px;max-width:650px}.seo-demo-screen article small,.seo-demo-screen aside small,.seo-demo-answer small{font-size:8px;letter-spacing:.1em;color:var(--suite-accent);font-weight:900}.seo-demo-screen article strong,.seo-demo-answer strong{display:block;font:700 22px/1.1 var(--phocea-serif);margin:10px 0}.seo-demo-screen article p,.seo-demo-answer p{font-size:10px;line-height:1.55;color:#625c55}.seo-demo-screen article span{display:inline-block;margin:5px 5px 0 0;border:1px solid var(--phocea-line);border-radius:999px;padding:5px 7px;font-size:8px}.seo-demo-screen aside{align-self:center;border-left:2px solid var(--suite-accent);padding:18px}.seo-demo-screen aside b{display:block;font:700 22px/1.1 var(--phocea-serif);margin-top:9px}.seo-demo-map{grid-column:1/-1;height:90px;position:relative;border-bottom:1px solid var(--phocea-line)}.seo-demo-map i{position:absolute;width:15px;height:15px;background:var(--suite-accent);border-radius:50% 50% 50% 0;transform:rotate(-45deg);top:25px}.seo-demo-map i:nth-child(1){left:16%}.seo-demo-map i:nth-child(2){left:46%}.seo-demo-map i:nth-child(3){left:74%}.seo-demo-map strong{position:absolute;left:50%;transform:translateX(-50%);bottom:10px;font:700 13px var(--phocea-serif)}.seo-demo-answer{grid-column:1/-1;background:#111;color:#fff;border-radius:8px;padding:20px 24px}.seo-demo-answer p{color:#c7c0b8}

/* Hosting — incident drill */
.hosting-live-demo{display:grid;grid-template-columns:.85fr 1.15fr;gap:28px;padding:34px}.hosting-demo-monitor{position:relative;z-index:2;min-height:330px;border-radius:9px;background:#0f1419;color:#fff;padding:20px;box-shadow:0 18px 34px rgba(15,20,25,.18)}.hosting-demo-top{display:flex;align-items:center;gap:8px;border-bottom:1px solid rgba(255,255,255,.09);padding-bottom:15px}.hosting-demo-top b{font-size:10px}.hosting-demo-top small{margin-left:auto;color:#7f8992;font-size:7px}.hosting-demo-dot{width:8px;height:8px;border-radius:50%;background:#55d58a;box-shadow:0 0 0 5px rgba(85,213,138,.08)}.hosting-demo-line{height:115px;display:flex;align-items:end;gap:6px;padding:18px 0}.hosting-demo-line i{flex:1;height:var(--bar,45%);background:linear-gradient(180deg,#7839ee,#4f259e);border-radius:2px;opacity:.85}.hosting-demo-line i:nth-child(1){height:34%}.hosting-demo-line i:nth-child(2){height:46%}.hosting-demo-line i:nth-child(3){height:40%}.hosting-demo-line i:nth-child(4){height:58%}.hosting-demo-line i:nth-child(5){height:44%}.hosting-demo-line i:nth-child(6){height:74%}.hosting-demo-line i:nth-child(7){height:62%}.hosting-demo-line i:nth-child(8){height:86%}.hosting-demo-line i:nth-child(9){height:49%}.hosting-demo-line i:nth-child(10){height:66%}.hosting-demo-alert{border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.05);padding:15px;border-radius:6px}.hosting-demo-alert small{font-size:7px;color:#c3a8ff}.hosting-demo-alert strong{display:block;font:700 17px var(--phocea-serif);margin:7px 0}.hosting-demo-alert span{font-size:8px;color:#a8b0b7}.hosting-demo-steps{position:relative;z-index:2;display:grid;grid-template-columns:1fr 1fr;gap:10px}.hosting-demo-steps article{border:1px solid var(--phocea-line);border-radius:8px;background:rgba(255,255,255,.72);padding:18px;min-height:150px}.hosting-demo-steps span{font-size:8px;color:var(--suite-accent);font-weight:900}.hosting-demo-steps small{display:block;font-size:7px;letter-spacing:.1em;margin:18px 0 7px;color:#716a62}.hosting-demo-steps strong{display:block;font:700 17px/1.1 var(--phocea-serif)}.hosting-demo-steps p{font-size:9px;line-height:1.5;color:#625c55}.hosting-demo-steps .hosting-demo-ok{border-color:rgba(70,150,100,.34);background:linear-gradient(145deg,rgba(83,180,118,.08),rgba(255,255,255,.75))}

@media(max-width:1050px){.suite-demo-head,.suite-conversion-band{grid-template-columns:1fr;gap:28px}.suite-conversion-actions{justify-content:flex-start}.app-live-demo,.ai-live-demo,.hosting-live-demo{grid-template-columns:1fr}.app-demo-engine{height:280px}.ai-demo-pipeline{grid-template-columns:repeat(5,minmax(130px,1fr));overflow-x:auto;padding-bottom:8px}.seo-demo-screen{grid-template-columns:1fr}.suite-outcomes{grid-template-columns:1fr}.suite-outcomes article{border-right:0;border-bottom:1px solid var(--phocea-line);min-height:auto}.suite-outcomes article:last-child{border-bottom:0}}
@media(max-width:600px){.suite-demo{padding-bottom:62px}.suite-demo-head h2,.suite-conversion-band h2{font-size:38px}.suite-demo-stage{min-height:0}.app-live-demo,.ai-live-demo,.hosting-live-demo{padding:18px}.app-demo-engine{height:260px}.demo-orbit{width:125px}.ai-demo-pipeline{grid-template-columns:repeat(5,155px)}.seo-demo-tabs{overflow-x:auto}.seo-demo-tabs button{white-space:nowrap;padding:13px 16px}.seo-demo-screen{padding:22px;min-height:410px}.hosting-demo-steps{grid-template-columns:1fr}.suite-conversion-band{padding:26px 22px}.suite-conversion-actions{flex-direction:column}.suite-conversion-actions .button{width:100%}}
@media(prefers-reduced-motion:reduce){.suite-demo [data-demo-step]{opacity:1;transform:none}.suite-demo-stage.is-live [data-demo-step]{animation:none}}
