:root{--black:#050505;--deep:#0d0d0d;--card:rgba(255,255,255,.075);--line:rgba(255,255,255,.12);--muted:rgba(255,255,255,.62);--soft:rgba(255,255,255,.42);--red:#ff3030;--red-dark:#c90000;--orange:#ff7b00;--white:#fff;--radius:24px}
*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--black);color:var(--white);font-family:-apple-system,BlinkMacSystemFont,"Inter","Segoe UI",Roboto,Arial,sans-serif;line-height:1.56;overflow-x:hidden}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button{cursor:pointer}img{max-width:100%;display:block}::selection{background:var(--red);color:#fff}
.site-bg{position:fixed;z-index:-2;inset:0;pointer-events:none;background:radial-gradient(circle at 80% 3%,rgba(255,48,48,.22),transparent 31%),radial-gradient(circle at 9% 51%,rgba(255,255,255,.045),transparent 28%),linear-gradient(180deg,#111 0%,#050505 48%,#000 100%)}.site-bg:after{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);background-size:68px 68px;mask-image:linear-gradient(180deg,rgba(0,0,0,.45),transparent 64%)}
.wrap{width:min(1120px,calc(100% - 44px));margin-inline:auto}.narrow{width:min(760px,100%);margin-inline:auto}.site-header{position:sticky;top:0;z-index:20;border-bottom:1px solid rgba(255,255,255,.075);backdrop-filter:blur(22px);background:rgba(5,5,5,.84)}.nav-inner{height:82px;display:flex;align-items:center;gap:24px;justify-content:space-between}.brand{display:inline-flex;align-items:center;gap:11px;min-width:0}.logo{height:43px;width:43px;flex-shrink:0;border-radius:13px;display:grid;place-items:center;overflow:hidden;border:1px solid var(--line);background:rgba(255,255,255,.05);box-shadow:0 18px 35px rgba(0,0,0,.45)}.logo img{width:100%;height:100%;object-fit:contain}.brand-text strong{display:block;font-size:13px;letter-spacing:2.5px}.brand-text span{display:block;color:rgba(255,255,255,.45);font-size:10px;letter-spacing:1.35px;margin-top:1px}.nav-links{display:flex;align-items:center;gap:24px}.nav-links a{font-weight:700;color:rgba(255,255,255,.7);font-size:13px;transition:color .2s}.nav-links a:hover,.nav-links a[aria-current="page"]{color:#fff}.nav-links .nav-contact{border:1px solid var(--line);border-radius:999px;padding:11px 16px;color:#fff}.menu-toggle{display:none;width:42px;height:42px;align-items:center;justify-content:center;color:#fff;border:1px solid var(--line);background:rgba(255,255,255,.06);border-radius:50%;font-size:23px}
.eyebrow{display:inline-flex;align-items:center;gap:10px;color:var(--red);letter-spacing:3px;font-size:11px;text-transform:uppercase;font-weight:850}.eyebrow:before{content:"";background:var(--red);height:1px;width:22px}.hero{padding:102px 0 75px}.hero h1{font-size:clamp(44px,7vw,88px);font-weight:900;line-height:.98;letter-spacing:-.058em;max-width:950px;margin:21px 0 22px}.hero h1 em{font-style:normal;color:var(--red)}.lead{font-size:clamp(15px,1.7vw,18px);line-height:1.75;color:var(--muted);max-width:690px}.chip-row{display:flex;flex-wrap:wrap;gap:9px;margin:24px 0}.chip{display:inline-flex;align-items:center;font-size:11px;font-weight:800;color:rgba(255,255,255,.76);border:1px solid var(--line);border-radius:999px;background:rgba(255,255,255,.035);padding:9px 12px}.section{padding:65px 0}.section-head{margin-bottom:30px}.section-title{font-size:clamp(30px,4.5vw,48px);font-weight:900;letter-spacing:-.045em;line-height:1.1;margin:11px 0}.section-copy{color:var(--muted);line-height:1.75;max-width:710px}.small-title{font-size:27px;font-weight:850;letter-spacing:-.035em;line-height:1.1;margin:12px 0}.card{background:linear-gradient(180deg,rgba(255,255,255,.085),rgba(255,255,255,.033));border:1px solid var(--line);border-radius:27px;box-shadow:0 25px 60px rgba(0,0,0,.28)}.card:hover{border-color:rgba(255,255,255,.24)}
.paths{display:grid;grid-template-columns:1fr 1fr;gap:18px}.path{min-height:395px;display:flex;flex-direction:column;padding:31px;position:relative;overflow:hidden;isolation:isolate;transition:transform .25s,border-color .25s}.path:hover{transform:translateY(-4px)}.path::before{content:"";position:absolute;inset:auto -20% -60% auto;width:78%;aspect-ratio:1;border-radius:50%;background:var(--path-glow,rgba(255,48,48,.15));filter:blur(56px);z-index:-1}.path-label{font-size:11px;font-weight:850;letter-spacing:2.5px;color:var(--red)}.path-symbol{height:68px;width:68px;border-radius:22px;display:grid;place-items:center;background:rgba(255,48,48,.10);border:1px solid rgba(255,48,48,.18);font-size:34px;margin:31px 0 26px}.path h2{font-size:clamp(28px,3.2vw,39px);letter-spacing:-1.4px;line-height:1.05;margin:0 0 12px}.path p{margin:0 0 24px;color:var(--muted);font-size:14px;line-height:1.68;max-width:400px}.path .path-cta{margin-top:auto;display:inline-flex;align-items:center;gap:9px;font-weight:850;font-size:14px}.path-cta span{font-size:22px;color:var(--red)}.path-orange .path-label,.path-orange .path-cta span{color:var(--orange)}.path-orange .path-symbol{background:rgba(255,123,0,.11);border-color:rgba(255,123,0,.16)}
.btn-row{display:flex;flex-wrap:wrap;gap:12px;margin:28px 0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:56px;border-radius:999px;padding:14px 24px;border:1px solid transparent;font-weight:850;font-size:14px;text-align:center;transition:transform .2s,background .2s;box-sizing:border-box}.btn:hover{transform:translateY(-2px)}.btn:active{transform:scale(.98)}.btn-primary{background:linear-gradient(135deg,var(--red),var(--red-dark));color:#fff;box-shadow:0 18px 40px rgba(255,0,0,.22)}.btn-secondary{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.16);color:#fff;backdrop-filter:blur(18px)}.btn-dark{background:transparent;border-color:var(--line)}
.divider{height:1px;background:var(--line);margin:50px 0}.value-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.value{padding:25px}.value .number{color:var(--red);font-size:11px;font-weight:850;letter-spacing:2px}.value strong{display:block;font-size:18px;margin:12px 0 8px}.value p{margin:0;color:var(--muted);font-size:13px;line-height:1.75}.banner{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:32px;background:linear-gradient(120deg,rgba(255,48,48,.17),rgba(255,255,255,.04) 70%);border:1px solid rgba(255,48,48,.2);border-radius:26px}.banner h2{margin:0 0 8px;font-size:26px;line-height:1.2;letter-spacing:-.025em}.banner p{color:var(--muted);font-size:14px;margin:0}.footer{border-top:1px solid var(--line);padding:37px 0 50px;margin-top:60px}.footer-inner{display:flex;justify-content:space-between;gap:25px;align-items:center}.footer .muted{color:var(--soft);font-size:12px}.footer-links{display:flex;flex-wrap:wrap;gap:22px}.footer-links a{font-size:12px;font-weight:700;color:var(--muted)}
.page-hero{padding:76px 0 55px}.page-hero h1{font-weight:900;font-size:clamp(42px,6vw,74px);line-height:1;letter-spacing:-.06em;margin:21px 0}.page-hero h1 em{font-style:normal;color:var(--red)}.service-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.service-card{padding:25px;display:flex;flex-direction:column;min-height:246px}.service-card .ico{font-size:27px;color:var(--red);margin-bottom:14px}.service-card h3{font-size:19px;letter-spacing:-.03em;line-height:1.22;margin:0 0 9px}.service-card p{font-size:13px;color:var(--muted);margin:0;line-height:1.7}.service-card .service-tag{font-size:10px;font-weight:800;color:var(--orange);letter-spacing:1px;margin-top:auto;padding-top:21px}.cases{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.case{padding:27px;min-height:236px}.case-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.case h3{font-size:24px;letter-spacing:-.035em;margin:22px 0 10px}.case p{margin:0;color:var(--muted);font-size:14px;line-height:1.72}.status{display:inline-block;padding:7px 10px;font-size:10px;font-weight:850;letter-spacing:1px;text-transform:uppercase;border-radius:999px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.06);color:rgba(255,255,255,.72)}.status.live{color:#ffb19f;border-color:rgba(255,48,48,.22);background:rgba(255,48,48,.12)}.case small{letter-spacing:1.6px;color:var(--red);font-weight:850}.case .inline-link{display:inline-block;color:#fff;font-size:13px;margin-top:18px;text-decoration:underline;text-decoration-color:var(--red);text-underline-offset:4px}
.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.step{border-top:2px solid var(--red);padding:20px 6px 0}.step b{display:block;color:var(--orange);font-size:11px;letter-spacing:2px;margin-bottom:11px}.step strong{display:block;font-size:17px}.step p{font-size:13px;color:var(--muted);line-height:1.7}.form-shell{padding:31px;max-width:790px;margin:0 auto}.form-shell h2{margin:0 0 7px;font-size:26px;letter-spacing:-.04em}.form-shell>p{margin:0 0 29px;color:var(--muted);font-size:14px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.field{display:flex;flex-direction:column;gap:7px}.field.full{grid-column:1/-1}.field label{font-size:12px;font-weight:800;color:rgba(255,255,255,.82)}.field label span{color:var(--red)}.field input,.field textarea,.field select{width:100%;border:1px solid rgba(255,255,255,.16);background:#171719;border-radius:13px;color:#fff;outline:none;padding:14px 15px;font-size:14px;min-height:51px}.field textarea{min-height:155px;resize:vertical}.field input:focus,.field textarea:focus,.field select:focus{border-color:var(--red);box-shadow:0 0 0 3px rgba(255,48,48,.08)}.field input::placeholder,.field textarea::placeholder{color:rgba(255,255,255,.35)}.fine-print{font-size:12px;color:var(--soft);line-height:1.7;margin:20px 0 23px}.fine-print a{color:#fff;text-decoration:underline;text-decoration-color:var(--red)}.full-btn{width:100%}.small-note{font-size:12px;color:var(--soft);line-height:1.6}.line-list{list-style:none;margin:0;padding:0;display:grid;gap:11px}.line-list li{padding-left:21px;position:relative;color:var(--muted);font-size:14px}.line-list li:before{content:"";position:absolute;left:0;top:10px;width:7px;height:7px;background:var(--red);border-radius:50%}.text-link{color:#fff;text-decoration:underline;text-decoration-color:var(--red);text-underline-offset:5px}.hidden-field{position:absolute!important;left:-9999px!important;opacity:0!important}
@media(max-width:820px){.service-grid{grid-template-columns:repeat(2,1fr)}.steps{grid-template-columns:repeat(2,1fr);row-gap:26px}.nav-links{gap:14px}.nav-inner{height:75px}}
@media(max-width:620px){.wrap{width:calc(100% - 40px)}.hero{padding:71px 0 35px}.hero h1{font-size:clamp(42px,11vw,64px)}.page-hero{padding:60px 0 28px}.page-hero h1{font-size:clamp(40px,10.8vw,58px)}.paths,.service-grid,.cases,.value-grid,.form-grid{grid-template-columns:1fr}.path{min-height:330px;padding:25px}.path-symbol{margin:20px 0}.section{padding:44px 0}.banner{align-items:flex-start;flex-direction:column;padding:25px}.banner .btn{width:100%}.form-shell{padding:23px}.footer-inner{align-items:flex-start;flex-direction:column}.nav-links{display:none;position:absolute;top:75px;left:0;right:0;padding:22px;background:#101012;border-bottom:1px solid var(--line);flex-direction:column;gap:21px;align-items:stretch}.nav-links.open{display:flex}.menu-toggle{display:flex}.brand-text strong{font-size:12px}.steps{grid-template-columns:1fr 1fr}.btn-row{display:grid;grid-template-columns:1fr}.btn-row .btn{width:100%}.section-title{font-size:34px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition-duration:0s!important;animation-duration:0s!important}}

/* --- V2 ecosystem lobby ONLY. Existing Studio pages intentionally untouched. --- */
.lobby-body{min-height:100svh;display:flex;flex-direction:column}
.lobby-header .nav-inner{height:74px}
.lobby-header-note{color:rgba(255,255,255,.47);font-size:10px;letter-spacing:2px;font-weight:800}
.lobby-main{flex:1;display:flex;align-items:center}
.lobby-wrap{max-width:1060px;padding-top:36px;padding-bottom:30px}
.lobby-intro{text-align:center;margin:0 auto 29px}
.lobby-intro .eyebrow{font-size:10px;letter-spacing:2px}
.lobby-intro .eyebrow:before{width:16px}
.lobby-intro h1{font-size:clamp(35px,5.4vw,60px);font-weight:900;line-height:1.08;letter-spacing:-.058em;margin:13px 0 12px}
.lobby-intro h1 span{color:var(--red)}
.lobby-intro p{margin:0 auto;color:var(--muted);font-size:clamp(14px,1.55vw,16px);line-height:1.55;max-width:540px}
.lobby-paths{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px}
.lobby-path{min-width:0;min-height:345px;padding:29px;display:flex;flex-direction:column;gap:16px;position:relative;overflow:hidden;isolation:isolate;border-radius:24px;border:1px solid rgba(255,255,255,.16);background:linear-gradient(145deg,#29292d 0%,#1b1b1e 58%,#1e1719 100%);box-shadow:0 20px 48px rgba(0,0,0,.27);transition:transform .2s,border-color .2s}
.lobby-path::before{content:"";position:absolute;inset:auto -70px -170px auto;width:320px;height:320px;border-radius:50%;background:rgba(237,40,32,.13);filter:blur(55px);z-index:-1;pointer-events:none}
.lobby-gadgets::before{background:rgba(255,123,0,.125)}
.lobby-path:hover{border-color:rgba(255,255,255,.34);transform:translateY(-3px)}
.lobby-path:focus-visible{outline:3px solid #ff7b00;outline-offset:4px}
.lobby-path-top{display:flex;justify-content:space-between;align-items:center;gap:14px}
.lobby-path-icon{flex:0 0 auto;display:grid;place-items:center;width:58px;height:58px;border-radius:17px;color:#ff7b00;background:rgba(255,123,0,.11);border:1px solid rgba(255,123,0,.18)}
.lobby-studio .lobby-path-icon{color:#ff5349;background:rgba(255,48,48,.10);border-color:rgba(255,48,48,.22)}
.lobby-code-icon{font:900 23px/1 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;letter-spacing:-2px}
.lobby-path-id{font-weight:850;letter-spacing:1.8px;font-size:10px;text-align:right;color:#ffa357}
.lobby-studio .lobby-path-id{color:#ff685b}
.lobby-path-copy{margin-top:5px}
.lobby-path h2{font-size:clamp(28px,3vw,39px);font-weight:900;letter-spacing:-.045em;line-height:1.05;margin:0 0 12px}
.lobby-path h2 span{color:#ff8c34}
.lobby-studio h2 span{color:#ff4c47}
.lobby-path p{color:rgba(255,255,255,.74);font-size:14px;line-height:1.65;margin:0;max-width:375px}
.lobby-path-button{margin-top:auto;width:100%;min-height:52px;border-radius:15px;background:linear-gradient(120deg,var(--red),var(--red-dark));color:#fff;display:flex;justify-content:center;align-items:center;gap:10px;font-size:14px;font-weight:850;box-shadow:0 12px 30px rgba(218,0,0,.2);text-align:center}
.lobby-path-button span{font-size:21px;line-height:1}
.lobby-bottom-note{text-align:center;margin:25px 0 0;color:rgba(255,255,255,.43);font-size:12px;letter-spacing:.3px}
.lobby-footer{border-top:1px solid rgba(255,255,255,.08);padding:15px max(22px,calc((100vw - 1120px)/2));display:flex;gap:15px;justify-content:space-between;color:rgba(255,255,255,.38);font-size:11px}
@media(max-width:680px){
  .lobby-header .nav-inner{height:68px}
  .lobby-header-note{font-size:8px;letter-spacing:1px}
  .lobby-wrap{width:calc(100% - 36px);padding-top:25px;padding-bottom:17px}
  .lobby-intro{margin-bottom:21px}
  .lobby-intro h1{font-size:clamp(33px,9.3vw,43px);margin:10px 0 9px}
  .lobby-intro p{font-size:13px;line-height:1.55;max-width:330px}
  .lobby-paths{grid-template-columns:1fr;gap:13px}
  .lobby-path{min-height:225px;padding:20px;gap:12px;border-radius:21px}
  .lobby-path-icon{width:47px;height:47px;border-radius:14px}
  .lobby-path-icon svg{width:25px;height:25px}
  .lobby-code-icon{font-size:21px}
  .lobby-path-id{font-size:9px;letter-spacing:1.15px}
  .lobby-path-copy{margin-top:0}
  .lobby-path h2{font-size:26px;margin:0 0 5px}
  .lobby-path p{font-size:12.5px;line-height:1.5}
  .lobby-path-button{min-height:43px;border-radius:12px;font-size:12.5px}
  .lobby-bottom-note{margin-top:17px;font-size:11px}
  .lobby-footer{padding:13px 18px;font-size:10px}
}
@media(max-width:360px){.lobby-header-note{display:none}.lobby-wrap{width:calc(100% - 28px)}.lobby-intro h1{font-size:32px}.lobby-path{padding:17px}.lobby-path p{font-size:12px}}


/* ===== V3: Premium motion system — additive, mobile-first, accessible ===== */
/* Animation never changes dimensions, positioning, colors, fonts, or button design. */
@keyframes kemzy-intro {from{opacity:0;transform:translate3d(0,14px,0)}to{opacity:1;transform:translate3d(0,0,0)}}
@keyframes kemzy-rise {from{opacity:0;transform:translate3d(0,24px,0) scale(.985)}to{opacity:1;transform:translate3d(0,0,0) scale(1)}}
@keyframes kemzy-shine {from{transform:translateX(-165%) skewX(-19deg)}to{transform:translateX(285%) skewX(-19deg)}}
@keyframes kemzy-icon-glow {0%,100%{filter:drop-shadow(0 0 0 rgba(255,80,55,0))}50%{filter:drop-shadow(0 0 8px rgba(255,80,55,.45))}}
@keyframes kemzy-bg-breathe {0%,100%{opacity:.6}50%{opacity:.9}}
@keyframes kemzy-spinner {to{transform:rotate(360deg)}}
/* At first load, short staggered entrance; content remains readable after the motion completes. */
@media (prefers-reduced-motion:no-preference){
  .lobby-header .brand,.site-header:not(.lobby-header) .brand{animation:kemzy-intro .55s cubic-bezier(.2,.7,.2,1) both}
  .lobby-intro .eyebrow,.page-hero>.eyebrow{animation:kemzy-intro .55s .07s both}
  .lobby-intro h1,.page-hero>h1{animation:kemzy-intro .7s .14s both}
  .lobby-intro p,.page-hero>.lead{animation:kemzy-intro .7s .24s both}
  .lobby-path:nth-child(1){animation:kemzy-rise .68s .32s cubic-bezier(.2,.7,.2,1) both}
  .lobby-path:nth-child(2){animation:kemzy-rise .68s .43s cubic-bezier(.2,.7,.2,1) both}
  .page-hero .btn-row{animation:kemzy-intro .7s .34s both}
  .page-hero .chip-row{animation:kemzy-intro .7s .45s both}
  .lobby-bottom-note{animation:kemzy-intro .6s .58s both}
  /* Scroll reveals only activate when IntersectionObserver is available. */
  .reveal-ready{opacity:0;transform:translate3d(0,22px,0);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.7,.2,1)}
  .reveal-ready.is-visible{opacity:1;transform:translate3d(0,0,0)}
}
/* Premium, lightweight interactions. No scroll-jacking or perpetual movement. */
.lobby-path,.card,.btn,.lobby-path-button{will-change:auto}
.lobby-path{transition:transform .28s cubic-bezier(.2,.7,.2,1),border-color .28s,box-shadow .28s}
.lobby-path:hover{box-shadow:0 28px 58px rgba(0,0,0,.35)}
.lobby-path-icon,.logo img{transition:transform .28s ease,filter .28s ease}
.lobby-path:hover .lobby-path-icon{transform:translateY(-3px) rotate(-3deg)}
.lobby-studio:hover .lobby-code-icon{animation:kemzy-icon-glow 1.3s ease-in-out}
.lobby-path-button,.btn-primary{overflow:hidden;position:relative;isolation:isolate}
.lobby-path-button::after,.btn-primary::after{content:"";position:absolute;inset:0;width:42%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.13),transparent);transform:translateX(-165%) skewX(-19deg);pointer-events:none}
@media(hover:hover) and (pointer:fine){
  .lobby-path:hover .lobby-path-button::after,.btn-primary:hover::after{animation:kemzy-shine .72s ease both}
  .btn-primary:hover{box-shadow:0 16px 34px rgba(223,0,0,.28)}
  .service-card,.case{transition:transform .23s ease,border-color .23s ease,box-shadow .23s ease}
  .service-card:hover,.case:hover{transform:translateY(-4px);border-color:rgba(255,88,65,.32);box-shadow:0 18px 40px rgba(0,0,0,.18)}
}
/* Clear asynchronous form feedback; don't display a false success on network failure. */
.form-feedback{display:none;margin:16px 0 0;padding:12px 15px;border-radius:12px;font-size:13px;line-height:1.6;border:1px solid rgba(255,105,82,.4);background:rgba(255,60,40,.08);color:#ffb6ab}
.form-feedback.visible{display:block}
.btn-is-sending{opacity:.75;cursor:wait}
.btn-is-sending::before{content:"";display:inline-block;width:14px;height:14px;border:2px solid rgba(255,255,255,.4);border-top-color:white;border-radius:50%;vertical-align:-3px;margin-right:10px;animation:kemzy-spinner .7s linear infinite}
@media(prefers-reduced-motion:reduce){
  .lobby-path,.card,.btn,.lobby-path-button,.lobby-path-icon,.logo img{transition:none!important;animation:none!important}
  .reveal-ready{opacity:1!important;transform:none!important;transition:none!important}
  .lobby-path-button::after,.btn-primary::after,.btn-is-sending::before{animation:none!important}
}

/* V4 service icon refinement — same red monochrome line style; no external icon font. */
.service-card .ico .service-icon-svg{display:block;width:32px;height:32px;color:inherit;overflow:visible;flex-shrink:0}
.service-card .ico{display:inline-flex;align-items:center;justify-content:flex-start;min-height:40px}

/* Kemzy Learn — compact, recognisably forthcoming, still clickable for preview */
.lobby-paths{grid-template-columns:repeat(2,minmax(0,1fr))}
.lobby-learn{grid-column:1/-1;min-height:220px;max-width:none;background:linear-gradient(145deg,#202024,#171618 60%,#27201c)}
.lobby-learn::before{background:rgba(255,124,29,.09)}
.lobby-learn .lobby-path-top .lobby-path-icon{color:#f78c39;background:#30241e;border-color:#713d20;font-size:25px}
.lobby-learn .lobby-path-id{color:#aaa}
.lobby-learn h2 span{color:#ff913f}
.lobby-learn .lobby-path-button{box-shadow:none;background:linear-gradient(110deg,#36353b,#484448);border:1px solid #5b555a;color:#ddd}
.learn-pill{display:inline-flex;font-size:11px;letter-spacing:0;border:1px solid #925121;border-radius:30px;padding:7px 10px;color:#ffa159;background:#3a281e;vertical-align:middle}
.learn-tagline{font-size:12px;color:#b9a9a0;font-style:italic;border-top:1px solid #40393b;padding-top:12px}
@media(max-width:620px){.lobby-paths{grid-template-columns:1fr}.lobby-learn{grid-column:auto;min-height:215px}}
/* Learn preview form */
.learn-main{max-width:850px;margin:0 auto;padding:65px 20px 85px}.learn-hero{text-align:center}.learn-hero .eyebrow{color:#ff5b53;font-weight:800;font-size:12px;letter-spacing:2px}
.learn-hero h1{font-size:clamp(40px,8vw,76px);letter-spacing:-.065em;line-height:1.05;margin:17px 0}.learn-hero h1 span{color:#ff7740}.learn-hero p{color:#c3b9b8;max-width:610px;margin:0 auto 24px;line-height:1.75}
.learn-modules{display:flex;justify-content:center;gap:9px;flex-wrap:wrap;margin:26px auto 40px}.learn-modules span{border:1px solid #544449;background:#2b2527;padding:10px 16px;border-radius:50px;font-weight:750;color:#f1e8e8}
.learn-waitlist{margin:0 auto;max-width:590px;background:linear-gradient(145deg,#30282a,#201e20);border:1px solid #795055;border-radius:23px;padding:clamp(22px,5vw,38px);box-shadow:0 20px 65px #0008}
.learn-waitlist h2{font-size:25px;margin:0 0 8px}.learn-waitlist p{color:#bbb;line-height:1.6}.learn-waitlist label{display:block;color:#f6eded;font-weight:700;font-size:13px;margin:18px 0 7px}.learn-waitlist input:not([type=checkbox]){display:block;width:100%;padding:15px;background:#151517;color:#fff;border:1px solid #62575a;border-radius:12px;font-size:15px}
.learn-waitlist input:focus{outline:2px solid #e8272d;outline-offset:1px}.learn-waitlist .consent{display:flex;align-items:flex-start;gap:12px;font-size:12px;font-weight:450;line-height:1.65;margin:19px 0}.learn-waitlist .consent input{margin-top:4px;accent-color:#e8272d}.learn-waitlist button{width:100%;cursor:pointer;border:0;border-radius:13px;background:linear-gradient(110deg,#ff3639,#d90008);color:white;padding:16px;font-weight:850;font-size:15px}.learn-waitlist button:disabled{opacity:.6;cursor:wait}.learn-waitlist .form-message{min-height:20px;font-size:13px;margin:10px 0 0}.learn-privacy{font-size:12px!important;text-align:center;margin-top:18px}.learn-return{display:inline-flex;align-items:center;color:#ded2cf;font-weight:700;margin:0 0 36px}

/* V8.2: viewport lobby only. All division pages remain unchanged. */
@media (min-width: 621px) {
 .lobby-body{height:100svh;min-height:0;overflow:hidden}
 .lobby-main{min-height:0;overflow:hidden}
 .lobby-wrap{padding-top:clamp(8px,2vh,24px);padding-bottom:clamp(6px,1.5vh,16px)}
 .lobby-intro{margin-bottom:clamp(9px,2vh,19px)}
 .lobby-intro h1{font-size:clamp(27px,4.3vh,48px);margin:6px 0}
 .lobby-intro p{font-size:13px;line-height:1.35}
 .lobby-paths{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
 .lobby-path,.lobby-learn{grid-column:auto;min-height:0;max-width:none;padding:clamp(13px,2vh,23px);gap:clamp(7px,1.3vh,14px)}
 .lobby-path-icon{width:clamp(36px,5vh,52px);height:clamp(36px,5vh,52px)}
 .lobby-path h2{font-size:clamp(20px,2.5vw,30px)}
 .lobby-path p{font-size:clamp(11px,1.1vw,13px);line-height:1.4}
 .lobby-path-button{min-height:clamp(36px,5vh,46px);font-size:12px}
 .learn-tagline{font-size:10px;padding-top:7px}
 .lobby-bottom-note{margin-top:10px}
 .lobby-header .nav-inner{height:clamp(50px,8vh,70px)}
 .lobby-footer{padding-top:8px;padding-bottom:8px}
}
@media (max-width: 620px) {
 .lobby-body{height:100svh;min-height:0;overflow:hidden}
 .lobby-header .nav-inner{height:clamp(44px,7svh,59px)}
 .lobby-main{min-height:0;overflow:hidden;display:flex;align-items:stretch}
 .lobby-wrap{height:100%;min-height:0;display:flex;flex-direction:column;justify-content:center;padding-top:5px;padding-bottom:5px;width:calc(100% - 28px)}
 .lobby-intro{margin-bottom:clamp(7px,1.5svh,15px)}
 .lobby-intro .eyebrow{font-size:9px}
 .lobby-intro h1{font-size:clamp(24px,4.3svh,36px);margin:5px 0}
 .lobby-intro p{font-size:clamp(10px,1.55svh,12px);line-height:1.3}
 .lobby-paths{display:grid;grid-template-columns:1fr;gap:clamp(6px,1svh,11px);min-height:0}
 .lobby-path,.lobby-learn{min-height:0;grid-column:auto;padding:clamp(10px,1.6svh,16px);gap:clamp(4px,.8svh,8px);border-radius:16px}
 .lobby-path-top{gap:6px}
 .lobby-path-icon{height:clamp(28px,4svh,39px);width:clamp(28px,4svh,39px);border-radius:10px}
 .lobby-path-icon svg{width:21px;height:21px}
 .lobby-path-id{font-size:8px;letter-spacing:.65px}
 .lobby-path h2{font-size:clamp(19px,2.9svh,25px);margin:0 0 3px}
 .lobby-path p{font-size:clamp(10px,1.45svh,12px);line-height:1.3;max-width:none}
 .lobby-path-button{min-height:clamp(29px,4svh,38px);font-size:11px;border-radius:10px}
 .learn-pill{font-size:9px;padding:3px 6px}
 .learn-tagline{display:none}
 .lobby-bottom-note{margin-top:clamp(5px,1svh,9px);font-size:10px}
 .lobby-footer{padding:6px 14px;font-size:9px}
}
/* Tiny displays / enlarged text: accessibility takes priority over clipping. */
@media (max-height: 590px) and (max-width: 620px), (max-height: 470px) and (min-width: 621px) {
 .lobby-body{height:auto;min-height:100svh;overflow:auto}
 .lobby-main{overflow:visible}
 .lobby-wrap{height:auto}
}

/* V8.2.3: clickable Studio cards */
a.service-card-link {color:inherit;text-decoration:none;cursor:pointer;}
a.service-card-link:hover,a.service-card-link:focus-visible,.case-link:hover,.case-link:focus-visible {border-color:rgba(255,88,65,.65);transform:translateY(-3px);}
a.service-card-link:focus-visible,.case-link:focus-visible {outline:2px solid #ff6b4a;outline-offset:3px;}
.case-link {cursor:pointer;}

#learnStatus[data-state]{display:block!important;padding:13px 15px!important;border-radius:11px!important;margin-top:14px!important;font-weight:700!important;line-height:1.5!important}
#learnStatus[data-state="success"]{color:#fff!important;background:#302024!important;border:1px solid #ed4b48!important}
#learnStatus[data-state="error"]{color:#ffd5d2!important;background:#3a2023!important;border:1px solid #ef3038!important}
#learnStatus[data-state="pending"]{color:#fff!important;background:#2d2627!important;border:1px solid #6b4d4d!important}