/* signature.bundle.css – built 11.10.2026 from (in this order): pricing-orbit.css, signature.css, signature-plus.css, signature-v3.css, signature-core.css, signature-story.css, signature-variants.css, signature-services.css, signature-live.css, signature-refine.css. Edit the source files and rebuild; same cascade as the separate links. */
/* ---- pricing-orbit.css ---- */
.package-visual .orbit-canvas,.package-motion-control{display:none}
.orbit-canvas[hidden]{display:none!important}
[data-pricing-variant=orbit]{position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(ellipse at 50% 18%,#283c6125,transparent 57%),#080b11}
[data-pricing-variant=orbit] .section-heading h2{font-size:clamp(35px,3.9vw,54px);letter-spacing:-.055em}
[data-pricing-variant=orbit] .section-heading>p{font-size:13px;line-height:1.85;color:#a5b5ce}
[data-pricing-variant=orbit] .pricing-review{border:0;padding-bottom:0;margin-bottom:20px}
[data-pricing-variant=orbit] .pricing-grid{grid-template-columns:.98fr 1.04fr .98fr;gap:22px;align-items:stretch;perspective:1400px;padding:0}
[data-pricing-variant=orbit] .package-motion-control{display:flex;justify-content:flex-end;margin:0 0 23px}
.package-motion-control button{display:flex;align-items:center;gap:8px;border:1px solid #a7c0e52a;background:#1422366b;color:#b9cee9;border-radius:6px;padding:8px 11px;font-size:10px;min-height:34px}
.package-motion-control button:hover{border-color:#accdf65c;background:#20345180}
.package-motion-control button:disabled{cursor:default;opacity:.65}
.package-motion-control .orbit-pause-icon{display:block;width:8px;height:9px;border-left:2px solid currentColor;border-right:2px solid currentColor}
.package-motion-control button[aria-pressed=false] .orbit-pause-icon{width:0;height:0;border:0;border-left:7px solid currentColor;border-top:4px solid transparent;border-bottom:4px solid transparent}
[data-pricing-variant=orbit] .price-card{--orbit-rgb:139,184,255;--orbit-accent:#a8caff;--light-x:50%;--light-y:25%;position:relative;display:grid;grid-template-columns:1fr;grid-template-rows:auto auto auto 206px auto 1fr auto;gap:0;padding:29px 28px 27px;border:1px solid rgba(var(--orbit-rgb),.25);border-radius:19px;background:radial-gradient(ellipse at 50% 27%,rgba(var(--orbit-rgb),.085),transparent 53%),linear-gradient(155deg,#162134,#0c111d 65%);box-shadow:0 24px 65px #0006,inset 0 1px #d4e6ff0d;transition:transform .45s cubic-bezier(.22,1,.36,1),border-color .35s,box-shadow .35s}
[data-pricing-variant=orbit] .price-card.pro{--orbit-rgb:180,168,255;--orbit-accent:#c4bdff;background:radial-gradient(ellipse at 50% 26%,#8e77ff24,transparent 56%),linear-gradient(150deg,#25304b,#12182b 67%);border-color:#bdacff60;box-shadow:0 28px 85px #21154730,inset 0 1px #e4dfff18}
[data-pricing-variant=orbit] .price-card.automation{--orbit-rgb:135,210,232;--orbit-accent:#b2dff0;background:radial-gradient(ellipse at 50% 27%,#54adc517,transparent 53%),linear-gradient(155deg,#162937,#0c151e 65%)}
[data-pricing-variant=orbit] .price-card:before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;border-radius:inherit;background:radial-gradient(360px circle at var(--light-x) var(--light-y),rgba(var(--orbit-rgb),.14),transparent 66%);opacity:.3;transition:opacity .5s}
[data-pricing-variant=orbit] .price-card:after{content:'';position:absolute;left:29px;right:29px;top:-1px;height:1px;background:linear-gradient(90deg,transparent,var(--orbit-accent),transparent);opacity:.65;pointer-events:none}
[data-pricing-variant=orbit] .package-overview{display:contents}
[data-pricing-variant=orbit] .package-label{grid-row:1;font-size:8px;letter-spacing:.11em;color:var(--orbit-accent);margin:0 0 18px;opacity:.85}
[data-pricing-variant=orbit] .package-overview h3{grid-row:2;font-size:29px;line-height:1.14;min-height:66px;max-width:330px;letter-spacing:-.052em;color:#edf3ff}
[data-pricing-variant=orbit] .package-overview>p{grid-row:3;font-size:13px;line-height:1.8;margin:13px 0 0;min-height:48px;color:#9daec8}
[data-pricing-variant=orbit] .package-visual{grid-row:4;position:relative;width:calc(100% + 34px);height:206px;margin:0 0 0 -17px;overflow:hidden;pointer-events:none;isolation:isolate}
[data-pricing-variant=orbit] .package-visual:before{content:'';position:absolute;inset:18% 5% 18%;background:radial-gradient(ellipse,rgba(var(--orbit-rgb),.17),transparent 65%);filter:blur(17px);z-index:-1}
[data-pricing-variant=orbit] .package-visual:after{content:'';position:absolute;left:27%;right:27%;bottom:25px;height:13px;background:#0008;filter:blur(9px);border-radius:50%;z-index:-1}
[data-pricing-variant=orbit] .package-visual>svg{width:100%;height:100%;padding:32px;opacity:.6}
[data-pricing-variant=orbit] .orbit-ready>svg{display:none}
[data-pricing-variant=orbit] .package-visual .orbit-canvas{display:block;position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
[data-pricing-variant=orbit] .orbit-art{z-index:0}
[data-pricing-variant=orbit] .orbit-dust{z-index:1}
[data-pricing-variant=orbit] .price{grid-row:5;display:flex;align-items:flex-end;justify-content:space-between;gap:10px;margin:4px 0 28px;padding-top:18px;border-top:1px solid rgba(var(--orbit-rgb),.15)}
[data-pricing-variant=orbit] .price>span{font-size:10px;margin:0 0 6px;color:#92a9c9;line-height:1.5}
[data-pricing-variant=orbit] .price strong{font-size:64px;line-height:.96;letter-spacing:-.065em;color:#eff5ff;white-space:nowrap}
[data-pricing-variant=orbit] .price small{font-size:23px;color:var(--orbit-accent);margin-left:8px;vertical-align:baseline}
[data-pricing-variant=orbit] .package-inclusions{grid-row:6;margin:0 0 26px;flex:none}
[data-pricing-variant=orbit] .package-inclusions li{font-size:12px;line-height:1.8;padding:10px 0;border:0;gap:12px;color:#c8d4e8}
[data-pricing-variant=orbit] .package-inclusions li:before{content:'✓';border:0;transform:none;width:17px;height:17px;display:grid;place-items:center;font-size:9px;line-height:1;margin-top:3px;border-radius:50%;background:rgba(var(--orbit-rgb),.11);color:var(--orbit-accent)}
[data-pricing-variant=orbit] .package-footer{grid-row:7}
[data-pricing-variant=orbit] .package-footer .scope-note{font-size:10px;line-height:1.8;color:#93a5be;margin:0 0 23px;min-height:56px}
[data-pricing-variant=orbit] .package-footer .button{position:relative;overflow:hidden;min-height:50px;font-size:11px;background:rgba(var(--orbit-rgb),.085);border-color:rgba(var(--orbit-rgb),.27);border-radius:8px;color:#dce9ff;padding:12px 16px}
[data-pricing-variant=orbit] .package-footer .button>span:last-child{background:rgba(var(--orbit-rgb),.13);border-radius:50%;width:25px;height:25px;font-size:16px;color:var(--orbit-accent)}
[data-pricing-variant=orbit] .package-footer .button:hover{background:rgba(var(--orbit-rgb),.14);border-color:rgba(var(--orbit-rgb),.6)}
[data-pricing-variant=orbit] .pro .package-footer .button{background:linear-gradient(125deg,#e0ddff,#b4bbfa);border-color:#d0d0ff;color:#222846;box-shadow:inset 0 1px #fff6,0 9px 26px #8f87f921}
[data-pricing-variant=orbit] .pro .package-footer .button>span:last-child{background:#60649a25;color:#46497a}
[data-pricing-variant=orbit] .pro .package-footer .button:hover{background:#e0dcff}
@media(hover:hover) and (pointer:fine){[data-pricing-variant=orbit] .price-card:hover{transform:translateY(-7px);border-color:rgba(var(--orbit-rgb),.63);box-shadow:0 30px 75px #0007,0 0 38px rgba(var(--orbit-rgb),.07)}[data-pricing-variant=orbit] .price-card:hover:before{opacity:1}}
@media(max-width:1150px){[data-pricing-variant=orbit] .price-card{padding:26px 22px 24px}[data-pricing-variant=orbit] .package-overview h3{font-size:26px;min-height:60px}[data-pricing-variant=orbit] .price strong{font-size:56px}[data-pricing-variant=orbit] .price small{font-size:20px}}
@media(max-width:900px) and (min-width:681px){[data-pricing-variant=orbit] .pricing-grid{gap:14px;grid-template-columns:repeat(3,minmax(0,1fr))}[data-pricing-variant=orbit] .price-card{padding:23px 17px;grid-template-rows:auto auto auto 178px auto 1fr auto}[data-pricing-variant=orbit] .package-overview h3{font-size:22px;min-height:76px}[data-pricing-variant=orbit] .package-overview>p{font-size:12px;min-height:86px}[data-pricing-variant=orbit] .package-visual{height:178px}[data-pricing-variant=orbit] .price{flex-direction:column;align-items:flex-start;gap:10px;margin-bottom:22px}[data-pricing-variant=orbit] .price strong{font-size:48px}[data-pricing-variant=orbit] .price>span{margin:0}[data-pricing-variant=orbit] .package-inclusions li{font-size:11px;gap:9px}[data-pricing-variant=orbit] .package-footer .scope-note{font-size:9px;min-height:78px}[data-pricing-variant=orbit] .package-footer .button{padding:11px;font-size:10px;gap:6px}}
@media(max-width:680px){[data-pricing-variant=orbit] .section-heading h2{font-size:35px}[data-pricing-variant=orbit] .section-heading>p{font-size:13px}[data-pricing-variant=orbit] .pricing-review{gap:10px;flex-wrap:wrap;margin-bottom:16px}.pricing-review [role=group]{max-width:100%}.pricing-review button{padding:9px 12px}[data-pricing-variant=orbit] .pricing-grid{grid-template-columns:1fr;gap:25px}[data-pricing-variant=orbit] .price-card{padding:27px 25px 25px;grid-template-rows:auto auto auto 210px auto 1fr auto;border-radius:17px}[data-pricing-variant=orbit] .package-label{font-size:9px;margin-bottom:16px}[data-pricing-variant=orbit] .package-overview h3{font-size:29px;min-height:0}[data-pricing-variant=orbit] .package-overview>p{font-size:13px;min-height:0;margin-top:12px}[data-pricing-variant=orbit] .package-visual{height:210px}[data-pricing-variant=orbit] .price{margin-top:0;margin-bottom:23px;padding-top:18px}[data-pricing-variant=orbit] .price strong{font-size:61px}[data-pricing-variant=orbit] .price small{font-size:22px}[data-pricing-variant=orbit] .price>span{font-size:11px}[data-pricing-variant=orbit] .package-inclusions{margin-bottom:23px}[data-pricing-variant=orbit] .package-inclusions li{font-size:13px;padding:10px 0;gap:12px}[data-pricing-variant=orbit] .package-footer .scope-note{font-size:11px;min-height:0;line-height:1.85}[data-pricing-variant=orbit] .package-footer .button{font-size:12px;min-height:52px}.package-motion-control button{font-size:10px;min-height:36px}}
@media(max-width:360px){[data-pricing-variant=orbit] .price-card{padding:25px 21px}[data-pricing-variant=orbit] .package-overview h3{font-size:27px}[data-pricing-variant=orbit] .price{flex-direction:column;align-items:flex-start;gap:10px}[data-pricing-variant=orbit] .price>span{margin:0}[data-pricing-variant=orbit] .price strong{font-size:59px}.pricing-review button{padding:9px 10px}}
@media(prefers-reduced-motion:reduce){[data-pricing-variant=orbit] .price-card:hover{transform:none}}
/* ---- signature.css ---- */
@font-face{font-family:Bricolage;src:url('fonts/bricolage-normal-700-latin.woff2') format('woff2');font-weight:700;font-display:swap;unicode-range:U+0000-00FF}
@font-face{font-family:Bricolage;src:url('fonts/bricolage-normal-700-latin-ext.woff2') format('woff2');font-weight:700;font-display:swap;unicode-range:U+0100-024F,U+1E00-1EFF,U+2000-206F}
@font-face{font-family:Inter;src:url('fonts/inter-var.woff2') format('woff2');font-weight:100 900;font-display:swap}
:root{color-scheme:dark;--ink:#07090d;--paper:#eef1f5;--muted:#929cab;--blue:#9dc7ff;--iris:#b7a8ff;--line:#d4dff01c;--ease:cubic-bezier(.2,.75,.2,1);--gutter:clamp(22px,4.5vw,80px)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:105px}body{margin:0;background:var(--ink);color:var(--paper);font:400 15px/1.7 Inter,Arial,sans-serif;overflow-x:clip}button,input,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{color:inherit;cursor:pointer}button:disabled{cursor:default;opacity:.55}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,summary:focus-visible{outline:2px solid var(--blue);outline-offset:5px}button{border:0}img,svg,canvas{display:block;max-width:100%}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:Bricolage,Inter,sans-serif;font-weight:700}h2{font-size:clamp(42px,5.5vw,80px);line-height:1.05;letter-spacing:-.058em}h3{font-size:clamp(26px,3vw,40px);line-height:1.16;letter-spacing:-.045em}p{color:var(--muted)}ul{list-style:none;margin:0;padding:0}[hidden]{display:none!important}.container{max-width:1480px;margin:auto;padding:0 var(--gutter)}.section{padding:140px 0}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:60px;margin-bottom:65px}.section-heading h2{max-width:810px}.section-heading>p{max-width:360px;font-size:15px;line-height:1.8}.subtle-label{font-size:10px;letter-spacing:.09em;color:var(--muted)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip{position:fixed;top:12px;left:20px;z-index:200;background:var(--paper);color:var(--ink);padding:12px 20px;transform:translateY(-150%)}.skip:focus{transform:none}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:30px;background:var(--paper);color:#11151c;min-height:56px;padding:15px 23px;border-radius:100px;border:1px solid #fff5;font-size:13px;font-weight:600;transition:background .3s,box-shadow .3s,transform .4s var(--ease)}.button>span:last-child{font-size:21px;line-height:1}.button:hover{background:#c6dafe;box-shadow:0 0 28px #adc9ff25;transform:translateY(-2px)}.text-link{display:inline-flex;align-items:center;gap:22px;font-size:13px;border-bottom:1px solid #bacbe433;padding:10px 0;transition:color .3s,gap .4s}.text-link>span:last-child{font-size:21px}.text-link:hover{color:var(--blue);gap:32px}
/* Header and spacious overlay */
.header{position:fixed;inset:0 0 auto;z-index:100;background:#07090d94;backdrop-filter:blur(18px);border-bottom:1px solid #c3d4f00c}.nav-wrap{height:86px;display:flex;align-items:center;justify-content:space-between;gap:25px;padding:0 var(--gutter);max-width:1600px;margin:auto}.brand{display:flex;align-items:center;gap:11px;line-height:1}.brand svg{width:29px;height:29px;fill:none;stroke:#bcccf0;stroke-width:2.3}.brand>span{font-weight:700;font-size:21px;letter-spacing:-.025em}.brand small{display:block;font-size:7px;font-weight:500;letter-spacing:.23em;margin-top:7px;color:var(--muted)}.desktop-nav{display:flex;gap:30px}.nav-link{font-size:12px;color:#b8c0cd}.nav-link>span:last-child{display:none}.nav-link:hover{color:#fff}.nav-tools{display:flex;align-items:center;gap:18px}.language-controls{display:flex;gap:4px}.language-controls button{background:none;border-radius:5px;padding:7px;font-size:10px;color:var(--muted)}.language-controls button[aria-pressed=true]{color:#fff;background:#ffffff0b}.motion-control{width:32px;height:34px;display:grid;place-items:center;border-radius:50%;background:none}.motion-control i{width:9px;height:11px;border-left:2px solid #c0c9d6;border-right:2px solid #c0c9d6}.motion-control[aria-pressed=false] i{border:0;width:0;height:0;border-left:8px solid #c0c9d6;border-top:5px solid transparent;border-bottom:5px solid transparent}.menu-toggle{height:39px;width:39px;border-radius:50%;background:#e3ebff0a;display:flex;flex-direction:column;gap:5px;align-items:center;justify-content:center;border:1px solid var(--line)}.menu-toggle i{width:14px;height:1px;background:var(--paper);transition:transform .35s}.menu-toggle[aria-expanded=true] i:first-child{transform:translateY(3px) rotate(45deg)}.menu-toggle[aria-expanded=true] i:last-child{transform:translateY(-3px) rotate(-45deg)}.page-progress{height:1px;position:absolute;bottom:-1px;left:0;width:100%;transform-origin:left}.page-progress i{display:block;width:100%;height:100%;background:var(--blue);transform:scaleX(var(--reading,0));transform-origin:left}.site-menu{position:fixed;inset:86px 0 0;z-index:90;background:#090d15f5;backdrop-filter:blur(30px);padding:clamp(25px,5vw,80px) var(--gutter);overflow:auto}.site-menu nav{max-width:1100px;margin:auto}.site-menu nav a{display:flex;justify-content:space-between;padding:12px 0;border-bottom:1px solid var(--line);font:700 clamp(29px,5vw,64px)/1.3 Bricolage;letter-spacing:-.04em}.site-menu nav a>span:last-child{color:var(--blue)}.site-menu>div{max-width:1100px;margin:35px auto 0;display:flex;justify-content:space-between;align-items:center;gap:25px}.menu-open{overflow:hidden}
/* Full canvas stage — no framed hero card */
.signature-hero{position:relative;isolation:isolate;min-height:850px;height:110svh;max-height:1160px;overflow:hidden;background:radial-gradient(ellipse at 82% 48%,#15243b65,transparent 48%),var(--ink)}.hero-grid{position:absolute;inset:0;background-image:linear-gradient(#b4c9f007 1px,transparent 1px),linear-gradient(90deg,#b4c9f007 1px,transparent 1px);background-size:100px 100px;mask-image:radial-gradient(ellipse at 70% 47%,#000,transparent 65%);z-index:-1}.signal-field{position:absolute;inset:0;width:100%;height:100%;z-index:-1;pointer-events:none}.hero-copy{position:relative;z-index:2;padding:180px var(--gutter) 0;width:69%;max-width:1050px;pointer-events:none}.hero-copy a{pointer-events:auto}.hero-intro{display:flex;align-items:center;gap:10px;font-size:11px;color:#a6b3c6;margin-bottom:40px}.hero-intro i{width:5px;height:5px;background:var(--blue);border-radius:50%;box-shadow:0 0 12px #9dc7ff}.hero-copy h1{font-size:clamp(82px,8.8vw,143px);line-height:.94;letter-spacing:-.075em;margin-left:-5px;text-wrap:balance}.hero-line{display:block}.hero-sub{font-size:14px;line-height:1.9;max-width:445px;margin-top:38px;color:#a7b0bf}.hero-actions{display:flex;align-items:center;gap:30px;margin-top:30px}.hero-small{font-size:10px;color:#7f8b9d;margin-top:16px}.hero-sculpture{position:absolute;right:-8%;top:8%;width:75%;height:84%;z-index:1;pointer-events:none}.hero-sculpture canvas{position:absolute;inset:0;width:100%;height:100%}.sculpture-fallback{position:absolute;width:85%;height:85%;left:7%;top:8%;filter:drop-shadow(0 0 24px #789dff30)}.hero-sculpture[data-renderer=webgl] .sculpture-fallback{visibility:hidden}.sculpture-glow{position:absolute;inset:12%;border-radius:50%;background:radial-gradient(ellipse,#587ecb1c,transparent 65%);filter:blur(25px)}.sculpture-caption{position:absolute;right:26%;bottom:2%;font-size:8px;color:#8f9fb675;letter-spacing:.13em}.hero-interact{position:absolute;right:var(--gutter);bottom:122px;z-index:3;display:flex;flex-direction:column;align-items:flex-end;gap:10px}.hero-interact button{display:flex;gap:14px;align-items:center;border:1px solid #a7bfd62a;border-radius:100px;padding:12px 22px;background:#16223750;backdrop-filter:blur(14px);font-size:12px}.hero-interact button[aria-pressed=true]{background:#8caee822;border-color:#b9d8ff66}.core-symbol{font-size:27px;color:var(--blue);line-height:1}.hero-interact small{font-size:9px;color:#7e8ea3}.hero-bottom{position:absolute;inset:auto var(--gutter) 30px;display:flex;justify-content:space-between;align-items:center;padding-top:25px;border-top:1px solid var(--line);font-size:9px;letter-spacing:.1em;color:#8490a1;z-index:3}.hero-bottom a{color:#c6d2e5}.hero-bottom a>span:last-child{margin-left:14px;font-size:20px}.manifesto-section{padding:160px 0 150px;background:#080b10}.manifesto-line{font-family:Bricolage;font-weight:700;font-size:clamp(38px,5.2vw,74px);line-height:1.23;letter-spacing:-.047em;max-width:1180px;color:#dce1e9}.manifesto-line .word{color:#505d72;transition:color .2s}.manifesto-line .word.lit{color:#e9edf5}.manifesto-bottom{display:flex;align-items:center;justify-content:space-between;margin-top:65px;gap:50px}.manifesto-bottom p{max-width:490px;font-size:15px}.connect-mark{font-size:72px;line-height:1;color:#c1d4f4;transform:rotate(calc(var(--manifesto-progress,0)*70deg))}
/* An actual working instrument, with an explicit tablet height */
.system-section{position:relative;height:190svh;background:radial-gradient(ellipse at 70% 50%,#1730513d,transparent 70%),#06080c}.system-pin{position:sticky;top:0;min-height:760px;height:100svh;display:flex;flex-direction:column;justify-content:center;padding:110px 0 50px}.system-layout{width:100%;display:grid;grid-template-columns:.8fr 1.5fr;gap:clamp(30px,5vw,90px);align-items:center}.system-copy h2{font-size:clamp(42px,4.5vw,65px);margin-top:25px}.system-copy h2>span{display:block}.system-copy>p{font-size:14px;margin-top:25px;max-width:340px}.flow-kind{margin:28px 0 24px}.flow-kind>span{font-size:11px;color:#8491a3}.flow-kind>div{display:flex;gap:6px;margin-top:10px;flex-wrap:wrap}.flow-kind button{font-size:11px;padding:7px 13px;border:1px solid var(--line);background:transparent;border-radius:25px;color:#a1acbc}.flow-kind button[aria-pressed=true]{background:#afcaff1b;color:#dce9ff;border-color:#afcaff44}.demo-note{font-size:10px!important;line-height:1.7;color:#6f7d92;max-width:340px}.flow-stage{position:relative;height:570px;border:1px solid #a8c5ed27;border-radius:22px;background:radial-gradient(ellipse at 50% 35%,#1929436b,transparent 70%),linear-gradient(140deg,#111820c9,#080d15);box-shadow:0 35px 100px #0004;isolation:isolate;overflow:hidden}.flow-stage:after{content:'';position:absolute;inset:0;background:linear-gradient(#aac8ff05 1px,transparent 1px),linear-gradient(90deg,#aac8ff05 1px,transparent 1px);background-size:35px 35px;pointer-events:none;z-index:-1;mask-image:linear-gradient(transparent,#000 25%,#000 75%,transparent)}.flow-stage-top{position:absolute;top:22px;left:24px;right:24px;display:flex;align-items:center;justify-content:space-between;gap:18px;font-size:9px;color:#8395b0}.flow-stage-top small{font-size:8px;padding:4px 8px;border:1px solid var(--line);border-radius:15px;color:#b8c9df}.flow-stage canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.flow-nodes{position:absolute;left:22px;right:22px;top:173px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.flow-node{position:relative;height:125px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;border:1px solid #c8ddff21;background:linear-gradient(140deg,#152237e8,#0c131f);border-radius:15px;box-shadow:0 15px 25px #0004;transition:transform .7s var(--ease),border-color .6s,background .6s;transform:translateY(calc(var(--node-shift,0)*1px))}.flow-node strong{font-size:10px;font-weight:500;display:block;text-align:center;padding:0 8px;line-height:1.4}.node-glyph{font:700 29px/1 Bricolage;color:#a0b7d7}.node-state{position:absolute;left:10px;top:7px;font-size:7px;color:#637c9f}.node-indicator{display:block;width:4px;height:4px;border-radius:50%;background:#38577d;margin:8px auto 0}.flow-node.active{border-color:#b1c8ff75;background:linear-gradient(150deg,#304665,#152136);transform:translateY(-9px)}.flow-node.active .node-glyph{color:#e3eefe}.flow-node.active .node-indicator{background:#ccdfff;box-shadow:0 0 12px #bad2ff}.flow-node.complete{border-color:#a3c9dd42}.flow-source{position:absolute;top:93px;left:27px;display:flex;gap:15px;align-items:center;font-size:9px;color:#a1b3cd;border-bottom:1px solid #aac4ea20;padding-bottom:10px}.source-dots{display:flex;gap:4px}.source-dots i{height:3px;width:3px;border-radius:50%;background:#5f7391}.flow-output{position:absolute;left:30px;right:30px;top:356px;min-height:64px;display:flex;align-items:center;gap:17px;background:#afcaff06;padding:18px;border:1px solid #adcaff14;border-radius:12px;font-size:10px;color:#788aa6;transition:background .5s,color .5s}.output-check{height:29px;width:29px;flex-shrink:0;display:grid;place-items:center;border:1px solid #92acd330;border-radius:50%;color:#7893b9}.flow-stage[data-phase=done] .flow-output{background:#98bddb15;color:#d8e8ff;border-color:#9eb7e351}.flow-stage[data-phase=done] .output-check{color:#d4e9ff;background:#a1c6ff1a}.flow-status{position:absolute;top:439px;left:30px;right:30px;display:flex;align-items:center;gap:9px;font-size:11px;color:#becce2}.flow-status i{width:4px;height:4px;background:#89a9d4;border-radius:50%}.flow-review{position:absolute;top:469px;left:30px;right:30px;display:flex;align-items:center;justify-content:space-between;gap:18px;font-size:10px;color:#98aac5}.flow-review button{padding:8px 13px;border-radius:20px;background:#b8c5ec;color:#142139;font-size:10px;display:flex;gap:12px;align-items:center}.flow-stage-bottom{position:absolute;inset:auto 25px 19px;display:flex;align-items:center;justify-content:space-between;padding-top:13px;border-top:1px solid var(--line);font-size:9px;color:#7d91ae}.flow-stage-bottom button{font-size:9px;background:none;color:#aabdd7;display:flex;gap:18px}.system-scroll-note{text-align:center;margin-top:38px;color:#50617c;font-size:9px;letter-spacing:.03em}
/* Work alternates a large image with two distinct systems */
.work-section{background:#0b0f16}.featured-media{height:clamp(380px,53vw,760px);overflow:hidden;position:relative;border-radius:16px;background:#162332}.featured-media img{width:100%;height:100%;object-fit:cover;object-position:center 30%;transition:transform 1.4s var(--ease),filter .6s;filter:saturate(.65)}.featured-work:hover img{transform:scale(1.045);filter:saturate(1)}.featured-media:after{content:'';position:absolute;inset:0;background:linear-gradient(transparent 65%,#0007);pointer-events:none}.work-open{position:absolute;bottom:26px;right:30px;z-index:1;display:flex;gap:20px;align-items:center;border:1px solid #fff6;border-radius:30px;padding:12px 19px;background:#ffffff18;backdrop-filter:blur(12px);font-size:11px}.media-orbit{position:absolute;inset:12% 21%;border:1px solid #fff0;border-radius:50%;transform:scale(.7);transition:border .8s,transform .8s;pointer-events:none}.featured-work:hover .media-orbit{border-color:#fff2;transform:scale(1.15)}.featured-caption{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:25px 0 40px}.featured-caption h3{font-size:28px}.featured-caption p{font-size:12px;max-width:380px}.featured-caption>span{font-size:9px;color:#6b7d97}.work-secondary{display:grid;grid-template-columns:1.2fr 1fr;gap:28px}.work-secondary>a{overflow:hidden}.operator-art,.booking-art{height:320px;border-radius:16px;position:relative;overflow:hidden;border:1px solid var(--line);background:#0c1422;padding:28px}.operator-art>span,.booking-art>span{font-size:9px;letter-spacing:.06em;color:#8398b8}.operator-art:after{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 80% 0%,#3e67ac35,transparent 75%);pointer-events:none}.operator-list{position:absolute;left:10%;right:10%;top:90px;display:flex;flex-direction:column;gap:12px}.operator-list i{font-size:10px;font-style:normal;letter-spacing:.1em;background:linear-gradient(90deg,#5d7ba127,#2336531c);border:1px solid #95b9f62b;border-radius:5px;padding:15px;animation:operator-scan 7s infinite}.operator-list i:nth-child(2){animation-delay:1.3s;margin-left:16px}.operator-list i:nth-child(3){animation-delay:2.6s;margin-left:32px}.operator-beam{position:absolute;top:0;bottom:0;width:1px;background:linear-gradient(transparent,#d3e5ff,transparent);left:20%;animation:scan-beam 7s infinite}.booking-art{background:radial-gradient(ellipse at 50% 65%,#6a568635,transparent 65%),#15131f}.booking-rings{position:absolute;left:50%;top:58%;width:210px;height:210px;transform:translate(-50%,-50%)}.booking-rings i{position:absolute;inset:0;border:1px solid #cec1ff45;border-radius:50%;transform:rotateX(58deg) rotateZ(20deg);animation:booking-orbit 10s linear infinite}.booking-rings i:nth-child(2){inset:23px;animation-direction:reverse;animation-duration:8s;transform:rotateY(50deg) rotateZ(70deg)}.booking-rings i:nth-child(3){inset:47px;animation-duration:14s}.booking-rings b{position:absolute;inset:65px;border:1px solid #ece4ff32;border-radius:50%;display:grid;place-items:center;font-size:34px;color:#d2c9ff;background:radial-gradient(#baa3fb1c,#28253c)}.work-secondary>a>div:last-child{display:grid;grid-template-columns:1fr auto;padding:22px 0;gap:10px}.work-secondary h3{font-size:24px}.work-secondary p{font-size:12px;grid-column:1}.work-secondary>a>div:last-child>span{grid-column:2;grid-row:1/3;font-size:26px;color:#9bacc6}.work-tail{display:flex;justify-content:space-between;align-items:center;gap:30px;margin-top:20px}.work-tail p{font-size:10px;max-width:700px}
/* Services build themselves differently */
.services-section{background:#07090e}.services-section .section-heading{margin-bottom:35px}.service-row{display:grid;grid-template-columns:1fr 1.1fr;gap:80px;align-items:center;min-height:490px;padding:45px 0 60px;border-top:1px solid var(--line)}.service-copy{max-width:510px}.service-index{display:block;font-size:11px;color:#51647f;margin-bottom:15px}.service-copy h3{font-size:clamp(34px,3.9vw,55px)}.service-copy>p{font-size:14px;margin-top:22px;max-width:410px}.service-copy ul{display:flex;flex-direction:column;gap:8px;margin:25px 0;color:#a8b5c8;font-size:12px}.service-copy li:before{content:'+';margin-right:12px;color:#577599}.service-visual{height:370px;position:relative;display:grid;place-items:center;perspective:1000px;background:radial-gradient(ellipse at center,#29487525,transparent 70%)}.web-layers{position:relative;width:85%;height:310px;transform:rotateY(-15deg) rotateX(8deg);transform-style:preserve-3d;animation:device-float 10s ease-in-out infinite}.web-sheet{position:absolute;border:1px solid #a6c1e54f;border-radius:12px;background:linear-gradient(140deg,#213149,#111824);box-shadow:0 25px 45px #0005;inset:0}.web-sheet.back{transform:translate3d(-25px,15px,-55px);opacity:.35}.web-sheet.front{transform:translateZ(20px)}.web-chrome{height:34px;display:flex;gap:4px;align-items:center;padding:0 14px;border-bottom:1px solid var(--line)}.web-chrome i{height:3px;width:3px;border-radius:50%;background:#687e9d}.web-chrome>span{margin-left:14px;font-size:8px;color:#798ead}.web-body{padding:25px}.web-body>span{font-size:8px;color:#8fadd3;letter-spacing:.1em}.web-body>strong{font-family:Bricolage;font-size:34px;letter-spacing:-.04em;display:block;margin:12px 0}.web-lines i{height:3px;display:block;margin:8px 0;background:#789ac440;animation:build-line 8s infinite;transform-origin:left}.web-lines i:last-child{width:67%;animation-delay:.15s}.web-cta{margin-top:20px;padding:9px 14px;background:#779cd4;color:#0c1730;display:inline-block;border-radius:4px;font-size:9px;animation:cta-light 8s infinite}.web-tiles{display:flex;gap:10px;margin-top:18px}.web-tiles i{height:27px;flex:1;border:1px solid #8daee226;border-radius:3px;animation:tile-light 8s infinite}.web-tiles i:nth-child(2){animation-delay:.2s}.web-tiles i:nth-child(3){animation-delay:.4s}.calendar-card{width:76%;max-width:380px;border:1px solid #b5c9ed43;border-radius:18px;padding:25px;background:linear-gradient(140deg,#1c2b43,#131a29);box-shadow:0 25px 70px #0005;transform:rotate(-5deg);animation:calendar-float 11s ease-in-out infinite}.calendar-header{display:flex;justify-content:space-between;font-size:15px;margin-bottom:23px}.calendar-header>span:last-child{color:var(--blue)}.calendar-days{display:grid;grid-template-columns:repeat(7,1fr);gap:8px}.calendar-days i{font-style:normal;font-size:10px;height:28px;text-align:center;color:#7388a8;padding-top:5px;border-radius:4px;background:#c4d5f705}.calendar-days i:nth-child(17){background:#9fc6ffb0;color:#0e1b31;animation:date-select 8s infinite}.calendar-times{display:flex;gap:8px;margin-top:23px;font-size:10px}.calendar-times>span{padding:5px 10px;border:1px solid #9cb8e325;border-radius:4px;color:#899eba}.calendar-times>span:nth-child(2){animation:date-select 8s 1s infinite}.calendar-confirm{display:flex;align-items:center;gap:13px;margin-top:21px;font-size:10px;animation:confirm-light 8s infinite}.calendar-confirm b{background:#93abc425;border-radius:50%;height:24px;width:24px;display:grid;place-items:center;color:#adcaff}.auto-grid{position:relative;width:100%;height:300px;transform:rotateX(10deg) rotateY(-10deg);transform-style:preserve-3d;animation:device-float 10s infinite}.auto-grid>div{position:absolute;top:42%;left:5%;font-size:10px;background:#152539;border:1px solid #83a9d352;border-radius:9px;padding:16px 23px;box-shadow:0 20px 25px #0006}.auto-grid>div:nth-child(2){left:40%;top:11%}.auto-grid>div:nth-child(3){left:70%}.auto-grid svg{width:100%;height:100%;position:absolute;inset:0;fill:none;stroke:#859fc25c;stroke-width:1.4}.auto-grid circle{fill:#d2e5ff;stroke:none;filter:drop-shadow(0 0 8px #98bfff)}.auto-core{position:absolute;left:43%;top:64%;width:58px;height:58px;border-radius:50%;display:grid;place-items:center;font:700 27px Bricolage;background:radial-gradient(#435d7d,#172238);border:1px solid #bdd9ff38;box-shadow:0 0 45px #84a8ef18}.services-note{border-top:1px solid var(--line);padding-top:30px;font-size:12px}
/* The approved Orbit sculptures retain their renderer and geometry */
.pricing-section{padding:130px 0;background:#080b11}.pricing-section .section-heading{align-items:flex-start;display:grid;grid-template-columns:1.4fr .8fr;gap:30px 80px}.pricing-section .section-heading>.eyebrow{display:none}.pricing-section .section-heading h2{font-size:clamp(44px,5vw,70px);max-width:800px}.pricing-section .section-heading>p{font-size:14px;max-width:390px}.pricing-grid{display:grid}.pricing-review{display:none!important}.price-card h3{margin:0}.price-card ul{list-style:none;margin:0;padding:0}.price-card li{display:flex}.price-card .button{border:1px solid var(--line);width:100%}.scope-details{display:grid;grid-template-columns:1fr 1fr;gap:50px;padding:45px 0}.scope-details>div{display:grid;grid-template-columns:30px 1fr;column-gap:12px}.scope-details>div>span{font-size:10px;color:#6a7ea0}.scope-details strong{font-size:13px;font-weight:500}.scope-details p{grid-column:2;font-size:11px;margin-top:8px;max-width:450px}.operator-banner{display:flex;justify-content:space-between;align-items:center;gap:50px;padding-top:40px;border-top:1px solid var(--line)}.operator-banner .eyebrow{font-size:9px;color:#6f8ab3}.operator-banner h3{font-size:25px;margin:12px 0}.operator-banner p{font-size:12px;max-width:650px}.operator-banner .text-link{flex-shrink:0}
/* Blueprint -> finished composition */
.process-layout{display:grid;grid-template-columns:.95fr 1.2fr;gap:80px;align-items:center}.process-choices{display:flex;flex-direction:column}.process-choice{background:none;display:grid;grid-template-columns:30px 1fr 22px;gap:14px;text-align:left;padding:25px 0;border-top:1px solid var(--line);transition:opacity .4s;color:#8b97a9}.process-choice>span:first-child{font-size:10px;color:#5b7498;padding-top:5px}.process-choice strong{display:block;font-size:17px;font-weight:500}.process-choice small{display:block;font-size:11px;line-height:1.8;color:#75849b;max-width:340px;margin-top:8px}.process-choice>span:last-child{font-size:22px;opacity:.2}.process-choice[aria-pressed=true]{color:#e3eaf7}.process-choice[aria-pressed=true]>span:last-child{opacity:1;color:var(--blue)}.blueprint-scene{position:relative;height:490px;perspective:1000px;overflow:hidden;background:radial-gradient(ellipse,#234f8330,transparent 68%);border-radius:15px}.blueprint-grid{position:absolute;inset:0;background:linear-gradient(#adc7ed0b 1px,transparent 1px),linear-gradient(90deg,#adc7ed0b 1px,transparent 1px);background-size:30px 30px;transform:rotateX(60deg) translateY(70px);mask-image:radial-gradient(#000,transparent 65%)}.blueprint-browser{position:absolute;left:8%;right:8%;top:75px;height:305px;transform:rotateY(-20deg) rotateX(15deg) rotateZ(3deg);border:1px solid #8ac0f380;border-radius:12px;background:#0e172230;transition:transform 1.1s var(--ease),background 1.1s,box-shadow 1.1s;box-shadow:20px 25px 60px #0004;transform-style:preserve-3d}.blueprint-top{height:35px;display:flex;gap:4px;align-items:center;padding:0 15px;border-bottom:1px solid #8bb5e736}.blueprint-top i{height:3px;width:3px;border-radius:50%;background:#7fafd666}.blueprint-top>span{font-size:7px;margin-left:13px;color:#7092b5}.blueprint-layout{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:17px;padding:30px}.blueprint-title{display:flex;gap:7px;flex-direction:column}.blueprint-title i{height:14px;border:1px solid #8fb7e960;border-radius:2px;transition:background .8s;transform:translateZ(12px)}.blueprint-title i:last-child{width:80%}.blueprint-picture{grid-column:2;grid-row:1/4;border:1px dashed #8fb7e945;height:134px;display:grid;place-items:center;transition:background .8s,border .8s;transform:translateZ(24px)}.blueprint-picture span{font-size:53px;color:#b1d4fd45;transition:color .8s,transform 1s}.blueprint-copy i{display:block;height:3px;background:#7ea6d22d;margin:5px 0;transition:background .8s}.blueprint-copy i:last-child{width:75%}.blueprint-cta{border:1px solid #8bb3e954;width:75px;border-radius:3px;color:#7cabe6;font-size:16px;text-align:right;padding:3px 10px;transition:background .8s}.blueprint-panels{grid-column:1/3;display:flex;gap:12px}.blueprint-panels i{flex:1;height:37px;border:1px dashed #86afdd42;border-radius:4px;transition:background .8s,border .8s}.blueprint-label{position:absolute;left:8%;right:8%;bottom:28px;display:flex;justify-content:space-between;font-size:9px;color:#86a3c6;border-top:1px solid #abc5ed20;padding-top:16px}.blueprint-scene[data-build="1"] .blueprint-title i,.blueprint-scene[data-build="2"] .blueprint-title i,.blueprint-scene[data-build="3"] .blueprint-title i{background:#92b7e42e}.blueprint-scene[data-build="2"] .blueprint-browser,.blueprint-scene[data-build="3"] .blueprint-browser{background:linear-gradient(140deg,#263c59,#111b2b);box-shadow:10px 30px 80px #0007}.blueprint-scene[data-build="2"] .blueprint-picture,.blueprint-scene[data-build="3"] .blueprint-picture{background:radial-gradient(#859ff160,#41507635);border-style:solid}.blueprint-scene[data-build="2"] .blueprint-picture span,.blueprint-scene[data-build="3"] .blueprint-picture span{color:#d2e1ff;transform:rotate(70deg)}.blueprint-scene[data-build="2"] .blueprint-cta,.blueprint-scene[data-build="3"] .blueprint-cta{background:#98bded;color:#0c1b30}.blueprint-scene[data-build="2"] .blueprint-panels i,.blueprint-scene[data-build="3"] .blueprint-panels i{background:#5073a338;border-style:solid}.blueprint-scene[data-build="3"] .blueprint-browser{transform:rotateY(0deg) rotateX(0deg);border-color:#bfd4f580}.studio-section{padding:90px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#0a0e15}.studio-layout{display:flex;align-items:center;justify-content:space-between;gap:50px}.studio-layout h2{font-size:40px;margin:22px 0}.studio-layout p{max-width:660px;font-size:13px}.studio-points{display:flex;gap:24px;font-size:10px;color:#7e91ae;margin-top:26px;flex-wrap:wrap}.studio-contact{display:flex;align-items:center;gap:30px;font-size:14px;border-bottom:1px solid var(--line);padding-bottom:15px;white-space:nowrap}.studio-contact>span{font-size:28px;color:#a9caff}.faq-section{padding:130px 0}.faq-layout{display:grid;grid-template-columns:.7fr 1.4fr;gap:100px}.faq-section .section-heading{margin-bottom:20px}.faq-section .eyebrow{display:none}.faq-section h2{font-size:48px}.faq-intro{font-size:13px;max-width:270px}.faq-list details{border-top:1px solid var(--line);padding:22px 0}.faq-list details:last-child{border-bottom:1px solid var(--line)}.faq-list summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:25px;font-size:14px;cursor:pointer;color:#c4cfdf}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary>span:last-child{font-size:22px;color:#637b9e;transition:transform .3s}.faq-list details[open] summary>span:last-child{transform:rotate(45deg)}.faq-list details p{font-size:12px;line-height:1.9;margin-top:18px;max-width:630px;color:#8293ad}
/* Quiet conversion content inside a large ending */
.contact-section{position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(ellipse at 70% 0%,#27456547,transparent 55%),#090e16;padding:130px 0 100px}.contact-section canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:-1;opacity:.65;mask-image:linear-gradient(#000,transparent 58%)}.contact-top{display:grid;grid-template-columns:1.2fr 1fr;gap:100px;align-items:center;padding-bottom:100px}.contact-top h2{font-size:clamp(60px,7vw,110px);line-height:1.02}.contact-top h2>span{display:block}.contact-top>div>p{font-size:14px;max-width:380px;margin-bottom:25px}.contact-top .booking-note{font-size:10px;margin-top:16px;white-space:pre-line;color:#7488a6}.contact-lower{display:grid;grid-template-columns:.8fr 1.1fr;gap:120px;padding-top:70px;border-top:1px solid var(--line)}.contact-lower h3{font-size:24px;margin-bottom:28px}.contact-lower>div>p{font-size:11px;margin-top:25px}.contact-link{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid var(--line);font-size:13px;max-width:340px}.contact-link>span{color:#92b1dc;font-size:20px}.contact-lower .text-link{margin-top:18px}.contact-form-wrap form{display:grid;gap:20px}.contact-form-wrap label{display:block;font-size:10px;color:#96a7c0;margin-bottom:7px}.contact-form-wrap input,.contact-form-wrap textarea{width:100%;border:1px solid #92b4df2b;background:#101b2c80;border-radius:5px;color:#e2ecfc;padding:12px 14px;font-size:13px;transition:border .3s}.contact-form-wrap input:focus,.contact-form-wrap textarea:focus{border-color:#afd1ff8c}.contact-form-wrap textarea{min-height:120px;resize:vertical}.contact-form-wrap .form-row{display:grid;grid-template-columns:1fr 1fr;gap:18px}.contact-form-wrap form>p{font-size:10px}.contact-form-wrap form>p a{color:#becde5;text-decoration:underline}.contact-form-wrap button{justify-self:start;margin-top:5px}.contact-form-wrap .hp{display:none}.form-status{font-size:12px;color:#bcd6f5;padding:17px;border:1px solid #a9c5f344;border-radius:7px;margin-top:20px}.footer-wordmark{font:700 29vw/.82 Bricolage;letter-spacing:-.075em;color:#e4e8f2;text-align:center;margin:45px auto 0;padding:0 5vw 40px;user-select:none;background:linear-gradient(#e9eef8 0%,#9caabb 70%,#38485e);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.footer-bottom{display:flex;justify-content:space-between;gap:25px;padding-top:35px;padding-bottom:35px;font-size:9px;color:#6e819d;border-top:1px solid var(--line)}.footer-bottom>div{display:flex;gap:23px}.footer-bottom>a{font-size:20px;line-height:1}
@keyframes operator-scan{0%,65%,100%{border-color:#95b9f629;background-color:transparent}25%,45%{border-color:#c7d7f570;background-color:#b9caff12}}@keyframes scan-beam{0%{left:5%;opacity:0}10%{opacity:1}70%{left:95%;opacity:1}85%,100%{left:95%;opacity:0}}@keyframes booking-orbit{to{transform:rotateX(58deg) rotateZ(380deg)}}@keyframes device-float{0%,100%{transform:rotateY(-15deg) rotateX(8deg) translateY(0)}50%{transform:rotateY(-9deg) rotateX(5deg) translateY(-10px)}}@keyframes calendar-float{0%,100%{transform:rotate(-5deg) translateY(0)}50%{transform:rotate(-2deg) translateY(-10px)}}@keyframes build-line{0%,12%{transform:scaleX(.2);opacity:.25}30%,85%,100%{transform:scaleX(1);opacity:1}}@keyframes cta-light{0%,35%,100%{box-shadow:none}50%,70%{box-shadow:0 0 24px #8ab9ff38}}@keyframes tile-light{0%,30%,100%{background:transparent}45%,70%{background:#a1bded13}}@keyframes date-select{0%,25%,100%{box-shadow:none}45%,65%{box-shadow:0 0 22px #adcaff3f;background:#aacbfa;color:#12233c}}@keyframes confirm-light{0%,50%,100%{opacity:.35;transform:translateY(4px)}65%,85%{opacity:1;transform:none}}
[data-motion=paused] *,[data-region-visible=false] *{animation-play-state:paused!important}
@media(min-width:1600px){.hero-copy{padding-top:210px}.hero-sculpture{right:-5%;width:71%}.hero-sub{font-size:16px}.hero-interact{right:10%;bottom:150px}}
@media(max-width:1150px){.hero-copy{width:76%;padding-top:170px}.hero-copy h1{font-size:clamp(76px,9.9vw,112px)}.hero-sculpture{right:-19%;width:88%;top:13%;height:80%}.system-section{height:auto}.system-pin{height:auto;position:relative;min-height:0;padding:100px 0}.system-layout{grid-template-columns:1fr;gap:50px}.system-copy{display:grid;grid-template-columns:1fr 1fr;gap:20px 50px;align-items:start}.system-copy .subtle-label{grid-column:1/3}.system-copy h2{grid-row:2/5;margin-top:0}.system-copy>p{margin-top:0;max-width:none}.flow-kind{margin:0}.system-copy>.button{justify-self:start}.system-copy>.demo-note{grid-column:2}.flow-stage{height:570px;max-width:850px;width:100%;margin:auto}.section-heading{gap:45px}.service-row{gap:45px}.service-visual{height:330px}.service-row{min-height:430px}.process-layout{gap:45px}.blueprint-scene{height:420px}.studio-layout{display:block}.studio-contact{display:inline-flex;margin-top:35px}.faq-layout{gap:50px}.contact-top{gap:50px}.contact-lower{gap:60px}}
@media(max-width:900px){.desktop-nav{display:none}.hero-copy{width:78%}.hero-sculpture{right:-26%;width:100%;height:78%}.hero-sub{max-width:365px}.hero-actions{gap:22px;flex-wrap:wrap}.hero-interact{bottom:117px}.section{padding:100px 0}.section-heading{display:block;margin-bottom:45px}.section-heading>p{margin-top:25px;max-width:520px}.work-secondary{gap:20px}.featured-caption{flex-wrap:wrap}.featured-caption>span{display:none}.service-copy h3{font-size:35px}.service-row{gap:25px}.web-body{padding:20px}.web-body>strong{font-size:26px}.calendar-card{width:90%;padding:20px}.calendar-days{gap:5px}.process-layout{grid-template-columns:1fr 1.1fr;gap:28px}.process-choice{gap:10px}.process-choice small{font-size:10px}.blueprint-browser{height:280px;left:4%;right:4%}.blueprint-layout{padding:22px;gap:12px}.blueprint-picture{height:120px}.blueprint-scene{height:380px}.faq-layout{grid-template-columns:1fr;gap:40px}.faq-intro{max-width:450px}.contact-top h2{font-size:65px}.contact-lower{gap:40px}.pricing-section .section-heading{display:block}.pricing-section .section-heading p{margin-top:25px;max-width:650px}}
@media(max-width:680px){:root{--gutter:23px}.nav-wrap{height:72px;gap:10px}.brand>span{font-size:18px}.brand svg{width:25px}.brand small{font-size:6px}.nav-tools{gap:10px}.language-controls button{padding:5px}.motion-control{width:23px}.menu-toggle{width:35px;height:35px}.site-menu{top:72px;padding-top:28px}.site-menu>div{align-items:flex-start;flex-direction:column}.site-menu nav a{font-size:32px;padding:17px 0}.signature-hero{height:auto;min-height:1100px;max-height:none}.hero-copy{padding-top:133px;width:100%;max-width:none}.hero-intro{font-size:9px;margin-bottom:28px;max-width:280px}.hero-copy h1{font-size:clamp(63px,16.8vw,96px);line-height:.98;letter-spacing:-.07em;max-width:95%;margin-left:-3px}.hero-sub{margin-top:344px;max-width:410px;font-size:13px;line-height:1.85}.hero-sculpture{top:260px;right:-14%;height:440px;width:126%;z-index:1}.sculpture-caption{right:32%;bottom:13%}.sculpture-glow{inset:15%}.hero-actions{margin-top:24px;gap:18px}.hero-actions .button{font-size:11px;gap:20px;padding:14px 20px;min-height:50px}.hero-actions .text-link{font-size:11px;gap:14px}.hero-small{font-size:9px;margin-top:14px}.hero-interact{left:var(--gutter);right:auto;bottom:98px;align-items:flex-start;gap:8px}.hero-interact button{font-size:11px;padding:9px 17px}.hero-interact small{font-size:8px}.hero-bottom{bottom:23px;inset-inline:var(--gutter);font-size:8px;padding-top:19px;gap:20px}.hero-bottom>span:last-child{display:none}.manifesto-section{padding:90px 0}.manifesto-line{font-size:35px;line-height:1.3;letter-spacing:-.04em}.manifesto-bottom{gap:30px;margin-top:35px}.manifesto-bottom p{font-size:12px}.connect-mark{font-size:49px;flex-shrink:0}.section{padding:85px 0}h2{font-size:41px}.system-pin{padding:85px 0}.system-layout{gap:35px}.system-copy{display:block}.system-copy h2{font-size:43px;margin-top:22px}.system-copy>p{font-size:13px;margin-top:20px;max-width:400px}.flow-kind{margin:22px 0}.system-copy>.button{min-height:49px;font-size:12px;gap:28px}.system-copy .demo-note{font-size:9px!important;margin-top:15px}.flow-stage{height:750px;border-radius:16px}.flow-stage-top{top:19px;left:18px;right:18px;align-items:flex-start;flex-direction:column;gap:5px}.flow-stage-top small{font-size:7px}.flow-source{left:18px;top:109px;font-size:9px}.flow-nodes{grid-template-columns:repeat(2,minmax(0,1fr));gap:72px 23px;left:20px;right:20px;top:169px}.flow-node{height:121px}.flow-node strong{font-size:11px}.flow-node .node-glyph{font-size:30px}.flow-node-2{grid-row:2;grid-column:1}.flow-node-3{grid-row:2;grid-column:2}.flow-output{top:522px;left:18px;right:18px;padding:14px;font-size:10px;min-height:65px}.flow-status{top:609px;left:18px;right:18px;font-size:10px;line-height:1.6}.flow-review{top:649px;left:18px;right:18px;gap:8px;font-size:9px}.flow-review button{font-size:9px;padding:8px 10px;gap:6px;flex-shrink:0}.flow-stage-bottom{left:18px;right:18px;bottom:20px;font-size:9px}.system-scroll-note{font-size:8px;margin-top:25px;padding-inline:var(--gutter)}.section-heading h2{font-size:42px}.section-heading>p{font-size:13px;margin-top:22px}.featured-media{height:440px;border-radius:12px}.featured-media img{object-position:55% center}.work-open{font-size:9px;right:17px;bottom:18px;padding:10px 14px}.featured-caption{padding:20px 0 35px;gap:10px;display:block}.featured-caption h3{font-size:27px}.featured-caption p{margin-top:8px;font-size:11px}.work-secondary{grid-template-columns:1fr;gap:25px}.operator-art,.booking-art{height:310px}.work-secondary>a>div:last-child{padding:20px 0}.work-tail{display:block;margin-top:10px}.work-tail p{font-size:9px}.work-tail .text-link{margin-top:18px}.service-row{grid-template-columns:1fr;gap:20px;padding:35px 0 45px}.service-copy h3{font-size:38px}.service-copy>p{font-size:13px;margin-top:18px}.service-copy ul{font-size:11px;margin-top:20px}.service-visual{height:360px;margin-inline:-8px}.web-layers{width:87%;height:300px}.web-body>strong{font-size:32px}.web-body{padding:25px}.calendar-card{width:85%;max-width:330px}.calendar-days{gap:7px}.services-note{font-size:11px}.pricing-section{padding:85px 0}.pricing-section .section-heading h2{font-size:43px}.pricing-section .section-heading>p{font-size:12px;margin-top:22px}.scope-details{grid-template-columns:1fr;gap:28px}.scope-details>div{grid-template-columns:24px 1fr}.scope-details strong{font-size:12px}.scope-details p{font-size:10px}.operator-banner{display:block;padding-top:30px}.operator-banner h3{font-size:25px}.operator-banner p{font-size:11px}.operator-banner .text-link{margin-top:20px}.process-layout{grid-template-columns:1fr;gap:25px}.process-choice{padding:22px 0}.process-choice strong{font-size:17px}.process-choice small{font-size:11px;max-width:380px}.blueprint-scene{height:415px;margin:0 -5px}.blueprint-browser{height:290px;top:60px;left:6%;right:6%}.blueprint-layout{padding:22px}.blueprint-picture{height:127px}.blueprint-label{bottom:22px}.studio-section{padding:65px 0}.studio-layout h2{font-size:36px}.studio-layout p{font-size:12px}.studio-points{gap:16px;font-size:9px}.studio-contact{font-size:12px;gap:25px;white-space:normal;overflow-wrap:anywhere}.faq-section{padding:85px 0}.faq-section h2{font-size:42px}.faq-list details{padding:20px 0}.faq-list summary{font-size:12px;gap:18px}.faq-list details p{font-size:11px}.contact-top{grid-template-columns:1fr;gap:28px;padding-bottom:60px}.contact-top h2{font-size:60px}.contact-top>div>p{font-size:13px;margin-bottom:22px}.contact-top .booking-note{font-size:9px}.contact-lower{grid-template-columns:1fr;gap:55px;padding-top:55px}.contact-lower h3{font-size:25px;margin-bottom:20px}.contact-form-wrap .form-row{grid-template-columns:1fr;gap:18px}.contact-link{font-size:12px}.footer-wordmark{font-size:30vw;padding:0 2vw 30px;margin-top:35px}.footer-bottom{font-size:8px;flex-wrap:wrap;gap:20px;padding-top:25px;padding-bottom:25px}.footer-bottom>span:nth-child(2){display:none}.footer-bottom>div{gap:15px}.footer-bottom>a{font-size:18px}}
@media(max-width:360px){:root{--gutter:20px}.hero-copy{padding-top:126px}.hero-copy h1{font-size:62px;max-width:100%}.hero-intro{font-size:8px;gap:8px}.hero-sub{margin-top:328px}.signature-hero{min-height:1140px}.hero-sculpture{top:270px;height:410px}.hero-actions{gap:12px}.hero-actions .button{font-size:10px;padding:12px 15px;gap:12px}.hero-actions .text-link{font-size:10px;gap:9px}.hero-interact{bottom:105px}.manifesto-line{font-size:30px}.section-heading h2{font-size:37px}.system-copy h2{font-size:38px}.flow-nodes{left:15px;right:15px;gap:72px 15px}.flow-stage-top{left:15px;right:15px;font-size:8px}.flow-review>span{max-width:83px}.flow-review button{padding:8px;font-size:8px}.service-copy h3{font-size:34px}.web-body>strong{font-size:28px}.calendar-card{width:91%;padding:19px}.calendar-times{gap:5px}.contact-top h2{font-size:53px}.footer-bottom{gap:15px}.brand small{letter-spacing:.15em}.nav-tools{gap:7px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.hero-sculpture .sculpture-fallback{filter:none}.connect-mark{transform:none}.manifesto-line .word{color:#e9edf5}.featured-work:hover img{transform:none}.web-layers,.auto-grid{animation:none;transform:rotateY(-10deg) rotateX(5deg)}.calendar-card{transform:rotate(-3deg)}.calendar-confirm{opacity:1}.web-lines i{transform:none;opacity:1}}
.hero-copy h1,.hero-sub{text-shadow:0 2px 17px #07090dbf}
.signature-hero:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,transparent 24%,#07090d42 43%,transparent 74%);pointer-events:none;z-index:1}
.signal-story{height:270svh;position:relative;background:#05070b}
.story-pin{position:sticky;top:0;height:100svh;min-height:640px;overflow:hidden;background:radial-gradient(ellipse at 50% 56%,#14243d5c,transparent 65%)}
.story-pin canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.story-caption{position:absolute;top:135px;left:var(--gutter);right:var(--gutter);display:flex;justify-content:space-between;align-items:center;gap:50px;z-index:1}
.story-caption h2{font-size:clamp(30px,3.3vw,49px);max-width:540px}
.story-caption p{font-size:13px;max-width:300px;color:#91a4c0;text-align:right}
.story-rail{position:absolute;bottom:40px;left:var(--gutter);right:var(--gutter);display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding-top:25px;gap:20px;font-size:9px;color:#667f9f}
.story-rail>div{display:flex;gap:18px}
.story-rail button{background:none;border-bottom:1px solid transparent;color:#68809f;padding:8px 0;font-size:12px}
.story-rail button[aria-pressed=true]{color:#cfdef6;border-color:#b2cdff}
@media(min-width:681px) and (max-height:740px){.signature-hero{min-height:740px}.hero-copy{padding-top:127px}.hero-intro{margin-bottom:24px}.hero-copy h1{font-size:clamp(72px,8.1vw,108px)}.hero-sub{margin-top:22px;font-size:12px;line-height:1.8;max-width:420px}.hero-actions{margin-top:20px;gap:23px}.hero-actions .button{min-height:47px;padding:12px 19px;font-size:11px}.hero-small{margin-top:10px;font-size:9px}.hero-sculpture{top:6%;height:89%}.story-pin{min-height:520px}.story-caption{top:115px}.story-caption h2{font-size:32px}.story-rail{bottom:30px}}
@media(max-width:680px){.signature-hero:after{display:none}.signal-story{height:200svh}.story-pin{height:100svh;min-height:650px}.story-caption{top:112px;display:block;left:var(--gutter);right:var(--gutter)}.story-caption h2{font-size:32px;max-width:310px}.story-caption p{text-align:left;font-size:11px;margin-top:15px;max-width:300px}.story-rail{bottom:30px;display:grid;grid-template-columns:1fr auto;gap:13px;padding-top:18px}.story-rail>div{grid-row:2;grid-column:1/3;justify-content:space-between;gap:20px}.story-rail>span:first-child{font-size:8px}.story-rail button{font-size:11px}}
@media(prefers-reduced-motion:reduce){.signal-story{height:auto}.story-pin{position:relative;height:650px}.story-caption p{color:#c1d2eb}}
.story-fallback{position:absolute;left:0;right:0;top:41%;text-align:center;font:700 23vw/1 Bricolage;letter-spacing:-.06em;color:#8cb0e248}
.story-pin[data-renderer=canvas] .story-fallback{display:none}
.core-letter-fallback{display:none;position:absolute;inset:15%;align-items:center;justify-content:center;font:700 clamp(160px,30vw,390px)/1 Bricolage;background:linear-gradient(125deg,#bdd9fe,#344665 35%,#eaf0fa 52%,#628dcd 70%,#1c2b45);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;transform:rotateY(-15deg)}
body[data-assembled=true] .hero-sculpture[data-renderer=fallback] .core-letter-fallback{display:flex}
body[data-assembled=true] .hero-sculpture[data-renderer=fallback] .sculpture-fallback{visibility:hidden}
.service-visual{overflow:clip}
.auto-grid>div:nth-child(3){left:65%}
@media(min-width:681px) and (max-height:740px){.flow-stage{height:470px}.flow-nodes{top:135px}.flow-node{height:110px}.flow-source{top:80px}.flow-output{top:270px;min-height:60px}.flow-status{top:347px}.flow-review{top:379px}}
@media(max-width:680px){.hero-sub{margin-top:310px}html[lang=de] .hero-copy h1{font-size:clamp(51px,15vw,82px)}}
@media(max-width:360px){.hero-sub{margin-top:306px}}
/* ---- signature-plus.css ---- */
/* ELYX Signature v2 layer (07.10.2026)
   Loaded after signature.css. Readability, mobile hero, header states,
   scroll reveals, grain, spotlight, mobile CTA. Original rules stay untouched. */

/* 1. Readable type scale: business owners read this page, not designers */
body{font-size:16px}
p{color:#a3aebd}
.subtle-label{font-size:12px;letter-spacing:.08em;color:#9aa6b8}
.nav-link{font-size:14px}
.language-controls button{font-size:12px;padding:8px 9px}
.hero-intro{font-size:13px;color:#b4c0d0}
.hero-sub{font-size:17px;line-height:1.75;max-width:500px;color:#bcc6d4}
.hero-small{font-size:13px;color:#93a1b4}
.hero-interact button{font-size:14px}
.hero-interact small{font-size:12px;color:#93a1b4}
.hero-bottom{font-size:11px;color:#97a3b4}
.sculpture-caption{font-size:10px}
.manifesto-bottom p{font-size:17px;line-height:1.75}
.story-caption p{font-size:16px;color:#a9b9d0}
.story-rail{font-size:11px;color:#8597b2}
.story-rail button{font-size:14px;color:#8094b0;min-height:44px}
.section-heading>p{font-size:17px;line-height:1.75;max-width:420px}
.system-copy>p{font-size:17px;line-height:1.75;max-width:380px}
.flow-kind>span{font-size:13px;color:#9aa8bb}
.flow-kind button{font-size:13px;padding:9px 15px;min-height:40px}
.demo-note{font-size:12px!important;color:#8593a8}
.flow-stage-top{font-size:11px}
.flow-stage-top small{font-size:10px}
.flow-source{font-size:11px}
.flow-node strong{font-size:13px}
.node-state{font-size:9px;color:#7f97b8}
.flow-output{font-size:13px;color:#9db0ca}
.flow-status{font-size:13px}
.flow-review{font-size:12px}
.flow-review button{font-size:12px;padding:9px 14px}
.flow-stage-bottom,.flow-stage-bottom button{font-size:11px}
.system-scroll-note{font-size:12px;color:#7d8ea8}
.featured-caption p{font-size:15px}
.featured-caption>span{font-size:11px;color:#8396b0}
.work-open{font-size:13px}
.operator-art>span,.booking-art>span{font-size:11px}
.operator-list i{font-size:11px}
.work-secondary p{font-size:15px}
.work-tail p{font-size:13px;color:#8e9bb0}
.service-index{font-size:12px;color:#7088aa}
.service-copy>p{font-size:16px;line-height:1.75}
.service-copy ul{font-size:14px;color:#b2bfd0}
.web-chrome>span{font-size:10px}
.web-body>span{font-size:10px}
.web-cta{font-size:11px}
.calendar-days i{font-size:11px}
.calendar-times{font-size:11px}
.calendar-confirm{font-size:12px}
.auto-grid>div{font-size:12px}
.services-note{font-size:15px}
.scope-details strong{font-size:15px}
.scope-details p{font-size:14px;line-height:1.75}
.operator-banner .eyebrow{font-size:11px}
.operator-banner p{font-size:15px;line-height:1.75}
.process-choice strong{font-size:19px}
.process-choice small{font-size:14px;line-height:1.7;color:#8f9db2}
.process-choice>span:first-child{font-size:12px}
.blueprint-top>span{font-size:9px}
.blueprint-label{font-size:11px}
.studio-layout p{font-size:16px;line-height:1.75}
.studio-points{font-size:13px;color:#93a4bd}
.studio-contact{font-size:16px}
.faq-intro{font-size:16px}
.faq-list summary{font-size:16px}
.faq-list details p{font-size:15px;color:#98a8bf}
.contact-top>div>p{font-size:17px;line-height:1.75}
.contact-top .booking-note{font-size:13px;color:#8d9db4}
.contact-lower>div>p{font-size:14px}
.contact-link{font-size:16px;padding:14px 0}
.contact-form-wrap label{font-size:13px;color:#a7b6cb}
.contact-form-wrap input,.contact-form-wrap textarea{font-size:16px;padding:13px 15px}
.contact-form-wrap form>p{font-size:12px}
.form-status{font-size:14px}
.footer-bottom{font-size:12px}
.button{font-size:14px}

/* Pricing cards (Orbit model kept as approved, only the reading sizes rise) */
[data-pricing-variant=orbit] .section-heading>p{font-size:17px;line-height:1.75}
[data-pricing-variant=orbit] .package-label{font-size:11px}
[data-pricing-variant=orbit] .package-overview>p{font-size:15px;line-height:1.65}
[data-pricing-variant=orbit] .price>span{font-size:12px}
[data-pricing-variant=orbit] .package-inclusions li{font-size:14px}
[data-pricing-variant=orbit] .package-footer .scope-note{font-size:12px;line-height:1.7}
[data-pricing-variant=orbit] .package-footer .button{font-size:13px}
.package-motion-control button{font-size:11px}

/* 2. Spam trap stays invisible (its CSS lived in a file this page never loaded) */
.honeypot{position:absolute!important;left:-10000px!important;width:1px;height:1px;overflow:hidden}

/* 3. Header: calm over the hero, solid once reading starts, steps aside while scrolling down */
.header{transition:background .5s var(--ease),transform .55s var(--ease),border-color .5s}
.header.is-scrolled{background:#07090df0;border-bottom-color:#c3d4f014}
.header.is-hidden{transform:translateY(-102%)}
body.menu-open .header{transform:none}

/* 4. Scroll reveals (only armed when JS runs and motion is allowed) */
/* No clip-path on the hidden state: IntersectionObserver treats a fully clipped target as invisible. */
.reveal-armed [data-reveal]{opacity:0;transform:translateY(42px) skewY(2deg);filter:blur(8px);transform-origin:left bottom;transition:opacity .9s var(--ease),transform 1.15s var(--ease),filter 1s var(--ease)}
.reveal-armed [data-reveal].is-in{opacity:1;transform:none;filter:none}
.reveal-armed [data-reveal-fade]{opacity:0;transform:translateY(22px);transition:opacity .8s var(--ease),transform .9s var(--ease)}
.reveal-armed [data-reveal-fade].is-in{opacity:1;transform:none}

/* 5. Film grain + hero spotlight: texture and a light that follows the visitor */
body:before{content:'';position:fixed;inset:0;z-index:300;pointer-events:none;opacity:.05;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 .55 0'/%3E%3C/filter%3E%3Crect width='140' height='140' filter='url(%23n)'/%3E%3C/svg%3E")}
.signature-hero:before{content:'';position:absolute;inset:0;z-index:0;pointer-events:none;opacity:var(--spot-o,0);transition:opacity .8s;background:radial-gradient(520px circle at var(--spot-x,70%) var(--spot-y,45%),#9dc7ff14,transparent 65%)}
.hero-grid{mask-image:radial-gradient(420px circle at var(--spot-x,70%) var(--spot-y,47%),#000,transparent 70%),radial-gradient(ellipse at 70% 47%,#0007,transparent 65%)}

/* 6. Footer wordmark catches the light */
.footer-wordmark{background:radial-gradient(circle at var(--sheen-x,50%) var(--sheen-y,35%),#ffffff 0%,#dfe7f4 16%,#9caabb 46%,#38485e 85%);background-clip:text;-webkit-background-clip:text}

/* 7. Contact: the decisive button gets the weight it deserves */
.contact-top .button{min-height:64px;padding:18px 28px;font-size:15px;box-shadow:0 0 0 1px #ffffff22,0 18px 50px #9dc7ff22}
.contact-top .button:hover{box-shadow:0 0 0 1px #ffffff44,0 22px 60px #9dc7ff40}

/* 7b. The core invites a first touch: a soft ring until the visitor has tried it */
#core-toggle{position:relative}
#core-toggle:after{content:'';position:absolute;inset:-1px;border-radius:inherit;border:1px solid #9dc7ff;opacity:0;pointer-events:none}
body:not(.core-tried)[data-motion=running] #core-toggle:after{animation:core-invite 2.8s var(--ease) 2.5s infinite}
@keyframes core-invite{0%{opacity:.7;transform:scale(1)}70%,100%{opacity:0;transform:scale(1.22,1.5)}}

/* 8. Mobile booking bar */
.mobile-cta{display:none}

/* 9. Work: the featured concept is shown whole on small screens */
@media(max-width:900px){
  .featured-media{height:auto;aspect-ratio:3/2}
  .featured-media img{object-position:center top}
}

@media(max-width:680px){
  body{font-size:16px}
  .hero-intro{font-size:12px}
  .hero-sub{font-size:16px;line-height:1.7}
  .hero-small{font-size:12px}
  .hero-interact small{font-size:12px}
  .hero-bottom{font-size:10px}
  .manifesto-bottom p{font-size:16px}
  .story-caption p{font-size:15px}
  .section-heading>p,.system-copy>p,.service-copy>p,.studio-layout p,.contact-top>div>p{font-size:16px}
  .featured-caption p,.work-secondary p,.operator-banner p,.faq-list details p{font-size:15px}
  .work-tail p,.scope-details p{font-size:13px}
  .process-choice small{font-size:14px}
  .faq-list summary{font-size:15px}
  .contact-link{font-size:15px}
  .footer-bottom{font-size:11px}
  .flow-node strong{font-size:12px}
  .flow-output{font-size:12px}
  .flow-status{font-size:12px}
  .flow-review{font-size:11px}
  .flow-review button{font-size:11px;padding:9px 11px}
  .flow-stage-top small{font-size:10px}
  [data-pricing-variant=orbit] .package-inclusions li{font-size:14px}
  [data-pricing-variant=orbit] .package-overview>p{font-size:15px}

  .mobile-cta{display:block;position:fixed;left:12px;right:12px;bottom:calc(12px + env(safe-area-inset-bottom));z-index:95;transform:translateY(140%);opacity:0;transition:transform .6s var(--ease),opacity .4s}
  .mobile-cta.is-on{transform:none;opacity:1}
  .mobile-cta .button{width:100%;min-height:62px;padding:12px 14px 12px 22px;box-shadow:0 18px 40px #000a,0 0 0 1px #ffffff30;background:#eef1f5f2;backdrop-filter:blur(14px)}
  .mobile-cta .button>span:first-child{display:flex;flex-direction:column;line-height:1.2;text-align:left}
  .mobile-cta small{font-size:11px;font-weight:500;color:#4d5a6d;margin-top:3px}
  .mobile-cta .button>span:last-child{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:#11151c;color:#eef1f5;font-size:18px}
  body.menu-open .mobile-cta{display:none}
  footer{padding-bottom:90px}
}


/* Landscape tablets and small laptops: the sculpture moves aside so the offer stays readable */
@media(min-width:901px) and (max-width:1150px){
  .hero-sculpture{right:-30%;width:86%}
  .hero-sub{max-width:430px}
}

/* Hero on tablets and phones is composed, not shrunk: headline, a dedicated sculpture stage, then the offer */
@media(max-width:900px){
  .signature-hero{display:flex;flex-direction:column;height:auto;min-height:0;max-height:none;padding:112px var(--gutter) 150px}
  .hero-copy{display:contents}
  .hero-intro{order:1;margin-bottom:22px}
  .hero-copy h1{order:2;max-width:100%}
  .hero-sculpture{order:3;position:relative;inset:auto;top:auto;right:auto;width:calc(100% + 2*var(--gutter));height:min(96vw,560px);margin:-6px calc(-1*var(--gutter)) 18px;z-index:1}
  .hero-sculpture .sculpture-caption{display:none}
  .hero-sub{order:4;margin-top:0;position:relative;z-index:2}
  .hero-actions{order:5;position:relative;z-index:2}
  .hero-small{order:6;position:relative;z-index:2}
  .hero-interact{order:7;position:relative;left:auto;right:auto;bottom:auto;margin-top:30px;align-items:flex-start;z-index:2}
  .signature-hero:before{display:none}

}
@media(min-width:681px) and (max-width:900px){
  .signature-hero{padding-top:140px}
  .hero-copy h1{font-size:clamp(84px,12.5vw,112px)}
  .hero-sub{max-width:560px}
}
@media(max-width:680px){
  .hero-sculpture{height:min(96vw,430px)}
}
@media(max-width:360px){
  .hero-sculpture{height:330px}
  .hero-sub{font-size:15px}
}

@media(prefers-reduced-motion:reduce){
  .reveal-armed [data-reveal],.reveal-armed [data-reveal-fade]{opacity:1!important;transform:none!important;filter:none!important}
  .header.is-hidden{transform:none}
  body:before{display:none}
}
/* ---- signature-v3.css ---- */
/* ELYX Signature v3: visible redesign layer (07.10.2026)
   Loaded after signature.css and signature-plus.css. Scoped to body.v3 so it always wins. */
@property --spin{syntax:'<angle>';inherits:false;initial-value:0deg}
:root{
  --porcelain:#e8ebf0;--porcelain-ink:#0b0f16;--porcelain-muted:#4a5464;--porcelain-line:#0b0f161c;
  --chrome:linear-gradient(100deg,#f6f9fd 0%,#a9bdda 16%,#f1f5fb 31%,#8ea5c8 49%,#eef3fa 66%,#9cb3d6 83%,#f6f9fd 100%);
  --h1:clamp(84px,min(12.2vw,22svh),200px);
  --sheet-r:clamp(28px,3.4vw,52px);
  --rail-pad:max(var(--gutter),calc(50% - 740px + var(--gutter)));
}
.vh{position:absolute!important;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0;padding:0}

/* Chrome type: the second hero line and the closing line */
body.v3 .hero-line:nth-child(2),
body.v3 .contact-top h2>span:last-child{background:var(--chrome);background-size:240% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:none;filter:drop-shadow(0 8px 34px #07090dd9);animation:v3-chrome 10s ease-in-out infinite alternate}
@keyframes v3-chrome{to{background-position:100% 0}}

/* ---------- HERO ---------- */
body.v3 .hero-aurora{position:absolute;inset:0;z-index:-1;pointer-events:none;overflow:hidden}
body.v3 .hero-aurora i{position:absolute;border-radius:50%;opacity:.5;mix-blend-mode:screen;animation:v3-aurora 28s ease-in-out infinite alternate;will-change:transform}
body.v3 .hero-aurora i:nth-child(1){width:62vw;height:62vw;left:30%;top:-12%;background:radial-gradient(circle,#2a58ff55 0%,#2a58ff18 38%,transparent 66%)}
body.v3 .hero-aurora i:nth-child(2){width:46vw;height:46vw;left:58%;top:34%;background:radial-gradient(circle,#7a5cff4a 0%,#7a5cff12 40%,transparent 66%);animation-duration:34s;animation-delay:-9s}
body.v3 .hero-aurora i:nth-child(3){width:40vw;height:40vw;left:12%;top:48%;background:radial-gradient(circle,#18c6ff2e 0%,transparent 64%);animation-duration:40s;animation-delay:-17s}
@keyframes v3-aurora{0%{transform:translate3d(0,0,0) scale(1)}50%{transform:translate3d(-7vw,5vh,0) scale(1.14)}100%{transform:translate3d(5vw,-4vh,0) scale(.92)}}
body.v3 .hero-line,body.v3 .hero-meta,body.v3 .hero-intro,body.v3 .hero-interact{transition:transform 1.15s var(--ease),opacity .9s ease,filter .9s ease}
html.v3-hold body.v3 .hero-line{opacity:0;transform:translateY(.32em);filter:blur(10px)}
html.v3-hold body.v3 .hero-meta,html.v3-hold body.v3 .hero-intro,html.v3-hold body.v3 .hero-interact{opacity:0;transform:translateY(24px)}
body.v3 .hero-line:nth-child(2){transition-delay:.12s}
body.v3 .hero-meta{transition-delay:.28s}
body.v3 .hero-interact{transition-delay:.4s}

@media (min-width:901px){
  body.v3 .signature-hero{height:100svh;min-height:660px;max-height:1100px}
  html[lang=tr] body.v3 .signature-hero{min-height:800px}
  body.v3 .hero-copy{position:absolute;inset:0;width:auto;max-width:none;padding:0;z-index:3}
  body.v3 .hero-intro{position:absolute;left:var(--gutter);top:112px;margin:0}
  body.v3 .hero-copy h1{position:absolute;left:var(--gutter);right:var(--gutter);top:150px;bottom:112px;margin:0;max-width:none;display:flex;flex-direction:column;justify-content:space-between;font-size:var(--h1);line-height:.86;letter-spacing:-.074em}
  body.v3 .hero-line{white-space:nowrap}
  body.v3 .hero-line:nth-child(2){align-self:flex-end;padding-right:.04em}
  body.v3 .hero-meta{position:absolute;left:var(--gutter);top:calc(150px + var(--h1)*.86 + 42px);width:min(520px,40vw)}
  body.v3 .hero-meta .hero-sub{max-width:440px}
  body.v3 .hero-actions{flex-wrap:nowrap}
  body.v3 .hero-actions a{white-space:nowrap}
  body.v3 .sculpture-caption{display:none}
  body.v3 .hero-sub{margin-top:0;max-width:none;font-size:17px;line-height:1.75;color:#b9c3d1}
  body.v3 .hero-interact{right:var(--gutter);top:112px;bottom:auto}
  body.v3 .hero-sculpture{left:26%;right:auto;width:62%;top:9%;height:82%}
  body.v3 .signature-hero:after{display:none}
}
@media (min-width:901px) and (max-width:1150px){
  body.v3 .signature-hero{min-height:790px}
  body.v3 .hero-sculpture{left:38%;width:68%;top:13%;height:72%}
  body.v3 .hero-interact small{display:none}
}

/* ---------- TICKER ---------- */
body.v3 .ticker{position:relative;z-index:4;overflow:hidden;padding:clamp(54px,6vw,96px) 0 clamp(26px,3vw,48px);background:#080b10}
body.v3 .ticker-band{width:112%;margin-left:-6%;overflow:hidden}
body.v3 .ticker-a{position:relative;z-index:2;background:var(--porcelain);color:var(--porcelain-ink);transform:rotate(-2.4deg);padding:.16em 0 .2em;box-shadow:0 34px 70px #000a}
body.v3 .ticker-b{position:relative;z-index:1;transform:rotate(1.9deg);margin-top:-.25em;padding:.16em 0}
body.v3 .ticker-track{display:flex;width:max-content;animation:v3-ticker 42s linear infinite;will-change:transform}
body.v3 .ticker-b .ticker-track{animation-direction:reverse;animation-duration:52s}
body.v3 .ticker-run{display:flex;align-items:center;gap:.42em;padding-right:.42em;font:700 clamp(46px,7.4vw,128px)/1.02 Bricolage,Inter,sans-serif;letter-spacing:-.052em;white-space:nowrap}
body.v3 .ticker-run i{font-style:normal;font-size:.46em;color:#3d6bff;transform:translateY(-.05em)}
body.v3 .ticker-b .ticker-run{color:transparent;-webkit-text-stroke:1.4px #9dc7ff6b}
body.v3 .ticker-b .ticker-run i{color:#9dc7ff;-webkit-text-stroke:0}
@keyframes v3-ticker{to{transform:translate3d(-50%,0,0)}}

/* ---------- MANIFESTO ---------- */
body.v3 .manifesto-section{padding:clamp(80px,8vw,140px) 0 clamp(100px,11vw,170px)}
body.v3 .manifesto-line{font-size:clamp(40px,6.1vw,108px);line-height:1.03;letter-spacing:-.056em;max-width:none}
@media (prefers-reduced-motion:no-preference){
  body.v3 .manifesto-line .word{color:#222a37;transition:color .35s}
  body.v3 .manifesto-line .word.lit{color:#eef2f8}
}
body.v3 .manifesto-bottom p{font-size:17px;max-width:520px}
body.v3 .connect-mark{font-size:48px;color:#9dc7ff}

/* ---------- CHAPTER LABELS + HEADINGS ---------- */
body.v3 .chapter,
body.v3 .pricing-section .section-heading>.eyebrow,
body.v3 .faq-section .eyebrow{display:flex;align-items:center;gap:14px;margin:0 0 34px;font-size:12px;font-weight:500;letter-spacing:.16em;text-transform:uppercase;color:#8fa0b8}
body.v3 .chapter>span:first-child,
body.v3 .pricing-section .section-heading>.eyebrow>span:first-child,
body.v3 .faq-section .eyebrow>span:first-child{display:inline-grid;place-items:center;min-width:40px;height:26px;padding:0 10px;border:1px solid #9dc7ff45;border-radius:99px;color:#d4e4ff;letter-spacing:.04em}
body.v3 .chapter:after,
body.v3 .pricing-section .section-heading>.eyebrow:after{content:'';flex:1;height:1px;background:linear-gradient(90deg,#9dc7ff3d,transparent)}
body.v3 .pricing-section .section-heading>.eyebrow{grid-column:1/-1}
body.v3 .section-heading h2,
body.v3 .pricing-section .section-heading h2{font-size:clamp(46px,6.3vw,112px);line-height:.95;letter-spacing:-.062em;max-width:1050px}
body.v3 .section-heading>p,body.v3 .pricing-section .section-heading>p{font-size:17px;line-height:1.75;color:#a9b4c4;max-width:400px}
body.v3 .faq-section .section-heading{display:block}
body.v3 .faq-section h2{font-size:clamp(44px,4.6vw,78px)}

/* ---------- WORK: concept rail ---------- */
body.v3 .work-section{background:#0b0f16;padding-bottom:clamp(90px,9vw,150px)}
body.v3 .concept-rail{position:relative;margin:6px 0 clamp(60px,6vw,90px)}
body.v3 .rail-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin:0 var(--rail-pad) 26px}
body.v3 .rail-head p{color:var(--paper);display:flex;flex-direction:column;gap:6px;font:700 24px/1.1 Bricolage,Inter,sans-serif;letter-spacing:-.025em}
body.v3 .rail-head small{font:500 14px/1.4 Inter,sans-serif;letter-spacing:.01em;color:#8d9ab0}
body.v3 .rail-controls{display:flex;align-items:center;gap:10px}
body.v3 .rail-hint{font-size:14px;color:#8d9ab0;margin-right:12px}
body.v3 .rail-btn{width:54px;height:54px;border-radius:50%;border:1px solid #c9d8f030;background:#ffffff08;color:var(--paper);font:400 20px/1 Inter,sans-serif;display:grid;place-items:center;cursor:pointer;transition:background .3s,color .3s,border-color .3s,opacity .3s}
body.v3 .rail-btn:hover:not(:disabled){background:var(--paper);color:#0b0f16;border-color:var(--paper)}
body.v3 .rail-btn:disabled{opacity:.28;cursor:default}
body.v3 .rail-track{display:flex;gap:clamp(16px,1.7vw,30px);overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-padding-inline:var(--rail-pad);padding:14px var(--rail-pad) 34px;scrollbar-width:none;overscroll-behavior-x:contain;cursor:grab;outline-offset:-4px}
body.v3 .rail-track::-webkit-scrollbar{display:none}
body.v3 .rail-track.is-dragging{cursor:grabbing;scroll-snap-type:none;user-select:none}
body.v3 .rail-track.is-dragging a{pointer-events:none}
body.v3 .rail-card{flex:0 0 clamp(300px,36vw,580px);scroll-snap-align:start;display:flex;flex-direction:column;gap:18px;color:var(--paper)}
body.v3 .rail-shot{position:relative;aspect-ratio:1280/830;border-radius:22px;overflow:hidden;background:#111826;border:1px solid #c9d8f01f;box-shadow:0 34px 70px -18px #000b;transform:perspective(1100px) rotateY(var(--ry,0deg)) rotateX(var(--rx,0deg));transition:transform .7s var(--ease),border-color .4s}
body.v3 .rail-shot:before{content:'';position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(155deg,color-mix(in srgb,var(--accent) 34%,transparent),transparent 42%);mix-blend-mode:screen}
body.v3 .rail-shot:after{content:'';position:absolute;left:-10%;right:-10%;bottom:-45%;height:80%;z-index:1;pointer-events:none;background:radial-gradient(closest-side,color-mix(in srgb,var(--accent) 50%,transparent),transparent);opacity:.18;transition:opacity .6s}
body.v3 .rail-card:hover .rail-shot,body.v3 .rail-card:focus-visible .rail-shot{border-color:color-mix(in srgb,var(--accent) 60%,transparent)}
body.v3 .rail-card:hover .rail-shot:after{opacity:.75}
body.v3 .rail-shot img{width:100%;height:100%;object-fit:cover;object-position:top center;transition:transform 1.2s var(--ease);-webkit-user-drag:none;user-select:none}
body.v3 .rail-card:hover .rail-shot img{transform:scale(1.05)}
body.v3 .rail-meta{display:flex;align-items:center;gap:12px;font-size:14px;color:#a9b4c4}
body.v3 .rail-index{color:var(--accent);font-weight:600;font-variant-numeric:tabular-nums}
body.v3 .rail-open{margin-left:auto;color:var(--paper);opacity:.7;transition:opacity .3s}
body.v3 .rail-card:hover .rail-open{opacity:1}
body.v3 .rail-card h3{font-size:clamp(24px,2.2vw,38px);line-height:1.04;letter-spacing:-.038em;max-width:17ch}
body.v3 .rail-progress{margin:4px var(--rail-pad) 0;height:2px;border-radius:2px;background:#c9d8f01c;overflow:hidden}
body.v3 .rail-progress i{display:block;height:100%;background:linear-gradient(90deg,#9dc7ff,#eef4ff);transform-origin:left;transform:scaleX(var(--rail-p,.18));transition:transform .25s linear}
body.v3 .work-secondary h3{font-size:28px}
body.v3 .work-secondary p,body.v3 .work-tail p{font-size:14px}

/* ---------- SERVICES: light sheet ---------- */
body.v3 .services-section{position:relative;z-index:2;background:var(--porcelain);color:var(--porcelain-ink);border-radius:var(--sheet-r);margin:0 clamp(6px,.9vw,14px);padding:clamp(96px,9vw,150px) 0 clamp(70px,7vw,110px);box-shadow:0 -40px 90px #0009}
body.v3 .services-section .chapter{color:#5b6677}
body.v3 .services-section .chapter>span:first-child{border-color:#0b0f1638;color:var(--porcelain-ink)}
body.v3 .services-section .chapter:after{background:linear-gradient(90deg,#0b0f1630,transparent)}
body.v3 .services-section h2,body.v3 .services-section h3{color:var(--porcelain-ink)}
body.v3 .services-section .section-heading>p,body.v3 .services-section .service-copy>p,body.v3 .services-section .services-note{color:var(--porcelain-muted)}
body.v3 .services-section .service-copy>p{font-size:17px;line-height:1.7}
body.v3 .services-section .service-copy ul{color:#2f3846;font-size:15px}
body.v3 .services-section .service-copy li:before{color:#2f5bff}
body.v3 .service-row{border-top-color:var(--porcelain-line)}
body.v3 .services-note{border-top-color:var(--porcelain-line)}
body.v3 .service-index{font:700 clamp(64px,7vw,124px)/.9 Bricolage,Inter,sans-serif;letter-spacing:-.06em;color:transparent;-webkit-text-stroke:1.5px #0b0f1645;margin-bottom:20px}
body.v3 .services-section .text-link{color:var(--porcelain-ink);border-bottom-color:#0b0f1638}
body.v3 .services-section .text-link:hover{color:#2f5bff}
body.v3 .service-visual{height:440px;border-radius:30px;background:radial-gradient(ellipse at 50% 38%,#24447a 0%,#0e1626 58%,#0a0f19 100%);box-shadow:0 50px 90px -40px #0b0f16b3,inset 0 0 0 1px #ffffff12;overflow:clip;color:var(--paper)}

/* ---------- PRICING: living border on the featured package ---------- */
body.v3 .price-card.pro:after{left:-1px;right:-1px;top:-1px;bottom:-1px;height:auto;padding:1.5px;border-radius:inherit;opacity:1;background:conic-gradient(from var(--spin),transparent 0 60%,#9dc7ff 72%,#f1f6ff 80%,#b7a8ff 88%,transparent 97%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:v3-spin 6s linear infinite}
@keyframes v3-spin{to{--spin:360deg}}

/* ---------- STUDIO / FAQ ---------- */
body.v3 .studio-layout h2{font-size:clamp(36px,3.6vw,58px);letter-spacing:-.045em}
body.v3 .studio-layout p{font-size:16px;line-height:1.75}
body.v3 .faq-list summary{font-size:17px}
body.v3 .faq-list details p{font-size:15px}

/* ---------- CONTACT: giant close + orb ---------- */
body.v3 .contact-section{border-radius:var(--sheet-r) var(--sheet-r) 0 0;background:radial-gradient(ellipse at 78% 0%,#2a58ff3a,transparent 52%),radial-gradient(ellipse at 10% 100%,#7a5cff22,transparent 50%),#090e16;padding-top:clamp(110px,11vw,180px)}
body.v3 .contact-top{display:block;padding-bottom:clamp(70px,7vw,110px)}
body.v3 .contact-top h2{font-size:clamp(62px,10.6vw,190px);line-height:.88;letter-spacing:-.072em;margin-bottom:clamp(40px,4.4vw,70px)}
body.v3 .contact-top>div{display:grid;grid-template-columns:minmax(0,460px) auto;justify-content:space-between;align-items:center;gap:18px 48px}
body.v3 .contact-top>div>p:first-child{grid-column:1;grid-row:1;align-self:end;margin:0;font-size:18px;line-height:1.7;color:#b9c3d1}
body.v3 .contact-top .booking-note{grid-column:1;grid-row:2;align-self:start;margin:0;font-size:13px}
body.v3 .cta-orb{grid-column:2;grid-row:1/3;position:relative;width:clamp(180px,15vw,236px);aspect-ratio:1;display:grid;place-items:center}
body.v3 .orb-ring{position:absolute;inset:0;width:100%;height:100%;overflow:visible;animation:v3-orb 24s linear infinite;pointer-events:none}
body.v3 .orb-ring text{font:600 10.6px Inter,sans-serif;letter-spacing:.2em;fill:#a9c6f2}
body.v3 .cta-orb .button{width:68%;aspect-ratio:1;min-height:0;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:14px;text-align:center;font-size:14px;line-height:1.2;box-shadow:0 0 70px #9dc7ff33}
body.v3 .cta-orb .button>span:last-child{font-size:26px}
@keyframes v3-orb{to{transform:rotate(360deg)}}

/* ---------- CURSOR + INTRO ---------- */
html.v3-intro-pending:before{content:'';position:fixed;inset:0;z-index:599;background:#07090d;animation:v3-cover 0s 2.8s forwards}
@keyframes v3-cover{to{visibility:hidden;opacity:0}}
.v3-cursor{position:fixed;left:0;top:0;z-index:400;pointer-events:none;width:0;height:0;opacity:0;transition:opacity .3s}
.v3-cursor.is-on{opacity:1}
.v3-cursor .ring{position:absolute;width:40px;height:40px;margin:-20px 0 0 -20px;border-radius:50%;border:1px solid #c9dcff8c;display:grid;place-items:center;transition:width .4s var(--ease),height .4s var(--ease),margin .4s var(--ease),background .35s,border-color .35s}
.v3-cursor .ring span{font:600 13px/1 Inter,sans-serif;color:#0b0f16;opacity:0;transition:opacity .2s;white-space:nowrap}
.v3-cursor.is-link .ring{width:64px;height:64px;margin:-32px 0 0 -32px;border-color:#9dc7ffcc;background:#9dc7ff12}
.v3-cursor.is-label .ring{width:104px;height:104px;margin:-52px 0 0 -52px;background:var(--paper);border-color:transparent}
.v3-cursor.is-label .ring span{opacity:1}
.v3-cursor.on-light .ring{border-color:#0b0f1666}
html.v3-cursor-label .rail-card,html.v3-cursor-label .rail-track{cursor:none}

.v3-intro{position:fixed;inset:0;z-index:600;background:#07090d;display:grid;place-items:center;clip-path:inset(0 0 0 0);transition:clip-path 1s cubic-bezier(.76,0,.24,1)}

/* ---------- TABLET + PHONE ---------- */
@media (max-width:900px){
  body.v3 .hero-meta{display:contents}
  body.v3 .hero-copy h1,html[lang=de] body.v3 .hero-copy h1{font-size:clamp(56px,16.6vw,120px);line-height:.88;letter-spacing:-.07em}
  html[lang=tr] body.v3 .hero-copy h1{font-size:clamp(44px,12.4vw,96px)}
  body.v3 .hero-line:nth-child(2){text-align:right}
  body.v3 .hero-copy h1{position:relative;z-index:3}
  body.v3 .hero-sculpture{margin-top:calc(-1*min(22vw,150px))}
  body.v3 .hero-sub{font-size:17px}
  body.v3 .ticker{padding:44px 0}
  body.v3 .ticker-run{font-size:clamp(40px,11.5vw,84px)}
  body.v3 .manifesto-line{font-size:clamp(36px,9.6vw,72px)}
  body.v3 .chapter{margin-bottom:26px}
  body.v3 .section-heading h2,body.v3 .pricing-section .section-heading h2{font-size:clamp(42px,11.6vw,84px)}
  body.v3 .section-heading>p,body.v3 .pricing-section .section-heading>p{font-size:16px}
  body.v3 .rail-head{flex-direction:column;align-items:flex-start}
  body.v3 .rail-hint{display:none}
  body.v3 .rail-controls{display:none}
  body.v3 .rail-card{flex-basis:min(80vw,440px)}
  body.v3 .rail-card h3{font-size:24px}
  body.v3 .service-index{font-size:68px}
  body.v3 .services-section .service-copy>p{font-size:16px}
  body.v3 .service-visual{height:340px;border-radius:22px;margin-inline:0}
  body.v3 .contact-top h2{font-size:clamp(54px,15.6vw,120px)}
  body.v3 .contact-top>div{grid-template-columns:1fr}
  body.v3 .contact-top>div>p:first-child{font-size:16px}
  body.v3 .cta-orb{grid-column:1;grid-row:auto;justify-self:center;margin:14px 0 6px;width:200px}
  body.v3 .contact-top .booking-note{grid-row:auto;text-align:center}
}
@media (max-width:680px){
  body.v3 .services-section{margin:0 6px;border-radius:28px}
  body.v3 .faq-list summary{font-size:16px}
  body.v3 .studio-layout p{font-size:15px}
}

/* ---------- REDUCED MOTION ---------- */
@media (prefers-reduced-motion:reduce){
  body.v3 .hero-aurora i,body.v3 .ticker-track,body.v3 .orb-ring,body.v3 .price-card.pro:after,
  body.v3 .hero-line:nth-child(2),body.v3 .contact-top h2>span:last-child{animation:none}
  .v3-cursor,.v3-intro{display:none}
}
body[data-motion=paused].v3 .hero-aurora i,body[data-motion=paused].v3 .ticker-track,body[data-motion=paused].v3 .orb-ring,body[data-motion=paused].v3 .price-card.pro:after{animation-play-state:paused}

/* =========================================================
   INTRO (08.10.2026): Kern Fusion, Flug and Galaxie in rotation (WebGL2), the first 2D Kern as fallback
   Fusion, Flug and Galaxie take turns (about 3.7 s each); they can be skipped with a click, tap, key or wheel and never run with reduced motion.
   ========================================================= */
.v3-intro.vi{display:block;clip-path:none;transition:none;background:none;pointer-events:auto;cursor:default;contain:strict}
.vi-word{user-select:none}

/* Kern (all three): the word under the core */
.v3-intro.vi-1{background:#07090d}
.vi-1 canvas{position:absolute;inset:0;width:100%;height:100%}
.vi-1 .vi-word{position:absolute;left:0;right:0;top:var(--wy,62%);display:flex;flex-direction:column;align-items:center;gap:16px;pointer-events:none}
.vi-1 .vi-word b{font:700 clamp(54px,8.6vw,132px)/.9 Bricolage,Inter,sans-serif;letter-spacing:.42em;margin-right:-.42em;background:var(--chrome);background-size:240% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;opacity:0;filter:blur(14px);transition:letter-spacing 1.1s cubic-bezier(.16,1,.3,1),margin 1.1s cubic-bezier(.16,1,.3,1),opacity .7s ease,filter .9s ease,transform .6s cubic-bezier(.7,0,.84,0)}
.vi-1 .vi-word small{font:500 11px/1 Inter,sans-serif;letter-spacing:.42em;margin-right:-.42em;color:#8fa2bf;opacity:0;transform:translateY(8px);transition:opacity .6s ease .25s,transform .8s cubic-bezier(.16,1,.3,1) .25s}
.vi-1.is-word .vi-word b{letter-spacing:-.04em;margin-right:0;opacity:1;filter:none;animation:vi-sheen 1.6s ease-in-out .2s both}
.vi-1.is-word .vi-word small{opacity:1;transform:none}
.vi-1.is-flare .vi-word b{opacity:0;filter:blur(10px);transform:scale(1.18);transition:opacity .35s ease,filter .35s ease,transform .45s cubic-bezier(.7,0,.84,0)}
.vi-1.is-flare .vi-word small{opacity:0;transition:opacity .2s}
@keyframes vi-sheen{from{background-position:100% 0}to{background-position:0 0}}

/* the glowing edge of the opening with its colour fringe, and the shock wave */
.vi-iris{position:fixed;left:0;top:0;z-index:601;opacity:0;border-radius:50%;pointer-events:none;border:1.5px solid #d6e6ff;box-shadow:0 0 22px 3px #7fb0ffa6,0 0 70px 10px #5f8dff40,inset 0 0 22px 2px #7fb0ff73;will-change:transform,width,height}
.vi-iris.is-v{border-color:#c9b8ff99;box-shadow:0 0 18px 2px #8a6bff66;z-index:600}
.vi-iris.is-c{border-color:#9fe6ff80;box-shadow:0 0 16px 2px #48c8ff55;z-index:600}
.vi-wave{position:absolute;border-radius:50%;border:1px solid #bcd6ffcc;box-shadow:0 0 18px 2px #6f9dff66,inset 0 0 18px 2px #6f9dff40;pointer-events:none;animation:vi-wave .85s cubic-bezier(.16,1,.3,1) forwards}
@keyframes vi-wave{from{transform:scale(.55);opacity:.9}to{transform:scale(2.6);opacity:0}}
.vi-wave.is-strong{border-width:2px;animation:vi-wave2 1s cubic-bezier(.16,1,.3,1) forwards}
@keyframes vi-wave2{from{transform:scale(.25);opacity:1}to{transform:scale(4.6);opacity:0}}

/* local preview switch (127.0.0.1 only) */
.v3-intro~.vi-switch{display:none}
.vi-switch{position:fixed;left:16px;bottom:16px;z-index:700;display:flex;align-items:center;gap:3px;padding:5px;border-radius:99px;background:#0b111be6;border:1px solid #9dc7ff40;backdrop-filter:blur(12px);font:500 12px/1 Inter,sans-serif;color:#8fa0b8;box-shadow:0 10px 30px #0008}
.vi-switch>span{padding:0 9px 0 8px;font-size:10px;letter-spacing:.08em;text-transform:uppercase}
.vi-switch button{border:0;border-radius:99px;padding:8px 12px;min-height:32px;background:none;color:#c3cfdf;font:inherit;cursor:pointer}
.vi-switch button[aria-pressed=true]{background:#eef1f5;color:#0b0f16}
@media (max-width:680px){.vi-switch{bottom:96px;left:10px;right:10px;flex-wrap:wrap;justify-content:center;border-radius:18px}.vi-switch>span,.vi-switch i{display:none}.vi-switch button{padding:7px 10px}}
.vi-switch i{font-style:normal;opacity:.75}
/* ---- signature-core.css ---- */
/* A single energy cue, driven by the existing shared ticker. No layout changes. */
#top{--core-energy:0;--core-press:1;--core-icon-turn:0deg;--core-art-opacity:1;--core-wave-opacity:0;--core-wave-scale:.18;--core-wave-line:1px;--core-shake-x:0px;--core-shake-y:0px;--core-ring-size:1;--core-letter-size:0;--core-sphere-size:0}
body.core-ready #core-toggle{transform:scale(var(--core-press));transform-origin:center;transition:background .35s,border-color .35s,box-shadow .35s;color:#e8f0ff}
body.core-ready #core-toggle .core-symbol{display:inline-block;transform:rotate(var(--core-icon-turn));will-change:transform}
body.core-ready #core-toggle[aria-disabled=true]{cursor:wait}
body.core-ready #core-toggle[aria-pressed=true]{background:linear-gradient(125deg,#b2c7ee30,#759de323);border-color:#b8d8ff9c;box-shadow:inset 0 0 24px #a6cdff0c,0 0 26px #93bcff20}
body.core-ready #core-toggle[aria-pressed=true]:after{animation:none;opacity:0}
.core-status-dot{width:5px;height:5px;flex-shrink:0;border-radius:50%;background:#c1e2ff;box-shadow:0 0 9px #94c6ff;display:none}
#core-toggle[aria-pressed=true] .core-status-dot{display:block;animation:core-status-breathe 2.7s ease-in-out infinite}
@keyframes core-status-breathe{50%{opacity:.48;box-shadow:0 0 3px #94c6ff;transform:scale(.8)}}
body.core-ready #core-art{translate:var(--core-shake-x) var(--core-shake-y);opacity:var(--core-art-opacity);transition:none}
.core-fx{position:absolute;inset:0;z-index:2;pointer-events:none;overflow:clip;contain:paint}
.core-fx i{position:absolute;display:block;left:var(--core-x,55%);top:var(--core-y,50%);pointer-events:none}
.core-energy-cloud{width:min(96vw,1100px);aspect-ratio:1;transform:translate(-50%,-50%);background:radial-gradient(ellipse,#9bbcff35 0%,#486fea22 23%,#724bf812 45%,transparent 66%);opacity:calc(var(--core-energy)*.85)}
.core-flash{width:clamp(180px,32vw,430px);aspect-ratio:1;transform:translate(-50%,-50%);background:radial-gradient(circle,#f6faffb8 0%,#d3e6ff80 9%,#9bbdff40 24%,#749bff12 42%,transparent 64%);opacity:calc(var(--core-energy)*.64);mix-blend-mode:screen}
.core-flare{width:min(85vw,860px);height:2px;transform:translate(-50%,-50%) rotate(-16deg);background:linear-gradient(90deg,transparent,#aecfff55 25%,#f5faffc9 50%,#aecfff55 75%,transparent);opacity:calc(var(--core-energy)*.67);box-shadow:0 0 14px #b1d8ff50}
.core-shockwave{width:180px;height:180px;border:var(--core-wave-line) solid #c0dcff;border-radius:50%;transform:translate(-50%,-50%) scale(var(--core-wave-scale));opacity:var(--core-wave-opacity);will-change:transform,opacity}
body.core-ready .hero-aurora i{opacity:calc(.5 + var(--core-energy)*.36)}
body.v3.core-ready #top[data-core-busy=true] .hero-line:nth-child(2){animation:none;background-image:linear-gradient(105deg,#afc1db 0%,#9eb2d0 42%,#f9fcff 48%,#e4f1ff 51%,#8da3c4 57%,#becde3 100%);background-size:240% 100%;background-position:var(--core-sheen,100%) 50%}
.core-fallback-sphere{display:none;position:absolute;left:50%;top:50%;width:30%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 30% 22%,#eff7ff 0%,#9cb8df 16%,#263b5e 44%,#91afe0 71%,#dfeaff 83%,#26364e 99%);transform:translate(-50%,-50%) scale(var(--core-sphere-size));opacity:var(--core-art-opacity);box-shadow:inset -10px -12px 24px #080f23b3}
body.core-ready .hero-sculpture[data-renderer=fallback] .core-fallback-sphere{display:block}
body.core-ready .hero-sculpture[data-renderer=fallback] .sculpture-fallback{visibility:visible;opacity:calc(min(1,var(--core-ring-size)*2)*var(--core-art-opacity));scale:var(--core-ring-size);translate:var(--core-shake-x) var(--core-shake-y)}
body.core-ready .hero-sculpture[data-renderer=fallback] .core-letter-fallback{display:flex;opacity:calc(min(1,var(--core-letter-size)*2)*var(--core-art-opacity));scale:var(--core-letter-size);translate:var(--core-shake-x) var(--core-shake-y)}
body[data-motion=paused] .core-status-dot{animation-play-state:paused!important}
body[data-motion=paused] .core-fx{visibility:hidden}
@media(prefers-reduced-motion:reduce){
  .core-fx{display:none!important}
  body.core-ready #core-toggle .core-symbol{transform:none;will-change:auto}
  body.core-ready #core-toggle{transform:none;transition:none}
  body.core-ready #core-art{translate:none}
  body.v3.core-ready #top[data-core-busy=true] .hero-line:nth-child(2){background-image:var(--chrome);background-position:50% 0}
  body.core-ready .hero-aurora i{opacity:.5}
  #core-toggle .core-status-dot{animation:none!important}
}
/* ---- signature-story.css ---- */
/* Signalstudie (Claude, 07.10.2026): the chosen "Skulptur" canvas over the original story field */
.story-pin canvas.story-variant{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
/* ---- signature-variants.css ---- */
/* ELYX Signature: chosen section designs (Claude, 07.10.2026)
   Arbeiten 3 Deck · Pakete 1 Spotlight · Ablauf 3 Scroll · Kontakt 1 Split ·
   Ansprechpartner 1 Statement · FAQ 2 Zentriert · Footer 2 Spalten. data-vx is set by signature-variants.js.
   Hero, Laufband and Manifest stay as built (signature-v3.css). Leistungen moved to signature-services.css (08.10.2026). The unchosen designs and the preview switches were removed. */
#work[data-vx="3"] .concept-rail{overflow-x:clip}
#work[data-vx="3"] .rail-track{position:relative;display:block;height:clamp(420px,40vw,600px);overflow:visible;padding:0;perspective:1600px;cursor:grab;scroll-snap-type:none}
#work[data-vx="3"] .rail-card{position:absolute;left:50%;top:0;width:min(46vw,640px);transform-style:preserve-3d;transition:transform .8s cubic-bezier(.2,.75,.2,1),opacity .6s,filter .6s;will-change:transform}
#work[data-vx="3"] .rail-card .rail-shot{transform:none!important}
#work[data-vx="3"] .rail-card:not(.is-front) h3,#work[data-vx="3"] .rail-card:not(.is-front) .rail-meta{opacity:0;transition:opacity .3s}
#work[data-vx="3"] .rail-card.is-front h3,#work[data-vx="3"] .rail-card.is-front .rail-meta{opacity:1;transition:opacity .6s .25s}
#work[data-vx="3"] .rail-progress{margin-top:26px}
@media (max-width:900px){
  #work[data-vx="3"] .rail-track{height:clamp(330px,92vw,440px)}
  #work[data-vx="3"] .rail-card{width:74vw}
  #work[data-vx="3"] .rail-controls{display:flex}
}

#pricing[data-vx="1"] .pricing-grid{grid-template-columns:minmax(0,1fr) minmax(0,1.16fr) minmax(0,1fr);align-items:center;gap:18px}
#pricing[data-vx="1"] .price-card.basic,#pricing[data-vx="1"] .price-card.automation{transform:scale(.95);opacity:.8;transition:opacity .4s,transform .6s cubic-bezier(.2,.75,.2,1)}
#pricing[data-vx="1"] .price-card.basic:hover,#pricing[data-vx="1"] .price-card.automation:hover{opacity:1;transform:scale(.97)}
#pricing[data-vx="1"] .price-card.pro{z-index:2;background:#eef1f5;border-color:#fff;color:#0b0f16;box-shadow:0 70px 130px -50px #2f5bffaa,0 0 0 1px #fff inset;transform:scale(1.03)}
#pricing[data-vx="1"] .price-card.pro h3,#pricing[data-vx="1"] .price-card.pro .price strong{color:#0b0f16}
#pricing[data-vx="1"] .price-card.pro p,#pricing[data-vx="1"] .price-card.pro li,#pricing[data-vx="1"] .price-card.pro .scope-note,#pricing[data-vx="1"] .price-card.pro .price>span{color:#3b4555}
#pricing[data-vx="1"] .price-card.pro .package-label,#pricing[data-vx="1"] .price-card.pro .price small{color:#2f5bff}
#pricing[data-vx="1"] .price-card.pro .price{border-top-color:#0b0f161f}
#pricing[data-vx="1"] .price-card.pro .button{background:#0b0f16;color:#fff;border-color:#0b0f16}
#pricing[data-vx="1"] .price-card.pro .package-visual{filter:invert(1) hue-rotate(180deg) saturate(1.4)}
#pricing[data-vx="1"] .price-card.pro:after{background:conic-gradient(from var(--spin),transparent 0 60%,#2f5bff 72%,#9dc7ff 80%,#7a5cff 88%,transparent 97%)}
@media (max-width:900px){
  #pricing[data-vx="1"] .pricing-grid{grid-template-columns:1fr}
  #pricing[data-vx="1"] .price-card{transform:none!important;opacity:1!important}
}
#process[data-vx="3"] .process-layout{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);align-items:start}
#process[data-vx="3"] .blueprint-scene{position:sticky;top:130px;height:min(560px,70vh)}
#process[data-vx="3"] .process-choices{position:relative;padding-left:54px}
#process[data-vx="3"] .process-choices:before{content:'';position:absolute;left:17px;top:10vh;bottom:10vh;width:2px;background:linear-gradient(#5f8dff calc(var(--vxi-p,0)*100%),#1b2840 0);transition:background .6s}
#process[data-vx="3"] .process-choice{position:relative;display:flex;flex-direction:column;justify-content:center;min-height:52vh;border:0;padding:30px 0;opacity:.5;transition:opacity .5s}
#process[data-vx="3"] .process-choice[aria-pressed=true]{opacity:1}
#process[data-vx="3"] .process-choice>span:first-child{position:absolute;left:-54px;top:50%;transform:translateY(-50%);width:36px;height:36px;padding:0;border-radius:50%;display:grid;place-items:center;background:#0d1626;border:1px solid #9dc7ff40;font-size:12px;color:#9fb6d6}
#process[data-vx="3"] .process-choice[aria-pressed=true]>span:first-child{background:#eef1f5;color:#0b0f16;box-shadow:0 0 26px #5f8dff99}
#process[data-vx="3"] .process-choice>span:last-child{display:none}
#process[data-vx="3"] .process-choice strong{font-size:clamp(28px,2.8vw,44px);letter-spacing:-.035em}
#process[data-vx="3"] .process-choice small{font-size:17px;max-width:420px;margin-top:12px}
@media (max-width:900px){
  #process[data-vx="3"] .process-layout{grid-template-columns:1fr}
  #process[data-vx="3"] .blueprint-scene{top:76px;height:280px;z-index:2;order:-1;background:radial-gradient(ellipse,#234f8330,transparent 68%),#06080c;border-radius:0 0 18px 18px;box-shadow:0 24px 30px -10px #06080c}
  #process[data-vx="3"] .process-choice{min-height:40vh}
}
#contact[data-vx="1"] .container{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:46px clamp(40px,6vw,100px);align-items:start}
#contact[data-vx="1"] .contact-top{grid-column:1;grid-row:1;padding:0}
#contact[data-vx="1"] .contact-top h2{font-size:clamp(48px,5.4vw,94px);margin-bottom:26px}
#contact[data-vx="1"] .contact-top>div:not(.vx-marquee){display:block}
#contact[data-vx="1"] .cta-orb{width:auto;aspect-ratio:auto;display:block;margin:28px 0 12px}
#contact[data-vx="1"] .orb-ring{display:none}
#contact[data-vx="1"] .cta-orb .button{width:auto;aspect-ratio:auto;min-height:60px;border-radius:100px;flex-direction:row;gap:30px;padding:16px 26px;font-size:15px}
#contact[data-vx="1"] .cta-orb .button>span:last-child{font-size:21px}
#contact[data-vx="1"] .contact-lower{display:contents}
#contact[data-vx="1"] .contact-lower>div:first-child{grid-column:1;grid-row:2}
#contact[data-vx="1"] .contact-form-wrap{grid-column:2;grid-row:1/3;padding:clamp(24px,2.6vw,40px);border-radius:28px;background:linear-gradient(160deg,#121c2ee6,#0a0f19e6);border:1px solid #9dc7ff30;box-shadow:0 50px 110px -50px #000;backdrop-filter:blur(10px)}
@media (max-width:900px){
  #contact[data-vx="1"] .container{grid-template-columns:1fr}
  #contact[data-vx="1"] .contact-top,#contact[data-vx="1"] .contact-lower>div:first-child,#contact[data-vx="1"] .contact-form-wrap{grid-column:1;grid-row:auto}
}
.studio-section[data-vx]{position:relative}
.studio-section[data-vx="1"]{padding:clamp(110px,11vw,180px) 0}
.studio-section[data-vx="1"] .studio-layout{display:flex;flex-direction:column;align-items:center;text-align:center;gap:34px}
.studio-section[data-vx="1"] .studio-layout>div{display:flex;flex-direction:column;align-items:center;max-width:1100px}
.studio-section[data-vx="1"] .studio-layout h2{position:relative;font-size:clamp(46px,6.4vw,112px);line-height:.96;letter-spacing:-.06em;margin:26px 0}
.studio-section[data-vx="1"] .studio-layout>div:before{content:'“';display:block;height:.42em;margin-bottom:18px;font:700 clamp(110px,11vw,190px)/1 Bricolage,Inter,sans-serif;color:transparent;background:linear-gradient(160deg,#cfe0ff,#5f8dff 60%,#2c4a86);-webkit-background-clip:text;background-clip:text}
.studio-section[data-vx="1"] .studio-layout p{max-width:640px;font-size:18px}
.studio-section[data-vx="1"] .studio-points{justify-content:center;gap:10px}
.studio-section[data-vx="1"] .studio-points span{padding:10px 16px;border:1px solid #9dc7ff33;border-radius:99px;font-size:14px;color:#c3cfdf}
.studio-section[data-vx="1"] .studio-contact{font-size:clamp(20px,2vw,30px);border-bottom-color:#9dc7ff55}
#faq[data-vx="2"] .faq-layout{grid-template-columns:1fr;max-width:900px;margin:0 auto;gap:46px}
#faq[data-vx="2"] .faq-layout>div:first-child{text-align:center}
#faq[data-vx="2"] .section-heading{display:flex;flex-direction:column;align-items:center}
#faq[data-vx="2"] .faq-section .eyebrow,#faq[data-vx="2"] .eyebrow{justify-content:center}
#faq[data-vx="2"] .eyebrow:after{display:none}
#faq[data-vx="2"] h2{font-size:clamp(50px,6vw,104px)!important}
#faq[data-vx="2"] .faq-intro{max-width:none;font-size:17px}
#faq[data-vx="2"] .faq-list summary{font:700 clamp(19px,1.8vw,26px)/1.3 Bricolage,Inter,sans-serif;letter-spacing:-.02em;color:var(--paper)}
#faq[data-vx="2"] .faq-list summary>span:last-child{width:46px;height:46px;flex:none;display:grid;place-items:center;border-radius:50%;background:#eef1f5;color:#0b0f16;font:400 22px/1 Inter,sans-serif}
#faq[data-vx="2"] .faq-list details{padding:28px 0}
#faq[data-vx="2"] .faq-list details p{font-size:16px;max-width:720px}
footer[data-vx]{position:relative}
footer[data-vx="2"] .footer-wordmark{font-size:23vw;line-height:.8;text-align:left;padding:0 var(--gutter) 24px;margin-top:clamp(30px,4vw,60px)}
footer[data-vx="2"] .footer-bottom>span[data-copy="sig.footer"],footer[data-vx="2"] .footer-bottom>div{display:none}
footer[data-vx="2"] .vx-foot-cols{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:30px;padding:clamp(70px,7vw,110px) var(--gutter) 20px;max-width:1480px;margin:0 auto;font-size:15px}
footer[data-vx="2"] .vx-foot-cols h4{margin:0 0 16px;font:500 12px/1 Inter,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:#7d8ea8}
footer[data-vx="2"] .vx-foot-cols a{display:block;padding:6px 0;color:#c3cfdf}
footer[data-vx="2"] .vx-foot-cols a:hover{color:#fff}
footer[data-vx="2"] .vx-foot-cols p{margin:0;font:700 clamp(24px,2.2vw,34px)/1.1 Bricolage,Inter,sans-serif;letter-spacing:-.03em;color:var(--paper);max-width:340px}
@media (max-width:900px){
  footer[data-vx="2"] .vx-foot-cols{grid-template-columns:1fr 1fr}
  footer[data-vx="2"] .vx-foot-cols>div:first-child{grid-column:1/-1}
}
@media (max-width:480px){
  footer[data-vx="2"] .vx-foot-cols{grid-auto-flow:row dense}
  footer[data-vx="2"] .vx-foot-cols>div:nth-child(3){grid-column:1/-1}
}
/* Cookie settings live in the footer (Rechtliches) instead of a floating button that covered the hero CTA on phones (08.10.2026) */
body:has(.vx-foot-cols [data-consent-open]) #elyx-consent-settings{display:none!important}

/* Arbeiten: demo cards from the portfolio (08.10.2026): brand name, sector, site language, one line on what to try */
body.v3 .rail-card h3 .rail-sub{font-size:.52em;letter-spacing:-.01em;font-weight:500;color:#a9b4c4;margin-left:.25em}
body.v3 .rail-sector{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
body.v3 .rail-lang{flex-shrink:0;font-size:11px;font-weight:600;letter-spacing:.1em;line-height:1;padding:5px 7px 4px;border:1px solid #c9d8f02e;border-radius:99px;color:#c9d3e2}
body.v3 .rail-open{flex-shrink:0}
body.v3 .rail-try{margin:-8px 0 0;font-size:15px;line-height:1.45;color:#a9b4c4;max-width:46ch;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
#work[data-vx="3"] .rail-track{height:calc(min(46vw,640px) * .648 + 170px)}
#work[data-vx="3"] .rail-card:not(.is-front) .rail-try{opacity:0;transition:opacity .3s}
#work[data-vx="3"] .rail-card.is-front .rail-try{opacity:1;transition:opacity .6s .3s}
@media (max-width:900px){
  #work[data-vx="3"] .rail-track{height:calc(74vw * .648 + 176px)}
  body.v3 .rail-open{display:none}
  body.v3 .rail-try{font-size:14px;-webkit-line-clamp:3}
}

/* Arbeiten: "Möchten Sie mehr sehen?" under the deck, leads to the full portfolio (08.10.2026) */
body.v3 .rail-more{display:flex;align-items:center;justify-content:space-between;gap:24px 40px;flex-wrap:wrap;margin:clamp(26px,3vw,40px) 0 clamp(40px,5vw,72px);padding:clamp(22px,2.4vw,32px) clamp(22px,2.6vw,36px);border:1px solid #c9d8f01f;border-radius:26px;background:radial-gradient(120% 160% at 0% 0%,#9dc7ff14,transparent 55%),#ffffff05}
body.v3 .rail-more h3{font-size:clamp(24px,2.4vw,36px);line-height:1.05;letter-spacing:-.035em}
body.v3 .rail-more p{margin-top:10px;font-size:15px;line-height:1.5;color:#a9b4c4;max-width:60ch}
body.v3 .rail-more-text{flex:1 1 320px}
body.v3 .rail-more-stack{position:relative;width:250px;height:92px;flex-shrink:0}
body.v3 .rail-more-stack img{position:absolute;top:10px;width:120px;height:75px;object-fit:cover;object-position:top;border-radius:10px;border:1px solid #c9d8f02e;box-shadow:0 14px 30px -12px #000c;transition:transform .7s var(--ease)}
body.v3 .rail-more-stack img:nth-child(1){left:0;transform:rotate(-7deg)}
body.v3 .rail-more-stack img:nth-child(2){left:42px;transform:rotate(-2deg) translateY(-4px)}
body.v3 .rail-more-stack img:nth-child(3){left:84px;transform:rotate(3deg)}
body.v3 .rail-more-stack img:nth-child(4){left:126px;transform:rotate(8deg) translateY(4px)}
body.v3 .rail-more:hover .rail-more-stack img:nth-child(1){transform:rotate(-10deg) translateX(-10px)}
body.v3 .rail-more:hover .rail-more-stack img:nth-child(2){transform:rotate(-3deg) translate(-4px,-8px)}
body.v3 .rail-more:hover .rail-more-stack img:nth-child(3){transform:rotate(4deg) translate(4px,-4px)}
body.v3 .rail-more:hover .rail-more-stack img:nth-child(4){transform:rotate(11deg) translate(12px,4px)}
@media (prefers-reduced-motion:reduce){body.v3 .rail-more-stack img{transition:none}}
@media (max-width:1100px){body.v3 .rail-more-stack{display:none}}
body.v3 .rail-more-btn{flex-shrink:0}
@media (max-width:640px){
  body.v3 .rail-more{border-radius:22px}
  body.v3 .rail-more-btn{width:100%}
}

/* ELYX logo: EX mark (vector of Elyasa's logo), site colours, soft blue glow (08.10.2026) */
.brand .ex-mark{width:auto;height:24px;overflow:visible;stroke:none}
.brand .ex-w{fill:var(--paper,#eef1f5)}
.brand .ex-a{fill:#4a86ff;transition:transform .7s cubic-bezier(.2,.75,.2,1)}
.brand:hover .ex-a,.brand:focus-visible .ex-a{transform:translate(26px,-26px)}
@media (max-width:700px){.brand .ex-mark{height:21px}}
@media (prefers-reduced-motion:reduce){.brand .ex-a{transition:none}}
footer .ex-foot{display:block;width:auto;height:46px;margin:0 0 26px;overflow:visible}
footer .ex-foot .ex-w{fill:var(--paper)}
footer .ex-foot .ex-a{fill:#4a86ff}
/* ---- signature-services.css ---- */
/* ELYX Signature: Leistungen (Claude, 08.10.2026)
   The services chapter from ELYX Core, translated into the Signature system: three offers on a pinned
   horizontal track (desktop), each with a live example (website, n8n flow, AI draft). Stacked on tablets and phones.
   Markup lives in index.html (#services.svc); behaviour in signature-services.js. */
.svc{
  --s-bg:#07090d;--s-panel:#10141a;--s-panel-2:#141a21;--s-ink:#eef1f5;--s-ink-2:#a9b3c0;--s-ink-3:#8b95a3;--s-ink-4:#4a535d;--s-ink-5:#2a3139;
  --s-line:rgba(205,220,238,.085);--s-line-2:rgba(205,220,238,.15);--s-line-3:rgba(205,220,238,.28);
  --s-sig:#9dc7ff;--s-rgb:157,199,255;--s-sig-ink:#0b1a2e;
  --s-display:Bricolage,Inter,sans-serif;--s-ease:cubic-bezier(.22,1,.36,1);--s-top:96px;
  position:relative;z-index:2;color:var(--s-ink);
  background:linear-gradient(180deg,var(--s-bg) 0%,#0b0f15 16%,#0b0f15 84%,var(--s-bg) 100%)
}
.svc *,.svc *::before,.svc *::after{box-sizing:border-box}
.svc ol,.svc ul{list-style:none;margin:0;padding:0}
.svc p,.svc h2,.svc h3,.svc dl,.svc dd{margin:0}
.svc-pin{position:relative}
.svc-track{display:flex;flex-direction:column}
.svc-hud{display:none}

/* intro */
.svc-intro{padding:clamp(100px,13vh,150px) var(--gutter) 30px}
.svc .chapter{margin-bottom:28px}
.svc-h2{max-width:13ch;font:700 clamp(44px,4.4vw,76px)/.96 var(--s-display);letter-spacing:-.058em;color:var(--s-ink);text-wrap:balance}
.svc-h2 .svc-dim{color:#6f7a89}
.svc-note{max-width:42ch;margin-top:26px;color:var(--s-ink-2);font-size:16px;line-height:1.65}
.svc-index{margin-top:34px;border-top:1px solid var(--s-line)}
.svc-index li{border-bottom:1px solid var(--s-line)}
.svc-index a{position:relative;display:flex;gap:16px;align-items:baseline;padding:15px 0;color:var(--s-ink-2);font:700 17px/1.2 var(--s-display);letter-spacing:-.02em;text-decoration:none;transition:color .35s,padding-left .5s var(--s-ease)}
.svc-index a:hover,.svc-index a:focus-visible{color:var(--s-ink);padding-left:8px}
.svc-index a:focus-visible{outline:2px solid var(--s-sig);outline-offset:4px;border-radius:4px}
.svc-index i{font:600 10px/1 Inter,sans-serif;font-style:normal;color:var(--s-sig);letter-spacing:.12em}
.svc-go{margin-left:auto;align-self:center;width:8px;height:8px;border-top:1.5px solid currentColor;border-right:1.5px solid currentColor;transform:rotate(45deg);opacity:.5;transition:opacity .35s,transform .5s var(--s-ease)}
.svc-index a:hover .svc-go{opacity:1;transform:translateX(4px) rotate(45deg)}

/* offer */
.svc-offer{position:relative;display:grid;grid-template-columns:1fr;gap:28px;padding:56px var(--gutter);scroll-margin-top:90px}
.svc-visual{position:relative;min-width:0}
.svc-num{display:flex;align-items:center;gap:14px;color:var(--s-ink-3);font:600 11px/1 Inter,sans-serif;letter-spacing:.16em;text-transform:uppercase}
.svc-num b{display:grid;place-items:center;width:34px;height:34px;border:1px solid rgba(var(--s-rgb),.45);border-radius:50%;color:var(--s-sig);font-weight:600;letter-spacing:.04em}
.svc-title{margin:22px 0 18px;max-width:15ch;font:700 clamp(32px,3.1vw,52px)/1 var(--s-display);letter-spacing:-.05em;color:var(--s-ink);text-wrap:balance}
.svc-text{max-width:44ch;color:var(--s-ink-2);font-size:16px;line-height:1.65}
.svc-list{margin-top:24px;border-top:1px solid var(--s-line)}
.svc-list li{position:relative;padding:12px 0 12px 26px;border-bottom:1px solid var(--s-line);color:var(--s-ink);font-size:15px;line-height:1.4}
.svc-list li::before{content:"";position:absolute;left:2px;top:50%;width:9px;height:9px;margin-top:-4.5px;border:1px solid var(--s-sig);transform:rotate(45deg)}
.svc-io{display:grid;gap:8px;margin-top:20px}
.svc-io div{display:grid;grid-template-columns:5.4rem minmax(0,1fr);gap:12px;align-items:baseline}
.svc-io dt{color:var(--s-sig);font:600 10px/1 Inter,sans-serif;letter-spacing:.16em;text-transform:uppercase}
.svc-io dd{color:var(--s-ink-2);font-size:14px;line-height:1.45}

/* pinned horizontal travel (desktop, set by JS) */
@media (min-width:1024px){
  .svc.is-pinned{height:var(--svc-travel,400vh)}
  .svc.is-pinned .svc-pin{position:sticky;top:0;height:100vh;overflow:hidden}
  .svc.is-pinned .svc-track{flex-direction:row;height:100%;width:max-content;will-change:transform}
  .svc.is-pinned .svc-intro{flex:none;width:min(38vw,600px);height:100%;display:flex;flex-direction:column;justify-content:center;padding:var(--s-top) clamp(32px,4vw,72px) 60px var(--gutter)}
  .svc.is-pinned .svc-offer{flex:none;width:min(82vw,1260px);height:100%;grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);align-items:center;gap:clamp(32px,4vw,72px);padding:calc(var(--s-top) + 14px) clamp(40px,5vw,90px) 72px;border-left:1px solid var(--s-line)}
  .svc.is-pinned .svc-offer:last-child{margin-right:clamp(24px,6vw,120px)}
  .svc.is-pinned .svc-visual{height:min(64vh,600px)}
  .svc.is-pinned .svc-hud{position:absolute;z-index:3;left:auto;right:var(--gutter);width:min(620px,46vw);bottom:28px;display:flex;align-items:center;gap:20px;color:var(--s-ink-3);font:600 10px/1 Inter,sans-serif;letter-spacing:.16em;text-transform:uppercase}
  .svc-cur{color:var(--s-sig);font-weight:600}
  .svc-bar{position:relative;flex:1;height:1px;background:var(--s-line-2)}
  .svc-bar i{position:absolute;inset:0;background:var(--s-sig);transform-origin:left;transform:scaleX(var(--p,0));box-shadow:0 0 10px rgba(var(--s-rgb),.5)}
}
@media (min-width:1024px) and (max-height:760px){
  .svc.is-pinned .svc-title{font-size:clamp(28px,2.6vw,40px);margin:16px 0 12px}
  .svc.is-pinned .svc-list{margin-top:14px}
  .svc.is-pinned .svc-list li{padding:8px 0 8px 26px}
  .svc.is-pinned .svc-io{display:none}
  .svc.is-pinned .br-cards{display:none}
  .svc.is-pinned .vis--ai{gap:10px;padding-top:42px;padding-bottom:18px}
  .svc.is-pinned .ai-chips{min-height:56px}
  .svc.is-pinned .ai-dtext{min-height:3.2em;margin:8px 0 10px}
}

/* reveal (only once JS is running) */
.svc.svc-js .svc-intro>*,.svc.svc-js .svc-copy>*{opacity:0;transform:translateY(18px);transition:opacity .8s var(--s-ease),transform 1s var(--s-ease)}
.svc.svc-js .svc-intro.is-in>*,.svc.svc-js .svc-offer.is-in .svc-copy>*{opacity:1;transform:none}
.svc.svc-js .svc-intro.is-in>:nth-child(2),.svc.svc-js .svc-offer.is-in .svc-copy>:nth-child(2){transition-delay:.08s}
.svc.svc-js .svc-intro.is-in>:nth-child(3),.svc.svc-js .svc-offer.is-in .svc-copy>:nth-child(3){transition-delay:.16s}
.svc.svc-js .svc-intro.is-in>:nth-child(4),.svc.svc-js .svc-offer.is-in .svc-copy>:nth-child(4){transition-delay:.24s}
.svc.svc-js .svc-offer.is-in .svc-copy>:nth-child(5){transition-delay:.32s}

/* ---------- example panels ---------- */
.svc .vis{position:relative;width:100%;height:100%;min-height:420px;border-radius:18px;background:radial-gradient(ellipse 80% 70% at 50% 40%,#161d27,var(--s-panel) 70%);border:1px solid var(--s-line);overflow:hidden;isolation:isolate;box-shadow:0 40px 90px -40px #000c}
.svc .vis::before{content:"";position:absolute;inset:0;z-index:-1;background-image:radial-gradient(circle,rgba(205,220,238,.11) 1px,transparent 1.3px);background-size:22px 22px;-webkit-mask-image:radial-gradient(ellipse 70% 70% at 50% 50%,#000,transparent 85%);mask-image:radial-gradient(ellipse 70% 70% at 50% 50%,#000,transparent 85%)}
.svc .vis::after{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse 80% 55% at 50% -6%,rgba(var(--s-rgb),.1),transparent 72%);pointer-events:none}
.svc-frame i{position:absolute;width:14px;height:14px;border-color:var(--s-line-3);border-style:solid;z-index:4}
.svc-frame i:nth-child(1){left:12px;top:12px;border-width:1px 0 0 1px}
.svc-frame i:nth-child(2){right:12px;top:12px;border-width:1px 1px 0 0}
.svc-frame i:nth-child(3){right:12px;bottom:12px;border-width:0 1px 1px 0}
.svc-frame i:nth-child(4){left:12px;bottom:12px;border-width:0 0 1px 1px}
.vis-cap{position:absolute;z-index:4;left:34px;top:15px;color:var(--s-ink-3);font:600 9px/1 Inter,sans-serif;letter-spacing:.16em;text-transform:uppercase}
.svc .lbl{font-family:Inter,sans-serif;font-weight:600}

/* Website: a page that assembles itself */
.vis--web .br{position:absolute;left:7%;right:16%;top:13%;bottom:12%;border-radius:12px;background:#0b0e12;border:1px solid var(--s-line-2);box-shadow:0 30px 80px rgba(0,0,0,.45);overflow:hidden;display:flex;flex-direction:column}
.br-bar{display:flex;align-items:center;gap:6px;height:34px;flex:none;padding:0 12px;border-bottom:1px solid var(--s-line);background:#0e1216}
.br-bar>i{width:7px;height:7px;border-radius:50%;background:var(--s-ink-5)}
.br-url{flex:1;margin:0 10px;padding:5px 10px;border-radius:999px;background:#151a20;color:var(--s-ink-3);font:500 10px/1 Inter,sans-serif;letter-spacing:.02em;max-width:220px;white-space:nowrap;overflow:hidden}
.br-lang{display:flex;gap:2px;margin-left:auto;padding:2px;border-radius:999px;border:1px solid var(--s-line-2)}
.br-lang b{padding:4px 7px;border-radius:999px;color:var(--s-ink-3);font:600 9px/1 Inter,sans-serif;transition:background-color .4s,color .4s}
.br-lang b.is-on{background:var(--s-ink);color:var(--s-bg)}
.br-page{position:relative;flex:1;display:flex;flex-direction:column;gap:clamp(10px,2.2vh,18px);padding:clamp(12px,2.2vw,22px);min-height:0}
.br-nav{display:flex;align-items:center;gap:10px}
.br-logo{width:18px;height:18px;border:1.5px solid var(--s-ink-2);transform:rotate(45deg) scale(.8);margin-right:auto}
.svc .sk{display:block;height:6px;width:36px;border-radius:4px;background:var(--s-ink-5);transform-origin:left}
.br-navcta{width:54px;height:18px;border-radius:999px;background:rgba(var(--s-rgb),.25)}
.br-hero{display:grid;grid-template-columns:1.2fr .8fr;gap:16px;align-items:center;flex:1;min-height:0}
.br-copy{display:flex;flex-direction:column;gap:9px;min-width:0}
.br-kicker{color:var(--s-ink-3);font:600 8px/1 Inter,sans-serif;letter-spacing:.16em;text-transform:uppercase}
.br-h{min-height:2.1em;font:700 clamp(16px,1.8vw,28px)/1.04 var(--s-display);letter-spacing:-.045em;color:var(--s-ink)}
.svc .sk--w90{width:90%}
.svc .sk--w70{width:70%}
.br-btn{align-self:flex-start;margin-top:4px;padding:8px 13px;border-radius:999px;background:var(--s-ink);color:var(--s-bg);font:600 10px/1 Inter,sans-serif;letter-spacing:.02em}
.br-img{position:relative;height:100%;min-height:90px;border-radius:8px;overflow:hidden;background:linear-gradient(140deg,#1d2733,#111823)}
.br-img i{position:absolute;inset:18% 22%;border:1px solid rgba(var(--s-rgb),.35);transform:rotate(45deg) scale(.7)}
.br-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.br-cards span{height:clamp(26px,5vh,46px);border-radius:7px;background:#141920;border:1px solid var(--s-line)}
.br-form{display:grid;grid-template-columns:1fr 1fr auto;gap:8px;align-items:center;padding:10px;border-radius:9px;background:#11161b;border:1px solid var(--s-line)}
.br-field{height:26px;display:flex;align-items:center;padding:0 9px;border-radius:6px;background:#0b0e12;border:1px solid var(--s-line)}
.br-field em{font:500 9px/1 Inter,sans-serif;font-style:normal;color:#5d6773}
.br-send{padding:8px 12px;border-radius:6px;background:var(--s-sig);color:var(--s-sig-ink);font:600 9px/1 Inter,sans-serif}
.br-cursor{position:absolute;left:0;top:0;width:14px;height:18px;background:var(--s-ink);clip-path:polygon(0 0,0 100%,30% 76%,52% 100%,66% 94%,45% 70%,80% 70%);filter:drop-shadow(0 2px 4px rgba(0,0,0,.6));z-index:3;opacity:0}
.br-fly{position:absolute;left:0;top:0;z-index:5;width:9px;height:9px;margin:-4.5px 0 0 -4.5px;border-radius:50%;background:var(--s-sig);box-shadow:0 0 14px var(--s-sig),0 0 0 4px rgba(var(--s-rgb),.15);opacity:0;pointer-events:none}
.vis-out{position:absolute;right:5%;top:50%;display:flex;flex-direction:column;align-items:flex-end;gap:10px;transform:translateY(-50%)}
.vis-out>span{color:var(--s-ink-3);font:600 9px/1.3 Inter,sans-serif;letter-spacing:.12em;text-transform:uppercase;writing-mode:vertical-rl;transform:rotate(180deg);transition:color .4s}
.vis-out.is-hot>span{color:var(--s-sig)}
.vis-pulse{width:9px;height:9px;border-radius:50%;background:var(--s-sig);box-shadow:0 0 0 0 rgba(var(--s-rgb),.5),0 0 14px var(--s-sig);opacity:.35;transition:opacity .3s}
.vis-out.is-hot .vis-pulse{opacity:1;animation:svc-live 1s ease-out 2}
@keyframes svc-live{0%{box-shadow:0 0 0 0 rgba(var(--s-rgb),.45),0 0 14px var(--s-sig)}70%,100%{box-shadow:0 0 0 9px rgba(var(--s-rgb),0),0 0 14px var(--s-sig)}}

/* n8n: a workflow executing */
.vis--flow{container-type:inline-size}
.flow-edges{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.flow-edge{fill:none;stroke:var(--s-line-3);stroke-width:1.2}
.flow-edge.is-hot{stroke:rgba(var(--s-rgb),.55);stroke-dasharray:4 6;animation:svc-dash 1.2s linear infinite}
@keyframes svc-dash{to{stroke-dashoffset:-20}}
.flow-packet{fill:var(--s-sig);filter:drop-shadow(0 0 6px rgba(var(--s-rgb),.9))}
.flow-n{position:absolute;left:var(--x);top:var(--y);display:flex;align-items:center;gap:10px;width:18%;min-width:118px;padding:10px 12px 10px 10px;border-radius:10px;background:var(--s-panel-2);border:1px solid var(--s-line-2);transform:translateY(-50%);box-shadow:0 14px 34px rgba(0,0,0,.35);transition:border-color .4s,box-shadow .5s,background-color .4s}
.flow-n.is-run{border-color:rgba(var(--s-rgb),.75);background:#17202b;box-shadow:0 0 0 4px rgba(var(--s-rgb),.1),0 14px 34px rgba(0,0,0,.35)}
.flow-n.is-done::after{content:"";position:absolute;right:-6px;top:-6px;width:14px;height:14px;border-radius:50%;background:var(--s-sig) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14'%3E%3Cpath d='M4 7.2 6 9.2 10 5' fill='none' stroke='%230b1a2e' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/100% no-repeat}
.flow-ico{position:relative;flex:none;width:30px;height:30px;border-radius:8px;background:#1b232d;border:1px solid var(--s-line-2)}
.flow-ico::before,.flow-ico::after{content:"";position:absolute}
.flow-ico--bolt::before{inset:7px 10px;background:var(--s-sig);clip-path:polygon(60% 0,10% 58%,45% 58%,35% 100%,90% 40%,55% 40%)}
.flow-ico--check::before{left:8px;top:9px;width:12px;height:7px;border:1.6px solid var(--s-ink-2);border-top:0;border-right:0;transform:rotate(-45deg)}
.flow-ico--if::before{inset:8px;border:1.5px solid var(--s-ink-2);transform:rotate(45deg) scale(.86)}
.flow-ico--db::before{left:8px;right:8px;top:7px;height:6px;border:1.5px solid var(--s-ink-2);border-radius:50%}
.flow-ico--db::after{left:8px;right:8px;top:10px;bottom:7px;border:1.5px solid var(--s-ink-2);border-top:0;border-radius:0 0 6px 6px}
.flow-ico--mail::before{left:7px;right:7px;top:9px;bottom:9px;border:1.5px solid var(--s-ink-2);border-radius:2px}
.flow-ico--mail::after{left:9px;right:9px;top:8px;height:7px;border:1.5px solid var(--s-ink-2);border-top:0;border-left:0;transform:rotate(45deg) scale(.7);transform-origin:center}
.flow-ico--bell::before{left:9px;right:9px;top:7px;bottom:10px;border:1.5px solid var(--s-ink-2);border-radius:7px 7px 2px 2px}
.flow-ico--bell::after{left:12px;width:4px;bottom:6px;height:3px;border-radius:0 0 3px 3px;background:var(--s-ink-2)}
.flow-n.is-run .flow-ico::before,.flow-n.is-run .flow-ico::after{border-color:var(--s-sig)}
.flow-lab{display:flex;flex-direction:column;gap:4px;min-width:0}
.flow-lab b{font:700 13px/1.1 var(--s-display);letter-spacing:-.02em;white-space:nowrap;color:var(--s-ink)}
.flow-lab em{color:var(--s-ink-3);font:600 9px/1 Inter,sans-serif;font-style:normal;letter-spacing:.1em;text-transform:uppercase}
@container (max-width:640px){
  .flow-n{flex-direction:column;align-items:center;gap:7px;width:21%;min-width:0;padding:10px 6px}
  .flow-lab{align-items:center;text-align:center}
  .flow-lab b{font-size:12px;white-space:normal;line-height:1.1}
  .flow-n[data-node="trigger"]{--x:3%!important}
  .flow-n[data-node="check"]{--x:27%!important}
  .flow-n[data-node="route"]{--x:51%!important}
  .flow-n[data-node="crm"],.flow-n[data-node="mail"],.flow-n[data-node="notify"]{--x:75.5%!important}
}
.flow-exec{position:absolute;left:24px;right:24px;bottom:20px;display:flex;align-items:center;gap:12px;padding-top:14px;border-top:1px solid var(--s-line);color:var(--s-ink-3);font:600 10px/1 Inter,sans-serif;letter-spacing:.12em;text-transform:uppercase}
.flow-dot{width:6px;height:6px;border-radius:50%;background:var(--s-sig);animation:svc-live 1.8s ease-out infinite}
.flow-state{color:var(--s-ink-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
.flow-runs{margin-left:auto;white-space:nowrap}
.flow-runs b{color:var(--s-ink);font-weight:600;font-variant-numeric:tabular-nums}

/* AI: read, classify, draft */
.vis--ai{display:flex;flex-direction:column;justify-content:center;gap:16px;padding:52px clamp(18px,4%,44px) 30px}
.vis--ai>*{flex-shrink:0}
.ai-msg{position:relative;max-width:88%;padding:16px 18px;border-radius:14px 14px 14px 4px;background:#161c24;border:1px solid var(--s-line-2);overflow:hidden}
.ai-src{display:flex;align-items:center;gap:9px;margin-bottom:10px;color:var(--s-ink-3);font:600 9px/1 Inter,sans-serif;letter-spacing:.14em;text-transform:uppercase}
.ai-src i{width:6px;height:6px;border-radius:50%;background:var(--s-ink-3)}
.ai-src b{font-weight:600}
.ai-lang{margin-left:auto;padding:3px 6px;border:1px solid var(--s-line-2);border-radius:4px;font-style:normal}
.ai-text{min-height:3.1em;color:var(--s-ink);font-size:clamp(14px,1.05vw,16px);line-height:1.55}
.ai-text span{transition:color .4s,background-color .4s,box-shadow .4s;border-radius:3px}
.ai-text span.is-key{background:rgba(var(--s-rgb),.16);box-shadow:0 0 0 2px rgba(var(--s-rgb),.16)}
.ai-scan{position:absolute;top:0;bottom:0;left:0;width:90px;background:linear-gradient(90deg,transparent,rgba(var(--s-rgb),.22),transparent);transform:translateX(-120%);pointer-events:none}
.ai-chips{display:flex;flex-wrap:wrap;gap:8px;min-height:62px;align-content:flex-start;padding-left:4%}
.ai-chip{display:inline-flex;align-items:center;gap:8px;padding:7px 11px;border-radius:999px;border:1px solid var(--s-line-2);background:#121820;font:500 11px/1 Inter,sans-serif;color:var(--s-ink-2)}
.ai-chip i{font-style:normal;font-weight:600;color:var(--s-ink-3);text-transform:uppercase;letter-spacing:.14em;font-size:9px}
.ai-chip b{color:var(--s-ink);font-weight:600}
.ai-chip.is-sig{border-color:rgba(var(--s-rgb),.5)}
.ai-chip.is-sig b{color:var(--s-sig)}
.ai-draft{align-self:flex-end;width:88%;padding:16px 18px;border-radius:14px 14px 4px 14px;border:1px dashed rgba(var(--s-rgb),.4);background:rgba(var(--s-rgb),.045)}
.ai-dlabel{display:flex;align-items:center;gap:9px;color:var(--s-sig);font:600 9px/1.2 Inter,sans-serif;letter-spacing:.14em;text-transform:uppercase}
.ai-dlabel i{flex:none;width:6px;height:6px;border-radius:50%;background:var(--s-sig);animation:svc-live 2s ease-out infinite}
.ai-dtext{min-height:4.6em;margin:10px 0 12px;color:var(--s-ink-2);font-size:clamp(13.5px,1vw,15px);line-height:1.55}
.ai-dtext::after{content:"";display:inline-block;width:7px;height:1em;margin-left:2px;vertical-align:-2px;background:var(--s-sig);animation:svc-caret 1s steps(2) infinite}
@keyframes svc-caret{50%{opacity:0}}
.ai-actions{display:flex;gap:8px}
.ai-actions b,.ai-actions em{padding:7px 12px;border-radius:999px;font:600 10px/1 Inter,sans-serif;font-style:normal;letter-spacing:.02em}
.ai-actions b{background:var(--s-ink);color:var(--s-bg);transition:background-color .3s,transform .3s var(--s-ease)}
.ai-actions b.is-press{background:var(--s-sig);transform:scale(.94)}
.ai-actions em{border:1px solid var(--s-line-2);color:var(--s-ink-2)}

/* ---------- tablet and phone: stacked ---------- */
@media (max-width:1023px){
  .svc-offer{padding:44px var(--gutter) 60px;border-top:1px solid var(--s-line)}
  .svc-visual{height:min(78vw,520px)}
  .svc .vis{min-height:0}
}
@media (max-width:640px){
  .svc-intro{padding:96px var(--gutter) 10px}
  .svc-h2{font-size:clamp(40px,11.5vw,52px)}
  .svc-note{font-size:15px}
  .svc-offer{gap:26px}
  .svc-visual{height:auto;aspect-ratio:4/4.4}
  .svc-title{font-size:clamp(30px,8.6vw,40px)}
  .svc-io div{grid-template-columns:4.9rem minmax(0,1fr)}
  .vis-cap{left:30px;right:30px;line-height:1.25}
  .vis--web .br{left:5%;right:13%;top:12%;bottom:8%}
  .br-hero{grid-template-columns:1fr}
  .br-img,.br-cards{display:none}
  .br-form{grid-template-columns:1fr auto}
  .br-form .br-field:nth-child(2){display:none}
  .vis-out{right:3%}
  .flow-n{flex-direction:column;gap:6px;padding:8px 6px;width:21%;min-width:0;align-items:center}
  .flow-lab{display:flex;align-items:center}
  .flow-lab b{font-size:10px;white-space:normal;text-align:center;line-height:1.1}
  .flow-lab em{display:none}
  .flow-ico{width:28px;height:28px}
  .flow-n[data-node="trigger"]{--x:3%!important}
  .flow-n[data-node="check"]{--x:27%!important}
  .flow-n[data-node="route"]{--x:51%!important}
  .flow-n[data-node="crm"],.flow-n[data-node="mail"],.flow-n[data-node="notify"]{--x:75.5%!important}
  .flow-exec{left:16px;right:16px;bottom:14px;font-size:9px;gap:8px}
  .svc-visual--ai{aspect-ratio:auto}
  .vis--ai{height:auto;padding:46px 14px 18px;gap:12px}
  .ai-msg,.ai-draft{max-width:100%;width:94%}
  .ai-text{min-height:4.65em}
  .ai-chips{min-height:96px;padding-left:0}
  .ai-dtext{min-height:6.2em}
}

/* reduced motion: final states, no travel */
@media (prefers-reduced-motion:reduce){
  .svc.svc-js .svc-intro>*,.svc.svc-js .svc-copy>*{opacity:1;transform:none;transition:none}
  .svc .flow-edge.is-hot,.svc .flow-dot,.svc .ai-dlabel i,.svc .ai-dtext::after,.vis-out.is-hot .vis-pulse{animation:none}
  .svc .ai-dtext::after{display:none}
}
/* ---- signature-live.css ---- */
/* ELYX Signature: Live-Ablauf (Claude, 08.10.2026)
   The workflow board from ELYX Atölye in the Signature system. Replaces the Flow section (#system, hidden).
   The board is a sheet on the dark page: light (default) or dark via data-theme; the canvas reads the same tokens. */
.lv{position:relative;z-index:2;padding:clamp(96px,12vh,150px) 0 clamp(90px,12vh,150px);background:radial-gradient(ellipse 70% 50% at 50% 46%,#16233a55,transparent 70%),#07090d}
.lv *,.lv *::before,.lv *::after{box-sizing:border-box}
.lv p,.lv h2,.lv ol,.lv ul{margin:0}
.lv ol,.lv ul{list-style:none;padding:0}
.lv button{font:inherit;color:inherit}
.lv-shell{position:relative;width:min(100% - 2 * var(--gutter),1400px);margin-inline:auto}
.lv-sr{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}

/* tokens */
.lv-board{
  --lv-bg:#f5f7fa;--lv-bar:rgba(245,247,250,.92);--lv-card:#fff;--lv-paper:#e9edf2;--lv-ink:#0b0f16;--lv-ink-2:#323a46;--lv-muted:#576170;--lv-soft:#5f6977;
  --lv-line:rgba(11,15,22,.13);--lv-line-2:rgba(11,15,22,.075);--lv-signal:#2f5bff;--lv-signal-hi:#456dff;--lv-on:#fff;
  --lv-note:#e8edfb;--lv-note-line:rgba(47,91,255,.16);--lv-note-ink:#323a55;--lv-note-eye:#47528c;
  --lv-ink-rgb:11,15,22;--lv-signal-rgb:47,91,255;--lv-on-signal:#fff;--lv-grid-a:.15;--lv-wire-a:.26;
  --lv-tile-hi:#fff;--lv-shadow:0 1px 0 rgba(255,255,255,.8) inset,0 50px 110px -50px rgba(0,0,0,.75),0 20px 40px -24px rgba(0,0,0,.5);
  --lv-ease:cubic-bezier(.22,1,.36,1)
}
.lv-board[data-theme="dark"]{
  --lv-bg:#0d1118;--lv-bar:rgba(13,17,24,.92);--lv-card:#151b24;--lv-paper:#121821;--lv-ink:#eef1f5;--lv-ink-2:#bcc5d1;--lv-muted:#8f99a7;--lv-soft:#8a94a2;
  --lv-line:rgba(205,220,238,.13);--lv-line-2:rgba(205,220,238,.075);--lv-signal:#9dc7ff;--lv-signal-hi:#b5d5ff;--lv-on:#0b1a2e;
  --lv-note:#111a29;--lv-note-line:rgba(157,199,255,.18);--lv-note-ink:#b9c4d4;--lv-note-eye:#8fb1e0;
  --lv-ink-rgb:226,233,242;--lv-signal-rgb:157,199,255;--lv-on-signal:#0b1a2e;--lv-grid-a:.12;--lv-wire-a:.22;
  --lv-tile-hi:rgba(255,255,255,.04);--lv-shadow:0 1px 0 rgba(255,255,255,.05) inset,0 50px 110px -50px rgba(0,0,0,.9),0 0 0 1px rgba(157,199,255,.05)
}

/* board */
.lv-board{position:relative;color:var(--lv-ink);background:var(--lv-bg);border:1px solid var(--lv-line);border-radius:28px;box-shadow:var(--lv-shadow);overflow:hidden;font:400 15px/1.6 Inter,Arial,sans-serif;transition:background-color .5s,color .5s}
.lv-bar{position:relative;z-index:4;height:62px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 12px 0 22px;border-bottom:1px solid var(--lv-line-2);background:var(--lv-bar)}
.lv-crumb{display:flex;align-items:center;gap:8px;font:500 12px/1 Inter,sans-serif;color:var(--lv-muted);min-width:0;white-space:nowrap;font-variant-numeric:tabular-nums}
.lv-crumb b{font-weight:600;color:var(--lv-ink)}
.lv-sep{opacity:.5}
.lv-dot{display:inline-block;width:7px;height:7px;margin-right:6px;border-radius:50%;background:var(--lv-signal);animation:lv-live 2.6s var(--lv-ease) infinite}
@keyframes lv-live{0%{box-shadow:0 0 0 0 rgba(var(--lv-signal-rgb),.45)}70%,100%{box-shadow:0 0 0 9px rgba(var(--lv-signal-rgb),0)}}
.lv-chip{display:inline-flex;align-items:center;height:22px;margin-left:10px;padding:0 9px;border-radius:999px;border:1px solid var(--lv-line);font:600 10px/1 Inter,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:var(--lv-ink-2)}
.lv-ctrl{display:flex;align-items:center;gap:16px;flex-shrink:0}
.lv-switch{position:relative;display:inline-flex;align-items:center;gap:10px;min-height:44px;font:500 14px/1 Inter,sans-serif;color:var(--lv-ink-2);cursor:pointer;user-select:none}
.lv-switch input{position:absolute;opacity:0;width:1px;height:1px}
.lv-track{position:relative;width:38px;height:22px;border-radius:999px;background:rgba(var(--lv-ink-rgb),.14);transition:background-color .4s var(--lv-ease)}
.lv-track i{position:absolute;left:3px;top:3px;width:16px;height:16px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.2);transition:transform .45s var(--lv-ease)}
.lv-switch input:checked+.lv-track{background:var(--lv-ink)}
.lv-board[data-theme="dark"] .lv-switch input:checked+.lv-track{background:var(--lv-signal)}
.lv-switch input:checked+.lv-track i{transform:translateX(16px)}
.lv-switch input:focus-visible+.lv-track{outline:2px solid var(--lv-signal);outline-offset:3px}
.lv-btn{display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:0 16px 0 12px;border:0;border-radius:999px;background:var(--lv-signal);color:var(--lv-on)!important;font:600 14px/1 Inter,sans-serif;white-space:nowrap;cursor:pointer;box-shadow:0 10px 24px -12px rgba(var(--lv-signal-rgb),.8);transition:background-color .3s,transform .3s var(--lv-ease)}
.lv-btn svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round}
.lv-btn:hover{background:var(--lv-signal-hi)}
.lv-btn:active{transform:scale(.97)}
.lv-btn:focus-visible,.lv-reset:focus-visible,.lv-expand:focus-visible{outline:2px solid var(--lv-signal);outline-offset:3px}
.lv-body{display:grid;grid-template-columns:minmax(0,1fr) 304px;height:clamp(600px,80vh,780px)}
.lv-stage{position:relative;overflow:hidden;touch-action:pan-y;background:var(--lv-bg)}
.lv-canvas{position:absolute;inset:0;width:100%;height:100%}
.lv-nodes{position:absolute;inset:0;z-index:3;pointer-events:none}
.lv-hint{position:absolute;right:18px;bottom:16px;z-index:2;display:flex;align-items:center;gap:8px;font:600 10px/1 Inter,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:var(--lv-soft)}
.lv-hint svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.3;stroke-linecap:round}
.lv-reset,.lv-expand{position:absolute;right:14px;bottom:12px;z-index:6;min-height:36px;padding:0 14px;border-radius:999px;border:1px solid var(--lv-line);background:var(--lv-bg);font:600 10px/1 Inter,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:var(--lv-ink-2)!important;cursor:pointer;transition:background-color .3s,color .3s}
.lv-reset:hover,.lv-expand:hover{background:var(--lv-ink);color:var(--lv-bg)!important}
.lv-expand{right:auto;left:14px;min-height:44px;display:inline-flex;align-items:center;gap:8px;color:var(--lv-ink)!important}
.lv-expand::after{content:"";width:6px;height:6px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:translateY(-2px) rotate(45deg);transition:transform .4s var(--lv-ease)}
.lv-expand[aria-expanded="true"]::after{transform:translateY(2px) rotate(-135deg)}
.lv-reset[hidden],.lv-expand[hidden],.lv-hint[hidden]{display:none}
.lv-board.is-vertical .lv-stage{transition:height .6s var(--lv-ease)}
.lv-board.is-vertical .lv-canvas{bottom:auto}
.lv-board.is-collapsed .lv-stage::after{content:"";position:absolute;left:0;right:0;bottom:0;height:84px;z-index:5;pointer-events:none;background:linear-gradient(transparent,var(--lv-bg) 74%)}

/* note card: the chapter's heading lives on the board */
.lv-note{position:absolute;z-index:2;left:22px;top:22px;width:min(480px,48%);padding:16px 22px 22px;background:var(--lv-note);border:1px solid var(--lv-note-line);border-radius:18px;box-shadow:0 18px 40px -30px rgba(30,40,110,.45)}
.lv-grip{display:flex;align-items:center;gap:8px;margin-bottom:14px!important;font:600 10px/1 Inter,sans-serif;letter-spacing:.16em;text-transform:uppercase;color:rgba(var(--lv-signal-rgb),.75)}
.lv-grip i{width:14px;height:8px;background:radial-gradient(circle,rgba(var(--lv-signal-rgb),.55) 1.1px,transparent 1.5px) 0 0/4.6px 4px}
.lv-eyebrow{font:600 11px/1.3 Inter,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:var(--lv-note-eye)}
.lv-title{margin:12px 0 12px!important;max-width:15ch;font:700 clamp(28px,.8rem + 1.6vw,44px)/.98 Bricolage,Inter,sans-serif;letter-spacing:-.05em;color:var(--lv-ink);text-wrap:balance}
.lv-title em{font-style:normal;color:var(--lv-signal)}
.lv-text{max-width:44ch;font-size:14.5px;line-height:1.5;color:var(--lv-note-ink)}
.lv-try{color:var(--lv-ink);font-weight:500}

/* nodes */
.lv-node{--tw:64px;--th:64px;position:absolute;left:0;top:0;width:var(--tw);height:var(--th);margin:calc(var(--th) / -2) 0 0 calc(var(--tw) / -2);pointer-events:auto;cursor:grab;touch-action:none;will-change:transform;opacity:0;padding:0;border:0;background:none;text-align:inherit;-webkit-appearance:none;appearance:none}
.lv-node:focus-visible{outline:none}
.lv-node:focus-visible .lv-tile{outline:2px solid var(--lv-signal);outline-offset:4px}
.lv-board:not(.is-live) .lv-node{left:calc(var(--x) * 100%);top:calc(var(--y) * 100%);opacity:1}
.lv-node--wide{--tw:136px}
.lv-node.is-drag{cursor:grabbing;z-index:5}
.lv-tile{position:absolute;inset:0;border-radius:17px;background:var(--lv-card);border:1px solid rgba(var(--lv-ink-rgb),.16);box-shadow:0 1px 0 var(--lv-tile-hi) inset,0 12px 26px -16px rgba(0,0,0,.42),0 2px 4px -2px rgba(0,0,0,.12);display:flex;align-items:center;justify-content:center;gap:10px;transition:border-color .35s,box-shadow .45s var(--lv-ease),transform .45s var(--lv-ease),background-color .5s}
.lv-node--trig .lv-tile{border-radius:32px 15px 15px 32px}
.lv-tile svg{width:25px;height:25px;fill:none;stroke:var(--lv-ink);stroke-width:1.55;stroke-linecap:round;stroke-linejoin:round}
.lv-ai{font:700 12px/1 Inter,sans-serif;letter-spacing:.08em;color:var(--lv-ink)}
.lv-node:hover .lv-tile{transform:translateY(-2px);box-shadow:0 1px 0 var(--lv-tile-hi) inset,0 18px 30px -16px rgba(0,0,0,.45),0 2px 4px -2px rgba(0,0,0,.12)}
.lv-node.is-drag .lv-tile{transform:scale(1.06);box-shadow:0 1px 0 var(--lv-tile-hi) inset,0 30px 40px -18px rgba(0,0,0,.45)}
.lv-node.is-busy .lv-tile{border-color:rgba(var(--lv-ink-rgb),.55)}
.lv-node.is-lead .lv-tile{border-color:var(--lv-signal);box-shadow:0 0 0 4px rgba(var(--lv-signal-rgb),.13),0 14px 28px -14px rgba(var(--lv-signal-rgb),.55)}
.lv-nbar{position:absolute;left:12px;right:12px;bottom:8px;height:2px;border-radius:2px;background:rgba(var(--lv-ink-rgb),.08);overflow:hidden;opacity:0;transition:opacity .25s}
.lv-node.is-busy .lv-nbar{opacity:1}
.lv-nbar i{display:block;height:100%;background:var(--lv-ink);transform-origin:0 50%;transform:scaleX(0)}
.lv-node.is-lead .lv-nbar i{background:var(--lv-signal)}
.lv-q{position:absolute;top:-9px;right:-9px;min-width:22px;height:22px;padding:0 6px;border-radius:11px;background:var(--lv-ink);color:var(--lv-bg);font:700 11px/22px Inter,sans-serif;text-align:center;font-variant-numeric:tabular-nums;transform:scale(0);transition:transform .35s var(--lv-ease),background-color .3s}
.lv-node.has-q .lv-q{transform:scale(1)}
.lv-node.q-lead .lv-q{background:var(--lv-signal);color:var(--lv-on)}
.lv-port{position:absolute;width:10px;height:10px;border-radius:50%;background:var(--lv-bg);border:1.5px solid rgba(var(--lv-ink-rgb),.38)}
.lv-port--in{left:-5px;top:50%;margin-top:-5px}
.lv-port--out{right:-5px;top:50%;margin-top:-5px}
.lv-board.is-vertical .lv-port--in{left:50%;top:-5px;margin:0 0 0 -5px}
.lv-board.is-vertical .lv-port--out{left:50%;top:auto;bottom:-5px;right:auto;margin:0 0 0 -5px}
.lv-label{position:absolute;top:calc(100% + 10px);left:50%;transform:translateX(-50%);white-space:nowrap;text-align:center;font:700 13.5px/1.1 Bricolage,Inter,sans-serif;letter-spacing:-.02em;color:var(--lv-ink);pointer-events:none}
.lv-label small{display:block;margin-top:4px;font:600 9px/1 Inter,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:var(--lv-muted)}
.lv-ping{position:absolute;inset:-1px;border-radius:17px;pointer-events:none;border:1.5px solid var(--lv-ink);opacity:0}
.lv-node--trig .lv-ping{border-radius:32px 15px 15px 32px}

/* inspector */
.lv-insp{position:relative;z-index:4;display:flex;flex-direction:column;gap:16px;padding:20px 20px 18px;border-left:1px solid var(--lv-line-2);background:var(--lv-bg);min-height:0}
.lv-insp-top{display:flex;justify-content:space-between;align-items:center;gap:10px}
.lv-k{font:600 10px/1.2 Inter,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:var(--lv-muted)}
.lv-k b{font-weight:700;color:var(--lv-ink);margin-left:6px;font-variant-numeric:tabular-nums}
.lv-state{display:flex;align-items:center;gap:7px;font:600 10px/1 Inter,sans-serif;letter-spacing:.1em;text-transform:uppercase;color:var(--lv-muted)}
.lv-state i{width:6px;height:6px;border-radius:50%;background:var(--lv-soft)}
.lv-state.is-run{color:var(--lv-signal)}
.lv-state.is-run i{background:var(--lv-signal);animation:lv-live 1.6s var(--lv-ease) infinite}
.lv-state.is-done{color:var(--lv-ink)}
.lv-state.is-done i{background:var(--lv-ink)}
.lv-timer{display:flex;align-items:baseline;gap:8px;font:700 clamp(52px,4.4vw,68px)/.9 Bricolage,Inter,sans-serif;letter-spacing:-.05em;font-variant-numeric:tabular-nums;color:var(--lv-ink)}
.lv-timer small{font:600 14px/1 Inter,sans-serif;letter-spacing:0;color:var(--lv-muted)}
.lv-cmp{display:flex;flex-direction:column;gap:9px;padding:14px 0;border-block:1px solid var(--lv-line-2)}
.lv-row{display:grid;grid-template-columns:62px 1fr 64px;align-items:center;gap:10px;font:600 11px/1.2 Inter,sans-serif;color:var(--lv-muted);font-variant-numeric:tabular-nums}
.lv-row b{font-weight:700;color:var(--lv-ink);text-align:right;white-space:nowrap}
.lv-cbar{position:relative;height:6px;border-radius:6px;background:rgba(var(--lv-ink-rgb),.07);overflow:hidden}
.lv-cbar i{position:absolute;inset:0;border-radius:inherit;background:var(--lv-ink);transform-origin:0 50%}
.lv-cbar--sys i{background:var(--lv-signal);transform:scaleX(0)}
.lv-log{flex:1;min-height:0;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end;gap:7px;font:500 11px/1.35 Inter,sans-serif;color:var(--lv-ink-2);font-variant-numeric:tabular-nums;-webkit-mask-image:linear-gradient(to bottom,transparent,#000 34%);mask-image:linear-gradient(to bottom,transparent,#000 34%)}
.lv-log li{display:grid;grid-template-columns:44px 1fr;gap:8px}
.lv-log li span:first-child{color:var(--lv-soft)}
.lv-log li.is-lead span:last-child{color:var(--lv-ink)}
.lv-log li.is-sum{padding-top:6px;border-top:1px dashed var(--lv-line);color:var(--lv-signal)}
.lv-log li.is-sum span:last-child{color:var(--lv-signal);font-weight:700}
.lv-log li.is-empty{display:block;color:var(--lv-muted)}
.lv-stats{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.lv-stats p{display:flex;flex-direction:column;gap:3px;padding:10px 12px;border-radius:12px;background:var(--lv-paper)}
.lv-stats b{font:700 22px/1 Bricolage,Inter,sans-serif;font-variant-numeric:tabular-nums;letter-spacing:-.03em;color:var(--lv-ink)}
.lv-stats span{font:600 9.5px/1.25 Inter,sans-serif;letter-spacing:.1em;text-transform:uppercase;color:var(--lv-muted)}
.lv-fine{font-size:12px;line-height:1.45;color:var(--lv-muted)}

/* local preview switch (only on this computer) */
.lv-theme{position:absolute;right:0;top:-48px;z-index:5;display:flex;align-items:center;gap:3px;padding:4px;border-radius:99px;background:#0b111be6;border:1px solid #9dc7ff40;font:500 12px/1 Inter,sans-serif;color:#8fa0b8}
.lv-theme span{padding:0 8px 0 6px;letter-spacing:.12em;text-transform:uppercase;font-size:10px}
.lv-theme button{border:0;border-radius:99px;padding:7px 12px;background:none;color:#c7d3e4;cursor:pointer}
.lv-theme button[aria-pressed="true"]{background:#eef1f5;color:#07090d}

@media (max-width:1180px){
  .lv-body{grid-template-columns:minmax(0,1fr) 270px;height:auto}
  .lv-stage{height:auto;min-height:600px}
  .lv-note{position:relative;left:auto;top:auto;width:auto;max-width:560px;margin:16px 16px 0}
}
@media (max-width:900px){
  .lv-body{grid-template-columns:1fr;height:auto}
  .lv-insp{border-left:0;border-top:1px solid var(--lv-line-2)}
  .lv-log{flex:none;height:150px} /* fixed: a growing log pushed the rest of the page down while the demo ran (layout shift) */
}
@media (max-width:640px){
  .lv{padding:84px 0 90px}
  .lv-shell{width:calc(100% - 20px)}
  .lv-board{border-radius:22px}
  .lv-bar{height:auto;padding:10px 10px 10px 16px}
  .lv-crumb{display:none}
  .lv-ctrl{width:100%;justify-content:space-between;gap:10px}
  .lv-note{position:relative;left:auto;top:auto;width:auto;margin:14px 14px 0;padding:14px 16px 18px}
  .lv-grip{display:none}
  .lv-title{font-size:clamp(30px,8.6vw,38px)}
  .lv-hint{display:none}
  .lv-node{--tw:54px;--th:54px}
  .lv-node--wide{--tw:112px}
  .lv-tile{border-radius:15px}
  .lv-node--trig .lv-tile{border-radius:27px 13px 13px 27px}
  .lv-tile svg{width:22px;height:22px}
  .lv-label{font-size:12px;top:calc(100% + 8px)}
  .lv-label small{font-size:8px}
  .lv-insp{padding:16px}
  .lv-timer{font-size:48px}
  .lv-theme{top:-44px}
}
@media (prefers-reduced-motion:reduce){
  .lv-dot,.lv-state.is-run i{animation:none}
  .lv-board,.lv-tile,.lv-track,.lv-track i,.lv-btn,.lv-board.is-vertical .lv-stage{transition:none}
}
/* ---- signature-refine.css ---- */
/* ELYX Signature refine (11.10.2026): language follows the visitor automatically (header switch hidden, small
   switch in the footer), compact core button instead of the large pill, no duplicate Immersive card in the hero. */
.language-controls{display:none!important}
.hero-small{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.core-mini{position:relative;display:inline-grid;place-items:center;flex:none;width:40px;height:40px;padding:0;border-radius:50%;border:1px solid #a7bfd62a;background:#16223750;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);font-size:17px;line-height:1;color:#e8f0ff;cursor:pointer}
.core-mini [data-core-label]{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}
.core-mini:hover{border-color:#9dc7ff66;background:#1c2b4570}
.core-mini:focus-visible{outline:2px solid #9dc7ff;outline-offset:3px}
.footer-lang{display:inline-flex;gap:10px;align-items:center;margin-left:auto}
.footer-lang button{background:none;border:0;padding:4px 2px;color:inherit;font:inherit;letter-spacing:.06em;opacity:.55;cursor:pointer}
.footer-lang button[aria-pressed=true]{opacity:1;text-decoration:underline;text-underline-offset:4px}
.footer-lang button:focus-visible{outline:2px solid #9dc7ff;outline-offset:2px;opacity:1}