:root {
  --hi-radius: 34px;
  --hi-bg: #0d0d0f;
  --hi-ink: #f6f4ef;
  --hi-muted: #9d9aa3;
  --hi-line: rgba(255,255,255,.10);
  --hi-accent: #d9ff57;
  --hi-shadow: 0 40px 100px rgba(0,0,0,.35);
}

* { box-sizing: border-box; }

.hi-shell {
  position: relative;
  width: 100%;
  aspect-ratio: 16 / 9;
  min-height: 420px;
  overflow: hidden;
  border-radius: var(--hi-radius);
  background:
    radial-gradient(1200px 800px at 80% -10%, rgba(102,77,255,.16), transparent 55%),
    radial-gradient(900px 680px at -10% 90%, rgba(217,255,87,.10), transparent 55%),
    var(--hi-bg);
  color: var(--hi-ink);
  box-shadow: var(--hi-shadow);
  isolation: isolate;
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

.hi-shell::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 40;
  background: linear-gradient(180deg, rgba(255,255,255,.035), transparent 18%, transparent 82%, rgba(0,0,0,.18));
  mix-blend-mode: screen;
}

.hi-stage { position: absolute; inset: 0; }

.hi-scene {
  position: absolute;
  inset: 0;
  opacity: 0;
  visibility: hidden;
  transform: scale(1.018);
  transition: opacity .55s ease, transform .75s cubic-bezier(.2,.75,.2,1), visibility 0s linear .6s;
  overflow: hidden;
}

.hi-scene.is-active {
  opacity: 1;
  visibility: visible;
  transform: scale(1);
  z-index: 5;
  transition-delay: 0s;
}

.hi-scene.is-leaving {
  opacity: 0;
  visibility: visible;
  z-index: 6;
  transform: scale(.985);
}

.hi-noise {
  position: absolute; inset: 0; pointer-events:none; opacity:.16; z-index: 30;
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.18'/%3E%3C/svg%3E");
}

