/* NeoEdge Automation & Training
   Graphite steel, cool concrete and the orange of THE CUT. */

:root{
  --canvas:#111315;
  --canvas-light:#E6E7E5;
  --panel:#1A1D20;
  --panel-2:#202428;
  --line:#2A2F33;
  --line-strong:#5E666D;
  --accent:#FF6600;
  --accent-hover:#FF7A21;
  --accent-muted:#8A3A0E;
  --accent-ink:#A84200;
  --cut-a:#FF3300;
  --cut-b:#FF9900;
  --text-primary:#EEF0F1;
  --text-secondary:#A4AAB0;
  --ink:#16181A;
  --ink-secondary:#4A5056;

  --f-display:"Chakra Petch","Segoe UI",system-ui,sans-serif;
  --f-text:"Barlow","Segoe UI",system-ui,sans-serif;
  --f-mono:"IBM Plex Mono",ui-monospace,"Cascadia Mono",Consolas,monospace;

  --ease-out:cubic-bezier(.16,1,.3,1);
  --ease-in-out:cubic-bezier(.65,0,.35,1);

  --tshadow:0 1px 2px rgba(5,5,10,.95),0 3px 12px rgba(5,5,10,.78),0 10px 44px rgba(5,5,10,.8);
  --gutter:clamp(16px,4vw,56px);
  --nav-h:96px;
  --cut-h:clamp(44px,6vw,96px);
  --pad:clamp(88px,10vw,152px);
}
@media (max-width:560px){:root{--nav-h:76px}}

/* ---------- base ---------- */

*,*::before,*::after{box-sizing:border-box}
html{overflow-x:hidden;overflow-x:clip;scroll-behavior:smooth;-webkit-text-size-adjust:100%;scroll-padding-top:var(--nav-h)}
body{
  margin:0;overflow-x:hidden;overflow-x:clip;
  background:var(--canvas);color:var(--text-primary);
  font-family:var(--f-text);font-size:clamp(16px,.35vw + 15px,18px);line-height:1.6;
  -webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;
  animation:page-in .9s var(--ease-out) both;
}
@keyframes page-in{from{opacity:0}to{opacity:1}}
img,svg,video{display:block;max-width:100%}
a{color:inherit}
button,input,select,textarea{font:inherit;color:inherit}
h1,h2,h3,h4,p,ul,ol,dl,dd,figure,blockquote{margin:0}
ul,ol{padding:0;list-style:none}

.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.skip{
  position:fixed;left:16px;top:12px;z-index:100;padding:10px 16px;border-radius:6px;
  background:var(--accent);color:var(--ink);font-weight:600;text-decoration:none;
  transform:translateY(-160%);transition:transform .3s var(--ease-out);
}
.skip:focus-visible{transform:none}
:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:4px}
main:focus{outline:none}

.wrap{max-width:1240px;margin-inline:auto;padding-inline:var(--gutter)}

.kicker{
  display:inline-flex;align-items:center;gap:10px;
  font-family:var(--f-mono);font-size:12.5px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;
  color:var(--text-secondary);
}
.kicker::before{content:"";width:22px;height:2px;background:linear-gradient(90deg,var(--cut-a),var(--cut-b));transform:skewX(-40deg)}
.display{font-family:var(--f-display);font-weight:600;line-height:1.04;letter-spacing:-.01em}
.sig{font-style:italic;font-weight:700;color:var(--accent)}
h2.display{font-size:clamp(34px,4.2vw,58px);max-width:20ch}
.lede{color:var(--text-secondary);font-size:clamp(17px,.5vw + 15px,20px);max-width:58ch}

/* ---------- buttons ---------- */

.btn{
  position:relative;display:inline-flex;align-items:center;justify-content:center;gap:10px;isolation:isolate;
  min-height:48px;padding:12px 22px;border-radius:4px;border:0;cursor:pointer;
  font-family:var(--f-display);font-weight:600;font-size:16px;letter-spacing:.02em;text-decoration:none;text-shadow:none;
  background:var(--accent);color:var(--ink);
  clip-path:polygon(0 0,100% 0,100% calc(100% - 12px),calc(100% - 12px) 100%,0 100%);
  transition:transform .35s var(--ease-out);
}
.btn::after{content:"";position:absolute;inset:0;background:var(--accent-hover);opacity:0;transition:opacity .3s var(--ease-out);z-index:-1}
.btn:hover{transform:translateY(-2px)}
.btn:hover::after{opacity:1}
.btn:active{transform:translateY(0)}
.btn .arrow{transition:transform .35s var(--ease-out)}
.btn:hover .arrow{transform:translateX(4px)}
.btn-ghost{background:transparent;color:var(--text-primary);box-shadow:inset 0 0 0 1.5px var(--line-strong);clip-path:none}
.btn-ghost::after{background:rgba(238,240,241,.08)}
.btn-small{min-height:42px;padding:8px 16px;font-size:15px}
@media (pointer:coarse){.btn,.btn-small{min-height:44px;display:inline-flex;align-items:center;justify-content:center}}

/* ---------- ambient layer ---------- */

.ambient{position:fixed;inset:0;z-index:-1;pointer-events:none;overflow:hidden}
.grain{
  position:absolute;inset:-50%;opacity:.06;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%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='180' height='180' filter='url(%23n)'/%3E%3C/svg%3E");
  animation:grain-drift 70s linear infinite;animation-delay:-23s;
}
@keyframes grain-drift{from{transform:translate3d(0,0,0)}to{transform:translate3d(-180px,-120px,0)}}
.marks{
  position:absolute;inset:-50%;opacity:.05;
  background:url("../img/watermarks.svg") 0 0/720px 720px repeat;
  animation:marks-drift 200s linear infinite;animation-delay:-60s;
}
@keyframes marks-drift{from{transform:translate3d(0,0,0)}to{transform:translate3d(-720px,0,0)}}
.ember{
  position:absolute;bottom:-4vh;width:3px;height:3px;border-radius:50%;
  background:var(--accent);box-shadow:0 0 8px 2px rgba(255,102,0,.55);opacity:0;
  animation:ember-rise var(--d,64s) linear infinite;animation-delay:var(--delay,-10s);
}
@keyframes ember-rise{0%{transform:translate3d(0,0,0);opacity:0}8%{opacity:.55}60%{opacity:.35}100%{transform:translate3d(var(--x,40px),-112vh,0);opacity:0}}

