:root{--au:#E2B659;--aud:#9C7420;--ink:#F6F3EC;--mut:#B9B4A8;--bg:#050403;--line:rgba(246,243,236,.15);--pn:rgba(24,20,14,.55);
 --slab:-1px 1px 0 #B58A2E,-2px 2px 0 #A07927,-3px 3px 0 #8A671C,-4px 4px 0 #745512,-5px 5px 0 #5F450C,-6px 6px 0 #4A3609}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{background:var(--bg);color:var(--ink);font-family:'Heebo',sans-serif;-webkit-font-smoothing:antialiased;overflow-x:hidden;font-size:18px;line-height:1.65}
a{color:inherit;text-decoration:none}ul{list-style:none}img{display:block}
h1,h2,h3{font-weight:900;letter-spacing:-.045em;line-height:1.04}
h2{font-size:76px}
h2 b,h1 b{display:block;font-weight:inherit;color:#E9BF63;text-shadow:0 1px 0 #C9A045,0 2px 0 #B58C35,0 3px 0 #A07927,0 4px 0 #8A671C,0 5px 0 #745512,0 6px 0 #5F450C,0 20px 34px rgba(0,0,0,.75)}
.wrap{max-width:1328px;margin:0 auto;padding:0 56px}
.cta{display:inline-flex;align-items:stretch;height:62px;background:linear-gradient(180deg,#F1CD7C,#DDB052);color:#150F02;font:700 18px 'Heebo',sans-serif;border-radius:4px;overflow:hidden;box-shadow:0 6px 0 #6E5114,0 20px 34px rgba(0,0,0,.55),inset 0 1px 0 rgba(255,250,232,.7);transition:transform .2s cubic-bezier(.2,.7,.2,1)}
.cta span{display:flex;align-items:center;padding:0 24px 0 36px}
.cta i{display:flex;align-items:center;justify-content:center;width:70px;background:var(--aud);color:#FFF6DD;clip-path:polygon(22px 0,100% 0,100% 100%,0 100%);margin-inline-start:-6px}
.cta:hover{transform:translateY(-2px)}.cta:active{transform:translateY(4px)}
.ghost{display:inline-flex;align-items:center;height:62px;padding:0 32px;border-radius:4px;font:500 18px 'Heebo',sans-serif;border:1px solid rgba(246,243,236,.4);background:rgba(10,8,6,.45);transition:transform .2s cubic-bezier(.2,.7,.2,1)}
.ghost:hover{transform:translateY(-2px)}
/* hero: the layout the owner picked, gem on the left, tilted slab panel, screens fan on the floor */
.hero{position:relative;height:1040px;overflow:hidden;perspective:1500px;perspective-origin:50% 40%}
.gem{position:absolute;top:-96px;left:calc(50% - 459px);width:1350px}
.gem img{width:100%;max-width:none;-webkit-mask-image:radial-gradient(closest-side at 34% 39%,#000 55%,transparent 100%);mask-image:radial-gradient(closest-side at 34% 39%,#000 55%,transparent 100%)}
.shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(5,4,3,0) 60%,var(--bg) 100%);pointer-events:none}
nav{position:fixed;top:22px;right:56px;left:56px;max-width:1328px;margin:0 auto;height:68px;border-radius:14px;display:flex;align-items:center;justify-content:space-between;padding:0 10px 0 24px;font-size:16px;color:#E6E1D6;z-index:20;
 background:var(--pn);backdrop-filter:blur(26px);-webkit-backdrop-filter:blur(26px);border:1px solid var(--line);transition:transform .35s cubic-bezier(.2,.7,.2,1)}
nav.sm{transform:scale(.95)}
nav img{height:46px;width:auto}nav ul{display:flex;gap:46px}
nav .cta{height:48px;font-size:16px;box-shadow:0 4px 0 #6E5114,inset 0 1px 0 rgba(255,250,232,.7)}nav .cta span{padding:0 16px 0 24px}nav .cta i{width:54px}
.copy{position:absolute;z-index:5;top:318px;left:50%;margin-left:-390px;width:780px;border-radius:22px;padding:38px 44px 38px;text-align:center;transform:rotateY(-9deg) rotateX(3deg);transform-origin:center center;
 background:linear-gradient(150deg,rgba(40,34,24,.66),rgba(18,15,11,.6));backdrop-filter:blur(22px) saturate(140%);-webkit-backdrop-filter:blur(26px) saturate(140%);border:1px solid rgba(246,243,236,.2);
 box-shadow:-1px 1px 0 #B58A2E,-2px 2px 0 #A67D28,-3px 3px 0 #977123,-4px 4px 0 #88651E,-5px 5px 0 #795A1A,-6px 6px 0 #6A4F16,-7px 7px 0 #5B4312,-8px 8px 0 #4C380F,-9px 9px 0 #3D2D0C,-30px 50px 90px rgba(0,0,0,.7),inset 0 1px 0 rgba(255,244,214,.35)}
h1{font-size:80px;line-height:1.04;letter-spacing:-3.8px;white-space:nowrap;text-shadow:0 2px 0 rgba(0,0,0,.35)}
.rule{width:64px;height:2px;background:var(--au);margin:22px auto 0}
.lead{font-size:20px;color:#CFC9BC;margin:18px auto 0;font-weight:300;max-width:580px}
.row{display:flex;gap:16px;margin-top:28px;align-items:center;justify-content:center}
.stage{will-change:transform;position:absolute;z-index:4;top:812px;left:50%;width:1140px;margin-left:-570px;display:flex;gap:26px;justify-content:center;transform-style:preserve-3d}
.sc{flex:1;transform-style:preserve-3d;transition:transform .5s cubic-bezier(.2,.7,.2,1);-webkit-box-reflect:below 6px linear-gradient(transparent 62%,rgba(0,0,0,.34))}
.sc:nth-child(1){transform:rotateY(-24deg) translateZ(20px)}.sc:nth-child(2){transform:rotateY(-12deg) translateZ(-30px)}.sc:nth-child(3){transform:translateZ(-60px)}
.sc:nth-child(4){transform:rotateY(12deg) translateZ(-30px)}.sc:nth-child(5){transform:rotateY(24deg) translateZ(20px)}
.sc img{width:100%;aspect-ratio:16/10;object-fit:cover;object-position:top;border-radius:10px;border:1px solid rgba(255,244,214,.3);box-shadow:0 0 0 5px #17130D,0 0 0 6px rgba(226,182,89,.55),0 30px 50px rgba(0,0,0,.7)}
.sc span{display:block;text-align:center;font:700 16px 'Heebo',sans-serif;margin-top:16px;color:#EDE7DA}
/* sections */
section{padding:96px 0}
.hd{text-align:center;margin-bottom:54px}
.hd p{color:var(--mut);max-width:520px;font-weight:300;margin:16px auto 0;font-size:20px}
.rowf{display:flex;gap:30px;justify-content:center;perspective:1600px;perspective-origin:50% 30%;margin-bottom:64px}
.rowf:last-child{margin-bottom:20px}
.f{flex:0 0 calc(25% - 23px);text-align:center;transition:transform .5s cubic-bezier(.2,.7,.2,1)}
.f i{display:block;-webkit-box-reflect:below 6px linear-gradient(transparent 78%,rgba(0,0,0,.3))}
.rowf .f:nth-child(1){transform:rotateY(-20deg) translateZ(10px)}.rowf .f:nth-child(2){transform:rotateY(-7deg) translateZ(-40px)}
.rowf .f:nth-child(3){transform:rotateY(7deg) translateZ(-40px)}.rowf .f:nth-child(4){transform:rotateY(20deg) translateZ(10px)}
.rowf.three .f:nth-child(1){transform:rotateY(-16deg)}.rowf.three .f:nth-child(2){transform:translateZ(-50px)}.rowf.three .f:nth-child(3){transform:rotateY(16deg)}
.rowf .f:hover{transform:translateZ(50px)}
.f img{width:100%;aspect-ratio:16/10;object-fit:cover;object-position:top;border-radius:10px;border:1px solid rgba(255,244,214,.3);box-shadow:0 0 0 5px #17130D,0 0 0 6px rgba(226,182,89,.55),0 30px 50px rgba(0,0,0,.7)}
.f .dm{display:block;margin-top:52px;font:500 12px 'Heebo',sans-serif;letter-spacing:.1em;color:var(--au);direction:ltr;text-transform:uppercase}
.f strong{display:block;font:900 26px 'Heebo',sans-serif;letter-spacing:-.03em;line-height:1.2;margin-top:2px}
.f p{color:var(--mut);font-size:15px;line-height:1.5;margin:6px auto 0;max-width:250px}
/* content machine */
.line{position:relative;overflow:hidden;padding:120px 0 110px;text-align:center}
.line .pl{position:absolute;inset:-6% 0;background:url(line.jpg) center/cover}
.line .ov{position:absolute;inset:0;background:linear-gradient(180deg,var(--bg) 0%,rgba(5,4,3,.74) 20%,rgba(5,4,3,.42) 58%,var(--bg) 100%)}
.line .wrap{position:relative;z-index:2}
.line .top p{color:#D5CFC2;margin:18px auto 0;font-weight:300;font-size:20px;max-width:720px}
.steps{display:grid;grid-template-columns:repeat(5,1fr);margin-top:240px;border-radius:16px;background:var(--pn);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid var(--line)}
.steps div{padding:26px 20px 28px;font:500 18px 'Heebo',sans-serif;line-height:1.35}
.steps div+div{border-inline-start:1px solid var(--line)}
.steps b{display:block;font:900 50px 'Heebo',sans-serif;color:var(--au);line-height:1;margin-bottom:12px}
/* method */
.two{display:grid;grid-template-columns:1.05fr .95fr;gap:72px;align-items:start}
.two .big{font-size:24px;line-height:1.55;margin-top:22px;color:#E9E4D8;font-weight:300}
.ml{margin-top:34px;border-top:1px solid var(--line)}
.ml li{display:grid;grid-template-columns:170px 1fr;gap:24px;padding:20px 0;border-bottom:1px solid var(--line)}
.ml strong{font:700 19px 'Heebo',sans-serif;color:var(--au)}
.ml span{color:#D5CFC2;font-size:17px}
.tools{border-radius:16px;padding:34px 36px 30px;background:var(--pn);border:1px solid var(--line)}
.tools h3{font-size:36px;margin-bottom:14px}
.tools li{padding:13px 0;border-top:1px solid var(--line);font:500 17px 'Heebo',sans-serif;direction:ltr;text-align:right;color:#E6E1D6}
/* contact */
.ct{position:relative;overflow:hidden;padding:130px 0;text-align:center}
.ct .pl{position:absolute;inset:-6% 0;background:url(ice.jpg) center/cover}
.ct .ov{position:absolute;inset:0;background:radial-gradient(700px 420px at 50% 50%,rgba(5,4,3,.5),rgba(5,4,3,.2) 100%),linear-gradient(180deg,var(--bg) 0%,rgba(5,4,3,0) 24%,rgba(5,4,3,0) 76%,var(--bg) 100%)}
.ct .wrap{position:relative;z-index:2}
.cp{width:760px;margin:0 auto;border-radius:18px;padding:50px 54px 40px;background:rgba(18,15,11,.62);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid var(--line)}
.cp p{color:#CFC9BC;margin-top:18px;font-weight:300;font-size:20px}
.ch{margin-top:34px;display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line)}
.ch li{padding:18px 8px 0;font-size:15px}
.ch li+li{border-inline-start:1px solid var(--line)}
.ch span{color:var(--mut);display:block}.ch b{font:500 17px 'Heebo',sans-serif;direction:ltr;display:block}
footer{border-top:1px solid var(--line);padding:30px 0 40px}
footer .wrap{display:flex;justify-content:space-between;align-items:center;color:var(--mut);font-size:15px}
footer img{height:46px;width:auto}
.js .rv{opacity:0;transform:translateY(40px);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.7,.2,1);transition-delay:var(--d,0ms)}
.js .rv.in{opacity:1;transform:none}


@media(prefers-reduced-motion:reduce){.js .rv{opacity:1;transform:none;transition:none}html{scroll-behavior:auto}.cta,.ghost,.f,.sc,nav{transition:none}}
@media(max-width:900px){
  body{font-size:16px}
  .wrap{padding:0 16px}
  h2{font-size:42px;letter-spacing:-2px}
  h2 b,h1 b{text-shadow:0 1px 0 #C9A045,0 2px 0 #A07927,0 3px 0 #745512,0 12px 22px rgba(0,0,0,.75)}
  nav{top:12px;right:14px;left:14px;height:56px;padding:0 8px 0 16px}nav ul{display:none}nav img{height:36px}
  nav .cta{height:40px;font-size:14px}nav .cta span{padding:0 10px 0 16px}nav .cta i{width:44px}
  .hero{height:auto;min-height:0;padding-bottom:70px;perspective:900px}
  .gem{top:-20px;left:calc(50% - 258px);width:760px}
  .shade{background:none}
  .copy{position:relative;top:0;left:0;width:auto;margin:330px 20px 0 14px;padding:28px 18px 28px;border-radius:18px;transform:rotateY(-5deg) rotateX(2deg)}
  h1{font-size:41px;letter-spacing:-2px}
  .lead{font-size:17px}
  /* compact buttons side by side, same family as desktop */
  .row{gap:10px;margin-top:24px}
  .cta{height:52px;font-size:16px;box-shadow:0 5px 0 #6E5114,0 14px 24px rgba(0,0,0,.55),inset 0 1px 0 rgba(255,250,232,.7)}
  .cta span{padding:0 12px 0 20px}.cta i{width:50px}
  .ghost{height:52px;padding:0 20px;font-size:16px}
  .stage{position:relative;top:0;left:0;width:auto;margin:48px 14px 0;gap:10px}
  .sc:nth-child(n+4){display:none}
  .sc:nth-child(1){transform:rotateY(-20deg)}.sc:nth-child(2){transform:translateZ(-30px)}.sc:nth-child(3){transform:rotateY(20deg)}
  .sc span{font-size:12px;margin-top:10px}
  section{padding:64px 0}
  .hd{margin-bottom:32px}.hd p{font-size:17px}
  .rowf{gap:14px;margin-bottom:0;flex-wrap:wrap;perspective:900px}
  .f{flex:0 0 calc(50% - 7px);margin-bottom:46px}
  .rowf .f:nth-child(odd),.rowf.three .f:nth-child(1),.rowf.three .f:nth-child(3){transform:rotateY(-14deg)}
  .rowf .f:nth-child(even),.rowf.three .f:nth-child(2){transform:rotateY(14deg)}
  .f strong{font-size:18px}.f p{font-size:13px}.f .dm{font-size:10px;margin-top:34px}
  .line{padding:70px 0 64px}.line .top p{font-size:17px}
  .steps{grid-template-columns:1fr 1fr;margin-top:170px}
  .steps div{padding:16px;font-size:15px}.steps b{font-size:34px}
  .steps div:nth-child(odd){border-inline-start:0}.steps div:nth-child(n+3){border-top:1px solid var(--line)}.steps div:last-child{grid-column:span 2}
  .two{grid-template-columns:1fr;gap:40px}.two .big{font-size:19px}
  .two h2{text-align:center}
  .ml li{grid-template-columns:1fr;gap:4px;padding:16px 0}
  .tools{padding:26px 22px}
  .ct{padding:80px 0}
  .cp{width:auto;padding:30px 20px 24px}.cp p{font-size:17px}
  .ch{grid-template-columns:1fr}.ch li{padding:14px 0}.ch li+li{border-inline-start:0;border-top:1px solid var(--line)}
  footer .wrap{flex-direction:column;gap:14px}
}