.hi-progress {
  position:absolute; left:28px; right:28px; bottom:18px; height:3px; z-index:45;
  background: rgba(255,255,255,.08); border-radius:99px; overflow:hidden;
}
.hi-progress > i { display:block; height:100%; width:0; background:linear-gradient(90deg,#fff,var(--hi-accent)); border-radius:inherit; }
.hi-shell.is-running .hi-progress > i { animation: hiMaster var(--hi-total, 40s) linear infinite; }
@keyframes hiMaster { to { width:100%; } }

.hi-brandmark {
  position:absolute; left:28px; top:24px; z-index:50; display:flex; align-items:center; gap:10px;
  font-size:12px; font-weight:800; letter-spacing:.16em; text-transform:uppercase;
  color:rgba(255,255,255,.92);
}
.hi-brandmark::before { content:""; width:9px; height:9px; border-radius:50%; background:var(--hi-accent); box-shadow:0 0 24px rgba(217,255,87,.75); }

.hi-label {
  position:absolute; right:28px; top:24px; z-index:50;
  font:700 10px/1 ui-monospace,SFMono-Regular,Menlo,monospace; letter-spacing:.14em; text-transform:uppercase;
  color:rgba(255,255,255,.58); padding:8px 10px; border:1px solid rgba(255,255,255,.10); border-radius:999px;
  background:rgba(10,10,12,.42); backdrop-filter: blur(10px);
}

.hi-window {
  position:absolute; border-radius:22px; overflow:hidden; border:1px solid rgba(255,255,255,.1);
  background:#111216; box-shadow:0 34px 90px rgba(0,0,0,.36);
}

.hi-windowbar {
  height:44px; display:flex; align-items:center; gap:8px; padding:0 16px;
  background:linear-gradient(180deg,#202128,#17181d); border-bottom:1px solid rgba(255,255,255,.08);
}
.hi-dots { display:flex; gap:7px; }
.hi-dot { width:8px; height:8px; border-radius:50%; background:#5f6068; }
.hi-dot:nth-child(1){background:#ff665f}.hi-dot:nth-child(2){background:#f4bf4f}.hi-dot:nth-child(3){background:#61c454}
.hi-windowtitle { margin:auto; color:#aaaeb7; font-size:11px; letter-spacing:.03em; }

.hi-browserbar { height:50px; display:grid; grid-template-columns:auto 1fr auto; gap:14px; align-items:center; padding:0 16px; background:#f4f4f2; color:#111; border-bottom:1px solid #ddd; }
.hi-browser-controls { display:flex; gap:7px; }
.hi-browser-controls i { width:8px;height:8px;border-radius:50%;background:#d4d4d2;display:block; }
.hi-url { height:30px; border-radius:999px; background:#fff; border:1px solid #dededb; display:flex; align-items:center; padding:0 14px; font:600 10px/1 ui-monospace,monospace; color:#757575; overflow:hidden; }
.hi-url::before { content:"●"; color:#65a56a; font-size:7px; margin-right:8px; }
.hi-browser-actions { font-size:14px; color:#777; }

.hi-vscode {
  inset: 8% 7% 10% 7%;
  display:grid; grid-template-columns:190px 1fr; grid-template-rows:44px 1fr 34px;
  background:#0d1117;
}
.hi-vscode .hi-windowbar { grid-column:1/-1; }
.hi-explorer { grid-row:2; padding:18px 12px; background:#11161d; border-right:1px solid #202631; color:#9da7b3; font:500 11px/1.9 ui-monospace,monospace; }
.hi-explorer b { display:block; margin:0 4px 8px; color:#e4e7eb; font-size:10px; letter-spacing:.08em; }
.hi-file { display:flex; gap:7px; align-items:center; padding:2px 6px; border-radius:6px; }
.hi-file.active { color:#fff; background:#1b2330; }
.hi-file .kind { width:15px; color:#80cbc4; font-weight:800; }
.hi-file.css .kind {color:#7aa2f7}.hi-file.js .kind{color:#ffd166}.hi-file.json .kind{color:#c3e88d}.hi-file.xml .kind{color:#ff9e64}
.hi-editor { position:relative; grid-row:2; background:#0d1117; overflow:hidden; }
.hi-tabs { height:36px; display:flex; border-bottom:1px solid #1b222c; }
.hi-tab { min-width:130px; padding:10px 14px; color:#9ba6b2; font:500 10px/1 ui-monospace,monospace; border-right:1px solid #1b222c; }
.hi-tab.active { color:#fff; background:#10161e; border-top:2px solid #7aa2f7; padding-top:8px; }
.hi-code { margin:0; padding:18px 22px 22px 54px; color:#c9d1d9; font:500 12px/1.68 ui-monospace,SFMono-Regular,Menlo,monospace; white-space:pre; }
.hi-code .n{color:#8b949e}.hi-code .tag{color:#7ee787}.hi-code .attr{color:#79c0ff}.hi-code .str{color:#a5d6ff}.hi-code .kw{color:#ff7b72}.hi-code .fn{color:#d2a8ff}.hi-code .com{color:#6e7681}
.hi-statusbar { grid-column:1/-1; grid-row:3; display:flex; align-items:center; justify-content:space-between; padding:0 14px; background:#161b22; border-top:1px solid #222a34; color:#7f8b98; font:600 9px/1 ui-monospace,monospace; }
.hi-caret { display:inline-block; width:7px; height:15px; background:#d9ff57; vertical-align:-3px; animation:hiBlink .7s steps(1) infinite; }
@keyframes hiBlink {50%{opacity:0}}

.hi-terminal {
  inset:14% 10% 14% 10%; background:#0a0b0d; border:1px solid rgba(255,255,255,.12);
}
.hi-terminal-body { padding:24px 26px; font:600 13px/1.75 ui-monospace,SFMono-Regular,Menlo,monospace; color:#d8dee9; }
.hi-termline { opacity:0; transform:translateY(8px); }
.is-active .hi-termline { animation: hiTermIn .28s ease forwards; }
.is-active .hi-termline:nth-child(1){animation-delay:.2s}.is-active .hi-termline:nth-child(2){animation-delay:.75s}.is-active .hi-termline:nth-child(3){animation-delay:1.25s}.is-active .hi-termline:nth-child(4){animation-delay:1.7s}.is-active .hi-termline:nth-child(5){animation-delay:2.0s}
@keyframes hiTermIn {to{opacity:1;transform:none}}
.hi-prompt{color:#7ee787}.hi-term-muted{color:#69717d}.hi-term-ok{color:#d9ff57}.hi-term-blue{color:#79c0ff}
.hi-pushbar{height:7px;background:#24272d;border-radius:99px;overflow:hidden;margin-top:10px;width:360px;max-width:65%}.hi-pushbar i{display:block;height:100%;width:0;background:linear-gradient(90deg,#79c0ff,#d9ff57)}.is-active .hi-pushbar i{animation:hiPush 1s 1.35s ease forwards}@keyframes hiPush{to{width:100%}}

.hi-design-scene { background:#0a0a0b; padding:82px 5% 5%; }
.hi-design-header { display:flex; align-items:end; justify-content:space-between; margin-bottom:24px; }
.hi-design-header h2 { margin:0; font-size:clamp(28px,4vw,68px); letter-spacing:-.055em; line-height:.9; max-width:720px; }
.hi-design-header p { width:310px; margin:0; color:#8e8e96; font-size:12px; line-height:1.45; }
.hi-design-rail { display:flex; gap:16px; width:max-content; transform:translateX(0); }
.is-active .hi-design-rail { animation: hiRail 4.1s cubic-bezier(.18,.72,.18,1) forwards; }
@keyframes hiRail { to { transform:translateX(-36%); } }
.hi-design-card { width:280px; height:300px; border-radius:24px; overflow:hidden; position:relative; flex:none; box-shadow:0 20px 60px rgba(0,0,0,.24); }
.hi-design-card .mock-nav { height:40px; display:flex; align-items:center; justify-content:space-between; padding:0 14px; font-size:9px; font-weight:800; letter-spacing:.06em; }
.hi-design-card .mock-hero { position:absolute; inset:40px 0 0; padding:22px; overflow:hidden; }
.hi-design-card h3 { margin:0 0 10px; font-size:30px; line-height:.92; letter-spacing:-.045em; }
.hi-design-card p { margin:0; max-width:180px; font-size:10px; line-height:1.4; opacity:.72; }
.hi-pill { display:inline-flex; padding:7px 10px; border-radius:999px; font-size:8px; font-weight:800; margin-top:14px; border:1px solid currentColor; }
.hi-art { position:absolute; border-radius:22px; }

.theme-nail { background:#f3ecff; color:#3b2452; }.theme-nail .hi-art{right:-20px;bottom:-45px;width:170px;height:220px;background:linear-gradient(145deg,#d8b4fe,#fff 65%);transform:rotate(12deg);border:1px solid rgba(59,36,82,.1)}
.theme-wood { background:#e9e1cf;color:#1f3b2f }.theme-wood .hi-art{right:18px;bottom:20px;width:100px;height:165px;background:repeating-linear-gradient(90deg,#805c3b 0 4px,#ba946d 4px 12px);border-radius:8px}
.theme-food { background:#ef3c2f;color:#fff8e9 }.theme-food .hi-art{right:-35px;bottom:-30px;width:190px;height:190px;border-radius:50%;background:radial-gradient(circle at 50% 50%,#f7d574 0 20%,#8b2f1f 21% 28%,#f6e0b9 29% 45%,#38714c 46% 53%,#f4b66d 54% 60%,#6f1f1a 61%)}
.theme-metal { background:#dfe6ea;color:#172029 }.theme-metal .hi-art{right:-20px;bottom:15px;width:170px;height:130px;background:linear-gradient(135deg,#9ba7ae,#eff4f6 40%,#78858e 41%,#bec8cd 60%,#737f86);clip-path:polygon(0 35%,100% 0,78% 100%,10% 80%)}
.theme-transport {background:#071a35;color:#e9f8ff}.theme-transport .hi-art{right:-10px;bottom:30px;width:170px;height:90px;border-radius:16px;background:#2ed7ff;box-shadow:-35px 60px 0 -22px #fff,45px 60px 0 -22px #fff}.theme-transport .hi-art:before{content:"";position:absolute;left:18px;top:18px;width:90px;height:36px;background:#071a35;border-radius:8px}
.theme-arch {background:#e9e6dc;color:#26372f}.theme-arch .hi-art{right:15px;bottom:0;width:135px;height:210px;border-radius:2px;background:linear-gradient(90deg,#50685f 0 10%,#d8d3c4 10% 26%,#6d7e75 26% 38%,#efeadf 38% 60%,#61726a 60% 70%,#d6d0c2 70%);clip-path:polygon(0 14%,45% 0,100% 13%,100% 100%,0 100%)}
.theme-coffee{background:#efe0c7;color:#3f2618}.theme-coffee .hi-art{right:20px;bottom:18px;width:92px;height:150px;background:#f26522;border-radius:10px 10px 28px 28px;box-shadow:-56px 35px 0 -18px #3f2618}.theme-coffee .hi-art:before{content:"BEAN";position:absolute;left:11px;top:25px;color:#fff;font-size:24px;font-weight:950;transform:rotate(-90deg) translateX(-55px);transform-origin:left top;letter-spacing:-.08em}
.theme-soda{background:#0eb9d1;color:#102b35}.theme-soda .hi-art{right:35px;bottom:16px;width:70px;height:170px;background:linear-gradient(#ffec00,#ff5fb7);border-radius:12px;transform:rotate(7deg);box-shadow:-38px 18px 0 -15px #102b35}.theme-soda .hi-art:before{content:"POP";position:absolute;left:9px;top:58px;font-size:25px;font-weight:950;color:#102b35;transform:rotate(-90deg)}
.theme-snack{background:#ffe20c;color:#111}.theme-snack .hi-art{right:0;bottom:4px;width:145px;height:175px;background:#ff4d32;clip-path:polygon(18% 0,82% 0,100% 100%,0 100%);transform:rotate(4deg)}.theme-snack .hi-art:before{content:"CRUNCH";position:absolute;left:11px;top:72px;font-size:23px;font-weight:950;color:#ffe20c;transform:rotate(-6deg)}
.theme-web{background:#111;color:#fff}.theme-web .mock-hero{background:radial-gradient(circle at 70% 50%,rgba(117,76,255,.45),transparent 40%)}.theme-web .hi-art{right:20px;bottom:22px;width:120px;height:120px;border:1px solid #d9ff57;background:radial-gradient(circle,#d9ff57 0 4%,transparent 5% 19%,#d9ff57 20% 21%,transparent 22% 44%,#7550ff 45% 46%,transparent 47%);border-radius:50%}

.hi-browser-scene { background: radial-gradient(900px 500px at 50% 25%, rgba(217,255,87,.07), transparent 60%), #0a0b0c; }
.hi-browser-window { inset:8% 7% 8% 7%; background:#fff; }
.hi-site { height:calc(100% - 50px); overflow:hidden; background:#f4f0e7; color:#161616; position:relative; }
.hi-site-page { height:220%; transform:translateY(0); }
.hi-site-nav { height:64px; display:flex; align-items:center; justify-content:space-between; padding:0 34px; font-size:10px; border-bottom:1px solid rgba(0,0,0,.08); position:relative; z-index:4; background:rgba(244,240,231,.82); backdrop-filter:blur(12px); }
.hi-site-logo { font-weight:950; letter-spacing:-.06em; font-size:20px; }
.hi-site-nav .links { display:flex; gap:22px; opacity:.7; }
.hi-site-hero { min-height:330px; display:grid; grid-template-columns:1.1fr .9fr; padding:46px 34px 28px; gap:20px; }
.hi-site-copy h2 { font:500 clamp(38px,5vw,72px)/.92 Georgia,serif; letter-spacing:-.05em; margin:0 0 18px; max-width:620px; }
.hi-site-copy p { margin:0; width:75%; font-size:12px; line-height:1.5; color:#5c5b57; }
.hi-site-cta { display:inline-flex; margin-top:20px; padding:10px 14px; border-radius:999px; background:#111; color:white; font-size:9px; font-weight:800; }
.hi-site-visual { border-radius:26px; background:linear-gradient(160deg,#f4b850,#f26c4f 54%,#9d54d7); position:relative; overflow:hidden; }
.hi-site-visual:before { content:""; position:absolute; width:210px;height:210px;border-radius:50%;background:#fff4d3;right:-25px;top:38px;box-shadow:-105px 90px 0 -40px rgba(255,255,255,.58); }
.hi-site-visual:after{content:"studio\A crafted";white-space:pre;position:absolute;left:26px;bottom:24px;font:800 32px/.8 ui-sans-serif;color:white;letter-spacing:-.06em}
.hi-site-strip { display:grid; grid-template-columns:repeat(4,1fr); gap:12px; padding:0 34px 34px; }
.hi-site-chip { height:90px; border-radius:18px; padding:16px; color:white; font-size:10px; display:flex; align-items:flex-end; font-weight:800; }
.hi-site-chip:nth-child(1){background:#111}.hi-site-chip:nth-child(2){background:#3f63ff}.hi-site-chip:nth-child(3){background:#c675f0;color:#24172d}.hi-site-chip:nth-child(4){background:#d9ff57;color:#121212}
.hi-site-section { min-height:320px; padding:44px 34px; background:#111;color:white; display:grid; grid-template-columns:.8fr 1.2fr; gap:40px; align-items:start; }
.hi-site-section h3{font-size:44px;line-height:.9;letter-spacing:-.05em;margin:0}.hi-site-section p{color:#aaa;line-height:1.55;font-size:12px;margin:0 0 18px}.hi-site-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.hi-site-tile{height:115px;border:1px solid #2a2a2a;border-radius:18px;padding:16px;background:#171717}.hi-site-tile b{display:block;margin-bottom:34px}.hi-site-tile span{font-size:9px;color:#888}
.is-active .hi-browser-launch .hi-browser-window { animation: hiBrowserRise .8s cubic-bezier(.2,.9,.15,1) both; }
@keyframes hiBrowserRise {from{opacity:0;transform:translateY(70px) scale(.96)}to{opacity:1;transform:none}}
.is-active .hi-browser-scroll .hi-site-page { animation: hiScrollSite 3.2s cubic-bezier(.34,.06,.18,.99) forwards; }
@keyframes hiScrollSite { 0%,15%{transform:translateY(0)} 70%,100%{transform:translateY(-42%)} }

.hi-commerce { background:#f6efe4; color:#171717; }
.hi-commerce .hi-window{inset:8% 7%;background:#fff}.hi-shop-layout{height:calc(100% - 50px);display:grid;grid-template-columns:1.4fr .6fr;background:#fff}.hi-shop-main{padding:28px 32px}.hi-shop-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.hi-shop-top strong{font:800 20px/1 Georgia,serif}.hi-product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.hi-product{border-radius:18px;background:#f4f1eb;overflow:hidden;position:relative}.hi-product-pic{height:150px;position:relative}.hi-product:nth-child(1) .hi-product-pic{background:#efb96e}.hi-product:nth-child(2) .hi-product-pic{background:#b8d9be}.hi-product:nth-child(3) .hi-product-pic{background:#f3aab9}.hi-product-pic:before{content:"";position:absolute;left:50%;top:26px;transform:translateX(-50%);width:62px;height:98px;border-radius:10px 10px 18px 18px;background:#fff;box-shadow:0 14px 30px rgba(0,0,0,.12)}.hi-product-pic:after{content:"HOOK";position:absolute;left:50%;top:65px;transform:translateX(-50%) rotate(-90deg);font-weight:950;letter-spacing:.08em}.hi-product-info{padding:12px;font-size:9px;display:flex;justify-content:space-between}.hi-cart{border-left:1px solid #e5e5e5;padding:28px 20px;background:#fafafa}.hi-cart h3{margin:0 0 24px;font-size:18px}.hi-cart-line{display:flex;gap:10px;align-items:center;border-bottom:1px solid #e8e8e8;padding-bottom:14px;margin-bottom:14px;opacity:0;transform:translateX(15px)}.hi-cart-thumb{width:48px;height:54px;border-radius:10px;background:#efb96e}.hi-cart-line b{font-size:10px;display:block}.hi-cart-line span{font-size:9px;color:#777}.hi-cart-total{margin-top:auto;font-size:11px}.hi-checkout{display:block;margin-top:14px;background:#111;color:white;text-align:center;border-radius:999px;padding:12px;font-size:9px;font-weight:800;transform:scale(.96);opacity:.4}.is-active .hi-cart-line{animation:hiCartIn .45s .8s ease forwards}.is-active .hi-checkout{animation:hiPop .35s 1.55s ease forwards}.is-active .hi-product:nth-child(1){animation:hiProductPulse .6s .3s ease}.hi-badge-added{position:absolute;right:14px;top:14px;background:#111;color:#fff;border-radius:999px;padding:8px 10px;font-size:8px;font-weight:800;opacity:0;transform:scale(.7)}.is-active .hi-badge-added{animation:hiPop .32s .58s ease forwards}@keyframes hiCartIn{to{opacity:1;transform:none}}@keyframes hiPop{to{opacity:1;transform:scale(1)}}@keyframes hiProductPulse{50%{transform:scale(.97)}}

.hi-booking { background:linear-gradient(135deg,#191724,#0e0f12); }
.hi-booking-grid { position:absolute; inset:10% 7%; display:grid; grid-template-columns:1fr .9fr; gap:18px; }
.hi-book-card,.hi-flow-card{border:1px solid rgba(255,255,255,.1);border-radius:24px;background:rgba(255,255,255,.055);backdrop-filter:blur(18px);padding:24px;overflow:hidden}.hi-book-card h2{margin:0 0 6px;font-size:28px;letter-spacing:-.04em}.hi-book-card p{margin:0 0 22px;color:#8f8d98;font-size:11px}.hi-calendar-head{display:flex;justify-content:space-between;font-size:10px;color:#aaa;margin-bottom:14px}.hi-days{display:grid;grid-template-columns:repeat(7,1fr);gap:7px}.hi-day{height:32px;border:1px solid rgba(255,255,255,.08);border-radius:9px;display:grid;place-items:center;font-size:9px;color:#8f8d98}.hi-day.on{color:#fff}.hi-day.pick{background:#d9ff57;color:#111;font-weight:900;box-shadow:0 0 24px rgba(217,255,87,.18);transform:scale(.85)}.is-active .hi-day.pick{animation:hiPop .35s .7s ease forwards}.hi-slots{display:flex;gap:8px;margin-top:16px}.hi-slot{padding:9px 11px;border-radius:999px;border:1px solid rgba(255,255,255,.1);font-size:9px;color:#999}.hi-slot.pick{border-color:#d9ff57;color:#d9ff57;opacity:.3}.is-active .hi-slot.pick{animation:hiSlot 1s 1.1s ease forwards}@keyframes hiSlot{40%,100%{opacity:1;background:rgba(217,255,87,.08)}}.hi-flow-card{display:flex;flex-direction:column;justify-content:center}.hi-flow-card h3{font-size:14px;margin:0 0 18px;color:#d7d7dc}.hi-flow-node{display:flex;align-items:center;gap:10px;padding:12px 14px;border-radius:14px;background:#16171d;border:1px solid #272934;margin:5px 0;opacity:.28;transform:translateX(18px)}.hi-node-ico{width:27px;height:27px;border-radius:8px;display:grid;place-items:center;background:#252735;font-size:12px}.hi-flow-node b{font-size:10px}.hi-flow-node small{display:block;color:#737684;font-size:8px;margin-top:2px}.is-active .hi-flow-node:nth-child(2){animation:hiFlowIn .35s 1.35s ease forwards}.is-active .hi-flow-node:nth-child(3){animation:hiFlowIn .35s 1.7s ease forwards}.is-active .hi-flow-node:nth-child(4){animation:hiFlowIn .35s 2.05s ease forwards}.is-active .hi-flow-node:nth-child(5){animation:hiFlowIn .35s 2.4s ease forwards}@keyframes hiFlowIn{to{opacity:1;transform:none}}

.hi-seo-code .hi-vscode{inset:8% 7%}.hi-seo-panel{position:absolute;right:9%;bottom:12%;width:290px;padding:18px;border-radius:18px;background:#f7f8fa;color:#111;box-shadow:0 25px 60px rgba(0,0,0,.38);z-index:8;opacity:0;transform:translateY(25px)}.is-active .hi-seo-panel{animation:hiPanelUp .6s 1.45s ease forwards}@keyframes hiPanelUp{to{opacity:1;transform:none}}.hi-score{display:grid;grid-template-columns:62px 1fr;gap:14px;align-items:center}.hi-score-ring{width:62px;height:62px;border-radius:50%;background:conic-gradient(#60c77a 0 96%,#e6e9eb 96%);display:grid;place-items:center}.hi-score-ring:before{content:"96";width:48px;height:48px;border-radius:50%;background:#fff;display:grid;place-items:center;font-weight:900;font-size:15px}.hi-score b{font-size:12px}.hi-score span{font-size:9px;color:#777}.hi-score-row{display:flex;justify-content:space-between;border-top:1px solid #e4e6e8;padding-top:10px;margin-top:10px;font-size:9px}.hi-check{color:#249650;font-weight:900}

.hi-automation { background:#0a0a0c; }
.hi-auto-wrap{position:absolute;inset:10% 7%;display:grid;grid-template-columns:.7fr 1.3fr;gap:24px;align-items:center}.hi-auto-copy h2{font-size:clamp(40px,5vw,74px);line-height:.88;letter-spacing:-.06em;margin:0 0 20px}.hi-auto-copy p{max-width:330px;font-size:12px;line-height:1.5;color:#898992}.hi-auto-board{position:relative;height:86%;min-height:360px;border:1px solid rgba(255,255,255,.08);border-radius:28px;background:radial-gradient(circle at 50% 45%,rgba(93,70,255,.14),transparent 48%),#111217;overflow:hidden}.hi-auto-node{position:absolute;width:128px;padding:14px;border-radius:16px;background:#191b22;border:1px solid #2b2e39;box-shadow:0 15px 35px rgba(0,0,0,.28);opacity:.35}.hi-auto-node b{font-size:10px}.hi-auto-node small{display:block;margin-top:4px;color:#777b87;font-size:8px}.hi-auto-node i{width:28px;height:28px;border-radius:9px;display:grid;place-items:center;background:#252837;margin-bottom:14px;font-style:normal}.hi-auto-node.n1{left:6%;top:12%}.hi-auto-node.n2{left:39%;top:8%}.hi-auto-node.n3{right:6%;top:25%}.hi-auto-node.n4{left:12%;bottom:13%}.hi-auto-node.n5{left:46%;bottom:10%}.hi-auto-line{position:absolute;height:2px;background:linear-gradient(90deg,#5d46ff,#d9ff57);transform-origin:left center;opacity:.14;overflow:hidden}.hi-auto-line:after{content:"";position:absolute;left:-30%;top:-1px;width:30%;height:4px;background:#fff;filter:blur(1px);box-shadow:0 0 12px #d9ff57}.hi-auto-line.l1{left:26%;top:26%;width:25%;transform:rotate(-7deg)}.hi-auto-line.l2{left:58%;top:23%;width:23%;transform:rotate(21deg)}.hi-auto-line.l3{left:24%;top:58%;width:29%;transform:rotate(-15deg)}.hi-auto-line.l4{left:57%;top:61%;width:19%;transform:rotate(-35deg)}.hi-auto-line.l5{left:30%;top:35%;width:29%;transform:rotate(52deg)}.is-active .hi-auto-node{animation:hiAutoNode .5s ease forwards}.is-active .hi-auto-node.n1{animation-delay:.25s}.is-active .hi-auto-node.n2{animation-delay:.65s}.is-active .hi-auto-node.n3{animation-delay:1.05s}.is-active .hi-auto-node.n4{animation-delay:1.45s}.is-active .hi-auto-node.n5{animation-delay:1.85s}.is-active .hi-auto-line{animation:hiLine .45s ease forwards}.is-active .hi-auto-line.l1{animation-delay:.52s}.is-active .hi-auto-line.l2{animation-delay:.92s}.is-active .hi-auto-line.l3{animation-delay:1.32s}.is-active .hi-auto-line.l4{animation-delay:1.72s}.is-active .hi-auto-line.l5{animation-delay:2.12s}.is-active .hi-auto-line:after{animation:hiPacket 1.1s 1.9s linear infinite}@keyframes hiAutoNode{to{opacity:1;transform:translateY(-4px)}}@keyframes hiLine{to{opacity:.8}}@keyframes hiPacket{to{left:110%}}

.hi-gsc { background:#edf3fb; color:#202124; }
.hi-gsc-window{inset:6% 6%;background:#fff;border-color:#d6dce5;box-shadow:0 26px 80px rgba(46,66,100,.18)}.hi-gsc-head{height:54px;display:flex;align-items:center;gap:18px;padding:0 18px;border-bottom:1px solid #e5e9f0;font-size:11px}.hi-gsc-logo{font-weight:800}.hi-gsc-search{margin-left:auto;width:42%;height:34px;border-radius:8px;background:#f1f4f8;display:flex;align-items:center;padding:0 12px;color:#70757a}.hi-gsc-body{height:calc(100% - 54px);display:grid;grid-template-columns:170px 1fr}.hi-gsc-side{border-right:1px solid #e6e9ef;padding:18px 12px}.hi-gsc-nav{padding:10px;border-radius:8px;font-size:9px;margin-bottom:4px;color:#5f6368}.hi-gsc-nav.active{background:#e8f0fe;color:#1967d2;font-weight:700}.hi-gsc-main{padding:24px 28px}.hi-gsc-main h2{margin:0 0 18px;font-size:22px;font-weight:600}.hi-gsc-card{border:1px solid #dfe3e8;border-radius:12px;padding:20px;box-shadow:0 1px 2px rgba(0,0,0,.03)}.hi-field{height:40px;border:1px solid #c7ccd1;border-radius:8px;display:flex;align-items:center;padding:0 12px;font:500 10px/1 ui-monospace,monospace;color:#5f6368}.hi-gsc-action{margin-top:12px;display:inline-flex;padding:10px 15px;border-radius:8px;background:#1a73e8;color:white;font-size:9px;font-weight:700;transform:scale(.92);opacity:.5}.is-active .hi-gsc-action{animation:hiPop .35s .8s ease forwards}.hi-gsc-success{margin-top:15px;padding:12px 14px;border-radius:8px;background:#e6f4ea;color:#137333;font-size:10px;opacity:0;transform:translateY(7px)}.is-active .hi-gsc-success{animation:hiGscSuccess .4s 1.35s ease forwards}@keyframes hiGscSuccess{to{opacity:1;transform:none}}.hi-index-card{display:grid;grid-template-columns:70px 1fr;gap:18px;align-items:center}.hi-index-icon{width:64px;height:64px;border-radius:50%;background:#e6f4ea;color:#137333;display:grid;place-items:center;font-size:28px;transform:scale(.5);opacity:.2}.is-active .hi-index-icon{animation:hiPop .45s .85s ease forwards}.hi-index-title{font-size:17px;font-weight:650}.hi-index-meta{font-size:10px;color:#667085;margin-top:7px}.hi-index-details{margin-top:18px;display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.hi-index-stat{border:1px solid #e4e7eb;border-radius:10px;padding:12px;font-size:9px}.hi-index-stat b{display:block;font-size:13px;margin-top:5px}

.hi-google { background:#fff; color:#202124; }
.hi-google-wrap{position:absolute;inset:0;background:#fff;padding:55px 8% 0}.hi-google-logo{font:700 28px/1 ui-sans-serif;letter-spacing:-.06em;margin-bottom:25px}.hi-google-logo span:nth-child(1){color:#4285f4}.hi-google-logo span:nth-child(2){color:#ea4335}.hi-google-logo span:nth-child(3){color:#fbbc05}.hi-google-logo span:nth-child(4){color:#4285f4}.hi-google-logo span:nth-child(5){color:#34a853}.hi-google-logo span:nth-child(6){color:#ea4335}.hi-google-searchbox{width:min(720px,78%);height:48px;border:1px solid #dadce0;border-radius:999px;box-shadow:0 1px 6px rgba(32,33,36,.12);display:flex;align-items:center;padding:0 18px;font-size:13px}.hi-query{display:inline-block;white-space:nowrap;overflow:hidden;width:0;border-right:2px solid #202124}.is-active .hi-query{animation:hiType 1s .25s steps(18,end) forwards,hiBlink .7s step-end infinite}.hi-google-tabs{display:flex;gap:22px;font-size:10px;color:#5f6368;border-bottom:1px solid #ebebeb;padding:16px 0 12px;width:min(840px,88%)}.hi-google-results{width:min(740px,80%);padding-top:18px}.hi-result{padding:10px 0 14px;opacity:.28;transform:translateY(10px)}.hi-result small{color:#4d5156;font-size:9px}.hi-result h3{margin:4px 0 4px;color:#1a0dab;font-size:16px;font-weight:500}.hi-result p{margin:0;color:#4d5156;font-size:10px;line-height:1.45}.hi-result.hooked{border-radius:16px;background:linear-gradient(90deg,#f7f8fa,#fff);padding:16px 18px;margin-left:-18px;box-shadow:0 16px 36px rgba(32,33,36,.08);opacity:0;transform:translateY(22px) scale(.98);position:relative}.hi-result.hooked:before{content:"1";position:absolute;left:-34px;top:20px;width:22px;height:22px;border-radius:50%;background:#111;color:#fff;display:grid;place-items:center;font-weight:800;font-size:10px}.hi-serp-badge{display:inline-block;margin-left:8px;color:#137333;background:#e6f4ea;border-radius:999px;padding:3px 6px;font-size:8px;font-weight:800}.is-active .hi-result.hooked{animation:hiSerpIn .65s 1.45s cubic-bezier(.2,.85,.2,1) forwards}.is-active .hi-result:nth-child(2){animation:hiSerpOther .4s 2.1s ease forwards}.is-active .hi-result:nth-child(3){animation:hiSerpOther .4s 2.3s ease forwards}@keyframes hiType{to{width:176px}}@keyframes hiSerpIn{to{opacity:1;transform:none}}@keyframes hiSerpOther{to{opacity:.72;transform:none}}

.hi-mosaic { background:#09090a; }
.hi-mosaic-grid{position:absolute;inset:7%;display:grid;grid-template-columns:1.1fr .9fr 1fr;grid-template-rows:1fr 1fr;gap:14px}.hi-mosaic-card{border-radius:24px;overflow:hidden;position:relative;opacity:0;transform:scale(.92) translateY(18px);padding:20px}.hi-mosaic-card h3{margin:0;font-size:18px;letter-spacing:-.03em}.hi-mosaic-card small{display:block;margin-top:5px;font-size:9px;opacity:.65}.hi-mosaic-card:nth-child(1){grid-row:1/3;background:#d9ff57;color:#111}.hi-mosaic-card:nth-child(2){background:#7550ff}.hi-mosaic-card:nth-child(3){background:#f2efe8;color:#111}.hi-mosaic-card:nth-child(4){background:#101a35}.hi-mosaic-card:nth-child(5){background:#f05a32}.hi-mosaic-card .mega{position:absolute;left:18px;bottom:12px;font-size:clamp(38px,5vw,74px);font-weight:950;line-height:.8;letter-spacing:-.07em}.hi-mosaic-card .mini-ui{position:absolute;right:18px;bottom:18px;width:45%;height:45%;border-radius:14px;background:rgba(255,255,255,.18);border:1px solid rgba(255,255,255,.2)}.hi-mosaic-card:nth-child(3) .mini-ui{background:#fff;border-color:#ddd}.is-active .hi-mosaic-card{animation:hiMosaic .55s cubic-bezier(.2,.86,.2,1) forwards}.is-active .hi-mosaic-card:nth-child(1){animation-delay:.15s}.is-active .hi-mosaic-card:nth-child(2){animation-delay:.35s}.is-active .hi-mosaic-card:nth-child(3){animation-delay:.55s}.is-active .hi-mosaic-card:nth-child(4){animation-delay:.75s}.is-active .hi-mosaic-card:nth-child(5){animation-delay:.95s}@keyframes hiMosaic{to{opacity:1;transform:none}}
.hi-final-lockup{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:8;text-align:center;mix-blend-mode:difference;color:white;opacity:0}.is-active .hi-final-lockup{animation:hiFinal .6s 1.55s ease forwards}@keyframes hiFinal{to{opacity:1}}.hi-final-lockup strong{display:block;font-size:clamp(42px,7vw,112px);line-height:.8;letter-spacing:-.08em}.hi-final-lockup span{display:block;margin-top:15px;font:800 10px/1 ui-monospace,monospace;letter-spacing:.22em;text-transform:uppercase}

@media (max-width: 850px) {
  .hi-shell{min-height:330px;border-radius:24px}.hi-brandmark{left:16px;top:14px}.hi-label{right:16px;top:14px}.hi-progress{left:16px;right:16px;bottom:10px}
  .hi-vscode{grid-template-columns:128px 1fr;inset:10% 4% 9%}.hi-explorer{font-size:9px}.hi-code{font-size:9px;padding-left:28px}.hi-design-scene{padding-top:62px}.hi-design-header p{display:none}.hi-design-card{width:220px;height:230px}.hi-design-card h3{font-size:24px}
  .hi-browser-window,.hi-commerce .hi-window,.hi-gsc-window{inset:10% 4% 8%}.hi-site-hero{min-height:260px;padding:28px 20px}.hi-site-copy h2{font-size:38px}.hi-site-strip,.hi-site-section{padding-left:20px;padding-right:20px}.hi-site-strip{grid-template-columns:repeat(2,1fr)}
  .hi-booking-grid,.hi-auto-wrap{inset:10% 4%}.hi-booking-grid{grid-template-columns:1fr}.hi-flow-card{display:none}.hi-auto-wrap{grid-template-columns:1fr}.hi-auto-copy{position:absolute;left:20px;top:16px;z-index:5}.hi-auto-copy p{display:none}.hi-auto-copy h2{font-size:36px}.hi-auto-board{margin-top:70px}.hi-gsc-body{grid-template-columns:110px 1fr}.hi-gsc-main{padding:16px}.hi-google-wrap{padding-left:6%;padding-right:4%}.hi-google-results,.hi-google-searchbox{width:92%}.hi-mosaic-grid{inset:8% 4%;grid-template-columns:1fr 1fr}.hi-mosaic-card:nth-child(1){grid-row:auto;grid-column:1/3}
}

@media (prefers-reduced-motion: reduce) {
  .hi-shell * { animation-duration: .001ms !important; animation-iteration-count: 1 !important; transition-duration: .001ms !important; }
}

.hi-social { background:#f2efe8; color:#101010; }
.hi-social-wrap{position:absolute;inset:9% 6%;display:grid;grid-template-columns:.65fr 1.35fr;gap:26px;align-items:center}.hi-social-copy small{font:800 10px ui-monospace,monospace;letter-spacing:.12em}.hi-social-copy h2{margin:12px 0 16px;font-size:clamp(38px,5vw,76px);line-height:.86;letter-spacing:-.06em}.hi-social-copy p{margin:0;max-width:330px;color:#66615c;font-size:11px;line-height:1.5}.hi-social-stack{height:88%;min-height:380px;position:relative}.hi-social-phone{position:absolute;width:29%;height:88%;top:6%;border-radius:28px;background:#fff;border:1px solid #dcd8d0;box-shadow:0 22px 55px rgba(67,52,38,.15);overflow:hidden;transform:translateY(30px) rotate(var(--r));opacity:0}.hi-social-phone:nth-child(1){left:2%;--r:-7deg}.hi-social-phone:nth-child(2){left:34%;--r:2deg;z-index:3}.hi-social-phone:nth-child(3){right:2%;--r:7deg}.is-active .hi-social-phone{animation:hiPhoneIn .7s cubic-bezier(.2,.86,.2,1) forwards}.is-active .hi-social-phone:nth-child(1){animation-delay:.2s}.is-active .hi-social-phone:nth-child(2){animation-delay:.42s}.is-active .hi-social-phone:nth-child(3){animation-delay:.64s}@keyframes hiPhoneIn{to{opacity:1;transform:translateY(0) rotate(var(--r))}}.hi-social-top{height:36px;display:flex;align-items:center;justify-content:space-between;padding:0 12px;font-size:8px;font-weight:800}.hi-social-post{height:64%;position:relative;overflow:hidden}.hi-social-post.soda{background:#11b9c8}.hi-social-post.chips{background:#ffe20c}.hi-social-post.coffee{background:#f2c9a4}.hi-social-can{position:absolute;left:50%;top:50%;width:55px;height:145px;border-radius:11px;transform:translate(-50%,-48%) rotate(8deg);background:linear-gradient(#ffec00,#ff5fb7);box-shadow:0 24px 36px rgba(0,0,0,.18)}.hi-social-bag{position:absolute;left:50%;top:50%;width:105px;height:138px;transform:translate(-50%,-48%) rotate(-5deg);background:#ff5135;clip-path:polygon(14% 0,86% 0,100% 100%,0 100%)}.hi-social-cup{position:absolute;left:50%;top:52%;width:86px;height:110px;transform:translate(-50%,-50%) rotate(4deg);background:#47271b;border-radius:8px 8px 28px 28px}.hi-social-post b{position:absolute;left:13px;top:13px;font-size:22px;line-height:.88;letter-spacing:-.06em;z-index:3}.hi-social-post.soda b{color:#102b35}.hi-social-post.chips b{color:#111}.hi-social-post.coffee b{color:#fff}.hi-social-caption{padding:13px}.hi-social-caption strong{display:block;font-size:9px}.hi-social-caption span{display:block;font-size:8px;color:#777;margin-top:5px;line-height:1.35}.hi-social-reel{position:absolute;bottom:10px;left:50%;transform:translateX(-50%);height:3px;width:72%;background:#ddd;border-radius:9px;overflow:hidden}.hi-social-reel i{display:block;height:100%;width:0;background:#111}.is-active .hi-social-reel i{animation:hiReel 2.4s 1s linear forwards}@keyframes hiReel{to{width:100%}}

/* ===== V4 overrides: assets intégrés, GSC renforcé, automation enrichie ===== */
.hi-design-card .mock-hero{display:grid;grid-template-rows:1fr auto;gap:12px;padding:14px;inset:40px 0 0;background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.01));}
.hi-design-card .mock-media{border-radius:20px;min-height:150px;background-size:cover;background-position:center center;box-shadow:0 16px 35px rgba(0,0,0,.20);position:relative;overflow:hidden}
.hi-design-card .mock-media::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.02),rgba(0,0,0,.08));}
.hi-design-card .mock-copy small{display:block;margin-bottom:8px;font-size:9px;letter-spacing:.07em;text-transform:uppercase;opacity:.8}
.hi-design-card .mock-copy h3{margin:0 0 8px;font-size:28px;line-height:.92;letter-spacing:-.05em}
.hi-design-card .mock-copy p{max-width:none}
.hi-design-card.theme-nail .mock-media{background-image:url('../assets/brands/nacre-nails.png');background-position:center 30%}
.hi-design-card.theme-wood .mock-media{background-image:url('../assets/brands/oak-wood.png');background-position:center 38%}
.hi-design-card.theme-food .mock-media{background-image:url('../assets/brands/jardin-restaurant.png');background-position:center 40%}
.hi-design-card.theme-metal .mock-media{background-image:url('../assets/brands/forge-metal.png');background-position:center 34%}
.hi-design-card.theme-transport .mock-media{background-image:url('../assets/brands/va-transit.png');background-position:center top}
.hi-design-card.theme-arch .mock-media{background-image:url('../assets/brands/atelier-architecture.png');background-position:center 35%}
.hi-design-card.theme-coffee .mock-media{background-image:url('../assets/brands/bean-coffee.png');background-position:center 36%}
.hi-design-card.theme-soda .mock-media{background-image:url('../assets/brands/pop-soda.png');background-position:center 32%}
.hi-design-card.theme-snack .mock-media{background-image:url('../assets/brands/crunch-chips.png');background-position:center 30%}
.hi-design-card.theme-web .mock-media{background-image:url('../assets/brands/hooked-collage.png');background-position:center center}

.hi-site-visual{background-image:linear-gradient(160deg,rgba(244,184,80,.20),rgba(242,108,79,.14) 54%,rgba(157,84,215,.14)),url('../assets/brands/nacre-nails.png');background-size:cover;background-position:center 32%}
.hi-site-visual:before{content:"";position:absolute;inset:auto 18px 16px auto;width:114px;height:114px;border-radius:18px;background:rgba(255,255,255,.16);backdrop-filter:blur(8px);box-shadow:none}
.hi-site-visual:after{content:"studio\Asur mesure";white-space:pre;position:absolute;left:22px;bottom:18px;font:800 28px/.84 ui-sans-serif;color:#fff;letter-spacing:-.06em;text-shadow:0 8px 20px rgba(0,0,0,.25)}

.hi-product{background:#fff;box-shadow:0 14px 30px rgba(0,0,0,.05)}
.hi-product-pic{background-size:cover;background-position:center center;overflow:hidden}
.hi-product:nth-child(1) .hi-product-pic{background-image:url('../assets/brands/bean-coffee.png');background-position:center 28%}
.hi-product:nth-child(2) .hi-product-pic{background-image:url('../assets/brands/bean-coffee.png');background-position:left 45% top 20%}
.hi-product:nth-child(3) .hi-product-pic{background-image:url('../assets/brands/bean-coffee.png');background-position:right 35% top 52%}
.hi-product-pic:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,.02),rgba(0,0,0,.16));width:auto;height:auto;left:0;top:0;transform:none;border-radius:0;box-shadow:none}
.hi-product-pic:after{content:""}
.hi-cart-thumb{background:url('../assets/brands/bean-coffee.png') center 35%/cover no-repeat}

.hi-social-post{background:#eee}
.hi-social-post .hi-social-art{position:absolute;inset:0;background-size:cover;background-position:center;display:block}
.hi-social-post::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,.03),rgba(0,0,0,.18));}
.hi-social-post.soda .hi-social-art{background-image:url('../assets/brands/pop-soda.png');background-position:center 35%}
.hi-social-post.chips .hi-social-art{background-image:url('../assets/brands/crunch-chips.png');background-position:center 30%}
.hi-social-post.coffee .hi-social-art{background-image:url('../assets/brands/bean-coffee.png');background-position:center 35%}
.hi-social-post b{color:#fff;text-shadow:0 10px 24px rgba(0,0,0,.32)}
.hi-social-post.soda b{color:#082026}
.hi-social-caption span{text-transform:none}

.hi-auto-wrap{grid-template-columns:.58fr 1.42fr;align-items:stretch}
.hi-auto-stage{display:grid;grid-template-columns:1.1fr .72fr;gap:18px;min-height:370px;height:100%}
.hi-auto-board{height:100%;min-height:370px;background:radial-gradient(circle at 48% 48%,rgba(93,70,255,.18),transparent 30%),radial-gradient(circle at 58% 46%,rgba(217,255,87,.10),transparent 52%),#111217}
.hi-auto-core{position:absolute;left:50%;top:50%;width:230px;transform:translate(-50%,-50%) scale(.92);padding:18px 18px 16px;border-radius:20px;background:linear-gradient(180deg,rgba(217,255,87,.13),rgba(255,255,255,.04));border:1px solid rgba(217,255,87,.22);box-shadow:0 18px 40px rgba(0,0,0,.28);opacity:0}
.hi-auto-core small{display:block;font:800 9px/1 ui-monospace,monospace;color:#d9ff57;letter-spacing:.16em;margin-bottom:10px}
.hi-auto-core h3{margin:0 0 7px;font-size:22px;letter-spacing:-.04em}
.hi-auto-core p{margin:0;color:#a9abb4;font-size:10px;line-height:1.45}
.hi-auto-tags{display:flex;flex-wrap:wrap;gap:7px;margin-top:14px}
.hi-auto-tags span{padding:6px 9px;border-radius:999px;background:rgba(255,255,255,.07);font-size:8px;color:#eff1f7;border:1px solid rgba(255,255,255,.08)}
.hi-auto-node{width:136px}
.hi-auto-node.n1{left:5%;top:10%}
.hi-auto-node.n2{right:5%;top:12%}
.hi-auto-node.n3{left:7%;bottom:12%}
.hi-auto-node.n4{right:7%;bottom:12%}
.hi-auto-line{height:2px}
.hi-auto-line.l1{left:23%;top:28%;width:23%;transform:rotate(10deg)}
.hi-auto-line.l2{left:57%;top:28%;width:21%;transform:rotate(-10deg)}
.hi-auto-line.l3{left:24%;top:63%;width:23%;transform:rotate(-16deg)}
.hi-auto-line.l4{left:55%;top:63%;width:22%;transform:rotate(16deg)}
.hi-auto-feed{border:1px solid rgba(255,255,255,.08);border-radius:24px;background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.03));backdrop-filter:blur(16px);padding:14px;overflow:hidden;position:relative}
.hi-auto-feed-head{font:800 10px/1 ui-monospace,monospace;letter-spacing:.16em;color:#cfd5df;margin-bottom:12px}
.hi-auto-feed-body{display:flex;flex-direction:column;gap:10px;position:relative}
.hi-auto-feed-item{padding:11px 12px;border-radius:16px;background:#171920;border:1px solid #262935;box-shadow:0 12px 28px rgba(0,0,0,.18);opacity:0;transform:translateX(18px)}
.hi-auto-feed-item span{display:inline-flex;padding:4px 8px;border-radius:999px;background:rgba(217,255,87,.14);color:#d9ff57;font-size:8px;font-weight:800;letter-spacing:.08em;margin-bottom:8px}
.hi-auto-feed-item b{display:block;font-size:10px;color:#f3f4f8}
.hi-auto-feed-item small{display:block;margin-top:4px;color:#868a97;font-size:8px;line-height:1.35}
.is-active .hi-auto-core{animation:hiAutoCore .5s .55s ease forwards}
.is-active .hi-auto-feed-item{animation:hiFeedIn .42s ease forwards}
.is-active .hi-auto-feed-item:nth-child(1){animation-delay:1.1s}
.is-active .hi-auto-feed-item:nth-child(2){animation-delay:1.35s}
.is-active .hi-auto-feed-item:nth-child(3){animation-delay:1.6s}
.is-active .hi-auto-feed-item:nth-child(4){animation-delay:1.85s}
.is-active .hi-auto-feed-item:nth-child(5){animation-delay:2.1s}
.is-active .hi-auto-feed-item:nth-child(6){animation-delay:2.35s}
@keyframes hiAutoCore{to{opacity:1;transform:translate(-50%,-50%) scale(1)}}
@keyframes hiFeedIn{to{opacity:1;transform:none}}

.hi-gsc-main{padding:20px 22px}
.hi-gsc-layout{display:grid;grid-template-columns:1.05fr .95fr;gap:18px}
.hi-gsc-column{min-width:0}
.hi-gsc-insights{display:flex;flex-direction:column;gap:12px}
.hi-gsc-kpis{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}
.hi-gsc-kpi{padding:14px;border:1px solid #dfe4ea;border-radius:12px;background:#fff;box-shadow:0 4px 16px rgba(49,74,100,.05);opacity:.1;transform:translateY(10px)}
.hi-gsc-kpi small{display:block;font-size:9px;color:#667085;margin-bottom:6px}
.hi-gsc-kpi b{display:block;font-size:19px;color:#202124}
.hi-gsc-panel{padding:15px;border:1px solid #dfe4ea;border-radius:14px;background:#fff;box-shadow:0 6px 24px rgba(49,74,100,.06);opacity:.1;transform:translateY(10px)}
.hi-gsc-panel-head{font-size:10px;font-weight:700;color:#445;margin-bottom:10px}
.hi-gsc-chart{display:grid;grid-template-columns:repeat(7,1fr);gap:8px;align-items:end;height:112px;padding-top:12px}
.hi-gsc-chart i{display:block;border-radius:8px 8px 4px 4px;background:linear-gradient(180deg,#1a73e8,#6fb1ff);height:26px;transform:scaleY(.35);transform-origin:bottom}
.hi-gsc-chart i:nth-child(1){height:30px}.hi-gsc-chart i:nth-child(2){height:55px}.hi-gsc-chart i:nth-child(3){height:48px}.hi-gsc-chart i:nth-child(4){height:68px}.hi-gsc-chart i:nth-child(5){height:72px}.hi-gsc-chart i:nth-child(6){height:84px}.hi-gsc-chart i:nth-child(7){height:98px}
.hi-gsc-legend{display:flex;justify-content:space-between;margin-top:10px;font-size:9px;color:#677282}.hi-gsc-legend .ok{color:#137333;font-weight:700}
.hi-gsc-feed,.hi-gsc-table{display:flex;flex-direction:column;gap:8px}
.hi-gsc-feed .item,.hi-gsc-table>div{padding:12px 14px;border:1px solid #e0e6ed;border-radius:12px;background:#fbfcfd;box-shadow:0 3px 12px rgba(49,74,100,.04);opacity:.1;transform:translateY(8px)}
.hi-gsc-feed b,.hi-gsc-table b{display:block;font-size:10px;color:#202124}
.hi-gsc-feed small,.hi-gsc-table small,.hi-gsc-table span{display:block;font-size:9px;color:#667085;margin-top:4px}
.hi-gsc-list-title{margin:16px 0 8px;font-size:10px;color:#667085;font-weight:600}
.hi-gsc-table b{color:#137333}
.hi-gsc-timeline{display:flex;flex-direction:column;gap:10px}
.hi-gsc-timeline>div{position:relative;padding:0 0 0 22px}
.hi-gsc-timeline>div::before{content:"";position:absolute;left:0;top:4px;width:10px;height:10px;border-radius:50%;background:#1a73e8;box-shadow:0 0 0 5px rgba(26,115,232,.12)}
.hi-gsc-timeline>div:not(:last-child)::after{content:"";position:absolute;left:4px;top:15px;width:2px;height:24px;background:#d6e4ff}
.hi-gsc-timeline b{display:block;font-size:10px;color:#202124}
.hi-gsc-timeline small{display:block;font-size:9px;color:#667085;margin-top:4px;line-height:1.4}
.is-active .hi-gsc-kpi,.is-active .hi-gsc-panel,.is-active .hi-gsc-feed .item,.is-active .hi-gsc-table>div{animation:hiGscCards .45s ease forwards}
.is-active .hi-gsc-kpi:nth-child(1){animation-delay:.65s}.is-active .hi-gsc-kpi:nth-child(2){animation-delay:.8s}.is-active .hi-gsc-kpi:nth-child(3){animation-delay:.95s}.is-active .hi-gsc-kpi:nth-child(4){animation-delay:1.1s}
.is-active .hi-gsc-panel{animation-delay:1.2s}.is-active .hi-gsc-table>div:nth-child(1),.is-active .hi-gsc-feed .item:nth-child(1){animation-delay:1.35s}.is-active .hi-gsc-table>div:nth-child(2),.is-active .hi-gsc-feed .item:nth-child(2){animation-delay:1.55s}
.is-active .hi-gsc-chart i{animation:hiBars .7s 1.35s ease forwards}
@keyframes hiGscCards{to{opacity:1;transform:none}}
@keyframes hiBars{to{transform:scaleY(1)}}

.hi-mosaic-card.card-design{background:linear-gradient(135deg,#d9ff57,#c0ec48);color:#111}
.hi-mosaic-card.card-code{background:linear-gradient(180deg,rgba(13,18,28,.4),rgba(13,18,28,.75)),url('../assets/brands/hooked-collage.png') center/cover no-repeat}
.hi-mosaic-card.card-seo{background:linear-gradient(180deg,rgba(255,255,255,.74),rgba(255,255,255,.84)),url('../assets/brands/search-console.png') center/cover no-repeat;color:#111}
.hi-mosaic-card.card-ia{background:linear-gradient(180deg,rgba(16,26,53,.76),rgba(16,26,53,.92)),url('../assets/brands/va-transit.png') center/cover no-repeat}
.hi-mosaic-card.card-convert{background:linear-gradient(180deg,rgba(21,21,24,.38),rgba(21,21,24,.55)),url('../assets/brands/bean-coffee.png') center/cover no-repeat}
.hi-mosaic-card .mini-ui{background-size:cover;background-position:center;border:1px solid rgba(255,255,255,.18);box-shadow:0 14px 32px rgba(0,0,0,.18)}
.hi-mosaic-card.card-seo .mini-ui{border-color:rgba(0,0,0,.08)}
.thumb-browser{background-image:url('../assets/brands/nacre-nails.png')}
.thumb-seo{background-image:url('../assets/brands/search-console.png')}
.thumb-ia{background-image:url('../assets/brands/forge-metal.png')}
.thumb-commerce{background-image:url('../assets/brands/bean-coffee.png')}

@media (max-width: 850px){
  .hi-design-card .mock-media{min-height:110px}
  .hi-auto-wrap{grid-template-columns:1fr}
  .hi-auto-stage{grid-template-columns:1fr;margin-top:70px}
  .hi-auto-feed{display:none}
  .hi-gsc-layout{grid-template-columns:1fr}
  .hi-gsc-kpis{grid-template-columns:repeat(2,1fr)}
  .hi-mosaic-card.card-code,.hi-mosaic-card.card-seo,.hi-mosaic-card.card-ia,.hi-mosaic-card.card-convert{background-position:center}
}


/* ===== V5 overrides and new scenes ===== */

.hi-text-reveal{position:absolute;inset:0;background:radial-gradient(900px 520px at 82% -10%,rgba(102,77,255,.18),transparent 55%),radial-gradient(760px 520px at 5% 95%,rgba(217,255,87,.12),transparent 56%),#0a0b0f;color:#fff}
.hi-tr-kicker{position:absolute;left:7%;top:11%;font:800 10px/1 ui-monospace,monospace;letter-spacing:.18em;color:#d9ff57}
.hi-tr-center{position:absolute;inset:18% 9% 24% 9%;overflow:hidden;border-top:1px solid rgba(255,255,255,.08);border-bottom:1px solid rgba(255,255,255,.08);display:flex;align-items:center}
.hi-tr-marquee{display:flex;flex-direction:column;gap:12px;font-size:clamp(52px,8vw,114px);font-weight:900;line-height:.86;letter-spacing:-.08em;opacity:.14;transform:translateY(48%)}
.is-active .hi-tr-marquee{animation:hiTextScroll 2.2s .25s cubic-bezier(.2,.75,.2,1) forwards}
@keyframes hiTextScroll{0%{transform:translateY(48%)}18%{opacity:.25}100%{transform:translateY(-26%);opacity:1}}
.hi-tr-note{position:absolute;left:7%;right:7%;bottom:11%;display:flex;align-items:end;justify-content:space-between;gap:20px}
.hi-tr-note p{max-width:520px;margin:0;color:#b8bcc8;font-size:12px;line-height:1.55}
.hi-tr-pills{display:flex;flex-wrap:wrap;gap:10px}.hi-tr-pills span{padding:9px 12px;border-radius:999px;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.05);font-size:9px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}

.hi-site-hero--nacre{align-items:start}
.hi-site--nacre .hi-site-copy h2{font-family:Georgia,"Times New Roman",serif;font-size:clamp(54px,5vw,86px);font-weight:500;line-height:.86;letter-spacing:-.06em}
.hi-site--nacre .hi-site-copy p{max-width:420px}
.hi-site-visual--nacre{position:relative;background-image:linear-gradient(160deg,rgba(244,184,80,.18),rgba(242,108,79,.10) 54%,rgba(157,84,215,.14)),url('../assets/brands/nacre-nails.png');background-size:cover;background-position:center 28%;display:flex;align-items:flex-end;justify-content:flex-start;padding:20px}
.hi-nacre-card{position:relative;width:100%;max-width:430px;min-height:220px;border-radius:28px;background:linear-gradient(180deg,rgba(255,236,228,.88),rgba(242,205,194,.84));padding:24px 24px 20px;overflow:hidden;box-shadow:0 18px 45px rgba(112,65,45,.18)}
.hi-nacre-card small{display:block;font-size:8px;letter-spacing:.22em;color:#7d6258;margin-bottom:12px}
.hi-nacre-card h3{margin:0;font-family:Georgia,"Times New Roman",serif;font-size:clamp(34px,3vw,56px);font-weight:500;line-height:.9;color:#5d4137;letter-spacing:-.05em}
.hi-nacre-card p{max-width:210px;margin:12px 0 0;font-size:10px;line-height:1.45;color:#7b655e}
.hi-nacre-glass{position:absolute;right:18px;bottom:18px;width:110px;height:110px;border-radius:22px;background:rgba(255,255,255,.18);backdrop-filter:blur(10px)}
.hi-site-visual--nacre:after{content:'studio\Asur mesure';white-space:pre;position:absolute;left:26px;bottom:24px;font:800 26px/.84 ui-sans-serif;color:#fff;letter-spacing:-.06em;text-shadow:0 10px 24px rgba(0,0,0,.24)}
.hi-site-strip .hi-site-chip:nth-child(1){background:#121214;color:#fff}.hi-site-strip .hi-site-chip:nth-child(2){background:#4965ff;color:#fff}.hi-site-strip .hi-site-chip:nth-child(3){background:#ca7cf0;color:#111}.hi-site-strip .hi-site-chip:nth-child(4){background:#d9ff57;color:#111}
.hi-site-strip .hi-site-chip{border:none;font-weight:800}

.hi-product-grid--coffee{grid-template-columns:repeat(3,1fr)}
.hi-product-grid--coffee .hi-product{overflow:hidden}
.hi-product-grid--coffee .hi-product-pic{height:142px;background-size:cover;background-position:center;border-radius:14px 14px 0 0}
.hi-product-grid--coffee .product-whole .hi-product-pic{background-image:url('../assets/brands/bean-grains-entiers.png')}
.hi-product-grid--coffee .product-ground .hi-product-pic{background-image:url('../assets/brands/bean-cafe-moulu.png')}
.hi-product-grid--coffee .product-pods .hi-product-pic{background-image:url('../assets/brands/bean-dosettes.png')}
.hi-product-grid--coffee .hi-product-info{display:grid;grid-template-columns:1fr auto;gap:8px 12px;padding:12px}.hi-product-grid--coffee .hi-product-info b{font-size:11px}.hi-product-grid--coffee .hi-product-info span{font-size:10px;color:#111}.hi-product-grid--coffee .hi-product-info small{grid-column:1/-1;font-size:8px;color:#6b7280;text-transform:uppercase;letter-spacing:.08em}
.hi-cart-line small{display:block;margin-top:4px;font-size:8px;color:#777}.hi-cart-thumb{background:url('../assets/brands/bean-grains-entiers.png') center/cover no-repeat}

.hi-social-v2{background:linear-gradient(180deg,#0e1116,#090a0d);color:#fff}.hi-social-v2 .hi-social-copy small{color:#d9ff57}.hi-social-v2 .hi-social-copy p{color:#b8bcc8}.hi-social-v2 .hi-social-top{background:#fff;color:#111}.hi-social-v2 .hi-social-phone{box-shadow:0 28px 66px rgba(0,0,0,.34)}
.hi-social-v2 .hi-social-post.coffee .hi-social-art{background-image:url('../assets/brands/bean-cafe-moulu.png');background-position:center 40%}

.hi-auto-wrap-v3{grid-template-columns:.55fr 1.45fr;align-items:center}.hi-auto-stage-v3{display:grid;grid-template-columns:1.18fr .82fr;gap:18px;min-height:388px}.hi-pipeline-board{border:1px solid rgba(255,255,255,.08);border-radius:26px;background:linear-gradient(180deg,rgba(255,255,255,.07),rgba(255,255,255,.03));padding:18px;backdrop-filter:blur(14px);display:flex;flex-direction:column;justify-content:space-between}.hi-pipeline-row{display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr;gap:10px;align-items:center}.hi-pipeline-card{min-height:118px;padding:14px;border-radius:18px;background:#12141b;border:1px solid #252a35;box-shadow:0 12px 24px rgba(0,0,0,.18);opacity:0;transform:translateY(12px)}.hi-pipeline-card span{display:block;font:800 8px/1 ui-monospace,monospace;letter-spacing:.16em;color:#d9ff57;margin-bottom:10px}.hi-pipeline-card b{display:block;font-size:14px;line-height:1.15;color:#f7f8fb}.hi-pipeline-card small{display:block;margin-top:6px;font-size:9px;line-height:1.4;color:#98a0ae}.hi-pipeline-card.active{background:linear-gradient(180deg,rgba(217,255,87,.12),rgba(20,22,28,.92));border-color:rgba(217,255,87,.24)}.hi-pipeline-arrow{font-size:22px;color:#d9ff57;opacity:.24;transform:translateY(8px)}.is-active .hi-pipeline-arrow{animation:hiArrowIn .35s ease forwards}.hi-pipeline-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:16px}.hi-pipeline-metrics>div{padding:12px 14px;border-radius:14px;background:#0f1116;border:1px solid rgba(255,255,255,.07);opacity:0;transform:translateY(10px)}.hi-pipeline-metrics small{display:block;font-size:8px;color:#8a93a3;text-transform:uppercase;letter-spacing:.12em}.hi-pipeline-metrics b{display:block;margin-top:8px;font-size:12px;color:#fff}.is-active .hi-pipeline-card{animation:hiPipeIn .45s cubic-bezier(.2,.84,.2,1) forwards}.is-active .hi-pipeline-card:nth-child(1){animation-delay:.35s}.is-active .hi-pipeline-card:nth-child(3){animation-delay:.55s}.is-active .hi-pipeline-card:nth-child(5){animation-delay:.75s}.is-active .hi-pipeline-card:nth-child(7){animation-delay:.95s}.is-active .hi-pipeline-metrics>div{animation:hiPipeIn .4s ease forwards}.is-active .hi-pipeline-metrics>div:nth-child(1){animation-delay:1.1s}.is-active .hi-pipeline-metrics>div:nth-child(2){animation-delay:1.25s}.is-active .hi-pipeline-metrics>div:nth-child(3){animation-delay:1.4s}.is-active .hi-pipeline-metrics>div:nth-child(4){animation-delay:1.55s}@keyframes hiPipeIn{to{opacity:1;transform:none}}@keyframes hiArrowIn{to{opacity:.8;transform:none}}
.hi-auto-feed--v3{display:block}

.hi-google-v2 .hi-google-layout{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:30px;align-items:start;width:min(1120px,100%)}
.hi-google-v2 .hi-google-results{width:100%}
.hi-business-card{border:1px solid #e3e6ea;border-radius:18px;background:#fff;box-shadow:0 16px 40px rgba(32,33,36,.10);overflow:hidden;opacity:0;transform:translateY(18px)}.hi-business-map{height:140px;background:radial-gradient(circle at 70% 26%,rgba(217,255,87,.75),transparent 16%),linear-gradient(135deg,#eef5ff,#f5f7fb);position:relative}.hi-business-map:before{content:'';position:absolute;left:20%;top:36%;width:180px;height:68px;border-radius:18px;background:linear-gradient(180deg,rgba(26,115,232,.12),rgba(26,115,232,.05))}.hi-business-map:after{content:'';position:absolute;right:22%;top:34%;width:16px;height:16px;border-radius:50%;background:#111;box-shadow:0 0 0 7px rgba(217,255,87,.45)}.hi-business-body{padding:16px}.hi-business-body small{display:block;font-size:9px;color:#677282;text-transform:uppercase;letter-spacing:.1em}.hi-business-body h4{margin:8px 0 6px;font-size:22px;color:#202124;letter-spacing:-.04em}.hi-business-rating{font-size:12px;color:#e6a400}.hi-business-rating span{color:#5f6368;margin-left:6px}.hi-business-actions{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0}.hi-business-actions span,.hi-business-chips span{display:inline-flex;padding:8px 10px;border-radius:999px;border:1px solid #dfe4ea;background:#f6f8fb;font-size:9px;font-weight:700;color:#334}.hi-business-meta{display:grid;gap:10px;margin-top:12px}.hi-business-meta b{display:block;font-size:10px;color:#202124}.hi-business-meta small{display:block;margin-top:3px;font-size:9px;color:#667085;line-height:1.35;text-transform:none;letter-spacing:0}.hi-business-chips{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.is-active .hi-business-card{animation:hiSerpIn .65s 1.75s cubic-bezier(.2,.85,.2,1) forwards}

.hi-signal-scene{position:absolute;inset:0;background:radial-gradient(700px 420px at 50% 45%,rgba(217,255,87,.16),transparent 40%),radial-gradient(800px 520px at 52% 40%,rgba(83,96,255,.14),transparent 55%),#08090c;overflow:hidden}.hi-signal-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.05) 1px, transparent 1px),linear-gradient(90deg, rgba(255,255,255,.05) 1px, transparent 1px);background-size:48px 48px;mask-image:radial-gradient(circle at center, rgba(0,0,0,.9), transparent 78%);opacity:.25}.hi-signal-center{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(720px,76%);padding:26px 24px 22px;border-radius:28px;border:1px solid rgba(255,255,255,.12);background:linear-gradient(180deg,rgba(255,255,255,.12),rgba(255,255,255,.06));backdrop-filter:blur(18px);text-align:center;box-shadow:0 24px 60px rgba(0,0,0,.28);opacity:0}.is-active .hi-signal-center{animation:hiSignalCenter .55s .45s ease forwards}@keyframes hiSignalCenter{to{opacity:1;transform:translate(-50%,-50%)}}.hi-signal-logo{height:86px;background:url('../assets/logos/hooked-horizontal.png') center/contain no-repeat;margin:0 auto 16px;background-color:#fff;border-radius:18px;padding:10px;box-shadow:0 10px 30px rgba(0,0,0,.18)}.hi-signal-center p{margin:0 auto;max-width:520px;font-size:12px;line-height:1.55;color:#eef2fa}.hi-signal-rings i{position:absolute;left:50%;top:50%;border-radius:50%;border:1px solid rgba(217,255,87,.24);transform:translate(-50%,-50%) scale(.7);opacity:0}.hi-signal-rings i:nth-child(1){width:240px;height:240px}.hi-signal-rings i:nth-child(2){width:360px;height:360px;animation-delay:.2s}.hi-signal-rings i:nth-child(3){width:520px;height:520px;animation-delay:.4s}.is-active .hi-signal-rings i{animation:hiPulseRing 2.5s ease-out infinite}@keyframes hiPulseRing{0%{opacity:0;transform:translate(-50%,-50%) scale(.6)}18%{opacity:.55}100%{opacity:0;transform:translate(-50%,-50%) scale(1.02)}}.hi-signal-chip{position:absolute;padding:9px 12px;border-radius:999px;background:rgba(14,18,26,.82);border:1px solid rgba(255,255,255,.1);font:800 9px/1 ui-monospace,monospace;letter-spacing:.16em;text-transform:uppercase;color:#fff;opacity:0}.hi-signal-chip.c1{left:16%;top:28%}.hi-signal-chip.c2{right:16%;top:30%}.hi-signal-chip.c3{left:18%;bottom:26%}.hi-signal-chip.c4{right:18%;bottom:28%}.is-active .hi-signal-chip{animation:hiSignalChip .45s ease forwards}.is-active .hi-signal-chip.c1{animation-delay:.85s}.is-active .hi-signal-chip.c2{animation-delay:1.0s}.is-active .hi-signal-chip.c3{animation-delay:1.15s}.is-active .hi-signal-chip.c4{animation-delay:1.3s}@keyframes hiSignalChip{to{opacity:1;transform:none}}

.hi-mosaic-clean .hi-mosaic-grid{inset:7% 7% 11%}.hi-mosaic-clean .hi-mosaic-card{display:flex;flex-direction:column;justify-content:space-between}.hi-mosaic-clean .card-note{max-width:180px;margin-top:auto;font-size:9px;line-height:1.45;color:rgba(255,255,255,.78)}.hi-mosaic-clean .card-seo .card-note,.hi-mosaic-clean .card-design .card-note{color:rgba(17,17,17,.72)}.hi-final-lockup--clean{mix-blend-mode:normal;top:auto;bottom:7%;transform:translateX(-50%)}.hi-final-lockup--clean strong{font-size:clamp(38px,6vw,92px)}

.hi-final-cta-scene{position:absolute;inset:0;background:radial-gradient(720px 420px at 25% 15%,rgba(217,255,87,.14),transparent 45%),radial-gradient(680px 420px at 85% 82%,rgba(95,75,255,.16),transparent 50%),#090a0f;color:#fff;overflow:hidden}.hi-final-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);background-size:56px 56px;opacity:.3}.hi-final-orb{position:absolute;border-radius:50%;filter:blur(28px);opacity:.8}.hi-final-orb.orb-a{width:260px;height:260px;left:12%;top:18%;background:rgba(217,255,87,.22)}.hi-final-orb.orb-b{width:320px;height:320px;right:10%;bottom:10%;background:rgba(88,101,255,.22)}.hi-final-cta-copy{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(760px,82%);text-align:center;opacity:0}.is-active .hi-final-cta-copy{animation:hiFinalCopy .65s .35s ease forwards}@keyframes hiFinalCopy{to{opacity:1;transform:translate(-50%,-50%)}}.hi-final-cta-copy small{display:inline-block;font:800 10px/1 ui-monospace,monospace;letter-spacing:.18em;color:#d9ff57;margin-bottom:18px}.hi-final-cta-copy h2{margin:0 auto 16px;max-width:760px;font-size:clamp(42px,5.8vw,86px);line-height:.88;letter-spacing:-.07em}.hi-final-cta-copy p{max-width:640px;margin:0 auto;color:#bcc2d0;font-size:13px;line-height:1.6}.hi-final-pills{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin-top:24px}.hi-final-pills span{padding:9px 12px;border-radius:999px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);font-size:9px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.hi-final-button{display:inline-flex;margin-top:22px;padding:14px 22px;border-radius:999px;background:#d9ff57;color:#111;font-size:11px;font-weight:900;letter-spacing:.04em;box-shadow:0 20px 40px rgba(0,0,0,.24)}

@media (max-width:850px){
  .hi-tr-note{display:block}.hi-tr-note p{max-width:none;margin-bottom:14px}.hi-tr-marquee{font-size:clamp(42px,10vw,72px)}
  .hi-nacre-card{max-width:none;min-height:180px}.hi-site-visual--nacre:after{font-size:20px}
  .hi-product-grid--coffee{grid-template-columns:1fr}.hi-product-grid--coffee .hi-product-pic{height:120px}
  .hi-auto-wrap-v3{grid-template-columns:1fr}.hi-auto-stage-v3{grid-template-columns:1fr;margin-top:76px}.hi-pipeline-row{grid-template-columns:1fr;gap:8px}.hi-pipeline-arrow{display:none}.hi-pipeline-metrics{grid-template-columns:repeat(2,1fr)}.hi-auto-feed--v3{display:none}
  .hi-google-v2 .hi-google-layout{grid-template-columns:1fr}.hi-business-card{display:none}
  .hi-signal-center{width:86%}.hi-signal-chip{display:none}
  .hi-final-cta-copy h2{font-size:clamp(36px,9vw,58px)}
}
/* ===== V6 overrides ===== */

.hi-tr-center{inset:19% 9% 24% 9%;padding-top:18px;align-items:flex-start}
.hi-tr-marquee{gap:10px;font-size:clamp(48px,7vw,102px);line-height:.88;transform:translateY(16%)}
.is-active .hi-tr-marquee{animation:hiTextScrollV6 2.25s .22s cubic-bezier(.2,.75,.2,1) forwards}
@keyframes hiTextScrollV6{0%{transform:translateY(16%);opacity:.18}20%{opacity:.35}100%{transform:translateY(-7%);opacity:1}}

.hi-site--nacre{background:#f3efe8}
.hi-site--nacre .hi-site-page{height:270%}
.hi-site-scrollbar{position:absolute;right:12px;top:92px;bottom:16px;width:6px;border-radius:999px;background:rgba(0,0,0,.08);z-index:6}
.hi-site-scrollbar i{display:block;width:100%;height:24%;border-radius:999px;background:linear-gradient(180deg,#d9ff57,#b8de4a);box-shadow:0 8px 18px rgba(217,255,87,.25)}
.hi-browser-scroll-v6 .hi-site-scrollbar i{animation:hiScrollThumb 3.1s cubic-bezier(.34,.06,.18,.99) forwards}
@keyframes hiScrollThumb{0%,15%{transform:translateY(0)}70%,100%{transform:translateY(248%)}}
.hi-site--nacre .hi-site-nav{padding-right:54px}
.hi-site--nacre .hi-site-section{min-height:360px}
.hi-site-lower{padding:46px 34px 40px;background:#f7f4ed;color:#141414}
.hi-site-lower-head{display:grid;grid-template-columns:.9fr 1.1fr;gap:22px;align-items:start;margin-bottom:26px}
.hi-site-lower-head small{font:800 10px/1 ui-monospace,monospace;letter-spacing:.16em;color:#8b8477}
.hi-site-lower-head h3{margin:0;font-size:36px;line-height:.92;letter-spacing:-.05em}
.hi-site-lower-head p{margin:0;color:#66615c;font-size:12px;line-height:1.55;max-width:420px}
.hi-site-lower-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.hi-site-lower-card{min-height:168px;border-radius:22px;padding:18px;display:flex;flex-direction:column;justify-content:flex-end;position:relative;overflow:hidden;box-shadow:0 14px 36px rgba(0,0,0,.06)}
.hi-site-lower-card small{display:block;margin-bottom:auto;font-size:9px;letter-spacing:.12em;text-transform:uppercase;font-weight:800}
.hi-site-lower-card b{display:block;font-size:18px;letter-spacing:-.04em}
.hi-site-lower-card span{display:block;margin-top:8px;font-size:10px;line-height:1.45;color:rgba(17,17,17,.75);max-width:220px}
.hi-site-lower-card::after{content:'';position:absolute;right:14px;bottom:14px;opacity:.22}
.hi-site-lower-card.card-gallery{background:linear-gradient(140deg,#f0c1be,#f7e7e1)}
.hi-site-lower-card.card-gallery::after{width:76px;height:102px;border-radius:20px;background:rgba(255,255,255,.52);box-shadow:-44px -16px 0 -14px rgba(255,255,255,.42)}
.hi-site-lower-card.card-pricing{background:linear-gradient(140deg,#dbe7ff,#eef3ff)}
.hi-site-lower-card.card-pricing::after{width:86px;height:86px;border-radius:50%;background:rgba(73,101,255,.18);box-shadow:-36px 0 0 -14px rgba(73,101,255,.14)}
.hi-site-lower-card.card-booking{background:linear-gradient(140deg,#daf964,#f3ffd0)}
.hi-site-lower-card.card-booking::after{width:90px;height:74px;border-radius:18px;background:rgba(17,17,17,.1);box-shadow:-42px -8px 0 -16px rgba(17,17,17,.08)}
.is-active .hi-browser-scroll .hi-site-page{animation:hiScrollSiteV6 3.2s cubic-bezier(.34,.06,.18,.99) forwards}
@keyframes hiScrollSiteV6{0%,15%{transform:translateY(0)}70%,100%{transform:translateY(-57%)}}

.hi-product-grid--coffee .hi-product{display:flex;flex-direction:column;border:1px solid #ece7df;border-radius:20px;box-shadow:0 14px 30px rgba(0,0,0,.05)}
.hi-product-grid--coffee .hi-product-pic{height:164px;background-size:cover;background-position:center;border-radius:18px 18px 0 0}
.hi-product-grid--coffee .product-whole .hi-product-pic{background-position:center 30%}
.hi-product-grid--coffee .product-ground .hi-product-pic{background-position:center 34%}
.hi-product-grid--coffee .product-pods .hi-product-pic{background-position:center 36%}
.hi-product-grid--coffee .hi-product-info{display:block;padding:14px 14px 15px}
.hi-product-grid--coffee .hi-product-info small{display:block;font-size:8px;color:#7c7469;text-transform:uppercase;letter-spacing:.12em;margin-bottom:9px}
.hi-product-grid--coffee .hi-product-row{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:end}
.hi-product-grid--coffee .hi-product-row b{font-size:13px}
.hi-product-grid--coffee .hi-product-row span{font-size:10px;color:#111;font-weight:700}
.hi-product-grid--coffee .hi-product-info p{margin:8px 0 0;font-size:9px;line-height:1.5;color:#6b655b}

.hi-social-v2 .hi-social-phone{width:30%;height:90%;border-radius:30px}
.hi-social-v2 .hi-social-post{height:66%}
.hi-social-v2 .hi-social-post .hi-social-art{background-size:cover;background-position:center}
.hi-social-v2 .hi-social-post.soda .hi-social-art{background-image:url('../assets/brands/pop-soda-tall.png');background-position:center}
.hi-social-v2 .hi-social-post.chips .hi-social-art{background-image:url('../assets/brands/crunch-chips-tall.png');background-position:center}
.hi-social-v2 .hi-social-post.coffee .hi-social-art{background-image:url('../assets/brands/bean-coffee-tall.png');background-position:center}
.hi-social-v2 .hi-social-post::before{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(0,0,0,.18));z-index:1}
.hi-social-v2 .hi-social-post b{z-index:2;max-width:150px}

.hi-google-v2 .hi-google-wrap{padding-top:46px}
.hi-google-v2 .hi-google-layout{grid-template-columns:minmax(0,1fr) 360px;gap:24px;width:min(1180px,100%)}
.hi-business-card{border-radius:20px;overflow:hidden}
.hi-business-map{height:156px;background:url('../assets/brands/hooked-business-cover.png') center/cover no-repeat;position:relative}
.hi-business-map:before,.hi-business-map:after{display:none}
.hi-business-body h4{margin-top:10px}

.hi-mosaic-clean .hi-mosaic-grid{grid-template-columns:1.02fr .98fr 1fr;grid-template-rows:1fr 1fr;gap:16px}
.hi-mosaic-clean .hi-mosaic-card{padding:18px 18px 18px;box-shadow:0 20px 50px rgba(0,0,0,.16)}
.hi-mosaic-clean .card-code,.hi-mosaic-clean .card-seo,.hi-mosaic-clean .card-ia,.hi-mosaic-clean .card-convert{background-position:center;background-size:cover}
.hi-mosaic-clean .card-code::before,.hi-mosaic-clean .card-seo::before,.hi-mosaic-clean .card-ia::before,.hi-mosaic-clean .card-convert::before{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(10,12,16,.10),rgba(10,12,16,.45));pointer-events:none}
.hi-mosaic-clean .card-seo::before{background:linear-gradient(180deg,rgba(255,255,255,.22),rgba(255,255,255,.52))}
.hi-mosaic-clean .hi-mosaic-card>*{position:relative;z-index:1}
.hi-mosaic-clean .mini-ui{display:flex;align-items:flex-end;justify-content:flex-start;padding:10px 12px}
.hi-mosaic-clean .mini-ui-icon{display:inline-flex;align-items:center;justify-content:center;min-width:50px;height:28px;padding:0 10px;border-radius:999px;background:rgba(10,12,16,.82);color:#fff;font:800 10px/1 ui-monospace,monospace;letter-spacing:.1em;border:1px solid rgba(255,255,255,.18);box-shadow:0 10px 20px rgba(0,0,0,.22)}
.hi-mosaic-clean .card-seo .mini-ui-icon{background:rgba(255,255,255,.88);color:#111;border-color:rgba(0,0,0,.08)}
.hi-mosaic-clean .card-note{max-width:210px;padding-right:8px}

@media (max-width:850px){
  .hi-tr-center{inset:20% 7% 24% 7%}
  .hi-tr-marquee{font-size:clamp(40px,9vw,64px)}
  .hi-site--nacre .hi-site-page{height:320%}
  .hi-site-lower-head,.hi-site-lower-grid{grid-template-columns:1fr}
  .hi-social-v2 .hi-social-phone{width:31%}
  .hi-google-v2 .hi-google-layout{grid-template-columns:1fr}
}


/* ===== V7 overrides ===== */

.hi-tr-center{inset:14% 6% 21% 6%;border:0;display:flex;align-items:flex-start;justify-content:flex-start;padding-top:0}
.hi-tr-marquee{width:100%;gap:8px;font-size:clamp(78px,9vw,150px);line-height:.84;letter-spacing:-.08em;transform:translateY(22%)}
.is-active .hi-tr-marquee{animation:hiTextScrollV7 2.35s .2s cubic-bezier(.2,.75,.2,1) forwards}
@keyframes hiTextScrollV7{0%{transform:translateY(22%);opacity:.14}18%{opacity:.38}100%{transform:translateY(-4%);opacity:1}}
.hi-tr-note{left:6%;right:6%;bottom:10%}
.hi-tr-note p{max-width:620px}
.hi-tr-pills span{font-size:10px;padding:10px 14px}

.hi-browser-window-v7{inset:8% 5% 7%}
.hi-site--nacre-v7{background:#f3efe8}
.hi-site--nacre-v7 .hi-site-page{height:255%}
.hi-browser-scroll-v7 .hi-site-scrollbar i{animation:hiScrollThumbV7 3.45s cubic-bezier(.34,.06,.18,.99) forwards}
@keyframes hiScrollThumbV7{0%,13%{transform:translateY(0)}72%,100%{transform:translateY(252%)}}
.is-active .hi-browser-scroll-v7 .hi-site-page{animation:hiScrollSiteV7 3.45s cubic-bezier(.34,.06,.18,.99) forwards}
@keyframes hiScrollSiteV7{0%,13%{transform:translateY(0)}72%,100%{transform:translateY(-58%)}}
.hi-site--nacre-v7 .hi-site-copy h2{font-size:clamp(50px,5vw,84px)}
.hi-site--nacre-v7 .hi-site-copy p{max-width:440px}
.hi-site--nacre-v7 .hi-site-hero{min-height:350px;padding-bottom:26px}
.hi-site--nacre-v7 .hi-site-visual{background-position:center 30%}
.hi-site--nacre-v7 .hi-site-section{min-height:320px}
.hi-site--nacre-v7 .hi-site-lower{padding-top:38px}
.hi-site-proof{position:absolute;inset:0;background:radial-gradient(720px 420px at 14% 86%,rgba(217,255,87,.12),transparent 48%),radial-gradient(760px 480px at 84% 14%,rgba(88,101,255,.15),transparent 55%),#090a0f;color:#fff}
.hi-site-proof-copy{position:absolute;left:7%;top:14%;max-width:420px}
.hi-site-proof-copy small{font:800 10px/1 ui-monospace,monospace;letter-spacing:.16em;color:#d9ff57}
.hi-site-proof-copy h2{margin:14px 0 14px;font-size:clamp(46px,5.4vw,78px);line-height:.88;letter-spacing:-.07em}
.hi-site-proof-copy p{margin:0;color:#b9beca;font-size:12px;line-height:1.55;max-width:340px}
.hi-site-proof-grid{position:absolute;right:7%;left:43%;top:16%;bottom:15%;display:grid;grid-template-columns:1fr 1fr;gap:16px}
.hi-site-proof-card{padding:22px;border-radius:24px;background:linear-gradient(180deg,rgba(255,255,255,.09),rgba(255,255,255,.04));border:1px solid rgba(255,255,255,.08);box-shadow:0 18px 40px rgba(0,0,0,.18);display:flex;flex-direction:column;justify-content:flex-end;opacity:0;transform:translateY(20px)}
.hi-site-proof-card span{display:inline-flex;align-self:flex-start;margin-bottom:auto;padding:8px 10px;border-radius:999px;background:rgba(217,255,87,.12);color:#d9ff57;font:800 8px/1 ui-monospace,monospace;letter-spacing:.14em;text-transform:uppercase}
.hi-site-proof-card b{display:block;margin-top:22px;font-size:21px;line-height:1.05;letter-spacing:-.04em}
.hi-site-proof-card p{margin:10px 0 0;font-size:10px;line-height:1.5;color:#a9afba}
.is-active .hi-site-proof-card{animation:hiProofIn .45s cubic-bezier(.2,.84,.2,1) forwards}
.is-active .hi-site-proof-card:nth-child(1){animation-delay:.25s}.is-active .hi-site-proof-card:nth-child(2){animation-delay:.45s}.is-active .hi-site-proof-card:nth-child(3){animation-delay:.65s}.is-active .hi-site-proof-card:nth-child(4){animation-delay:.85s}
@keyframes hiProofIn{to{opacity:1;transform:none}}

.hi-commerce-v7 .hi-window{inset:8% 6%}
.hi-commerce-v7 .hi-shop-layout{grid-template-columns:1.55fr .65fr}
.hi-commerce-v7 .hi-shop-main{padding:22px 24px 18px}
.hi-commerce-v7 .hi-shop-top{margin-bottom:16px}
.hi-commerce-v7 .hi-product-grid--coffee{gap:16px}
.hi-commerce-v7 .hi-product-grid--coffee .hi-product{background:#fff;border:1px solid #ece7df;border-radius:24px;box-shadow:0 12px 26px rgba(0,0,0,.06);overflow:hidden}
.hi-commerce-v7 .hi-product-grid--coffee .hi-product-pic{height:182px;background-size:cover;background-position:center top;border-radius:0}
.hi-commerce-v7 .hi-product-grid--coffee .product-whole .hi-product-pic{background-image:url('../assets/brands/bean-grains-entiers.png');background-position:center 10%}
.hi-commerce-v7 .hi-product-grid--coffee .product-ground .hi-product-pic{background-image:url('../assets/brands/bean-cafe-moulu.png');background-position:center 10%}
.hi-commerce-v7 .hi-product-grid--coffee .product-pods .hi-product-pic{background-image:url('../assets/brands/bean-dosettes.png');background-position:center 10%}
.hi-commerce-v7 .hi-product-grid--coffee .hi-product-pic:before,.hi-commerce-v7 .hi-product-grid--coffee .hi-product-pic:after{display:none}
.hi-commerce-v7 .hi-product-copy{padding:12px 14px 14px}
.hi-commerce-v7 .hi-product-copy small{display:block;font-size:8px;color:#7c7469;text-transform:uppercase;letter-spacing:.12em;margin-bottom:10px}
.hi-commerce-v7 .hi-product-row{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:end}
.hi-commerce-v7 .hi-product-row b{font-size:14px;line-height:1.1}
.hi-commerce-v7 .hi-product-row span{font-size:12px;font-weight:800;color:#111}
.hi-commerce-v7 .hi-product-copy p{margin:8px 0 0;font-size:9px;line-height:1.48;color:#686055;min-height:42px}
.hi-commerce-v7 .hi-product-tags{display:flex;flex-wrap:wrap;gap:7px;margin-top:10px}
.hi-commerce-v7 .hi-product-tags span{display:inline-flex;padding:7px 9px;border-radius:999px;background:#f3eee6;font-size:8px;font-weight:700;color:#61594c}
.hi-commerce-v7 .hi-product-link{display:inline-flex;margin-top:12px;padding:10px 12px;border-radius:999px;background:#111;color:#fff;font-size:9px;font-weight:800;text-decoration:none}
.hi-commerce-v7 .hi-cart-v7{display:flex;flex-direction:column;gap:12px;background:#fcfcfb;padding:22px 18px;border-left:1px solid #e7e5e1}
.hi-commerce-v7 .hi-cart-v7 h3{margin:0 0 10px;font-size:18px}
.hi-commerce-v7 .hi-cart-v7 .hi-cart-line{opacity:1;transform:none;border:1px solid #ece8e1;border-radius:16px;padding:12px;margin:0;background:#fff}
.hi-commerce-v7 .hi-cart-v7 .hi-cart-thumb{width:52px;height:66px;border-radius:12px;background:url('../assets/brands/bean-grains-entiers.png') center 18%/cover no-repeat}
.hi-commerce-v7 .hi-cart-box{padding:12px;border-radius:14px;border:1px solid #e8e5df;background:#fff;font-size:9px;color:#666}.hi-commerce-v7 .hi-cart-box b{display:block;font-size:10px;color:#222}.hi-commerce-v7 .hi-cart-box small{display:block;margin-top:6px;font-size:8px;color:#777}
.hi-commerce-v7 .hi-cart-total{margin-top:auto;padding-top:10px;font-size:11px}
.hi-commerce-v7 .hi-checkout{margin-top:8px;padding:14px;font-size:10px;opacity:1;transform:none;background:linear-gradient(90deg,#111,#1f2634);box-shadow:0 14px 28px rgba(0,0,0,.12)}

.hi-social-v3{background:linear-gradient(180deg,#0e1116,#090a0d);color:#fff}
.hi-social-v3 .hi-social-wrap{grid-template-columns:.65fr 1.35fr;align-items:center}
.hi-social-v3 .hi-social-copy small{color:#d9ff57}
.hi-social-v3 .hi-social-copy p{color:#b8bcc8}
.hi-social-v3 .hi-social-stack{height:88%;min-height:390px}
.hi-social-v3 .hi-social-phone{width:29%;height:90%;top:5%;background:#fff;border:1px solid rgba(255,255,255,.12);box-shadow:0 26px 56px rgba(0,0,0,.34)}
.hi-social-v3 .hi-social-top{height:40px;padding:0 14px;background:#fff;color:#111;font-size:8px}
.hi-social-v3 .hi-social-post{height:68%;margin:0 10px;border-radius:22px;background:#0f1013;overflow:hidden;position:relative}
.hi-social-v3 .hi-social-post::before,.hi-social-v3 .hi-social-post::after{display:none}
.hi-social-v3 .hi-social-art{position:absolute;inset:0;background-size:cover;background-position:center;display:block}
.hi-social-v3 .hi-social-post.soda .hi-social-art{background-image:url('../assets/brands/pop-soda-tall.png')}
.hi-social-v3 .hi-social-post.chips .hi-social-art{background-image:url('../assets/brands/crunch-chips-tall.png')}
.hi-social-v3 .hi-social-post.coffee .hi-social-art{background-image:url('../assets/brands/bean-coffee-tall.png')}
.hi-social-v3 .hi-social-tag{position:absolute;left:14px;top:14px;z-index:2;display:inline-flex;padding:7px 10px;border-radius:999px;background:#fff;color:#111;font:800 8px/1 ui-monospace,monospace;letter-spacing:.12em;text-transform:uppercase;box-shadow:0 10px 16px rgba(0,0,0,.18)}
.hi-social-v3 .hi-social-caption{padding:12px 14px 0}
.hi-social-v3 .hi-social-caption strong{font-size:10px;color:#141414}
.hi-social-v3 .hi-social-caption span{font-size:8px;line-height:1.45;color:#70737a}
.hi-social-v3 .hi-social-reel{bottom:12px;width:74%}
.hi-social-v3 .hi-social-reel i{background:#141414}

.hi-google-v2 .hi-business-card{box-shadow:0 18px 42px rgba(32,33,36,.10)}
.hi-google-v2 .hi-business-map{height:164px;background:url('../assets/brands/hooked-business-cover.png') center/cover no-repeat !important;position:relative}
.hi-google-v2 .hi-business-map:before,.hi-google-v2 .hi-business-map:after{display:none !important}

.hi-signal-chip{padding:14px 18px;font:800 12px/1 ui-monospace,monospace;letter-spacing:.14em;border-width:1px;box-shadow:0 14px 28px rgba(0,0,0,.24)}
.hi-signal-chip.c1{left:13%;top:24%}.hi-signal-chip.c2{right:13%;top:26%}.hi-signal-chip.c3{left:15%;bottom:23%}.hi-signal-chip.c4{right:15%;bottom:25%}

.hi-mosaic-v7 .hi-mosaic-grid{grid-template-columns:1.02fr .98fr 1fr;grid-template-rows:1fr 1fr;gap:16px}
.hi-mosaic-v7 .hi-mosaic-card{padding:20px 20px 18px;box-shadow:0 18px 42px rgba(0,0,0,.16)}
.hi-mosaic-v7 .card-code{background:url('../assets/brands/hooked-collage.png') center/cover no-repeat}
.hi-mosaic-v7 .card-seo{background:url('../assets/brands/search-console.png') center/cover no-repeat;color:#111}
.hi-mosaic-v7 .card-ia{background:url('../assets/brands/va-transit.png') center/cover no-repeat}
.hi-mosaic-v7 .card-convert{background:url('../assets/brands/bean-coffee.png') center/cover no-repeat}
.hi-mosaic-v7 .card-code::before,.hi-mosaic-v7 .card-ia::before,.hi-mosaic-v7 .card-convert::before{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(8,10,14,.02),rgba(8,10,14,.18));pointer-events:none}
.hi-mosaic-v7 .card-seo::before{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.14));pointer-events:none}
.hi-mosaic-v7 .hi-mosaic-card>*{position:relative;z-index:1}
.hi-mosaic-v7 .mini-ui{width:52%;height:38%;background-size:cover;background-position:center;border:1px solid rgba(255,255,255,.12);box-shadow:0 18px 32px rgba(0,0,0,.18)}
.hi-mosaic-v7 .card-seo .mini-ui{border-color:rgba(0,0,0,.08)}
.hi-mosaic-v7 .mini-ui-icon{font-size:10px;min-width:54px;height:30px}
.hi-mosaic-v7 .card-note{max-width:240px;padding:9px 11px;border-radius:14px;background:rgba(10,12,16,.48);backdrop-filter:blur(10px);font-size:9px;line-height:1.45;color:#fff}
.hi-mosaic-v7 .card-seo .card-note{background:rgba(255,255,255,.72);color:#111}
.hi-mosaic-v7 .card-design .mega{font-size:clamp(42px,5.2vw,80px)}
.hi-mosaic-v7 .hi-mosaic-card h3{text-shadow:0 8px 20px rgba(0,0,0,.28)}
.hi-mosaic-v7 .card-seo h3,.hi-mosaic-v7 .card-seo small{text-shadow:none}

@media (max-width:850px){
  .hi-tr-center{inset:18% 6% 24% 6%}
  .hi-tr-marquee{font-size:clamp(48px,12vw,82px)}
  .hi-site-proof-copy{position:static;padding:34px 20px 0;max-width:none}
  .hi-site-proof-grid{position:static;display:grid;grid-template-columns:1fr;gap:12px;padding:18px 20px 26px}
  .hi-site--nacre-v7 .hi-site-page{height:320%}
  .hi-commerce-v7 .hi-shop-layout{grid-template-columns:1fr}
  .hi-commerce-v7 .hi-cart-v7{display:none}
  .hi-social-v3 .hi-social-phone{width:31%}
  .hi-mosaic-v7 .hi-mosaic-grid{grid-template-columns:1fr 1fr}
}


/* ===== V8 overrides ===== */
.hi-text-reveal-v8{background:radial-gradient(900px 520px at 82% -10%,rgba(102,77,255,.18),transparent 55%),radial-gradient(760px 520px at 5% 95%,rgba(217,255,87,.12),transparent 56%),#0a0b0f;color:#fff}
.hi-tr-stage{position:absolute;inset:18% 7% 26% 7%;display:flex;align-items:center;justify-content:center;text-align:center}
.hi-tr-sentence{max-width:1120px;opacity:0;transform:translateY(26px) scale(.98)}
.hi-tr-sentence h2{margin:0;font-size:clamp(42px,5.9vw,98px);line-height:.88;letter-spacing:-.08em}
.hi-tr-sentence p{max-width:820px;margin:20px auto 0;color:#bcc2cf;font-size:13px;line-height:1.6}
.hi-tr-words{position:absolute;left:7%;right:7%;bottom:12%;display:flex;justify-content:center;gap:12px;flex-wrap:wrap}
.hi-tr-words span{display:inline-flex;padding:11px 14px;border-radius:999px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);font:800 10px/1 ui-monospace,monospace;letter-spacing:.14em;text-transform:uppercase;color:#eef2ff;opacity:0;transform:translateY(12px)}
.is-active .hi-tr-sentence{animation:hiSentenceIn .75s .2s cubic-bezier(.2,.84,.2,1) forwards}
.is-active .hi-tr-words span{animation:hiWordIn .45s cubic-bezier(.2,.84,.2,1) forwards}
.is-active .hi-tr-words span:nth-child(1){animation-delay:.7s}.is-active .hi-tr-words span:nth-child(2){animation-delay:.8s}.is-active .hi-tr-words span:nth-child(3){animation-delay:.9s}.is-active .hi-tr-words span:nth-child(4){animation-delay:1s}.is-active .hi-tr-words span:nth-child(5){animation-delay:1.1s}
@keyframes hiSentenceIn{to{opacity:1;transform:none}}@keyframes hiWordIn{to{opacity:1;transform:none}}

.hi-browser-window-v8{inset:7% 5% 7%;border-radius:30px}
.hi-site--studio-v8{background:#f4efe7}
.hi-site--studio-v8 .hi-site-page{height:238%}
.hi-site-nav--v8{padding:20px 28px 8px;color:#161616}
.hi-v8-hero{display:grid;grid-template-columns:1.05fr .95fr;gap:24px;padding:16px 28px 12px;align-items:center;min-height:420px}
.hi-v8-copy small{display:block;font:800 10px/1 ui-monospace,monospace;letter-spacing:.18em;color:#83695a;margin-bottom:14px}
.hi-v8-copy h2{margin:0;font-family:Georgia,"Times New Roman",serif;font-size:clamp(46px,5vw,84px);font-weight:500;line-height:.86;letter-spacing:-.06em;color:#241d1a}
.hi-v8-copy p{max-width:500px;margin:18px 0 0;font-size:11px;line-height:1.6;color:#6b5f57}
.hi-v8-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}.hi-v8-actions span{display:inline-flex;padding:12px 16px;border-radius:999px;background:#fff;border:1px solid #e7ddd3;font-size:9px;font-weight:800;color:#161616}.hi-v8-actions .primary{background:#161616;color:#fff}
.hi-v8-points{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:18px;max-width:470px}.hi-v8-points span{padding:10px 12px;border-radius:16px;background:#fff;border:1px solid #ece3d8;font-size:9px;font-weight:700;color:#4b423c}
.hi-v8-visual{position:relative;min-height:380px;border-radius:32px;background:linear-gradient(160deg,rgba(255,236,228,.34),rgba(226,199,239,.22)),#ead9d0;padding:16px;overflow:hidden;box-shadow:0 24px 60px rgba(98,70,55,.14)}
.hi-v8-mainshot{position:absolute;inset:18px 18px 18px 18px;border-radius:26px;background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.0)),url('../assets/brands/nacre-nails.png') center 36%/cover no-repeat}
.hi-v8-floating{position:absolute;z-index:2;max-width:220px;padding:14px 16px;border-radius:20px;background:rgba(255,255,255,.72);backdrop-filter:blur(12px);box-shadow:0 18px 40px rgba(66,49,41,.12);border:1px solid rgba(255,255,255,.55)}
.hi-v8-floating b{display:block;font-size:11px;color:#251f1c}.hi-v8-floating small{display:block;margin-top:6px;font-size:8px;line-height:1.45;color:#6f655d}.hi-v8-floating-top{left:18px;top:18px}.hi-v8-floating-bottom{right:18px;bottom:18px}
.hi-v8-services{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;padding:0 28px 16px}.hi-v8-services article{padding:18px;border-radius:24px;background:#fff;border:1px solid #ece2d8;box-shadow:0 12px 26px rgba(39,27,19,.05)}.hi-v8-services small{display:block;font:800 9px/1 ui-monospace,monospace;color:#a18673;margin-bottom:10px}.hi-v8-services b{display:block;font-size:14px;color:#1d1a18}.hi-v8-services span{display:block;margin-top:8px;font-size:9px;line-height:1.45;color:#6f645c}
.hi-v8-convert-grid{display:grid;grid-template-columns:1.2fr .78fr .78fr;gap:14px;padding:0 28px 18px}.hi-v8-panel{padding:18px;border-radius:28px;background:#fff;border:1px solid #ece2d8;box-shadow:0 16px 34px rgba(39,27,19,.06)}.hi-v8-panel-head small{display:block;font:800 9px/1 ui-monospace,monospace;letter-spacing:.14em;color:#a18673}.hi-v8-panel-head b{display:block;margin-top:10px;font-size:18px;line-height:1.05;letter-spacing:-.04em;color:#1d1a18}
.hi-v8-gallery-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:16px}.hi-v8-gallery-grid i{display:block;height:108px;border-radius:18px;background:url('../assets/brands/nacre-nails.png') center/cover no-repeat}.hi-v8-gallery-grid .g1{background-position:center 28%}.hi-v8-gallery-grid .g2{background-position:center 44%}.hi-v8-gallery-grid .g3{background-position:left 42% top 46%}.hi-v8-gallery-grid .g4{background-position:right 30% top 54%}
.hi-v8-price-list{display:grid;gap:10px;margin-top:18px}.hi-v8-price-list div{display:flex;justify-content:space-between;align-items:center;padding:12px 14px;border-radius:16px;background:#f8f4ef;font-size:10px;color:#514942}.hi-v8-price-list b{font-size:13px;color:#171412}
.hi-v8-mini-booking{display:grid;gap:10px;margin-top:18px}.hi-v8-mini-booking .line{display:flex;justify-content:space-between;gap:10px;padding:12px 14px;border-radius:16px;background:#f8f4ef}.hi-v8-mini-booking span{font-size:9px;color:#7b6f66}.hi-v8-mini-booking b{font-size:10px;color:#171412;text-align:right}.hi-v8-confirm{display:inline-flex;margin-top:14px;padding:12px 15px;border-radius:999px;background:#161616;color:#fff;font-size:9px;font-weight:800}
.hi-v8-footer-band{display:grid;grid-template-columns:.95fr 1.05fr;gap:18px;margin:0 28px 26px;padding:20px 22px;border-radius:28px;background:linear-gradient(135deg,#0f1116,#181d26);color:#fff}.hi-v8-footer-band small{display:block;font:800 9px/1 ui-monospace,monospace;letter-spacing:.14em;color:#d9ff57}.hi-v8-footer-band b{display:block;margin-top:10px;font-size:20px;line-height:1.08;letter-spacing:-.04em}.hi-v8-footer-band p{margin:0;color:#bac1cd;font-size:10px;line-height:1.55;align-self:end}
.is-active .hi-browser-scroll-v8 .hi-site-page{animation:hiScrollSiteV8 3.35s cubic-bezier(.34,.06,.18,.99) forwards}.is-active .hi-browser-scroll-v8 .hi-site-scrollbar i{animation:hiScrollBarV8 3.35s cubic-bezier(.34,.06,.18,.99) forwards}@keyframes hiScrollSiteV8{0%{transform:translateY(0)}12%{transform:translateY(0)}100%{transform:translateY(-46%)}}@keyframes hiScrollBarV8{0%{transform:translateY(0);height:90px}100%{transform:translateY(176px);height:110px}}

.hi-proof-columns-scene{position:absolute;inset:0;background:radial-gradient(720px 460px at 16% 18%,rgba(217,255,87,.10),transparent 48%),radial-gradient(820px 520px at 84% 82%,rgba(76,92,255,.16),transparent 55%),#090b10;color:#fff;overflow:hidden}
.hi-proof-columns-copy{position:absolute;left:7%;top:10%;max-width:360px;z-index:2}.hi-proof-columns-copy small{font:800 10px/1 ui-monospace,monospace;letter-spacing:.16em;color:#d9ff57}.hi-proof-columns-copy h2{margin:14px 0 12px;font-size:clamp(42px,5vw,72px);line-height:.88;letter-spacing:-.07em}.hi-proof-columns-copy p{margin:0;color:#b8beca;font-size:12px;line-height:1.55}
.hi-proof-columns-stage{position:absolute;left:40%;right:6%;top:8%;bottom:8%;display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.hi-proof-col{display:grid;gap:14px;align-content:start}.hi-proof-work{position:relative;min-height:168px;border-radius:28px;overflow:hidden;box-shadow:0 24px 44px rgba(0,0,0,.24);opacity:0;transform:translateY(18px)}.hi-proof-work::before{content:'';position:absolute;inset:0;background-size:cover;background-position:center}.hi-proof-work::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(8,10,14,.0),rgba(8,10,14,.18) 45%,rgba(8,10,14,.78))}.hi-proof-overlay{position:absolute;left:16px;right:16px;bottom:15px;z-index:2}.hi-proof-overlay b{display:block;font-size:14px;letter-spacing:-.03em}.hi-proof-overlay span{display:block;margin-top:6px;font-size:8px;letter-spacing:.1em;text-transform:uppercase;color:#d2d9e6}
.w1::before{background-image:url('../assets/brands/nacre-nails.png');background-position:center 32%}.w2::before{background-image:url('../assets/brands/jardin-restaurant.png')}.w3::before{background-image:url('../assets/brands/pop-soda.png')}.w4::before{background-image:url('../assets/brands/search-console.png')}.w5::before{background-image:url('../assets/brands/va-transit.png')}.w6::before{background-image:url('../assets/brands/bean-coffee.png')}.w7::before{background-image:url('../assets/brands/crunch-chips.png')}.w8::before{background-image:url('../assets/brands/oak-wood.png')}.w9::before{background-image:url('../assets/brands/atelier-architecture.png')}
.is-active .hi-proof-work{animation:hiProofWorkIn .55s cubic-bezier(.2,.84,.2,1) forwards}.is-active .hi-proof-work:nth-child(1){animation-delay:.18s}.is-active .hi-proof-work:nth-child(2){animation-delay:.32s}.is-active .hi-proof-work:nth-child(3){animation-delay:.46s}@keyframes hiProofWorkIn{to{opacity:1;transform:none}}
.is-active .hi-proof-col.down{animation:hiColDown 4.2s .4s linear infinite alternate}.is-active .hi-proof-col.up{animation:hiColUp 4.2s .4s linear infinite alternate}@keyframes hiColDown{0%{transform:translateY(-18px)}100%{transform:translateY(32px)}}@keyframes hiColUp{0%{transform:translateY(26px)}100%{transform:translateY(-28px)}}

.hi-automation-v4 .hi-auto-wrap-v4{grid-template-columns:.56fr 1.44fr;align-items:center}.hi-auto-stage-v4{display:grid;grid-template-columns:1.18fr .82fr;gap:18px;min-height:400px}.hi-flow-grid-v4{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.hi-flow-step{padding:20px;border-radius:24px;background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.04));border:1px solid rgba(255,255,255,.08);box-shadow:0 16px 34px rgba(0,0,0,.18);opacity:0;transform:translateY(18px)}.hi-flow-step.accent{border-color:rgba(217,255,87,.24);background:linear-gradient(180deg,rgba(217,255,87,.10),rgba(255,255,255,.04))}.hi-flow-step small{display:block;font:800 8px/1 ui-monospace,monospace;letter-spacing:.16em;color:#d9ff57}.hi-flow-step b{display:block;margin-top:12px;font-size:20px;line-height:1.02;letter-spacing:-.04em;color:#fff}.hi-flow-step p{margin:10px 0 0;color:#a8b0bd;font-size:10px;line-height:1.55}
.hi-flow-side-v4{display:flex;flex-direction:column;gap:14px}.hi-flow-live-v4,.hi-flow-metrics-v4{padding:18px;border-radius:24px;background:linear-gradient(180deg,rgba(255,255,255,.07),rgba(255,255,255,.03));border:1px solid rgba(255,255,255,.08)}.hi-flow-live-v4 h3{margin:0 0 12px;font-size:18px;letter-spacing:-.03em}.hi-flow-live-v4 .item{padding:12px 0;border-top:1px solid rgba(255,255,255,.07)}.hi-flow-live-v4 .item:first-of-type{border-top:0;padding-top:0}.hi-flow-live-v4 span{display:inline-flex;padding:7px 9px;border-radius:999px;background:rgba(217,255,87,.12);color:#d9ff57;font:800 8px/1 ui-monospace,monospace;letter-spacing:.12em;text-transform:uppercase}.hi-flow-live-v4 b{display:block;margin-top:10px;font-size:13px;color:#fff}.hi-flow-live-v4 small{display:block;margin-top:5px;font-size:9px;line-height:1.45;color:#a8b0bd}
.hi-flow-metrics-v4{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.hi-flow-metrics-v4 div{padding:12px;border-radius:16px;background:#10131a;border:1px solid rgba(255,255,255,.06)}.hi-flow-metrics-v4 small{display:block;font-size:8px;color:#8a93a3;text-transform:uppercase;letter-spacing:.12em}.hi-flow-metrics-v4 b{display:block;margin-top:8px;font-size:13px;color:#fff}
.is-active .hi-flow-step{animation:hiFlowStepIn .45s cubic-bezier(.2,.84,.2,1) forwards}.is-active .hi-flow-step:nth-child(1){animation-delay:.25s}.is-active .hi-flow-step:nth-child(2){animation-delay:.42s}.is-active .hi-flow-step:nth-child(3){animation-delay:.59s}.is-active .hi-flow-step:nth-child(4){animation-delay:.76s}.is-active .hi-flow-side-v4>*{animation:hiFlowStepIn .45s .95s cubic-bezier(.2,.84,.2,1) forwards;opacity:0;transform:translateY(18px)}@keyframes hiFlowStepIn{to{opacity:1;transform:none}}

.hi-signal-scene-v8 .hi-signal-chip{padding:22px 32px;font-size:18px;line-height:1;letter-spacing:.10em;border-width:1px;box-shadow:0 22px 42px rgba(0,0,0,.28);background:rgba(10,14,22,.92)}
.hi-signal-scene-v8 .hi-signal-chip.c1{left:10%;top:21%}.hi-signal-scene-v8 .hi-signal-chip.c2{right:10%;top:23%}.hi-signal-scene-v8 .hi-signal-chip.c3{left:11%;bottom:20%}.hi-signal-scene-v8 .hi-signal-chip.c4{right:11%;bottom:22%}
.hi-signal-scene-v8 .hi-signal-center{width:min(52vw,620px);padding:30px 26px 22px}.hi-signal-scene-v8 .hi-signal-center p{font-size:12px;line-height:1.6;max-width:520px;margin:16px auto 0;color:#d4d9e4}.hi-signal-scene-v8 .hi-signal-logo{height:78px;background-size:78% auto}

.hi-mosaic-v8{background:#09090b;color:#fff}.hi-mosaic-v8 .hi-mosaic-grid{position:absolute;inset:7% 6.5% 18%;display:grid;grid-template-columns:1.05fr .95fr 1fr;grid-template-rows:1fr 1fr;gap:16px}.hi-mosaic-v8 .hi-mosaic-card{display:flex;flex-direction:column;justify-content:flex-start;gap:10px;padding:22px;border-radius:28px;box-shadow:0 18px 42px rgba(0,0,0,.18);opacity:0;transform:scale(.94) translateY(18px);overflow:hidden;position:relative}.hi-mosaic-v8 .hi-mosaic-card>*{position:relative;z-index:1}.hi-mosaic-v8 .hi-mosaic-card::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(8,10,14,.0),rgba(8,10,14,.12) 52%,rgba(8,10,14,.5));pointer-events:none}.hi-mosaic-v8 .card-design::after{background:linear-gradient(180deg,rgba(255,255,255,.0),rgba(255,255,255,.0))}
.hi-mosaic-v8 .card-design{grid-row:1/3;background:linear-gradient(135deg,#d9ff57,#c6ee59);color:#111}.hi-mosaic-v8 .card-code{background:url('../assets/brands/hooked-collage.png') center/cover no-repeat}.hi-mosaic-v8 .card-seo{background:url('../assets/brands/search-console.png') center/cover no-repeat;color:#111}.hi-mosaic-v8 .card-ia{background:url('../assets/brands/va-transit.png') center/cover no-repeat}.hi-mosaic-v8 .card-convert{background:url('../assets/brands/bean-coffee.png') center/cover no-repeat}
.hi-mosaic-v8 .concept-no{display:inline-flex;align-self:flex-start;padding:8px 10px;border-radius:999px;background:rgba(8,10,14,.58);backdrop-filter:blur(10px);font:800 8px/1 ui-monospace,monospace;letter-spacing:.14em;text-transform:uppercase;color:#fff}.hi-mosaic-v8 .card-design .concept-no,.hi-mosaic-v8 .card-seo .concept-no{background:rgba(255,255,255,.72);color:#111}
.hi-mosaic-v8 .hi-mosaic-card h3{margin:2px 0 0;font-size:24px;line-height:.96;letter-spacing:-.05em}.hi-mosaic-v8 .hi-mosaic-card p{margin:0;max-width:260px;font-size:10px;line-height:1.55;color:rgba(255,255,255,.86)}.hi-mosaic-v8 .card-design p,.hi-mosaic-v8 .card-seo p{color:rgba(17,17,17,.74)}.hi-mosaic-v8 .card-design .mega{position:absolute;left:18px;bottom:18px;font-size:clamp(46px,5.6vw,86px);font-weight:950;line-height:.78;letter-spacing:-.08em}
.hi-mosaic-v8 .hi-loop-band{position:absolute;left:6.5%;right:6.5%;bottom:8%;display:grid;grid-template-columns:auto auto 1fr;gap:14px;align-items:center;padding:16px 18px;border-radius:22px;background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.04));border:1px solid rgba(255,255,255,.08);backdrop-filter:blur(12px);opacity:0;transform:translateY(18px)}.hi-mosaic-v8 .hi-loop-band span{display:inline-flex;padding:8px 10px;border-radius:999px;background:rgba(217,255,87,.12);color:#d9ff57;font:800 8px/1 ui-monospace,monospace;letter-spacing:.14em;text-transform:uppercase}.hi-mosaic-v8 .hi-loop-band b{font-size:18px;letter-spacing:-.04em}.hi-mosaic-v8 .hi-loop-band p{margin:0;font-size:10px;line-height:1.55;color:#b3bac6}
.is-active .hi-mosaic-v8 .hi-mosaic-card{animation:hiMosaicV8 .5s cubic-bezier(.2,.84,.2,1) forwards}.is-active .hi-mosaic-v8 .hi-mosaic-card:nth-child(1){animation-delay:.15s}.is-active .hi-mosaic-v8 .hi-mosaic-card:nth-child(2){animation-delay:.32s}.is-active .hi-mosaic-v8 .hi-mosaic-card:nth-child(3){animation-delay:.49s}.is-active .hi-mosaic-v8 .hi-mosaic-card:nth-child(4){animation-delay:.66s}.is-active .hi-mosaic-v8 .hi-mosaic-card:nth-child(5){animation-delay:.83s}.is-active .hi-mosaic-v8 .hi-loop-band{animation:hiMosaicV8 .45s 1s cubic-bezier(.2,.84,.2,1) forwards}@keyframes hiMosaicV8{to{opacity:1;transform:none}}
.hi-mosaic-v8 .hi-final-lockup--clean{bottom:2.5%;opacity:.95}

@media (max-width:850px){
  .hi-tr-stage{inset:17% 6% 26%}
  .hi-tr-sentence h2{font-size:clamp(34px,10vw,66px)}
  .hi-v8-hero,.hi-v8-convert-grid,.hi-v8-footer-band,.hi-auto-stage-v4{grid-template-columns:1fr}
  .hi-v8-services{grid-template-columns:1fr}
  .hi-site--studio-v8 .hi-site-page{height:330%}
  .hi-proof-columns-copy{position:static;padding:34px 20px 0;max-width:none}
  .hi-proof-columns-stage{position:static;padding:18px 20px 24px;left:auto;right:auto;top:auto;bottom:auto}
  .hi-proof-columns-stage{grid-template-columns:1fr}
  .hi-mosaic-v8 .hi-mosaic-grid{grid-template-columns:1fr 1fr;inset:8% 5% 23%}
  .hi-mosaic-v8 .card-design{grid-column:1/3;grid-row:auto}
  .hi-mosaic-v8 .hi-loop-band{grid-template-columns:1fr;gap:8px}
  .hi-automation-v4 .hi-auto-wrap-v4{grid-template-columns:1fr}
  .hi-auto-stage-v4{margin-top:84px}
  .hi-flow-grid-v4,.hi-flow-metrics-v4{grid-template-columns:1fr}
}


/* ===== V9 overrides: Studio Sopi assets + proof columns densified ===== */
.hi-site--studio-v8{background:linear-gradient(180deg,#f7f2eb 0%,#f3eee6 100%)}
.hi-site--studio-v8 .hi-site-page{height:278%}
.hi-v8-hero{grid-template-columns:1.02fr .98fr;gap:22px;padding:18px 28px 10px;align-items:center;min-height:430px}
.hi-v8-copy h2{font-size:clamp(52px,5.1vw,84px);line-height:.84;color:#241d1a}
.hi-v8-copy p{max-width:520px;font-size:11px;color:#665b54}
.hi-v8-points{grid-template-columns:repeat(2,minmax(0,1fr));max-width:500px}
.hi-v8-points span{background:rgba(255,255,255,.82);backdrop-filter:blur(8px);box-shadow:0 8px 18px rgba(52,35,25,.04)}
.hi-v8-visual{min-height:390px;background:linear-gradient(160deg,rgba(255,241,236,.65),rgba(234,217,208,.52)),#eedfd6;border:1px solid rgba(255,255,255,.6)}
.hi-v8-mainshot{inset:18px;border-radius:26px;background:linear-gradient(180deg,rgba(255,255,255,.02),rgba(255,255,255,.0)),url('../assets/brands/studio-sopi-hero.png') center 42%/cover no-repeat;box-shadow:inset 0 0 0 1px rgba(255,255,255,.22)}
.hi-v8-floating{max-width:240px;background:rgba(255,255,255,.78);border:1px solid rgba(255,255,255,.74)}
.hi-v8-services{grid-template-columns:repeat(4,1fr);gap:12px;padding:0 28px 16px}
.hi-v8-services article{min-height:122px;display:flex;flex-direction:column;justify-content:space-between;background:linear-gradient(180deg,#fff,#fbf8f4);box-shadow:0 12px 26px rgba(39,27,19,.05)}
.hi-v8-convert-grid{grid-template-columns:1.14fr .86fr .86fr;gap:14px;padding:0 28px 18px}
.hi-v8-panel{background:linear-gradient(180deg,#fff,#fbf8f4)}
.hi-v8-gallery-grid{grid-template-columns:repeat(2,1fr);gap:12px}
.hi-v8-gallery-item{display:grid;gap:8px}
.hi-v8-gallery-item i{display:block;height:108px;border-radius:18px;background-size:cover;background-position:center;box-shadow:0 10px 24px rgba(76,54,42,.12)}
.hi-v8-gallery-item span{font-size:9px;font-weight:700;color:#5b5149;letter-spacing:.04em;text-transform:uppercase}
.hi-v8-gallery-grid .g1{background-image:url('../assets/brands/studio-sopi-gallery-1.png');background-position:center 30%}
.hi-v8-gallery-grid .g2{background-image:url('../assets/brands/studio-sopi-gallery-2.png');background-position:center 40%}
.hi-v8-gallery-grid .g3{background-image:url('../assets/brands/studio-sopi-gallery-3.png');background-position:center 42%}
.hi-v8-gallery-grid .g4{background-image:url('../assets/brands/studio-sopi-gallery-4.png');background-position:center 35%}
.hi-v8-price-list{gap:12px}
.hi-v8-price-list div{display:grid;grid-template-columns:1fr auto;grid-template-areas:'label price' 'meta price';align-items:center;column-gap:10px;row-gap:2px}
.hi-v8-price-list span{grid-area:label;font-size:10px;font-weight:800;color:#2a2521}
.hi-v8-price-list small{grid-area:meta;font-size:8px;line-height:1.45;color:#8b7f76}
.hi-v8-price-list b{grid-area:price}
.hi-v8-mini-booking{gap:10px}
.hi-v8-mini-booking .line{display:grid;grid-template-columns:1fr auto;align-items:center}
.hi-v8-mini-booking .line div{display:grid;gap:4px}
.hi-v8-mini-booking .line span{font-size:9px;color:#7b6f66;text-transform:uppercase;letter-spacing:.08em}
.hi-v8-mini-booking .line small{font-size:8px;line-height:1.4;color:#90847b}
.hi-v8-mini-booking .line b{font-size:10px;color:#171412}
.hi-v8-booking-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
.hi-v8-booking-tags span{display:inline-flex;padding:8px 10px;border-radius:999px;background:#f4ede4;border:1px solid #e8ddd1;font-size:8px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#5f554e}
.hi-v8-footer-band{align-items:center}
.hi-v8-footer-proof b{display:block;font-size:18px;line-height:1.08;letter-spacing:-.04em}
.hi-v8-footer-proof p{margin:10px 0 0;color:#bac1cd;font-size:10px;line-height:1.55}

.hi-proof-columns-copy{max-width:390px}
.hi-proof-columns-copy h2{font-size:clamp(38px,4.8vw,66px)}
.hi-proof-columns-stage{left:39%;right:5.5%;top:7%;bottom:7%;gap:12px}
.hi-proof-col{gap:12px}
.hi-proof-work{min-height:98px;border-radius:22px}
.hi-proof-overlay{left:14px;right:14px;bottom:12px}
.hi-proof-overlay b{font-size:12px}
.hi-proof-overlay span{font-size:7px;letter-spacing:.12em}
.w1::before{background-image:url('../assets/brands/proof-studio-sopi.png');background-position:center 42%}
.w2::before{background-image:url('../assets/brands/atelier-architecture.png')}
.w3::before{background-image:url('../assets/brands/jardin-restaurant.png')}
.w4::before{background-image:url('../assets/brands/pop-soda.png')}
.w5::before{background-image:url('../assets/brands/oak-wood.png')}
.w6::before{background-image:url('../assets/brands/gateau-patisserie.png')}
.w7::before{background-image:url('../assets/brands/proof-voyage-blog.png');background-position:center center}
.w8::before{background-image:url('../assets/brands/search-console.png')}
.w9::before{background-image:url('../assets/brands/va-transit.png')}
.w10::before{background-image:url('../assets/brands/bean-coffee.png')}
.w11::before{background-image:url('../assets/brands/crunch-chips.png')}
.w12::before{background-image:url('../assets/brands/forge-metal.png')}
.w13::before{background-image:url('../assets/brands/proof-dental.png');background-position:center center}
.w14::before{background-image:url('../assets/brands/proof-crowdfunding.png');background-position:center center}
.w15::before{background-image:url('../assets/brands/proof-fashion.png');background-position:center center}
.w16::before{background-image:url('../assets/brands/bean-grains-entiers.png')}
.w17::before{background-image:url('../assets/brands/bean-dosettes.png')}
.w18::before{background-image:url('../assets/brands/hooked-collage.png')}
.is-active .hi-proof-work:nth-child(4){animation-delay:.60s}
.is-active .hi-proof-work:nth-child(5){animation-delay:.74s}
.is-active .hi-proof-work:nth-child(6){animation-delay:.88s}
.is-active .hi-proof-col.down{animation:hiColDown 4.4s .35s linear infinite alternate}
.is-active .hi-proof-col.up{animation:hiColUp 4.4s .35s linear infinite alternate}

@media (max-width: 850px) {
  .hi-v8-services{grid-template-columns:1fr 1fr}
  .hi-v8-convert-grid{grid-template-columns:1fr}
  .hi-v8-hero{grid-template-columns:1fr}
  .hi-v8-visual{min-height:320px}
  .hi-site--studio-v8 .hi-site-page{height:338%}
  .hi-proof-work{min-height:120px}
}


/* ===== V10 refinements ===== */
.hi-browser-window-v10 .hi-browserbar{background:#faf8f4}
.hi-site--studio-v10{background:linear-gradient(180deg,#f8f4ee 0%,#f2ece5 100%)}
.hi-site--studio-v10 .hi-site-page{height:326%;padding:0;background:transparent}
.hi-site--studio-v10 .hi-site-scrollbar i{background:linear-gradient(180deg,#d7ef34,#bcdc2b)}
.hi-site-nav--v10{display:flex;align-items:center;justify-content:space-between;padding:18px 28px 12px;color:#2a231e}
.hi-site-nav--v10 .links{display:flex;gap:18px;font-size:9px;letter-spacing:.08em;text-transform:uppercase;color:#7f736a}
.hi-site-nav--v10 b{font-size:10px;color:#151311}
.hi-v10-hero{display:grid;grid-template-columns:1.02fr .98fr;gap:22px;padding:4px 28px 18px;align-items:center;min-height:420px}
.hi-v10-copy small{display:block;margin-bottom:12px;font-size:9px;font-weight:800;letter-spacing:.16em;color:#8b7f76}
.hi-v10-copy h2{margin:0;font-size:clamp(54px,5.3vw,88px);line-height:.84;letter-spacing:-.065em;color:#261e1a}
.hi-v10-copy p{max-width:520px;margin:16px 0 0;font-size:11px;line-height:1.6;color:#6a5f57}
.hi-v10-actions{display:flex;gap:10px;margin-top:18px}.hi-v10-actions span{display:inline-flex;align-items:center;justify-content:center;height:38px;padding:0 16px;border-radius:999px;font-size:10px;font-weight:800;background:#fff;color:#201916;border:1px solid rgba(60,48,40,.08);box-shadow:0 10px 20px rgba(68,53,44,.06)}.hi-v10-actions .primary{background:#171411;color:#fff}
.hi-v10-tags{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px;max-width:520px}.hi-v10-tags span{display:inline-flex;height:30px;padding:0 12px;align-items:center;border-radius:999px;background:rgba(255,255,255,.76);border:1px solid rgba(96,75,60,.08);font-size:8px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#5f554e}
.hi-v10-hero-visual{position:relative;min-height:390px;border-radius:30px;background:linear-gradient(160deg,rgba(251,240,235,.9),rgba(235,220,212,.72));box-shadow:inset 0 0 0 1px rgba(255,255,255,.65),0 28px 48px rgba(76,56,45,.10)}
.hi-v10-mainshot{position:absolute;inset:18px;border-radius:24px;background:url('../assets/brands/studio-sopi-hero.png') center 42%/cover no-repeat;box-shadow:inset 0 0 0 1px rgba(255,255,255,.24)}
.hi-v10-note{position:absolute;display:grid;gap:4px;max-width:220px;padding:14px 16px;border-radius:20px;background:rgba(255,255,255,.78);backdrop-filter:blur(10px);box-shadow:0 16px 28px rgba(68,53,44,.10);border:1px solid rgba(255,255,255,.65)}.hi-v10-note b{font-size:10px;color:#2c2521}.hi-v10-note small{font-size:8px;line-height:1.5;color:#766b63}.hi-v10-note.top{top:18px;left:18px}.hi-v10-note.bottom{right:18px;bottom:18px}
.hi-v10-image-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;padding:0 28px 16px}.hi-v10-image-strip .card{position:relative;min-height:174px;border-radius:24px;overflow:hidden;box-shadow:0 18px 36px rgba(63,46,37,.08)}.hi-v10-image-strip .card::before{content:'';position:absolute;inset:0;background-size:cover;background-position:center}.hi-v10-image-strip .i1::before{background-image:url('../assets/brands/studio-sopi-gallery-1.png');background-position:center 30%}.hi-v10-image-strip .i2::before{background-image:url('../assets/brands/studio-sopi-gallery-2.png');background-position:center 40%}.hi-v10-image-strip .i3::before{background-image:url('../assets/brands/studio-sopi-gallery-3.png');background-position:center 42%}.hi-v10-image-strip .card::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(20,17,15,.02),rgba(20,17,15,.1) 45%,rgba(20,17,15,.58))}.hi-v10-image-strip .label{position:absolute;left:14px;right:14px;bottom:14px;z-index:2;display:grid;gap:4px;color:#fff}.hi-v10-image-strip .label b{font-size:15px;line-height:1}.hi-v10-image-strip .label span{font-size:8px;line-height:1.45;opacity:.92}
.hi-v10-service-row{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;padding:0 28px 16px}.hi-v10-service-row article{min-height:118px;padding:18px;border-radius:24px;background:linear-gradient(180deg,#fff,#fbf8f4);box-shadow:0 14px 28px rgba(67,51,40,.05);display:grid;align-content:start;gap:8px}.hi-v10-service-row small{font-size:8px;font-weight:800;letter-spacing:.14em;color:#b39f93}.hi-v10-service-row b{font-size:15px;letter-spacing:-.04em;color:#26201c}.hi-v10-service-row span{font-size:9px;line-height:1.5;color:#70655d}
.hi-v10-core-grid{display:grid;grid-template-columns:1.08fr .86fr .86fr;gap:14px;padding:0 28px 18px}.hi-v10-panel{padding:18px;border-radius:28px;background:linear-gradient(180deg,#fff,#fbf8f4);box-shadow:0 16px 30px rgba(67,51,40,.06)}.hi-v10-panel-head{display:grid;gap:6px;margin-bottom:14px}.hi-v10-panel-head small{font-size:8px;font-weight:800;letter-spacing:.16em;color:#b09c8f}.hi-v10-panel-head b{font-size:21px;line-height:1.04;letter-spacing:-.055em;color:#221c19}
.hi-v10-gallery-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.hi-v10-gallery-grid article{display:grid;gap:8px}.hi-v10-gallery-grid i{display:block;height:132px;border-radius:18px;background-size:cover;background-position:center;box-shadow:0 10px 22px rgba(68,53,44,.10)}.hi-v10-gallery-grid span{font-size:9px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:#655a53}.hi-v10-gallery-grid .g1{background-image:url('../assets/brands/studio-sopi-gallery-1.png');background-position:center 30%}.hi-v10-gallery-grid .g2{background-image:url('../assets/brands/studio-sopi-gallery-2.png');background-position:center 40%}.hi-v10-gallery-grid .g3{background-image:url('../assets/brands/studio-sopi-gallery-3.png');background-position:center 42%}.hi-v10-gallery-grid .g4{background-image:url('../assets/brands/studio-sopi-gallery-4.png');background-position:center 35%}
.hi-v10-price-list{display:grid;gap:10px}.hi-v10-price-list div{display:grid;grid-template-columns:1fr auto;grid-template-areas:'label price' 'meta price';column-gap:10px;row-gap:2px;padding:14px;border-radius:18px;background:#f7f1ea;border:1px solid rgba(90,70,58,.06)}.hi-v10-price-list span{grid-area:label;font-size:10px;font-weight:800;color:#25201c}.hi-v10-price-list small{grid-area:meta;font-size:8px;line-height:1.45;color:#83776f}.hi-v10-price-list b{grid-area:price;align-self:center;font-size:16px;letter-spacing:-.04em;color:#14110f}.hi-v10-badges{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.hi-v10-badges span{display:inline-flex;height:30px;padding:0 12px;align-items:center;border-radius:999px;background:#14110f;color:#fff;font-size:8px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}
.hi-v10-booking-list{display:grid;gap:10px}.hi-v10-booking-list div{display:grid;gap:4px;padding:14px;border-radius:18px;background:#f7f1ea;border:1px solid rgba(90,70,58,.06)}.hi-v10-booking-list span{font-size:10px;font-weight:800;color:#25201c}.hi-v10-booking-list small{font-size:8px;line-height:1.45;color:#83776f}.hi-v10-cta-card{display:grid;gap:5px;margin-top:12px;padding:16px;border-radius:20px;background:#161310;color:#fff;box-shadow:0 18px 30px rgba(0,0,0,.12)}.hi-v10-cta-card b{font-size:15px;letter-spacing:-.04em}.hi-v10-cta-card small{font-size:8px;line-height:1.5;color:rgba(255,255,255,.82)}
.hi-v10-bottom-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;padding:0 28px 28px}.hi-v10-bottom-grid article{padding:18px;border-radius:26px;background:linear-gradient(180deg,#201915,#161311);box-shadow:0 18px 28px rgba(0,0,0,.16)}.hi-v10-bottom-grid small{display:block;margin-bottom:8px;font-size:8px;font-weight:800;letter-spacing:.16em;color:#d7ef34}.hi-v10-bottom-grid b{display:block;font-size:19px;line-height:1.05;letter-spacing:-.05em;color:#fff}.hi-v10-bottom-grid p{margin:10px 0 0;font-size:9px;line-height:1.55;color:#c7ced8}

.hi-proof-columns-stage{left:37%;right:4.5%;top:4%;bottom:4%;gap:14px}.hi-proof-col{display:grid;grid-auto-rows:168px;align-content:start;gap:14px}.hi-proof-work{min-height:168px;height:168px;border-radius:22px}.hi-proof-overlay{left:14px;right:14px;bottom:13px}.hi-proof-overlay b{font-size:13px}.hi-proof-overlay span{margin-top:5px;font-size:7.5px;letter-spacing:.12em}
.is-active .hi-proof-col.down{animation:hiColDownV11 6.2s .35s ease-in-out infinite alternate}.is-active .hi-proof-col.up{animation:hiColUpV11 6.2s .35s ease-in-out infinite alternate}
@keyframes hiColDownV11{from{transform:translateY(-112px)}to{transform:translateY(18px)}}
@keyframes hiColUpV11{from{transform:translateY(18px)}to{transform:translateY(-112px)}}

@media (max-width: 850px){
  .hi-v10-hero,.hi-v10-core-grid,.hi-v10-bottom-grid,.hi-v10-image-strip,.hi-v10-service-row{grid-template-columns:1fr}
  .hi-site-nav--v10{gap:12px;flex-wrap:wrap}
  .hi-site-nav--v10 .links{width:100%;justify-content:space-between}
  .hi-site--studio-v10 .hi-site-page{height:470%}
  .hi-v10-hero-visual{min-height:310px}
}