/* ---------- nav ---------- */

.nav{
  position:fixed;inset:0 0 auto 0;z-index:50;height:var(--nav-h);
  display:flex;align-items:center;justify-content:space-between;gap:24px;padding-inline:var(--gutter);
}
.nav::before{
  content:"";position:absolute;inset:0;z-index:-1;
  background:rgba(17,19,21,.88);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);
  border-bottom:1px solid var(--line);opacity:0;transition:opacity .45s var(--ease-out);
}
.nav::after{
  content:"";position:absolute;inset:0 0 -72px 0;z-index:-2;pointer-events:none;
  background:linear-gradient(to bottom,rgba(8,9,10,.8),rgba(8,9,10,.45) 55%,rgba(8,9,10,0));transition:opacity .45s var(--ease-out);
}
.nav.solid::before{opacity:1}
.nav.solid::after{opacity:0}
.brand{display:flex;align-items:center;flex:none}
.brand img{height:72px;width:auto;transform-origin:left center;transition:transform .5s var(--ease-out)}
.nav.solid .brand img{transform:scale(.68)}
.nav-links{display:flex;gap:26px}
.nav-links a{position:relative;text-decoration:none;font-weight:500;font-size:15.5px;color:#C5CACE;padding-block:8px;transition:color .3s var(--ease-out)}
.nav-links a::after{content:"";position:absolute;left:0;right:0;bottom:2px;height:2px;background:linear-gradient(90deg,var(--cut-a),var(--cut-b));transform:scaleX(0);transform-origin:left;transition:transform .4s var(--ease-out)}
.nav-links a:hover{color:var(--text-primary)}
.nav-links a:hover::after{transform:scaleX(1)}
.nav-right{display:flex;align-items:center;gap:18px}
.lang{display:inline-flex;align-items:center;gap:6px;font-family:var(--f-mono);font-size:13px;letter-spacing:.08em;text-decoration:none;color:var(--text-secondary);min-height:40px;white-space:nowrap}
.lang b{color:var(--text-primary);font-weight:500}
.lang:hover{color:var(--text-primary)}
@media (max-width:1080px){.nav-links{display:none}}
@media (max-width:560px){.nav .btn-small{display:none}.brand img{height:46px}.nav.solid .brand img{transform:scale(.86)}}
@media (max-width:759px){.nav .btn-small{display:none}}
@media (max-width:560px){.nav{gap:12px}.nav-right{gap:10px}}
@media (max-width:370px){.brand img{height:42px}}
@media (max-width:359px){.nav .lang{display:none}}
@media (orientation:landscape) and (max-height:500px){
  :root{--nav-h:64px}
  .brand img{height:44px}
  .nav.solid .brand img{transform:scale(.86)}
}

/* ---------- the menu, for tablets and phones ---------- */

.menu-btn{
  display:none;position:relative;flex:none;width:44px;height:44px;padding:0;border-radius:6px;cursor:pointer;
  border:1px solid var(--line-strong);background:rgba(17,19,21,.55);color:var(--text-primary);
  transition:border-color .3s var(--ease-out);
}
.menu-btn:hover{border-color:var(--accent)}
.menu-btn span{position:absolute;left:12px;right:12px;height:2px;border-radius:1px;background:currentColor;transition:top .3s var(--ease-out),transform .35s var(--ease-out)}
.menu-btn span:first-child{top:16px}
.menu-btn span:last-child{top:25px}
.menu-btn[aria-expanded="true"] span:first-child{top:20.5px;transform:rotate(45deg)}
.menu-btn[aria-expanded="true"] span:last-child{top:20.5px;transform:rotate(-45deg)}
.menu{
  position:fixed;inset:0;z-index:49;display:flex;flex-direction:column;align-items:flex-start;gap:28px;
  padding:calc(var(--nav-h) + 16px) var(--gutter) 40px;overflow-y:auto;overscroll-behavior:contain;
  background:#0E1012;
  visibility:hidden;opacity:0;transition:opacity .3s var(--ease-out),visibility 0s linear .3s;
}
.menu.open{visibility:visible;opacity:1;transition:opacity .3s var(--ease-out)}
.menu-links{display:grid;width:100%;max-width:560px}
.menu-links a{
  display:flex;align-items:center;min-height:60px;border-bottom:1px solid var(--line);text-decoration:none;
  font-family:var(--f-display);font-weight:600;font-size:clamp(26px,7vw,36px);letter-spacing:-.01em;color:var(--text-primary);
  opacity:0;transform:translateY(14px);transition:opacity .45s var(--ease-out),transform .5s var(--ease-out),color .3s var(--ease-out);
}
.menu.open .menu-links a{opacity:1;transform:none}
.menu.open .menu-links a:nth-child(2){transition-delay:.04s,.04s,0s}
.menu.open .menu-links a:nth-child(3){transition-delay:.08s,.08s,0s}
.menu.open .menu-links a:nth-child(4){transition-delay:.12s,.12s,0s}
.menu.open .menu-links a:nth-child(5){transition-delay:.16s,.16s,0s}
.menu-links a:hover{color:var(--accent)}
.menu-lang{display:inline-flex;align-items:center;min-height:44px;font-family:var(--f-mono);font-size:13px;letter-spacing:.1em;text-transform:uppercase;color:var(--text-secondary);text-decoration:none}
.menu-lang:hover{color:var(--text-primary)}
html.menu-open{overflow:hidden}
.nav.menu-open::before{opacity:1}
.nav.menu-open::after{opacity:0}
@media (max-width:1080px){.menu-btn{display:inline-block}}
@media (min-width:1081px){.menu{display:none}}
html:not(.js) .menu-btn,html:not(.js) .menu{display:none}
@media (orientation:landscape) and (max-height:500px){.menu{gap:16px}.menu-links a{min-height:48px;font-size:24px}}

/* ---------- hero (scroll scrub) ---------- */

.hero{position:relative;height:520vh}
.stage{position:sticky;top:0;height:100vh;overflow:hidden;background:#0c0d0e}
.poster,.hero-video{position:absolute;inset:0;width:100%;height:100%}
.poster{background:#0c0d0e center/cover no-repeat}
.hero-video{object-fit:cover;opacity:0;transform:translateZ(0);will-change:transform;transition:opacity .7s var(--ease-out)}
.stage.video-ready .hero-video{opacity:1}
.stage.video-failed .hero-video{display:none}
.scrim{
  position:absolute;inset:0;pointer-events:none;
  background:
    linear-gradient(to bottom,rgba(10,10,18,0) 74%,rgba(17,19,21,.9) 100%),
    radial-gradient(ellipse 120% 90% at 50% 45%,rgba(10,10,18,0) 35%,rgba(10,10,18,.62) 100%);
}
.bands{position:absolute;inset:0;pointer-events:none}
.band{position:absolute;top:52%;width:min(560px,40vw);opacity:0;color:var(--text-primary);text-shadow:var(--tshadow);--k:0;--peak:.74;transform:translateY(-50%);pointer-events:none}
.band.left{left:var(--gutter)}
.band.right{right:var(--gutter)}
.band::before{
  content:"";position:absolute;inset:-50%;z-index:-1;pointer-events:none;
  opacity:calc(.25 + .75*var(--k,1));
  background:radial-gradient(ellipse 50% 50% at 50% 50%,rgba(5,5,10,var(--peak)) 0%,rgba(5,5,10,var(--peak)) 50%,rgba(5,5,10,calc(var(--peak)*.75)) 72%,rgba(5,5,10,0) 100%);
}
.band .label{
  display:inline-flex;margin-bottom:18px;padding:7px 12px;border-radius:4px;
  background:rgba(8,8,15,.62);border:1px solid rgba(96,96,126,.3);
  backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);
  color:#D9DDE0;text-shadow:0 1px 3px rgba(5,5,10,.85);
}
.band .line{font-family:var(--f-display);font-weight:600;font-size:clamp(34px,4vw,62px);line-height:1.04;letter-spacing:-.01em}
.band .sub{display:block;margin-top:18px;font-size:clamp(17px,.6vw + 14px,21px);line-height:1.5;color:#E2E5E7}
.band .trio{display:grid;gap:10px}
.band .trio .line{font-size:clamp(26px,2.7vw,42px)}
.band.e-punch,.band.e-grid{--peak:.8}
.band.interactive a,.band.interactive button{pointer-events:auto}

.w{display:inline-block;white-space:nowrap}
.nb{white-space:nowrap}
.c{display:inline-block}

.e-drift .w{--kc:clamp(0,(var(--k) - var(--th,0))*2.8,1);opacity:var(--kc);transform:translateY(calc((1 - var(--kc))*-24px))}
.e-drift .sub{--ks:clamp(0,(var(--k) - .45)*3,1);opacity:var(--ks);transform:translateY(calc((1 - var(--ks))*-10px))}
.e-punch .w{
  --kc:clamp(0,(var(--k) - var(--th,0))*3,1);
  --ks:clamp(0,(var(--k) - var(--th,0) - var(--sd,.1))*var(--ss,3.2),1);
  opacity:var(--kc);transform:scale(calc(.6 + (.4 + var(--ov,.12))*var(--kc) - var(--ov,.12)*var(--ks)));
}
.e-punch .w.em{--ov:.24;--sd:.16;--ss:2.6}
.e-punch .sub{--ks:clamp(0,(var(--k) - .55)*3,1);opacity:var(--ks);transform:translateY(calc((1 - var(--ks))*10px))}
.e-grid .c{--kc:clamp(0,(var(--k) - var(--th,0))*2.6,1);opacity:var(--kc);transform:translateX(calc((1 - var(--kc))*var(--jx,0px)))}
.e-grid .sub{--ks:clamp(0,(var(--k) - .6)*3,1);opacity:var(--ks);transform:translateY(calc((1 - var(--ks))*10px))}
.e-rise .w{--kc:clamp(0,(var(--k) - var(--th,0))*3,1);opacity:var(--kc);transform:translateY(calc((1 - var(--kc))*28px))}
.e-rise .sub{--ks:clamp(0,(var(--k) - .66)*4,1);opacity:var(--ks);transform:translateY(calc((1 - var(--ks))*14px))}
.e-rise .cta-row{--kb:clamp(0,(var(--k) - .78)*5,1);opacity:var(--kb);transform:translateY(calc((1 - var(--kb))*14px))}

.band.settle{top:auto;bottom:9vh;transform:none;width:min(560px,42vw);--peak:.84}
.band.settle h1{font-family:var(--f-display);font-weight:600;font-size:clamp(40px,4.3vw,66px);line-height:1.02;letter-spacing:-.015em}
.cta-row{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px}

.ring{position:absolute;left:50%;bottom:28px;width:44px;height:44px;margin-left:-22px;color:var(--accent);opacity:.9;transition:opacity .6s var(--ease-out)}
.ring circle{transition:stroke-dashoffset .12s linear}
.ring .track{color:rgba(238,240,241,.18)}
.stage.video-ready .ring,.stage.video-failed .ring{opacity:0}
.cue{
  position:absolute;left:50%;bottom:24px;transform:translateX(-50%);
  display:flex;flex-direction:column;align-items:center;gap:6px;
  font-family:var(--f-mono);font-size:11.5px;letter-spacing:.18em;text-transform:uppercase;color:#D6DADD;
  text-shadow:0 1px 3px rgba(5,5,10,.9);opacity:0;transition:opacity .6s var(--ease-out);
}
.cue svg{width:18px;height:18px;animation:cue-bob 2.4s var(--ease-in-out) infinite;animation-delay:-.6s}
@keyframes cue-bob{0%,100%{transform:translateY(0)}50%{transform:translateY(5px)}}
.stage.video-ready .cue,.stage.video-failed .cue{opacity:1}
.stage.past-start .cue{opacity:0}
@media (max-height:560px) and (min-width:721px){.cue{display:none}}

.hero-static{
  display:none;position:relative;flex-direction:column;justify-content:flex-end;
  min-height:100vh;min-height:100svh;padding:calc(var(--nav-h) + 32px) var(--gutter) 56px;background-color:#0c0d0e;
}
.hero-static .inner{max-width:620px;text-shadow:var(--tshadow)}
.hero-static h1{font-family:var(--f-display);font-weight:600;font-size:clamp(36px,8.4vw,62px);line-height:1.02;letter-spacing:-.015em;margin-top:16px}
.hero-static .sub{margin-top:18px;color:#E2E5E7;font-size:17px;line-height:1.55}
.hero-static .cta-row{margin-top:24px}
@media (min-width:1025px){
  .hero-static{align-items:flex-end}
  .hero-static .inner{max-width:560px}
  .hero-static h1{font-size:clamp(44px,4.4vw,66px)}
}
@media (orientation:landscape) and (max-height:500px){
  .hero-static{padding:calc(var(--nav-h) + 16px) var(--gutter) 24px}
  .hero-static h1{font-size:clamp(28px,9vh,44px);margin-top:10px}
  .hero-static .sub{margin-top:12px;font-size:16px}
  .hero-static .cta-row{margin-top:16px}
}
@media (max-width: 720px), (orientation: portrait) and (max-width: 1024px), (orientation: portrait) and (pointer: coarse), (orientation: landscape) and (pointer: coarse) and (max-height: 560px), (prefers-reduced-motion: reduce){
  .hero{height:auto}
  .stage{display:none}
  .hero-static{
    display:flex;
    background:
      linear-gradient(to bottom,rgba(10,10,14,.35) 0%,rgba(10,10,14,.15) 30%,rgba(10,10,14,.78) 62%,rgba(17,19,21,.97) 100%),
      url("../media/hero-static.jpg") 30% 50%/cover no-repeat #0c0d0e;
  }
}
html:not(.js) .hero{height:auto}
html:not(.js) .stage{display:none}
html:not(.js) .hero-static{
  display:flex;
  background:
    linear-gradient(to bottom,rgba(10,10,14,.35) 0%,rgba(10,10,14,.15) 30%,rgba(10,10,14,.78) 62%,rgba(17,19,21,.97) 100%),
    url("../media/hero-static.jpg") 30% 50%/cover no-repeat #0c0d0e;
}

/* ---------- section scaffolding and THE CUT ---------- */

.section{position:relative;padding-block:var(--pad)}
.section-head{display:grid;gap:20px;margin-bottom:clamp(40px,5vw,64px)}
.cut{position:absolute;left:0;right:0;top:0;height:var(--cut-h);pointer-events:none}
.cut svg{width:100%;height:100%;overflow:visible}
.cut .blade{transform:scaleX(0);transform-origin:0 100%;transition:transform 1.4s var(--ease-out)}
.cut.in .blade{transform:scaleX(1)}
.on-light{background:var(--canvas-light);color:var(--ink)}
.on-light .kicker{color:var(--ink-secondary)}
.on-light .lede{color:var(--ink-secondary)}
.cut-edge{clip-path:polygon(0 var(--cut-h),100% 0,100% 100%,0 100%);margin-top:calc(var(--cut-h) * -1);padding-top:calc(var(--pad) + var(--cut-h))}

[data-reveal] .r{opacity:0;transform:translateY(18px);transition:opacity .8s var(--ease-out),transform .9s var(--ease-out);transition-delay:calc(var(--i,0) * 90ms)}
[data-reveal].in .r{opacity:1;transform:none}
[data-reveal].settled .r{transition-delay:0s!important}

.photo{position:relative;margin:0;border-radius:8px;overflow:hidden;border:1px solid var(--line);background:#0c0d0e}
.photo img{width:100%;height:100%;object-fit:cover;transform:scale(1.03);transition:transform 1.4s var(--ease-out)}
.in .photo img{transform:scale(1)}
.on-light .photo{border-color:rgba(22,24,26,.12)}

/* ---------- numbers ---------- */

.stats{padding-block:clamp(56px,7vw,96px);background:linear-gradient(180deg,#0D0F10,var(--canvas));border-bottom:1px solid var(--line)}
.stats .kicker{margin-bottom:clamp(28px,3vw,40px)}
.stats dl{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(18px,3vw,40px)}
.stat{position:relative;display:flex;flex-direction:column-reverse;justify-content:flex-end;gap:10px;padding-top:22px;border-top:1px solid var(--line-strong)}
.stat::before{content:"";position:absolute;left:0;top:-2px;width:48px;height:3px;background:linear-gradient(90deg,var(--cut-a),var(--cut-b))}
.stat dd{font-family:var(--f-display);font-weight:700;font-size:clamp(42px,5vw,74px);line-height:1;letter-spacing:-.02em;font-variant-numeric:tabular-nums}
.stat dt{color:var(--text-secondary);font-size:16px;max-width:24ch}
@media (max-width:860px){.stats dl{grid-template-columns:1fr 1fr;row-gap:36px}}

/* ---------- services overview ---------- */

.pillars .cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.pillar{
  position:relative;display:flex;flex-direction:column;justify-content:flex-end;isolation:isolate;
  min-height:clamp(400px,40vw,540px);border-radius:8px;overflow:hidden;text-decoration:none;color:var(--text-primary);
  border:1px solid var(--line);
}
.pillar img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;transform:scale(1.02);transition:transform 1.2s var(--ease-out)}
.pillar::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(to bottom,rgba(12,13,14,.02) 25%,rgba(12,13,14,.6) 58%,rgba(12,13,14,.95) 100%)}
.pillar:hover img{transform:scale(1.07)}
.pillar .inner{display:grid;gap:10px;padding:26px 26px 28px}
.pillar .num{font-family:var(--f-mono);font-size:12.5px;letter-spacing:.14em;color:var(--accent)}
.pillar h3{font-family:var(--f-display);font-weight:600;font-size:clamp(24px,1.9vw,30px);line-height:1.1}
.pillar p{color:#D7DBDE;font-size:16.5px}
.pillar .more{display:inline-flex;align-items:center;gap:8px;margin-top:6px;font-family:var(--f-display);font-weight:600;color:var(--accent)}
.pillar .more .arrow{transition:transform .35s var(--ease-out)}
.pillar:hover .more .arrow{transform:translateX(4px)}

/* ---------- consulting ---------- */

.consult .grid{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:clamp(32px,5vw,80px);align-items:start}
.consult .pics{display:grid;gap:14px;position:sticky;top:calc(var(--nav-h) + 24px)}
.consult .pics .photo:first-child{aspect-ratio:4/3}
.consult .pics .photo:last-child{aspect-ratio:16/9}
.photo figcaption{
  position:absolute;left:12px;bottom:12px;padding:6px 10px;border-radius:4px;
  font-family:var(--f-mono);font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:#E2E5E7;
  background:rgba(8,8,15,.6);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);
}
.paths{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:30px}
.path{padding:22px 22px 24px;border-radius:6px;background:var(--panel);border:1px solid var(--line);display:grid;gap:10px;align-content:start}
.path h3{display:flex;align-items:center;gap:12px;font-family:var(--f-display);font-weight:600;font-size:21px;line-height:1.2}
.path h3::before{content:"";flex:none;width:14px;height:14px;background:linear-gradient(135deg,var(--cut-a),var(--cut-b));clip-path:polygon(0 100%,72% 0,100% 0,28% 100%)}
.path p{color:var(--text-secondary);font-size:16px}
.deliver{margin-top:30px}
.deliver h3{font-family:var(--f-mono);font-size:12.5px;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:var(--text-secondary);margin-bottom:14px}
.deliver ul{display:grid;grid-template-columns:1fr 1fr;gap:12px 28px}
.deliver li{display:flex;gap:12px;font-weight:500;line-height:1.4}
.deliver li::before{content:"";flex:none;width:10px;height:2px;margin-top:.7em;background:var(--accent);transform:skewX(-40deg)}
.facts{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:32px}
.fact{padding:20px 22px;border-left:3px solid var(--accent);background:rgba(255,102,0,.06);border-radius:0 6px 6px 0}
.fact p{font-family:var(--f-display);font-weight:600;font-size:18.5px;line-height:1.35}
.fact cite{display:block;margin-top:10px;font-style:normal;font-family:var(--f-mono);font-size:12px;letter-spacing:.04em;color:var(--text-secondary)}

/* ---------- field services ---------- */

.svc-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:var(--line);border:1px solid var(--line);border-radius:8px;overflow:hidden}
.svc-item{position:relative;background:var(--canvas);padding:28px 26px 30px;display:grid;gap:12px;align-content:start}
.svc-item::before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:linear-gradient(to bottom,var(--cut-b),var(--cut-a));transform:scaleY(0);transform-origin:top;transition:transform .5s var(--ease-out)}
.svc-item:hover::before{transform:scaleY(1)}
.svc-item .ic{width:40px;height:40px;color:var(--accent)}
.svc-item h3{font-family:var(--f-display);font-weight:600;font-size:20px;line-height:1.2}
.svc-item p{color:var(--text-secondary);font-size:16px}
.pilot{display:flex;align-items:center;gap:16px;margin-top:20px;padding:18px 22px;border-radius:6px;border:1.5px dashed rgba(255,102,0,.5);font-weight:500;font-size:17px}
.pilot b{font-family:var(--f-mono);font-size:12.5px;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:var(--accent);flex:none}
.mosaic{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);grid-template-rows:repeat(2,clamp(180px,20vw,280px));gap:12px;margin-top:clamp(36px,4vw,56px)}
.mosaic .photo:first-child{grid-row:1 / span 2}
.retro{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(32px,5vw,80px);align-items:center;margin-top:clamp(64px,8vw,112px)}
.retro .copy{display:grid;gap:20px}
.retro h3.display{font-size:clamp(28px,3vw,44px);max-width:18ch}

.tags{display:grid;gap:10px;margin-top:20px}
.tag{
  display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:4px;
  background:rgba(238,240,241,.04);border:1px solid var(--line);color:var(--text-secondary);
  font-weight:500;
}
.tag .check{width:20px;height:20px;flex:none;color:var(--line-strong)}
.tag .check path{stroke-dasharray:24;stroke-dashoffset:24;transition:stroke-dashoffset .5s var(--ease-out)}

/* before and after: AFTER sits left of a slanted frontier, BEFORE to the right. JS moves --v. */
.ba{position:relative;border-radius:8px;padding:clamp(14px,1.8vw,22px);background:radial-gradient(ellipse 80% 70% at 50% 40%,#22272B,#15181A);border:1px solid var(--line)}
.ba-frame{
  --v:50%;--s:9%;
  position:relative;aspect-ratio:1440/966;border-radius:6px;overflow:hidden;background:#0c0d0e;
  cursor:ew-resize;touch-action:pan-y;user-select:none;-webkit-user-select:none;
}
.ba-frame img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;pointer-events:none;-webkit-user-drag:none}
.ba-after{clip-path:polygon(0 0,calc(var(--v) + var(--s)) 0,calc(var(--v) - var(--s)) 100%,0 100%)}
.ba-range{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;pointer-events:none}
.ba-line{position:absolute;inset:0;z-index:2;width:100%;height:100%;pointer-events:none;overflow:visible;filter:drop-shadow(0 0 6px rgba(255,102,0,.85))}
.ba-line line{stroke:var(--accent);stroke-width:3}
.ba-grip{
  position:absolute;top:50%;left:clamp(23px,var(--v),calc(100% - 23px));z-index:3;width:46px;height:46px;margin:-23px 0 0 -23px;border-radius:50%;
  display:grid;place-items:center;background:var(--accent);color:var(--ink);pointer-events:none;
  box-shadow:0 0 0 4px rgba(255,102,0,.25),0 6px 18px rgba(0,0,0,.5);transition:transform .3s var(--ease-out);
}
.ba-grip svg{width:22px;height:22px}
.ba-range:focus-visible ~ .ba-grip{box-shadow:0 0 0 3px var(--canvas),0 0 0 6px var(--accent)}
.ba-frame:active .ba-grip{transform:scale(1.1)}
.ba-tag{
  position:absolute;z-index:3;padding:6px 10px;border-radius:4px;pointer-events:none;
  font-family:var(--f-mono);font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:#E2E5E7;
  background:rgba(8,8,15,.66);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);
}
.ba-tag-after{top:12px;left:12px;color:#FFB27A}
.ba-tag-before{bottom:12px;right:12px}
.ba-hint{margin-top:14px;font-family:var(--f-mono);font-size:12.5px;letter-spacing:.08em;color:var(--text-secondary)}
.ba .tag{transition:border-color .5s var(--ease-out),color .5s var(--ease-out),background-color .5s var(--ease-out)}
.ba .tag.on{color:var(--text-primary);border-color:rgba(255,102,0,.45);background-color:rgba(255,102,0,.06)}
.ba .tag.on .check{color:var(--accent)}
.ba .tag.on .check path{stroke-dashoffset:0}
html:not(.js) .ba-range,html:not(.js) .ba-grip,html:not(.js) .ba-hint{display:none}
html:not(.js) .ba-frame{cursor:auto}
html:not(.js) .ba .tag .check path{stroke-dashoffset:0}

/* ---------- training (light) ---------- */

.training .grid{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:clamp(32px,5vw,80px);align-items:start}
.training .photo{aspect-ratio:4/5;position:sticky;top:calc(var(--nav-h) + 24px)}
.catalog{border-top:1.5px solid rgba(22,24,26,.16)}
.course{display:flex;justify-content:space-between;align-items:baseline;gap:16px;padding:16px 0;border-bottom:1.5px solid rgba(22,24,26,.16)}
.course .t{font-family:var(--f-display);font-weight:600;font-size:clamp(18px,1.3vw,21px);line-height:1.25}
.course .h{font-family:var(--f-mono);font-size:13px;color:var(--accent-ink);white-space:nowrap}
.formats{display:flex;flex-wrap:wrap;gap:10px;margin-top:26px}
.formats li{padding:9px 15px;border-radius:999px;border:1.5px solid rgba(22,24,26,.28);font-weight:500;font-size:15px}

/* ---------- platforms ---------- */

.platforms .grid{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:clamp(20px,3vw,40px);align-items:stretch}
.platforms .photo{min-height:100%}
.brands{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.brands .brand-card:last-child:nth-child(3n+2){grid-column:span 2}
.brands .brand-card:last-child:nth-child(3n+1){grid-column:1 / -1}
.group-label{display:flex;align-items:center;gap:12px;margin:0 0 14px;font-family:var(--f-mono);font-size:12.5px;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:var(--text-secondary)}
.group-label::after{content:"";flex:1;height:1px;background:var(--line)}
.brands + .group-label{margin-top:30px}
.brand-card{position:relative;padding:22px 22px 20px;border-radius:6px;background:var(--panel);border:1px solid var(--line);display:grid;gap:8px;align-content:start}
.brand-card::after{content:"";position:absolute;inset:-1px;border-radius:7px;box-shadow:inset 0 0 0 1px rgba(255,102,0,.55);opacity:0;transition:opacity .4s var(--ease-out);pointer-events:none}
.brand-card:hover::after{opacity:1}
.brand-card .name{font-family:var(--f-display);font-weight:700;font-size:clamp(19px,1.5vw,24px);line-height:1.15}
.brand-card .prod{font-family:var(--f-mono);font-size:12.5px;line-height:1.5;color:var(--text-secondary)}
.platforms .note{margin-top:16px;font-size:13.5px;color:#868D93}

/* ---------- industries ---------- */

.inds{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.ind{position:relative;display:flex;flex-direction:column;justify-content:flex-end;isolation:isolate;min-height:clamp(260px,24vw,340px);border-radius:8px;overflow:hidden;border:1px solid var(--line)}
.ind img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;transition:transform 1.2s var(--ease-out)}
.ind::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(to bottom,rgba(12,13,14,0) 30%,rgba(12,13,14,.88) 100%)}
.ind:hover img{transform:scale(1.05)}
.ind .inner{padding:20px 22px 22px;display:grid;gap:6px}
.ind h3{font-family:var(--f-display);font-weight:600;font-size:22px;line-height:1.15}
.ind p{color:#D7DBDE;font-size:15.5px}

/* ---------- method (light) ---------- */

.method .steps{position:relative;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:clamp(16px,2vw,28px)}
.method .rail{position:absolute;left:0;right:0;top:34px;height:2px;background:rgba(22,24,26,.12);overflow:hidden}
.method .rail i{position:absolute;inset:0;background:linear-gradient(90deg,var(--cut-a),var(--cut-b));transform:scaleX(0);transform-origin:left;transition:transform 1.6s var(--ease-out) .2s}
.method.in .rail i{transform:scaleX(1)}
.method .rail b{position:absolute;top:-3px;left:0;width:60px;height:8px;border-radius:4px;background:radial-gradient(closest-side,rgba(255,153,0,.9),rgba(255,102,0,0));opacity:0}
.method.live .rail b{animation:rail-spark 6s var(--ease-in-out) infinite;animation-delay:-2s}
@keyframes rail-spark{0%{transform:translateX(-60px);opacity:0}15%{opacity:.9}85%{opacity:.9}100%{transform:translateX(min(1240px,100vw));opacity:0}}
.step{position:relative;display:grid;gap:12px;align-content:start}
.step .icon{width:68px;height:68px;border-radius:6px;display:grid;place-items:center;background:var(--canvas-light);border:1.5px solid rgba(22,24,26,.22);position:relative;z-index:1}
.step .icon svg{width:38px;height:38px;color:var(--ink)}
.draw{stroke-dasharray:1;stroke-dashoffset:1;transition:stroke-dashoffset 1.4s var(--ease-out);transition-delay:calc(.3s + var(--i,0) * 160ms)}
.in .draw{stroke-dashoffset:0}
.step .n{font-family:var(--f-mono);font-size:12.5px;letter-spacing:.14em;color:var(--accent-ink)}
.step h3{font-family:var(--f-display);font-weight:600;font-size:clamp(19px,1.4vw,23px);line-height:1.15}
.step p{color:var(--ink-secondary);font-size:16px}

/* ---------- cases ---------- */

.cases .cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.case{position:relative;display:flex;flex-direction:column;gap:14px;padding:28px 26px 30px;border-radius:8px;background:linear-gradient(180deg,var(--panel),#16191B);border:1px solid var(--line);overflow:hidden}
.case .seg{font-family:var(--f-mono);font-size:12.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--text-secondary)}
.case h3{font-family:var(--f-display);font-weight:600;font-size:clamp(21px,1.6vw,25px);line-height:1.2}
.case p{color:var(--text-secondary);font-size:16px}
.case .result{margin-top:auto;padding-top:20px;border-top:1px solid var(--line);display:flex;align-items:baseline;gap:14px}
.case .metric{font-family:var(--f-display);font-weight:700;font-size:clamp(40px,3.6vw,56px);line-height:1;color:var(--accent);letter-spacing:-.02em}
.case .what{color:#D3D7DA;font-size:15.5px;line-height:1.35}

/* ---------- testimonials ---------- */

.quotes .cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.sample{align-self:flex-start;font-family:var(--f-mono);font-size:11.5px;letter-spacing:.1em;text-transform:uppercase;padding:4px 9px;border-radius:4px;border:1px solid var(--accent);color:var(--accent)}
.quote-card{position:relative;display:flex;flex-direction:column;gap:22px;padding:30px 28px 28px;border-radius:8px;border:1px solid var(--line);background:rgba(238,240,241,.025)}
.quote-card::before{content:"";width:34px;height:26px;background:linear-gradient(135deg,var(--cut-a),var(--cut-b));clip-path:polygon(0 100%,32% 0,46% 0,14% 100%,54% 100%,86% 0,100% 0,68% 100%)}
.quote-card blockquote{font-family:var(--f-display);font-weight:600;font-size:clamp(19px,1.45vw,23px);line-height:1.35}
.quote-card figcaption{margin-top:auto;font-family:var(--f-mono);font-size:12.5px;letter-spacing:.06em;line-height:1.55;color:var(--text-secondary)}

/* ---------- faq (light) ---------- */

.faq .grid{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,7fr);gap:clamp(32px,6vw,96px);align-items:start}
.faq .section-head{position:sticky;top:calc(var(--nav-h) + 40px)}
.qa{border-top:1.5px solid rgba(22,24,26,.16)}
.qa:last-child{border-bottom:1.5px solid rgba(22,24,26,.16)}
.qa summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:24px;padding:22px 0;font-family:var(--f-display);font-weight:600;font-size:clamp(19px,1.3vw,22px);line-height:1.3}
.qa summary::-webkit-details-marker{display:none}
.qa .pm{position:relative;flex:none;width:22px;height:22px}
.qa .pm::before,.qa .pm::after{content:"";position:absolute;left:3px;right:3px;top:10px;height:2px;background:var(--ink);transition:transform .4s var(--ease-out)}
.qa .pm::after{transform:rotate(90deg)}
.qa[open] .pm::after{transform:rotate(0deg)}
.qa[open] .pm::before{background:var(--accent-ink)}
.qa .ans{padding:0 0 24px;color:var(--ink-secondary);max-width:62ch}
.qa[open] .ans{animation:ans-in .5s var(--ease-out) both}
@keyframes ans-in{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}

/* ---------- contact ---------- */

.contact .grid{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(32px,6vw,96px);align-items:start}
.form{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:18px;padding:clamp(22px,3vw,40px);border-radius:8px;background:var(--panel);border:1px solid var(--line)}
.form::before{content:"";position:absolute;inset:-1px;border-radius:9px;pointer-events:none;box-shadow:0 0 0 1px rgba(255,102,0,.5),0 0 40px rgba(255,102,0,.12);opacity:0}
.contact.live .form::before{animation:edge-breathe 6s var(--ease-in-out) infinite;animation-delay:-3s}
@keyframes edge-breathe{0%,100%{opacity:0}50%{opacity:1}}
.field{display:grid;gap:8px}
.field.full{grid-column:1/-1}
.field label,.field legend{font-family:var(--f-mono);font-size:12.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--text-secondary)}
.field input,.field select,.field textarea{width:100%;min-height:48px;padding:12px 14px;border-radius:4px;background:#121416;border:1.5px solid var(--line-strong);color:var(--text-primary);transition:border-color .3s var(--ease-out)}
.field textarea{min-height:130px;resize:vertical;line-height:1.5}
.field input::placeholder,.field textarea::placeholder{color:#7D848A}
.field input:focus-visible,.field select:focus-visible,.field textarea:focus-visible{outline:none;border-color:var(--accent)}
.field select{appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--text-secondary) 50%),linear-gradient(135deg,var(--text-secondary) 50%,transparent 50%);background-position:calc(100% - 20px) 50%,calc(100% - 14px) 50%;background-size:6px 6px;background-repeat:no-repeat}
fieldset.field{border:0;padding:0;margin:0}
.chips{display:flex;flex-wrap:wrap;gap:10px}
.chip{position:relative}
.chip input{position:absolute;opacity:0;width:1px;height:1px}
.chip span{display:inline-flex;align-items:center;min-height:44px;padding:8px 16px;border-radius:999px;cursor:pointer;border:1.5px solid var(--line-strong);color:#D3D7DA;font-weight:500;transition:border-color .3s,color .3s}
.chip input:checked + span{border-color:var(--accent);color:var(--text-primary);box-shadow:inset 0 0 0 1px var(--accent)}
.chip input:focus-visible + span{outline:2px solid var(--accent);outline-offset:3px}
.form .hp{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}
.form .actions{grid-column:1/-1;display:flex;flex-wrap:wrap;align-items:center;gap:16px;margin-top:6px}
.field .err{display:none;font-size:14px;color:#FF9A5C}
.field.invalid .err{display:block}
.field.invalid input,.field.invalid textarea{border-color:#FF9A5C}
.form .fail{grid-column:1/-1;display:none;color:#FF9A5C;font-size:15px}
.form.failed .fail{display:block}
.success{grid-column:1/-1;display:none;gap:12px;padding:8px 0}
.form.sent .field,.form.sent .actions,.form.sent .fail{display:none}
.form.sent .success{display:grid;animation:ans-in .6s var(--ease-out) both}
.success h3{font-family:var(--f-display);font-weight:600;font-size:clamp(24px,2vw,30px)}
.success p{color:var(--text-secondary)}

/* ---------- footer ---------- */

.footer{border-top:1px solid var(--line);padding-block:64px 40px}
.footer .grid{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr) minmax(0,1fr);gap:40px;align-items:start}
.footer .logo{width:min(260px,70%);height:auto}
.footer .tagline{margin-top:22px;font-family:var(--f-display);font-weight:600;font-size:clamp(20px,1.6vw,24px);line-height:1.25;color:var(--text-primary)}
.footer p,.footer a{color:var(--text-secondary);font-size:15.5px;text-decoration:none}
.footer a:hover{color:var(--text-primary)}
.footer nav{display:grid;gap:10px;align-content:start}
.footer .legal{margin-top:48px;padding-top:22px;border-top:1px solid var(--line);display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;font-family:var(--f-mono);font-size:12.5px;letter-spacing:.04em;color:#868D93}

/* ---------- responsive ---------- */

@media (max-width:1024px){
  .consult .grid,.training .grid,.retro,.faq .grid,.contact .grid,.platforms .grid{grid-template-columns:1fr}
  .consult .pics,.training .photo,.faq .section-head{position:static}
  .consult .pics{grid-template-columns:1fr 1fr}
  .consult .pics .photo:first-child,.consult .pics .photo:last-child{aspect-ratio:4/3}
  .training .photo{aspect-ratio:16/10}
  .platforms .photo{aspect-ratio:16/9}
  .pillars .cards,.cases .cards,.quotes .cards{grid-template-columns:1fr;max-width:680px}
  .pillar{min-height:380px}
  .svc-grid{grid-template-columns:1fr 1fr}
  .inds{grid-template-columns:1fr 1fr}
  .method .steps{grid-template-columns:1fr 1fr;row-gap:40px}
  .method .rail{display:none}
}
@media (max-width:720px){
  .paths,.facts,.deliver ul{grid-template-columns:1fr}
  .consult .pics{grid-template-columns:1fr}
  .svc-grid{grid-template-columns:1fr}
  .brands{grid-template-columns:1fr 1fr}
  .inds{grid-template-columns:1fr}
  .mosaic{grid-template-columns:1fr;grid-template-rows:none}
  .mosaic .photo{aspect-ratio:4/3}
  .mosaic .photo:first-child{grid-row:auto}
  .method .steps{grid-template-columns:1fr}
  .form{grid-template-columns:1fr}
  .footer .grid{grid-template-columns:1fr}
  .pilot{flex-direction:column;align-items:flex-start;gap:8px}
}
@media (max-width:720px){
  .brands{gap:10px}
  .brand-card{padding:16px 14px}
  .brand-card .name{font-size:17px}
  .brands .brand-card:last-child:nth-child(n){grid-column:auto}
  .brands .brand-card:last-child:nth-child(odd){grid-column:1 / -1}
  .footer nav{gap:0}
  .footer nav a{padding-block:10px}
}
@media (max-width:359px){.brands{grid-template-columns:1fr}}
@media (pointer:coarse){.footer nav{gap:0}.footer nav a{padding-block:10px}}

/* ---------- pause loops offscreen and in hidden tabs ---------- */

body.paused *,body.paused *::before,body.paused *::after{animation-play-state:paused!important}

/* ---------- reduced motion: final states, motors stopped ---------- */

@media (prefers-reduced-motion: reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation:none!important;transition:none!important;transition-delay:0s!important}
  [data-reveal] .r{opacity:1;transform:none}
  .cut .blade{transform:scaleX(1)}
  .method .rail i{transform:scaleX(1)}
  .draw{stroke-dashoffset:0}
  .photo img{transform:none}
  .ember{display:none}
  .cue{display:none}
}