:root{
    --bg:#000; --card:#141414; --card-2:#1B1B1B; --line:rgba(255,255,255,.08);
    --white:#fff; --muted:#A3A3A3; --faint:rgba(255,255,255,.5);
    --blue:#3B82F6; --blue-dark:#2563EB; --gold:#E8A63B; --green:#22C55E;
    --timo:#3B82F6; --socia:#FF4F9A; --lexi:#FF7A2E; --maila:#14B8A6; --webia:#8B5CF6; --grafia:#D946EF; --bizzy:#22C55E;
    --container:1280px;
  }
  *{box-sizing:border-box;}
  html{scroll-behavior:smooth;}
  body{margin:0; background:var(--bg); color:var(--white); font-family:'Inter',-apple-system,BlinkMacSystemFont,sans-serif; font-size:17px; line-height:1.5; -webkit-font-smoothing:antialiased; overflow-x:hidden;}
  h1,h2,h3,h4{margin:0; font-weight:500; letter-spacing:-0.03em; text-wrap:balance; color:#fff;}
  h1{font-size:clamp(34px,4.4vw,54px); line-height:1.12; max-width:600px;}
  h2{font-size:clamp(28px,3.2vw,40px); line-height:1.12;}
  h2.md{font-size:clamp(24px,2.6vw,30px); line-height:1.2;}
  h3{font-size:20px; line-height:1.35;}
  p{margin:0;}
  .desc{color:var(--muted); font-size:17px; line-height:1.4;}
  .eyebrow{font-family:'IBM Plex Mono',ui-monospace,SFMono-Regular,Menlo,monospace; font-size:12px; font-weight:500; letter-spacing:.08em; text-transform:uppercase; color:var(--faint);}
  img{max-width:100%; display:block;}
  a{color:inherit; text-decoration:none;}
  ul{margin:0; padding:0; list-style:none;}
  .wrap{max-width:var(--container); margin:0 auto; padding-inline:24px;}
  .narrow{max-width:768px; margin-inline:auto;}
  .center{text-align:center;}
  .sec{padding-block:104px;}
  @media (max-width:640px){.sec{padding-block:64px;} .wrap{padding-inline:18px;}}
  .btn{display:inline-flex; align-items:center; justify-content:center; gap:8px; padding:12px 18px; border-radius:1600px; background:var(--blue); color:#fff; font-weight:500; font-size:17px; line-height:1.2; border:1px solid transparent; position:relative; overflow:hidden; transition:transform .2s ease, background .2s ease; white-space:nowrap;}
  .btn:hover{background:var(--blue-dark); transform:translateY(-1px);}
  .btn::after{content:""; position:absolute; top:-20%; left:-60%; width:40%; height:140%; background:linear-gradient(100deg,transparent,rgba(255,255,255,.35),transparent); transform:skewX(-20deg); opacity:0;}
  .btn:hover::after{animation:shine 1s ease forwards;}
  @keyframes shine{0%{left:-60%;opacity:0} 20%{opacity:1} 100%{left:120%;opacity:0}}
  .btn.lg{padding:18px 24px; font-size:19px;}
  .btn.ghost{background:transparent; border-color:rgba(255,255,255,.22); color:#fff;}
  .btn.ghost:hover{background:rgba(255,255,255,.06);}
  .btn.white{background:#fff; color:var(--blue);}
  .btn.white:hover{background:#EAF0FF;}
  .stack{display:flex; gap:12px; flex-wrap:wrap; align-items:center;}
  .head{margin-bottom:56px;}
  .head .desc{margin-top:16px;}
  .head .eyebrow + h2{margin-top:14px;}

  /* motion */
  [data-reveal]{opacity:0; transform:translateY(28px);}
  .no-motion [data-reveal]{opacity:1; transform:none;}
  @keyframes idle{0%,100%{transform:translateY(0) scale(1)} 50%{transform:translateY(-6px) scale(1.012)}}
  .idle{animation:idle 4.6s ease-in-out infinite; transform-origin:50% 100%;}
  @keyframes floaty{0%,100%{transform:translate3d(0,0,0)} 50%{transform:translate3d(0,-8px,0)}}
  .floaty{animation:floaty 5s ease-in-out infinite;}
  @keyframes marquee{from{transform:translateX(0)} to{transform:translateX(-50%)}}
  @media (prefers-reduced-motion:reduce){ .idle,.floaty,.mq-track{animation:none !important} [data-reveal]{opacity:1; transform:none} }

  /* util + nav */
  .util{background:var(--card); text-align:center; padding:9px 16px; font-size:13px; color:var(--muted);}
  .util b{color:#fff; font-weight:500;}
  nav.top{position:sticky; top:0; z-index:60; height:64px; display:flex; align-items:center; background:rgba(0,0,0,.6); backdrop-filter:blur(14px); -webkit-backdrop-filter:blur(14px); border-bottom:1px solid rgba(255,255,255,.06);}
  nav.top .wrap{display:flex; align-items:center; justify-content:space-between; width:100%;}
  .logo{display:flex; align-items:center; gap:8px; font-weight:500; font-size:18px; letter-spacing:-0.02em;}
  .util .live{width:8px; height:8px; border-radius:50%; background:var(--green); display:inline-block; margin-right:8px; vertical-align:middle; box-shadow:0 0 0 0 rgba(34,197,94,.6); animation:pulse 2s infinite;}
  @keyframes pulse{0%{box-shadow:0 0 0 0 rgba(34,197,94,.6)} 70%{box-shadow:0 0 0 8px rgba(34,197,94,0)} 100%{box-shadow:0 0 0 0 rgba(34,197,94,0)}}
  .util .m{display:none;} @media (max-width:700px){.util .d{display:none;} .util .m{display:inline;} .util{padding:8px 12px; font-size:12px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}}
  .nav-links{display:flex; gap:24px; font-size:15px; color:var(--muted);}
  .nav-links a:hover{color:#fff;}
  nav .btn{padding:10px 16px; font-size:15px;}
  @media (max-width:900px){.nav-links{display:none;}}

  /* hero */
  .hero{position:relative; height:min(88vh,860px); min-height:620px; display:flex; align-items:flex-end; overflow:hidden;}
  .hero-bg{position:absolute; inset:0;}
  .hero-bg img{width:100%; height:112%; object-fit:cover; object-position:70% 35%; will-change:transform;}
  .hero-ov{position:absolute; inset:0; background:linear-gradient(rgb(0,0,0) 2%, rgba(0,0,0,0) 21%), linear-gradient(rgba(0,0,0,0) 64%, rgb(0,0,0) 98%), linear-gradient(225deg, rgba(0,0,0,0) 40%, rgba(0,0,0,.85) 100%);}
  .hero .wrap{position:relative; z-index:1; width:100%; padding-bottom:88px;}
  .hero p.lead{font-size:20px; line-height:1.4; color:#fff; max-width:520px; margin-top:18px;}
  .hero .eyebrow{color:rgba(255,255,255,.7);}
  .hero .stack{margin-top:28px;}
  .hero .note{margin-top:16px; font-size:14px; color:var(--muted);}
  .hero .note b{color:#fff; font-weight:500;}
  @media (max-width:700px){
    .hero{height:auto; min-height:0; display:block;}
    .hero-bg{position:relative; height:72vw; min-height:280px;}
    .hero-bg img{height:100%; object-position:50% 62%;}
    .hero-ov{background:linear-gradient(rgb(0,0,0) 0%, rgba(0,0,0,0) 20%), linear-gradient(rgba(0,0,0,0) 62%, rgb(0,0,0) 100%);}
    .hero .wrap{padding-bottom:40px; margin-top:0; padding-top:22px;}
    .hero .eyebrow{display:inline-block; margin-bottom:2px;}
    h1{font-size:34px; line-height:1.14;}
    .hero p.lead{font-size:17px;}
    .hero .btn{width:100%;} .hero .stack{flex-direction:column; align-items:stretch;}
  }

  /* what is */
  .what{max-width:760px; margin-inline:auto; text-align:center;}
  .what h2{font-size:clamp(26px,3vw,36px);}
  .what .desc{margin-top:16px;}
  .what-row{display:grid; grid-template-columns:repeat(3,1fr); gap:12px; margin-top:40px; text-align:left;}
  @media (max-width:760px){.what-row{grid-template-columns:1fr;}}
  .wi{background:var(--card); border-radius:18px; padding:20px 22px; display:flex; gap:14px; align-items:flex-start;}
  .wi .e{font-size:22px; line-height:1;}
  .wi b{display:block; font-size:15px; font-weight:500;}
  .wi span{display:block; font-size:14px; color:var(--muted); margin-top:3px; line-height:1.4;}

  /* pain */
  .pain{display:grid; grid-template-columns:repeat(3,1fr); gap:16px;} @media (max-width:820px){.pain{grid-template-columns:1fr;}}
  .pc2{background:var(--card); border-radius:22px; padding:26px;} .pc2 .e{font-size:28px; display:block;} .pc2 h3{font-size:19px; margin-top:14px;} .pc2 p{font-size:15px; color:var(--muted); margin-top:8px; line-height:1.45;}

  /* employee carousel */
  .car{position:relative;}
  .car-track{display:flex; gap:20px; overflow-x:auto; scroll-snap-type:x mandatory; scrollbar-width:none; padding-bottom:8px; margin-inline:-24px; padding-inline:24px;}
  .car-track::-webkit-scrollbar{display:none;}
  .emp{flex:0 0 300px; scroll-snap-align:start;}
  .emp .ph{width:300px; height:400px; border-radius:24px; overflow:hidden; background:var(--card); transition:transform .3s ease;}
  .emp:hover .ph{transform:translateY(-4px);}
  .emp .ph img{width:100%; height:100%; object-fit:cover;}
  .emp h3{font-size:24px; letter-spacing:-0.03em; margin-top:18px;}
  .emp .role{font-size:13px; color:var(--faint); margin-top:4px;}
  .emp .desc{margin-top:10px; font-size:15px;}
  .car-nav{position:absolute; top:180px; left:-8px; right:-8px; display:flex; justify-content:space-between; pointer-events:none;}
  .car-btn{pointer-events:auto; width:44px; height:44px; border-radius:50%; background:rgba(0,0,0,.6); border:1px solid rgba(255,255,255,.25); color:#fff; display:flex; align-items:center; justify-content:center; cursor:pointer; backdrop-filter:blur(6px); font-size:18px;}
  @media (max-width:700px){ .emp{flex-basis:250px;} .emp .ph{width:250px; height:330px;} .car-nav{display:none;} .car-track{margin-inline:-18px; padding-inline:18px;} }

  /* statement band */
  .band{position:relative; overflow:hidden; min-height:560px; display:flex; align-items:center; justify-content:center; text-align:center;}
  .band img{position:absolute; inset:0; width:100%; height:100%; object-fit:cover; filter:brightness(.55);}
  .band::before,.band::after{content:""; position:absolute; left:0; right:0; height:120px; z-index:1;}
  .band::before{top:0; background:linear-gradient(#000, transparent);} .band::after{bottom:0; background:linear-gradient(transparent,#000);}
  .band .in{position:relative; z-index:2; max-width:640px; padding:24px;}
  .band .desc{margin-top:16px; color:#D4D4D4;}

  /* command cards */
  .cmd-grid{display:grid; grid-template-columns:1.1fr 1fr 1fr; gap:20px;}
  @media (max-width:980px){.cmd-grid{grid-template-columns:1fr;}}
  .cmd{border-radius:24px; padding:32px 28px; min-height:440px; position:relative; overflow:hidden; display:flex; flex-direction:column; transition:transform .3s ease;}
  .cmd:hover{transform:translateY(-4px);}
  .cmd h3{font-size:30px; line-height:1.15; letter-spacing:-0.03em; max-width:300px;}
  .cmd p{color:rgba(255,255,255,.8); margin-top:12px; max-width:280px; font-size:15px; line-height:1.45;}
  .cmd .mock{margin-top:auto; padding-top:22px; display:flex; flex-direction:column; gap:8px; max-width:240px;}
  .pill{background:rgba(255,255,255,.14); border:1px solid rgba(255,255,255,.22); backdrop-filter:blur(6px); border-radius:14px; padding:10px 14px; font-size:13px; font-weight:500;}
  .cmd .face{position:absolute; right:-6px; bottom:-8px; height:300px; width:auto; filter:drop-shadow(0 20px 26px rgba(0,0,0,.4));}
  @media (max-width:640px){.cmd{min-height:400px;} .cmd .face{height:230px; right:-24px;} .cmd h3{font-size:26px; max-width:230px;} .cmd .mock{max-width:58%; position:relative; z-index:2;} .cmd .pill{font-size:12px; padding:9px 12px;}}

  /* roster tiles (sintra /ai-employees) */
  .roster{display:grid; grid-template-columns:repeat(4,1fr); gap:16px;}
  @media (max-width:1000px){.roster{grid-template-columns:repeat(2,1fr);}} @media (max-width:520px){.roster{grid-template-columns:1fr;}}
  .rt{background:var(--card); border-radius:24px; overflow:hidden; display:flex; flex-direction:column; transition:transform .3s ease;}
  .rt:hover{transform:translateY(-4px);}
  .rt .art{height:250px; display:flex; align-items:flex-start; justify-content:center; overflow:hidden; position:relative;}
  .rt .art img{height:380px; width:auto; margin-top:16px; filter:drop-shadow(0 16px 20px rgba(0,0,0,.35));}
  .rt .body{padding:20px 22px 24px;}
  .rt h3{font-size:22px;} .rt .role{font-size:13px; color:var(--faint); margin-top:2px;}
  .rt .can{margin-top:14px; font-size:12px; color:var(--faint); font-family:'IBM Plex Mono',monospace; letter-spacing:.06em; text-transform:uppercase;}
  .rt ul{margin-top:8px; display:flex; flex-direction:column; gap:6px;} .rt li{font-size:15px; color:#E5E5E5;}
  .rt .more{font-size:13px; color:var(--faint); margin-top:8px;}
  .rt.wide{grid-column:span 2;} .rt.wide .art{height:270px;}
  @media (max-width:520px){.rt.wide{grid-column:span 1;}}

  /* mosaic */
  .mosaic{display:grid; grid-template-columns:repeat(3,1fr); gap:16px;}
  .mc{position:relative; border-radius:22px; overflow:hidden; aspect-ratio:16/9; background:var(--card); transition:transform .3s ease;}
  .mc:hover{transform:translateY(-4px);}
  .mc.big{grid-column:span 2; grid-row:span 2; aspect-ratio:auto;}
  .mc img{width:100%; height:100%; object-fit:cover;}
  .mc::after{content:""; position:absolute; inset:0; background:linear-gradient(0deg,rgba(0,0,0,.8),transparent 50%);}
  .mc div{position:absolute; left:18px; right:18px; bottom:16px; z-index:1;}
  .mc h3{font-size:18px;} .mc p{font-size:13px; color:#D4D4D4; margin-top:3px;}
  .mc.big h3{font-size:24px;} .mc.big p{font-size:15px;}
  @media (max-width:820px){ .mosaic{grid-template-columns:1fr 1fr;} .mc.big{grid-column:span 2; grid-row:auto; aspect-ratio:16/9;} }
  @media (max-width:520px){ .mosaic{grid-template-columns:1fr;} .mc.big{grid-column:span 1;} }

  /* steps with pinned phone */
  .steps{display:grid; grid-template-columns:.9fr 1.1fr; gap:64px; align-items:start;}
  @media (max-width:900px){.steps{grid-template-columns:1fr; gap:32px;}}
  .phone-col{position:sticky; top:110px;}
  @media (max-width:900px){.phone-col{position:static;}}
  .phone{width:min(300px,78vw); margin-inline:auto; border-radius:40px; background:#0D0D0D; padding:12px; border:1px solid rgba(255,255,255,.1); box-shadow:0 40px 90px -30px rgba(0,0,0,.9); transform:rotate(-6deg);}
  .screen{background:#fff; border-radius:30px; aspect-ratio:9/19.2; overflow:hidden; display:flex; flex-direction:column; color:#111;}
  .screen .top{padding:40px 20px 8px;}
  .screen .k{font-size:11px; color:#8A8F9C; font-weight:500; letter-spacing:.04em; text-transform:uppercase;}
  .screen h4{font-size:17px; margin-top:8px; letter-spacing:-0.02em; color:#111;}
  .screen p{font-size:12px; color:#6B7280; margin-top:6px; line-height:1.4;}
  .screen .art{flex:1; background:linear-gradient(160deg,#EEF2FF,#DCE6FF); display:flex; align-items:flex-end; justify-content:center; overflow:hidden;}
  .screen .art img{height:92%; width:auto; margin-bottom:-4px; transition:opacity .3s;}
  .screen .cta{margin:12px 20px 18px; background:var(--blue); color:#fff; border-radius:999px; text-align:center; font-size:13px; font-weight:500; padding:11px;}
  .step{display:grid; grid-template-columns:32px 1fr; gap:18px; padding-block:26px; border-top:1px solid var(--line); opacity:.45; transition:opacity .4s ease;}
  .step.active{opacity:1;}
  .step:last-child{border-bottom:1px solid var(--line);}
  .step .n{font-size:17px; color:var(--faint);}
  .step h3{font-size:20px;}
  .step .desc{margin-top:8px; font-size:15px;}

  /* MOZEK AI */
  .brain-panel{position:relative; border-radius:28px; overflow:hidden; background:linear-gradient(180deg,#2A1466 0%,#4C1D95 55%,#5B21B6 100%); padding:56px 32px 0; min-height:520px;}
  .brain-stage{position:relative; max-width:900px; margin:0 auto; display:grid; grid-template-columns:1fr auto 1fr; gap:24px; align-items:center;}
  .brain-core{position:relative; display:flex; flex-direction:column; align-items:center; padding-top:20px;}
  .brain-core .glow{position:absolute; top:-40px; left:50%; width:420px; height:420px; transform:translateX(-50%); background:radial-gradient(circle, rgba(167,139,250,.55) 0%, rgba(124,58,237,.25) 35%, transparent 70%); pointer-events:none;}
  .brain-core .brain{width:190px; position:relative; z-index:2; margin-bottom:-24px; filter:drop-shadow(0 24px 30px rgba(0,0,0,.45));}
  .brain-core .who{height:330px; width:auto; position:relative; z-index:1;}
  .bq{display:flex; flex-direction:column; gap:14px;}
  .bq.l{align-items:flex-end;} .bq.r{align-items:flex-start;}
  .chip{position:relative; background:rgba(255,255,255,.14); border:1px solid rgba(255,255,255,.22); backdrop-filter:blur(8px); border-radius:14px; padding:12px 14px; width:min(280px,100%); box-shadow:0 20px 40px -20px rgba(0,0,0,.6);}
  .bq.l .chip::after,.bq.r .chip::after{content:""; position:absolute; top:50%; width:44px; border-top:2px dotted rgba(255,255,255,.45);}
  .bq.l .chip::after{right:-48px;} .bq.r .chip::after{left:-48px;}
  .bq .chip::before{content:""; position:absolute; top:50%; width:8px; height:8px; margin-top:-4px; border-radius:50%; background:#C4B5FD; box-shadow:0 0 12px #C4B5FD;}
  .bq.l .chip::before{right:-56px;} .bq.r .chip::before{left:-56px;}
  .chip small{display:block; font-size:11px; color:rgba(255,255,255,.65); font-family:'IBM Plex Mono',monospace; letter-spacing:.06em; text-transform:uppercase;}
  .chip b{display:block; font-weight:500; font-size:14px; margin-top:4px; line-height:1.35;}
  .chip .ans{display:inline-block; margin-top:6px; background:#fff; color:#4C1D95; border-radius:8px; padding:4px 9px; font-size:13px; font-weight:500;}
  .chip mark{background:none; color:#93C5FD; font-weight:500;}
  .brain-cap{text-align:center; color:#DDD6FE; font-size:14px; padding:28px 0 32px; position:relative; z-index:3;}
  @media (max-width:900px){ .brain-panel{padding:40px 18px 0;} .brain-stage{grid-template-columns:1fr; gap:20px;} .bq.l,.bq.r{align-items:stretch;} .chip{width:100%;} .chip::before,.chip::after{display:none;} .brain-core .who{height:260px;} .brain-core .brain{width:150px; margin-bottom:-20px;} .brain-core .glow{width:320px; height:320px;} }

  .dash{margin-top:24px; background:var(--card); border-radius:24px; padding:22px; border:1px solid var(--line);}
  .dash .hd{display:flex; justify-content:space-between; align-items:center; gap:12px; flex-wrap:wrap;}
  .dash .hd h3{font-size:18px;} .dash .hd .tag{font-size:12px; color:var(--faint); font-family:'IBM Plex Mono',monospace; letter-spacing:.06em; text-transform:uppercase;}
  .dash .stats4{display:grid; grid-template-columns:repeat(4,1fr); gap:10px; margin-top:16px; background:linear-gradient(120deg,#4C1D95,#6D28D9); border-radius:16px; padding:18px;}
  .dash .stats4 div b{display:block; font-size:26px; font-weight:500; letter-spacing:-0.03em; line-height:1;} .dash .stats4 div span{font-size:12px; color:#DDD6FE; display:block; margin-top:4px;}
  @media (max-width:600px){.dash .stats4{grid-template-columns:1fr 1fr;}}
  .dash .sub{font-size:13px; color:var(--faint); margin-top:18px; margin-bottom:10px;}
  .dash .ints{display:grid; grid-template-columns:repeat(4,1fr); gap:10px;} @media (max-width:760px){.dash .ints{grid-template-columns:1fr 1fr;}}
  .dash .it{background:#0F0F0F; border:1px solid var(--line); border-radius:14px; padding:12px 14px; font-size:13px; display:flex; flex-direction:column; align-items:flex-start; gap:6px;}
  .dash .it i{font-style:normal; font-size:11px; color:#86EFAC; background:rgba(34,197,94,.12); padding:3px 8px; border-radius:999px;}
  .dash .kn{display:flex; flex-direction:column; gap:8px;}
  .dash .kr{background:#0F0F0F; border:1px solid var(--line); border-radius:12px; padding:10px 14px; display:flex; gap:10px; align-items:center; font-size:14px;}
  .dash .kr span{color:var(--muted); font-size:13px; flex:1; min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
  .dash .kr em{font-style:normal; font-size:11px; color:var(--faint); font-family:'IBM Plex Mono',monospace;}
  .cols3{display:grid; grid-template-columns:repeat(3,1fr); gap:24px; margin-top:64px;}
  @media (max-width:820px){.cols3{grid-template-columns:1fr; gap:36px;}}
  .cols3 .n{width:36px; height:36px; border-radius:50%; background:rgba(139,92,246,.18); color:#C4B5FD; display:flex; align-items:center; justify-content:center; font-size:14px; font-weight:500; margin-bottom:14px;}
  .cols3 h3{font-size:19px;}
  .cols3 .desc{margin-top:8px; font-size:15px;}
  .cols3 ul{margin-top:14px; display:flex; flex-direction:column; gap:8px;} .cols3 li{font-size:14px; color:#E5E5E5; display:flex; gap:8px;} .cols3 li span{color:var(--faint);}
  .grow{display:grid; grid-template-columns:repeat(3,1fr); gap:16px; margin-top:56px;} @media (max-width:760px){.grow{grid-template-columns:1fr;}}
  .gc{background:var(--card); border-radius:20px; padding:22px 24px;} .gc small{font-family:'IBM Plex Mono',monospace; font-size:12px; letter-spacing:.08em; text-transform:uppercase; color:#C4B5FD;} .gc h3{font-size:17px; margin-top:8px;} .gc p{font-size:14px; color:var(--muted); margin-top:6px; line-height:1.45;}

  /* integrations */
  .mq{overflow:hidden; margin-top:40px; -webkit-mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent); mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent);}
  .mq-track{display:flex; gap:10px; width:max-content; animation:marquee 40s linear infinite;}
  .mq .t{display:flex; align-items:center; gap:10px; background:var(--card); border-radius:999px; padding:10px 16px 10px 10px; font-size:14px; white-space:nowrap;}
  .mq .t svg{width:22px; height:22px;}
  .int{display:grid; grid-template-columns:.7fr 1.3fr; gap:40px; align-items:center; margin-top:48px;}
  @media (max-width:820px){.int{grid-template-columns:1fr;}}
  .int-list{display:grid; grid-template-columns:1fr 1fr; gap:12px;} @media (max-width:600px){.int-list{grid-template-columns:1fr;}}
  .il{background:var(--card); border-radius:18px; padding:18px 20px; display:flex; gap:14px; align-items:flex-start;}
  .il svg{width:28px; height:28px; flex:0 0 auto;}
  .il b{display:block; font-size:15px; font-weight:500;} .il span{display:block; font-size:13px; color:var(--muted); margin-top:3px; line-height:1.4;}
  .int .who{height:min(360px,60vw); width:auto; margin-inline:auto;}

  /* benefits */
  .ben{display:grid; grid-template-columns:repeat(3,1fr); gap:16px;}
  @media (max-width:900px){.ben{grid-template-columns:1fr 1fr;}} @media (max-width:600px){.ben{grid-template-columns:1fr;}}
  .bcard{background:var(--card); border-radius:22px; padding:26px; min-height:280px; display:flex; flex-direction:column; transition:transform .3s ease;}
  .bcard:hover{transform:translateY(-4px);}
  .bcard h3{font-size:17px;}
  .bcard .desc{font-size:14px; margin-top:8px;}
  .ui{margin-top:auto; padding-top:18px;}
  .ui .box{background:#0F0F0F; border-radius:14px; padding:14px; border:1px solid var(--line);}
  .ui .row{display:flex; justify-content:space-between; align-items:center; gap:10px; font-size:13px; color:#E5E5E5;}
  .ui .row + .row{margin-top:8px; padding-top:8px; border-top:1px solid var(--line);}
  .ui .c{font-size:11px; padding:4px 9px; border-radius:999px; background:rgba(34,197,94,.15); color:#86EFAC;}
  .ui .c.warn{background:rgba(232,166,59,.15); color:#FCD34D;}
  .bcard.span2{grid-column:span 2;} @media (max-width:600px){.bcard.span2{grid-column:span 1;}}

  /* stats */
  .stats{background:linear-gradient(160deg,#2B1657 0%,#150B2E 55%,#0A061A 100%); border-radius:28px; padding:56px 32px; text-align:center;}
  .stats .desc{color:#C9BEEF; margin-top:12px;}
  .stat-row{display:grid; grid-template-columns:repeat(4,1fr); gap:16px; margin-top:40px;}
  @media (max-width:760px){.stat-row{grid-template-columns:1fr 1fr;}}
  .stat{background:rgba(255,255,255,.06); border:1px solid rgba(255,255,255,.1); border-radius:16px; padding:22px 16px; text-align:left;}
  .stat small{font-size:12px; color:#C9BEEF;} .stat b{display:block; font-size:44px; font-weight:500; letter-spacing:-0.03em; line-height:1.1; margin-top:4px; font-variant-numeric:tabular-nums;} .stat span{display:block; font-size:12px; color:#C9BEEF; margin-top:6px;}

  /* use cases */
  .uc-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:16px;} @media (max-width:980px){.uc-grid{grid-template-columns:1fr 1fr;}} @media (max-width:600px){.uc-grid{grid-template-columns:1fr;}}
  .uc{background:var(--card); border-radius:24px; padding:26px 26px 0; position:relative; overflow:hidden; min-height:440px; display:flex; flex-direction:column; transition:transform .3s ease;}
  .uc:hover{transform:translateY(-4px);}
  .uc h3{font-size:20px;} .uc p{font-size:14px; color:var(--muted); margin-top:8px; line-height:1.45; max-width:300px;}
  .uc .shot{margin-top:auto; padding-top:22px; width:78%;}
  .uc .who{position:absolute; right:-14px; bottom:-10px; height:210px; width:auto; filter:drop-shadow(0 16px 20px rgba(0,0,0,.45));}
  .uc .who.badge{height:auto; width:64px; aspect-ratio:1; right:18px; bottom:18px; border-radius:50%; background:var(--gold); color:#1F1300; display:flex; align-items:center; justify-content:center; font-size:24px; font-weight:500;}
  .mini-site{background:#fff; color:#111; border-radius:12px 12px 0 0; overflow:hidden;} .ms-nav{display:flex; justify-content:space-between; align-items:center; padding:8px 10px; font-size:9px; color:#666;} .ms-nav b{color:#111; font-size:10px;}
  .ms-hero{height:120px; background-size:cover; background-position:center; position:relative; display:flex; align-items:flex-end; padding:10px;} .ms-hero::before{content:""; position:absolute; inset:0; background:linear-gradient(0deg,rgba(0,0,0,.7),rgba(0,0,0,.1));} .ms-hero div{position:relative; color:#fff;} .ms-hero h4{font-size:14px; font-weight:600; color:#fff;} .ms-hero span{display:inline-block; margin-top:6px; background:#fff; color:#111; font-size:9px; font-weight:600; padding:4px 9px; border-radius:999px;}
  .bn{border-radius:12px; background-size:cover; background-position:center; padding:12px; color:#fff; position:relative; overflow:hidden; margin-top:8px; min-height:58px; display:flex; flex-direction:column; justify-content:center;} .bn::before{content:""; position:absolute; inset:0; background:linear-gradient(90deg,rgba(0,0,0,.7),rgba(0,0,0,.15));} .bn b,.bn span{position:relative;} .bn b{font-size:13px; font-weight:600;} .bn span{font-size:10px; opacity:.85; margin-top:2px;}
  .lg-grid{display:grid; grid-template-columns:1fr 1fr; gap:8px;} .lg{background:#fff; color:#111; border-radius:12px; padding:14px 10px; display:flex; align-items:center; gap:8px;} .lg i{width:18px; height:18px; border-radius:5px; flex:0 0 auto;} .lg b{font-size:11px; font-weight:600;}
  .ig{background:#fff; color:#111; border-radius:12px 12px 0 0; overflow:hidden;} .ig-h{display:flex; align-items:center; gap:6px; padding:8px 10px; font-size:10px;} .ig-h i{width:16px; height:16px; border-radius:50%; background:linear-gradient(45deg,#FFDD55,#FF543E,#C837AB);} .ig-h b{font-weight:600;} .ig-h span{color:#888; font-size:9px;} .ig-img{height:120px; background-size:cover; background-position:center;} .ig-f{display:flex; gap:10px; padding:8px 10px; font-size:10px;} .ig-f em{font-style:normal; margin-left:auto; color:#3B82F6; font-size:9px;}
  .ad{background:#fff; color:#111; border-radius:12px; padding:12px;} .ad small{font-size:9px; color:#666;} .ad b{display:block; font-size:12px; color:#1A0DAB; margin-top:3px; line-height:1.3;} .ad span{display:block; font-size:10px; color:#444; margin-top:3px;} .ad-row{display:flex; justify-content:space-between; margin-top:8px;} .ad-row em{font-style:normal; font-size:9px; background:#F1F3F4; padding:3px 7px; border-radius:999px;} .ad-row em.ok{background:#E6F4EA; color:#137333;}
  .day{background:#fff; color:#111; border-radius:12px; padding:6px 10px;} .dr{display:flex; gap:8px; padding:7px 0; border-bottom:1px solid #EEE; font-size:10px;} .dr:last-child{border-bottom:none;} .dr span{color:#888; width:34px; flex:0 0 auto;} .dr b{font-weight:500;} .dr.dim{opacity:.55;}

  /* website mocks */
  .site-grid{display:grid; grid-template-columns:1fr 1fr; gap:20px;} @media (max-width:820px){.site-grid{grid-template-columns:1fr;}}
  .site{border-radius:16px; overflow:hidden; background:#fff; color:#111; box-shadow:0 30px 60px -30px rgba(0,0,0,.8); transition:transform .3s ease;} .site:hover{transform:translateY(-4px);}
  .chrome{display:flex; align-items:center; gap:5px; padding:8px 12px; background:#F1F1F1;} .chrome i{width:8px; height:8px; border-radius:50%; background:#D5D5D5;} .chrome span{margin-left:8px; font-size:10px; color:#888; background:#fff; border-radius:6px; padding:3px 10px; flex:1;}
  .s-nav{display:flex; justify-content:space-between; align-items:center; padding:12px 18px; font-size:11px; color:#666;} .s-nav b{color:#111; font-size:13px;} .s-nav em{font-style:normal; color:#fff; padding:6px 12px; border-radius:6px; font-weight:600; font-size:10px;}
  @media (max-width:520px){.s-nav span{display:none;}}
  .s-hero{height:200px; background-size:cover; background-position:center; position:relative; display:flex; align-items:center; padding:22px;} .s-hero::before{content:""; position:absolute; inset:0; background:linear-gradient(90deg,rgba(0,0,0,.72),rgba(0,0,0,.2));} .s-hero div{position:relative; max-width:260px; color:#fff;} .s-hero h4{font-size:20px; font-weight:600; color:#fff; letter-spacing:-0.02em;} .s-hero p{font-size:11.5px; margin-top:6px; opacity:.9;} .s-hero span{display:inline-block; margin-top:12px; padding:8px 16px; border-radius:999px; font-size:11px; font-weight:600; color:#fff;}
  .s-row{display:grid; grid-template-columns:1fr 1fr 1fr; gap:10px; padding:14px 18px 18px; background:#FAFAFA;} .s-img{border-radius:8px; background-size:cover; background-position:center; min-height:70px;} .s-t{background:#fff; border-radius:8px; padding:10px; box-shadow:0 4px 12px rgba(0,0,0,.06);} .s-t b{font-size:10.5px; font-weight:600; display:block;} .s-t span{font-size:9.5px; color:#666; display:block; margin-top:3px; line-height:1.35;}

  /* objections */
  .obj{display:grid; grid-template-columns:repeat(3,1fr); gap:16px;} @media (max-width:900px){.obj{grid-template-columns:1fr 1fr;}} @media (max-width:560px){.obj{grid-template-columns:1fr;}}
  .oc{background:var(--card); border-radius:20px; padding:24px;} .oc b{display:block; font-size:17px; font-weight:500;} .oc p{font-size:14px; color:var(--muted); margin-top:10px; line-height:1.45;}
  .vs{max-width:640px; margin:0 auto 32px;} .vs .r{display:flex; justify-content:space-between; gap:16px; padding-block:12px; border-top:1px solid var(--line); font-size:15px;} .vs .r:first-child{border-top:none;} .vs .r b{font-weight:500;} .vs .r span{color:var(--muted); text-align:right; font-size:14px;} .vs .t{display:flex; justify-content:space-between; margin-top:6px; padding-top:14px; border-top:1px solid rgba(255,255,255,.2); font-size:18px; font-weight:500;}
  @media (max-width:520px){.vs .r{flex-direction:column; gap:2px;} .vs .r span{text-align:left;}}

  /* five minutes (legacy) */
  .fm{max-width:820px; margin-inline:auto;}
  .fmi{display:grid; grid-template-columns:44px 1fr; gap:20px; padding-block:40px; border-top:1px solid var(--line);}
  .fmi:first-child{border-top:none; padding-top:0;}
  .fmi .n{width:36px; height:36px; border-radius:50%; background:rgba(59,130,246,.15); color:#93C5FD; display:flex; align-items:center; justify-content:center; font-size:14px; font-weight:500;}
  .fmi h3{font-size:22px;}
  .fmi .desc{margin-top:8px; font-size:15px;}
  .vis{margin-top:20px;}
  .mini-web-grid{display:grid; grid-template-columns:repeat(6,1fr); gap:10px;} @media (max-width:760px){.mini-web-grid{grid-template-columns:repeat(3,1fr);}}
  .mini-web{border-radius:10px; overflow:hidden; background:#fff;} .mini-web .h{padding:16px 8px; text-align:center;} .mini-web .h b{font-size:9px; font-weight:600; display:block;} .mini-web .bar{height:6px; background:rgba(0,0,0,.08);}
  .banner-grid{display:grid; grid-template-columns:repeat(4,1fr); gap:10px;} @media (max-width:700px){.banner-grid{grid-template-columns:repeat(2,1fr);}}
  .mb{border-radius:10px; padding:14px; aspect-ratio:1.9/1; display:flex; flex-direction:column; justify-content:center; color:#fff;} .mb b{font-size:12px; font-weight:600;} .mb span{font-size:9px; margin-top:6px; background:rgba(255,255,255,.25); padding:3px 8px; border-radius:999px; width:fit-content;}
  .logo-grid{display:grid; grid-template-columns:repeat(4,1fr); gap:10px;} @media (max-width:700px){.logo-grid{grid-template-columns:repeat(2,1fr);}}
  .ml{background:var(--card); border-radius:12px; padding:20px; display:flex; align-items:center; justify-content:center; gap:10px;} .ml i{width:24px; height:24px; border-radius:7px; display:inline-block;} .ml b{font-size:14px; font-weight:600;}
  .status{display:flex; align-items:center; gap:18px; background:var(--card); border-radius:18px; padding:14px 22px 14px 14px; max-width:520px;}
  .status img{height:84px; width:auto;} .status .badge{width:64px; height:64px; border-radius:50%; display:flex; align-items:center; justify-content:center; font-size:22px; font-weight:500; color:#111; flex:0 0 auto;}
  .status .rows div{font-size:14px; color:#E5E5E5;} .status .rows div + div{margin-top:5px;} .status .rows b{font-weight:600;}

  /* web mocks */
  .wm-grid{display:grid; grid-template-columns:1fr 1fr; gap:20px;} @media (max-width:820px){.wm-grid{grid-template-columns:1fr;}}
  .wm{border-radius:16px; overflow:hidden; background:#fff; color:#111; box-shadow:0 30px 60px -30px rgba(0,0,0,.8); transition:transform .3s ease;} .wm:hover{transform:translateY(-4px);}
  .wm .nav{display:flex; justify-content:space-between; align-items:center; padding:12px 18px; border-bottom:1px solid #EEE; font-size:11px;} .wm .nav b{font-size:13px;} .wm .nav .links{display:flex; gap:12px; color:#666;} .wm .nav .cta{color:#fff; padding:6px 12px; border-radius:6px; font-weight:600; font-size:10px;}
  .wm .hero2{padding:34px 22px; text-align:center;} .wm .hero2 h4{font-size:20px; font-weight:600; letter-spacing:-0.02em;} .wm .hero2 p{font-size:11.5px; margin-top:8px; opacity:.8; max-width:280px; margin-inline:auto;} .wm .hero2 a{display:inline-block; margin-top:14px; padding:9px 18px; border-radius:999px; font-size:11px; font-weight:600; color:#fff;}
  .wm .cards{display:grid; grid-template-columns:repeat(3,1fr); gap:10px; padding:18px; background:#FAFAFA;} .wm .card{background:#fff; border-radius:8px; padding:12px 8px; text-align:center; box-shadow:0 4px 12px rgba(0,0,0,.06);} .wm .card b{font-size:10px; display:block; margin-top:6px; font-weight:600;}
  .portrait{max-width:360px; margin:40px auto 0; border-radius:22px; overflow:hidden;}

  /* lifestyle */
  .life{display:grid; grid-template-columns:repeat(3,1fr); gap:16px;} @media (max-width:760px){.life{grid-template-columns:1fr;}}
  .lc{position:relative; border-radius:22px; overflow:hidden; aspect-ratio:3/4; transition:transform .3s ease;} .lc:hover{transform:translateY(-4px);} .lc img{width:100%; height:100%; object-fit:cover;} .lc::after{content:""; position:absolute; inset:0; background:linear-gradient(0deg,rgba(0,0,0,.85),transparent 55%);} .lc div{position:absolute; left:18px; right:18px; bottom:18px; z-index:1;} .lc h3{font-size:18px;} .lc p{font-size:13px; color:#D4D4D4; margin-top:4px;}

  /* compare */
  .cmp{overflow-x:auto;} .cmp table{width:100%; border-collapse:separate; border-spacing:0 8px; min-width:520px;} .cmp th,.cmp td{padding:14px 16px; text-align:center; font-size:15px;} .cmp th{font-size:12px; text-transform:uppercase; letter-spacing:.06em; color:var(--faint); font-weight:500; font-family:'IBM Plex Mono',monospace;} .cmp td:first-child,.cmp th:first-child{text-align:left;} .cmp tbody td{background:var(--card);} .cmp tbody td:first-child{border-radius:12px 0 0 12px;} .cmp tbody td:last-child{border-radius:0 12px 12px 0;} .cmp td.hl{background:var(--blue) !important; color:#fff;} .cmp th.hl{color:#fff; background:var(--blue); border-radius:12px 12px 0 0;} .cmp .no{color:#6B7280;} .cmp .yes{color:#86EFAC;} .cmp .hl .yes{color:#fff;}

  @media (max-width:640px){
    .cmp{overflow:visible; margin-inline:-6px;}
    .cmp table{min-width:0; width:100%; table-layout:fixed; border-spacing:0 6px;}
    .cmp th,.cmp td{padding:10px 4px; font-size:12.5px;}
    .cmp th{font-size:9.5px; letter-spacing:.04em; line-height:1.25; vertical-align:bottom;}
    .cmp th:first-child,.cmp td:first-child{width:38%; font-size:12.5px; line-height:1.25; padding-left:10px;}
    .cmp tbody td:first-child{border-radius:10px 0 0 10px;} .cmp tbody td:last-child{border-radius:0 10px 10px 0;}
  }

  /* pricing */
  .pgrid{display:grid; grid-template-columns:1fr 1.15fr; gap:20px; max-width:900px; margin-inline:auto; align-items:start;} @media (max-width:820px){.pgrid{grid-template-columns:1fr;}}
  .pc{background:var(--card); border-radius:28px; padding:32px; position:relative;}
  .pc .lbl{font-size:12px; color:var(--faint); font-family:'IBM Plex Mono',monospace; letter-spacing:.08em; text-transform:uppercase;}
  .pc h3{font-size:22px; margin-top:8px;}
  .pc .row{display:flex; align-items:baseline; gap:12px; margin-top:20px;} .pc .old{color:#6B7280; text-decoration:line-through; font-size:18px;} .pc .new{font-size:56px; font-weight:500; letter-spacing:-0.04em; line-height:1; font-variant-numeric:tabular-nums;} .pc .per{color:var(--muted); font-size:14px;}
  .pc ul{margin-top:24px; display:flex; flex-direction:column; gap:12px;} .pc li{display:flex; gap:10px; font-size:15px; color:#E5E5E5;} .pc li span{color:#86EFAC;}
  .pc .btn{width:100%; margin-top:26px;} .pc .fine{text-align:center; font-size:12px; color:#6B7280; margin-top:12px;}
  .pc.hi{background:linear-gradient(165deg,#12193A,#0A0A0A); border:1px solid rgba(59,130,246,.4); box-shadow:0 50px 100px -40px rgba(59,130,246,.35);}
  .pc .save{position:absolute; top:24px; right:24px; background:var(--gold); color:#1F1300; font-size:12px; font-weight:600; padding:6px 12px; border-radius:999px;}
  .pc.dim .new{color:#A3A3A3;}
  .fomo{max-width:900px; margin:20px auto 0; background:var(--card); border-radius:20px; padding:22px 26px; display:grid; grid-template-columns:auto 1fr auto; gap:20px; align-items:center;} @media (max-width:700px){.fomo{grid-template-columns:1fr;}}
  .fomo .s{width:48px; height:48px; border-radius:50%; background:rgba(232,166,59,.15); display:flex; align-items:center; justify-content:center; font-size:22px;}
  .fomo h3{font-size:16px;} .fomo p{font-size:13px; color:var(--muted); margin-top:3px; line-height:1.45;}
  .guar{display:flex; align-items:center; gap:18px; background:var(--card); border-radius:18px; padding:22px 26px; max-width:900px; margin:12px auto 0;} .guar .s{width:48px; height:48px; border-radius:50%; background:rgba(34,197,94,.15); display:flex; align-items:center; justify-content:center; font-size:22px; flex:0 0 auto;} .guar h3{font-size:16px;} .guar p{font-size:13px; color:var(--muted); margin-top:2px;}

  /* faq */
  .faq{display:grid; grid-template-columns:.85fr 1.15fr; gap:48px;} @media (max-width:820px){.faq{grid-template-columns:1fr; gap:24px;}}
  .q{border-bottom:1px solid var(--line); padding-block:18px;} .q:first-child{border-top:1px solid var(--line);} .q summary{cursor:pointer; list-style:none; display:flex; justify-content:space-between; align-items:center; gap:16px; font-size:17px; font-weight:500;} .q summary::-webkit-details-marker{display:none;} .q summary::after{content:"+"; color:var(--faint); font-size:20px; transition:transform .25s;} .q[open] summary::after{transform:rotate(45deg);} .q p{margin-top:10px; font-size:15px; color:var(--muted); line-height:1.5;}

  /* final */
  .final{position:relative; overflow:hidden; background:linear-gradient(180deg,#000 0%,#0B1A3A 100%);}
  .final .wrap{display:grid; grid-template-columns:1.1fr .9fr; gap:40px; align-items:center;} @media (max-width:820px){.final .wrap{grid-template-columns:1fr;}}
  .final .art{display:flex; justify-content:center;} .final .art img{width:min(420px,100%); border-radius:28px; box-shadow:0 40px 80px -30px rgba(0,0,0,.8);}
  footer{padding-block:56px 32px; border-top:1px solid var(--line);}
  .fcols{display:grid; grid-template-columns:1.3fr 1fr 1fr 1fr; gap:30px; margin-bottom:40px;} @media (max-width:760px){.fcols{grid-template-columns:1fr 1fr;}}
  .fcols h4{font-family:'IBM Plex Mono',monospace; font-size:12px; letter-spacing:.08em; text-transform:uppercase; color:var(--faint); margin-bottom:14px; font-weight:500;} .fcols a{display:block; font-size:15px; color:var(--muted); margin-bottom:10px;} .fcols a:hover{color:#fff;}
  footer .row{display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:14px; padding-top:24px; border-top:1px solid var(--line); font-size:13px; color:#6B7280;}

  /* logos */
  .lg2{display:flex; gap:6px; flex:0 0 auto;} .lg2 i{display:block; width:28px; height:28px;} .lg2 i svg{width:28px; height:28px; display:block;}
  .il{align-items:center;}
  .dash .it span{display:flex; align-items:center; gap:6px;} .dash .it em{display:inline-block; width:18px; height:18px;} .dash .it em svg{width:18px; height:18px; display:block;}
  .mq .t svg{width:22px; height:22px; display:block;}
  .url-demo{max-width:640px; margin:0 auto 40px; text-align:center;}
  .url-box{display:flex; align-items:center; gap:12px; background:var(--card); border:1px solid rgba(255,255,255,.14); border-radius:999px; padding:8px 8px 8px 20px;}
  .url-box .u{font-size:18px;} .url-box .addr{flex:1; text-align:left; font-family:'IBM Plex Mono',monospace; font-size:15px; color:#E5E5E5; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;} .url-box .btn{padding:10px 18px; font-size:15px;}
  .import{display:flex; gap:22px; align-items:center; background:var(--card); border-radius:22px; padding:24px 26px; margin-top:24px;} @media (max-width:640px){.import{flex-direction:column; align-items:flex-start;}}
  .imp-logos{display:flex; gap:8px; flex:0 0 auto;} .imp-logos i{display:block; width:44px; height:44px;} .imp-logos i svg{width:44px; height:44px; display:block;}
  .import h3{font-size:19px;}

  /* books */
  .shelf{display:grid; grid-template-columns:repeat(8,1fr); gap:12px; perspective:1200px; margin-bottom:40px;} @media (max-width:1000px){.shelf{grid-template-columns:repeat(4,1fr);}} @media (max-width:520px){.shelf{grid-template-columns:repeat(2,1fr);}}
  .book{aspect-ratio:2/3; border-radius:4px 10px 10px 4px; background:linear-gradient(160deg,var(--c1),var(--c2)); padding:16px 12px; display:flex; flex-direction:column; justify-content:flex-end; position:relative; box-shadow:0 30px 40px -20px rgba(0,0,0,.9), inset 4px 0 0 rgba(255,255,255,.12); transform:rotateY(-14deg); transition:transform .3s ease;}
  .book:hover{transform:rotateY(0) translateY(-6px);}
  .book::before{content:""; position:absolute; left:8px; top:0; bottom:0; width:1px; background:rgba(255,255,255,.18);}
  .book small{font-size:10px; letter-spacing:.06em; text-transform:uppercase; color:rgba(255,255,255,.65);} .book b{display:block; font-size:16px; line-height:1.15; letter-spacing:-0.02em; font-weight:500; margin-top:6px;}
  .book.more{background:var(--card); border:1px dashed rgba(255,255,255,.2); justify-content:center; text-align:center; transform:none; box-shadow:none;} .book.more b{font-size:15px;} .book.more small{text-transform:none; letter-spacing:0; margin-top:6px; font-size:12px;}
  .vs2{max-width:900px; margin-inline:auto;} .vs2-h{text-align:center; font-size:15px; color:var(--muted); margin-bottom:16px;} .vs2-h em{font-style:normal; color:#fff;}
  .vs2-grid{display:grid; grid-template-columns:1fr 1fr; gap:16px;} @media (max-width:760px){.vs2-grid{grid-template-columns:1fr;}}
  .vs2-c{border-radius:22px; padding:24px; background:var(--card);} .vs2-c.hi{background:linear-gradient(165deg,#12193A,#0A0A0A); border:1px solid rgba(59,130,246,.4);}
  .vs2-t{display:flex; align-items:center; gap:10px; font-size:14px; color:var(--faint); font-family:'IBM Plex Mono',monospace; letter-spacing:.06em; text-transform:uppercase;} .vs2-t span{display:block; width:22px; height:22px;} .vs2-t span svg{width:22px; height:22px;} .vs2-t img{height:34px; width:auto;}
  .vs2-c p{margin-top:14px; font-size:15px; line-height:1.5; color:#E5E5E5;} .vs2-c.dim p{color:var(--muted);}
  .tags{display:flex; flex-wrap:wrap; gap:6px; margin-top:16px;} .tags span{font-size:12px; padding:5px 10px; border-radius:999px; background:rgba(34,197,94,.14); color:#86EFAC;} .tags span.no{background:rgba(255,255,255,.06); color:#9CA3AF;}

  /* automations */
  .auto-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:16px;} @media (max-width:900px){.auto-grid{grid-template-columns:1fr 1fr;}} @media (max-width:560px){.auto-grid{grid-template-columns:1fr;}}
  .ac{background:var(--card); border-radius:22px; padding:20px;}
  .trig{display:flex; align-items:center; gap:10px; background:#0F0F0F; border:1px solid var(--line); border-radius:14px; padding:12px 14px; font-size:14px;} .trig i{display:block; width:24px; height:24px; flex:0 0 auto;} .trig i svg{width:24px; height:24px; display:block;}
  .arr{text-align:center; color:var(--faint); font-size:16px; line-height:1; padding:6px 0;}
  .act{display:flex; align-items:center; gap:12px; font-size:14px; color:#E5E5E5;} .act img{height:48px; width:48px; object-fit:cover; object-position:top; border-radius:50%; background:#1F1F1F; flex:0 0 auto;} .act b{font-weight:500; color:#fff;}
  .act .abadge{width:48px; height:48px; border-radius:50%; background:var(--gold); color:#1F1300; display:flex; align-items:center; justify-content:center; font-weight:500; flex:0 0 auto;}

  /* ideas marquee */
  .ideas{overflow:hidden; display:flex; flex-direction:column; gap:12px; -webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent); mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);}
  .ideas-track{display:flex; gap:10px; width:max-content; animation:marquee 60s linear infinite;} .ideas-track.rev{animation-direction:reverse; animation-duration:70s;}
  .idea{background:var(--card); border:1px solid var(--line); border-radius:999px; padding:10px 16px; font-size:14px; white-space:nowrap;}

  /* final grounded */
  .final .wrap{align-items:end;} .final > .wrap > div:first-child{padding-bottom:104px;}
  .final .art{display:flex; justify-content:center; align-items:flex-end; gap:0;} .final .art img{height:min(400px,60vw); width:auto; display:block; border-radius:0; box-shadow:none;} .final .art img + img{margin-left:-30px;}
  @media (max-width:820px){.final > .wrap > div:first-child{padding-bottom:40px;}}
  .lg img{width:100%; height:auto; display:block;} .lg{padding:8px;}

  /* czech + languages */
  .cz{display:grid; grid-template-columns:.85fr 1.15fr; gap:40px; align-items:center; background:var(--card); border-radius:28px; overflow:hidden;}
  .cz-photo{align-self:stretch; min-height:420px;} .cz-photo img{width:100%; height:100%; object-fit:cover; object-position:50% 40%; display:block;}
  .cz-body{padding:40px 40px 40px 0;} .cz-body h2{margin-top:14px;} .cz-body .desc{margin-top:16px;}
  .cz-cards{display:grid; grid-template-columns:1fr 1fr; gap:12px; margin-top:24px;}
  .cz-card{background:#0F0F0F; border:1px solid var(--line); border-radius:16px; padding:16px 18px;} .cz-card b{display:block; font-weight:500; font-size:15px;} .cz-card span{display:block; font-size:13.5px; color:var(--muted); margin-top:6px; line-height:1.45;}
  .langs{display:flex; flex-wrap:wrap; gap:8px; margin-top:20px;} .langs span{font-size:13px; background:rgba(255,255,255,.06); border:1px solid var(--line); border-radius:999px; padding:6px 12px; color:#E5E5E5;}
  @media (max-width:900px){ .cz{grid-template-columns:1fr; gap:0;} .cz-photo{min-height:0; aspect-ratio:4/3;} .cz-photo img{object-position:50% 35%;} .cz-body{padding:24px 22px 26px;} .cz-cards{grid-template-columns:1fr;} }