:root{
      --bg:#07080b;
      --bg2:#0d0f14;
      --panel:#10131a;
      --panel2:#151925;
      --ink:#f6f7fb;
      --muted:#a8afbd;
      --line:rgba(255,255,255,.11);
      --line2:rgba(255,255,255,.06);
      --yellow:#ffd21f;
      --lime:#c9ff45;
      --cyan:#6cecff;
      --violet:#ab7cff;
      --pink:#ff6ac1;
      --shadow:0 28px 90px rgba(0,0,0,.38);
      --radius:26px;
      --max:1220px;
    }
    *{box-sizing:border-box}
    html{scroll-behavior:smooth}
    body{
      margin:0;
      background: #fff;
      color:#000;
      font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
      letter-spacing:-.015em;
      overflow-x:hidden;
    }
    body:before{
      content:"";position:fixed;inset:0;pointer-events:none;z-index:99;opacity:.16;
      background-image:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);
      background-size:42px 42px;
      mask-image:linear-gradient(to bottom,#000,transparent 88%);
    }
    ::selection{background:var(--yellow);color:#0a0b0d}
    a{color:inherit;text-decoration:none}
    button,input{font:inherit}
    .wrap{width:min(var(--max),calc(100% - 40px));margin-inline:auto}
    .eyebrow{display:flex;align-items:center;gap:10px;text-transform:uppercase;letter-spacing:.16em;font-size:12px;    color: #000;
    font-weight: 500;}
    .eyebrow i{width:8px;height:8px;border-radius:50%;background:#ffcc29;box-shadow:0 0 18px rgba(201,255,69,.8)}
    .section{padding:110px 0;position:relative}
    .section-head{display:grid;grid-template-columns:1.1fr .9fr;gap:48px;align-items:end;margin-bottom:46px}
    .section-head h2{font-size:clamp(38px,5vw,72px);line-height:68px;margin:13px 0 0;max-width:820px;}
    .section-head p{margin:0;color:#000;font-size:17px;line-height:1.65;max-width:520px;justify-self:end}
    .accent{color:#ffcc29;)}
    .gradient-text{background:linear-gradient(95deg, #000 3%, #ffcc29 48%, #ffcc29);-webkit-background-clip:text;background-clip:text;color:transparent}

    /* NAV */
    .nav{
      position:fixed;top:0;left:0;right:0;z-index:50;
      background:#000;backdrop-filter:blur(18px);border-bottom:1px solid transparent;
      transition:.3s ease;
    }
    .nav.scrolled{border-color:var(--line);background:#000}
    .nav-inner{height:78px;display:flex;align-items:center;justify-content:space-between;gap:30px}
    .brand{display:flex;align-items:center;gap:12px;font-weight:850;letter-spacing:-.04em;white-space:nowrap}
    .brand-mark{width:38px;height:38px;border:2px solid var(--yellow);border-radius:50%;display:grid;place-items:center;color:var(--yellow);font-size:20px;box-shadow:inset 0 0 22px rgba(255,210,31,.08),0 0 28px rgba(255,210,31,.12)}
    .brand-word{font-size:23px}.brand-word b{color:var(--yellow)}
    .brand-ai{font-size:11px;letter-spacing:.12em;border:1px solid rgba(201,255,69,.45);padding:5px 7px;border-radius:99px;color:#ffcc29;background:rgba(201,255,69,.06)}
    .nav-links{display:flex;align-items:center;gap:10px;color:#cfd3dc;font-size:14px}
    .nav-links>a,.menu-trigger{transition:.2s}
    .nav-links>a:hover,.menu-trigger:hover{color:#fff}
    .nav-item{position:relative}
    .menu-trigger{appearance:none;border:0;background:transparent;color:#cfd3dc;padding:12px 12px;border-radius:12px;cursor:pointer;font:inherit;display:inline-flex;align-items:center;gap:7px}
    .menu-trigger .chev{font-size:8px;transition:transform .22s ease;color:#8e96a5}
    .nav-item.open .menu-trigger,.nav-item:hover .menu-trigger{color:#fff;background:rgba(255,255,255,.045)}
    .nav-item.open .chev,.nav-item:hover .chev{transform:rotate(180deg)}
    .mega-menu{position:absolute;top:calc(100% + 14px);left:50%;transform:translate(-50%,10px);width:min(760px,calc(100vw - 40px));padding:16px;border:1px solid rgba(255,255,255,.13);border-radius:22px;background:linear-gradient(180deg,rgba(18,21,29,.97),rgba(9,11,16,.98));box-shadow:0 34px 90px rgba(0,0,0,.55);backdrop-filter:blur(20px);opacity:0;visibility:hidden;pointer-events:none;transition:.2s ease;display:grid;grid-template-columns:1.2fr .8fr;gap:14px}
    .nav-item.open .mega-menu,.nav-item:hover .mega-menu{opacity:1;visibility:visible;pointer-events:auto;transform:translate(-50%,0)}
    .mega-list{display:grid;grid-template-columns:1fr 1fr;gap:8px}
    .mega-link{display:block;padding:13px;border-radius:14px;border:1px solid transparent;background:rgba(255,255,255,.018);transition:.2s}
    .mega-link:hover{background:rgba(255,255,255,.055);border-color:rgba(255,255,255,.09);transform:translateY(-1px)}
    .mega-link small{display:flex;align-items:center;gap:7px;color:#ffcc29;font-size:9px;letter-spacing:.12em;text-transform:uppercase;margin-bottom:5px}
    .mega-link small:before{content:"";width:6px;height:6px;border-radius:50%;background:#ffcc29;box-shadow:0 0 10px rgba(201,255,69,.75)}
    .mega-link b{display:block;font-size:13px;color:#fff;margin-bottom:4px}
    .mega-link span{display:block;font-size:11px;line-height:1.45;color:#8f98a8}
    .mega-feature{border:1px solid rgba(108,236,255,.17);border-radius:16px;padding:18px;background:radial-gradient(circle at 80% 0%,rgba(108,236,255,.14),transparent 45%),rgba(255,255,255,.025);display:flex;flex-direction:column;justify-content:space-between;min-height:220px}
    .mega-feature .status-line{font-size:9px;text-transform:uppercase;letter-spacing:.14em;color:#ffcc29}
    .mega-feature h4{font-size:25px;line-height:1.05;margin:16px 0 10px;letter-spacing:-.04em}
    .mega-feature p{font-size:12px;line-height:1.55;color:#aab2bf;margin:0}
    .mega-feature .mini-cta{margin-top:18px;font-size:11px;font-weight:800;color:#fff}
    .nav-cta{    display: inline-flex;
    align-items: center;
    gap: 9px;
    border: 1px solid #fff;
    padding: 12px 16px;
    border-radius: 99px;
    background: rgba(255, 255, 255, .045);
    font-size: 13px;
    font-weight: 750;
    color: #fff;
}
    .mobile-toggle{display:none;appearance:none;border:1px solid var(--line);background:rgba(255,255,255,.04);color:#fff;width:42px;height:42px;border-radius:12px;cursor:pointer;font-size:20px}
    .nav-cta span{width:7px;height:7px;border-radius:50%;background:#ffcc29;box-shadow:0 0 12px #ffcc29}

    /* HERO */
    .hero{min-height:100svh;display:flex;align-items:center;padding:124px 0 66px;position:relative;isolation:isolate}
    #network{position:absolute;inset:0;width:100%;height:100%;z-index:-2;opacity:.55}
    .hero:after{content:"";position:absolute;inset:0;z-index:-1;background:#fff;}
    .hero-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:60px;align-items:center}
    .hero h1{font-size:65px;line-height:.84;margin:22px 0 24px;max-width:900px;color:#000;}
    .hero h1 .line{display:block}
    .hero-copy{font-size:clamp(18px,2vw,24px);line-height:1.52;color:#000;max-width:720px;margin:0;font-size: 18px;}
    .hero-copy strong{color:#000;font-size: 22px;}
    .hero-actions{display:flex;flex-wrap:wrap;gap:13px;margin-top:34px}
    .btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:15px 20px;border-radius:999px;font-weight:780;font-size:14px;border:1px solid var(--line);transition:.25s ease;cursor:pointer}
    .btn-primary{background:var(--yellow);color:#0b0c0f;border-color:var(--yellow);box-shadow:0 12px 45px rgba(255,210,31,.16)}
    .btn-primary:hover{transform:translateY(-2px);box-shadow:0 18px 55px rgba(255,210,31,.25)}
    .btn-ghost{background:#fff;color:#000;}.btn-ghost:hover{background:rgba(255,255,255,.08);transform:translateY(-2px)}
    .ticker{display:flex;gap:9px;flex-wrap:wrap;margin-top:36px}
    .chip{padding:9px 12px;
    /*border:1px solid #ffcc29;*/
    border-radius:999px;color:#ffcc29;background:#000;font-size:12px;letter-spacing:.02em}
    .chip b{color:#ffcc29;}

    .agent-console{position:relative;min-height:560px;display:grid;place-items:center}
    .orb{position:absolute;width:360px;height:360px;border-radius:50%;background:
      radial-gradient(circle at 32% 30%,rgba(255,255,255,.96) 0 2%,rgba(108,236,255,.68) 7%,rgba(171,124,255,.4) 22%,rgba(7,8,11,.1) 58%),
      conic-gradient(from 180deg,rgba(201,255,69,.45),rgba(108,236,255,.75),rgba(171,124,255,.62),rgba(255,106,193,.3),rgba(201,255,69,.45));
      filter:saturate(1.12);box-shadow:0 0 120px rgba(108,236,255,.18),0 0 210px rgba(171,124,255,.10);animation:float 7s ease-in-out infinite;opacity:.9}
    .orb:after{content:"";position:absolute;inset:18px;border-radius:inherit;background:rgba(7,8,11,.72);backdrop-filter:blur(6px);box-shadow:inset 0 0 60px rgba(108,236,255,.08)}
    .orbit{position:absolute;border:1px solid rgba(255,255,255,.16);border-radius:50%;width:470px;height:250px;transform:rotate(-18deg);animation:spin 18s linear infinite}
    .orbit:before,.orbit:after{content:"";position:absolute;width:9px;height:9px;border-radius:50%;background:#ffcc29;top:50%;box-shadow:0 0 20px #ffcc29}
    .orbit:before{left:-4px}.orbit:after{right:-4px;background:#ffcc29;box-shadow:0 0 20px #ffcc29}
    .console-card{position:relative;z-index:2;width:min(420px,92%);padding:18px;border-radius:22px;border:1px solid rgba(255,255,255,.17);background:linear-gradient(180deg,rgba(18,21,30,.84),rgba(8,10,14,.72));backdrop-filter:blur(18px);box-shadow:var(--shadow)}
    .console-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.dots{display:flex;gap:6px}.dots i{width:7px;height:7px;border-radius:50%;background:#4b5160}.dots i:first-child{background:var(--pink)}.dots i:nth-child(2){background:var(--yellow)}.dots i:nth-child(3){background:#ffcc29}
    .status{font-size:10px;text-transform:uppercase;letter-spacing:.16em;color:#ffcc29}
    .prompt{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;line-height:1.8;color:#d7dbe4}
    .prompt .dim{color:#6f7888}.prompt .key{color:#ffcc29}.prompt .good{color:#ffcc29}
    .route{display:grid;grid-template-columns:1fr auto 1fr;gap:9px;align-items:center;margin-top:15px}.node{padding:10px;border:1px solid var(--line);border-radius:12px;background:rgba(255,255,255,.03);font-size:11px}.arrow{color:var(--yellow)}
    .mini-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:14px}.mini-metrics div{padding:10px;border-radius:12px;background:rgba(255,255,255,.035);border:1px solid var(--line2)}.mini-metrics b{display:block;font-size:17px}.mini-metrics span{font-size:9px;color:#000;text-transform:uppercase;letter-spacing:.08em}
    .hero-foot{margin-top:72px;display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #000;border-bottom:1px solid #000}
    .hero-stat{padding:24px 22px;border-right:1px solid #000;}.hero-stat:last-child{border-right:0}.hero-stat b{display:block;font-size:clamp(26px,3vw,40px);letter-spacing:-.04em}.hero-stat span{color:#000;font-size:12px;text-transform:uppercase;letter-spacing:.08em}

    /* AI DELIVERED / 10-EPISODE VIDEO SHOWCASE */
    .episode-showcase{margin:46px 0 34px;position:relative}
    .episode-showcase:before{content:"";position:absolute;inset:-40px -8% auto;height:360px;pointer-events:none;background:radial-gradient(ellipse at 50% 10%,rgba(108,236,255,.08),transparent 64%)}
    .episode-bar{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:20px;position:relative}
    .episode-bar h3{font-size:55px;line-height:68px;letter-spacing:-.05em;margin:8px 0 0}
    .episode-bar p{max-width:480px;margin:0;color:#000;font-size:14px;line-height:1.6;text-align:right}
    .episode-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;position:relative}
    .episode-card{appearance:none;border:1px solid var(--line);padding:0;text-align:left;color:inherit;background:#0b0d12;border-radius:18px;overflow:hidden;cursor:pointer;position:relative;min-width:0;transition:transform .28s ease,border-color .28s ease,box-shadow .28s ease}
    .episode-card:hover{transform:translateY(-6px);border-color:rgba(108,236,255,.38);box-shadow:0 24px 55px rgba(0,0,0,.28),0 0 0 1px rgba(108,236,255,.06) inset}
    .episode-thumb{aspect-ratio:16/9;position:relative;overflow:hidden;
    /*background:*/
    /*  radial-gradient(circle at 72% 20%,rgba(108,236,255,.33),transparent 28%),*/
    /*  radial-gradient(circle at 20% 80%,rgba(171,124,255,.28),transparent 34%),*/
    /*  linear-gradient(135deg,#18202a,#090b10 65%)*/
        
    }
    .episode-card:nth-child(2n) .episode-thumb{background:radial-gradient(circle at 26% 24%,rgba(201,255,69,.25),transparent 30%),radial-gradient(circle at 78% 72%,rgba(108,236,255,.22),transparent 34%),linear-gradient(135deg,#151b20,#090b10 70%)}
    .episode-card:nth-child(3n) .episode-thumb{background:radial-gradient(circle at 72% 28%,rgba(255,106,193,.25),transparent 30%),radial-gradient(circle at 22% 72%,rgba(171,124,255,.28),transparent 36%),linear-gradient(135deg,#191521,#090b10 70%)}
    .episode-thumb:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0 36px,rgba(255,255,255,.035) 37px 38px),repeating-linear-gradient(0deg,transparent 0 36px,rgba(255,255,255,.025) 37px 38px);mask-image:linear-gradient(to bottom,#000,transparent)}
    .episode-thumb:after{content:"AI + HI";position:absolute;right:10px;top:10px;padding:5px 7px;border:1px solid rgba(255,255,255,.16);border-radius:999px;background:rgba(6,8,11,.54);backdrop-filter:blur(10px);font-size:8px;letter-spacing:.14em;font-weight:800;color:#dce2ea}
    .episode-wave{position:absolute;left:14px;right:14px;bottom:12px;height:36px;display:flex;align-items:end;gap:3px;opacity:.46}
    .episode-wave i{display:block;width:3px;border-radius:9px;background:linear-gradient(to top,#ffcc29,#ffcc29);height:var(--h)}
    .episode-no{position:absolute;left:13px;top:12px;font:800 11px/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.08em;color:#fff}
    .episode-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.92);color:#08090c;font-size:17px;box-shadow:0 14px 40px rgba(0,0,0,.35);transition:.25s}
    .episode-card:hover .episode-play{transform:translate(-50%,-50%) scale(1.08);background:#ffcc29}
    .episode-info{padding:14px 14px 15px;display:flex;justify-content:space-between;align-items:center;gap:10px}
    .episode-info strong{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#fff;}
    .episode-info span{font-size:9px;color:#fff;text-transform:uppercase;letter-spacing:.1em;white-space:nowrap}
    .episode-note{margin:15px 0 0;color:#7f8794;font-size:11px;line-height:1.55}

    .video-dialog{width:min(1000px,calc(100% - 28px));border:1px solid rgba(255,255,255,.18);border-radius:24px;padding:0;background:#080a0e;color:#fff;box-shadow:0 30px 120px rgba(0,0,0,.7)}
    .video-dialog::backdrop{background:rgba(0,0,0,.82);backdrop-filter:blur(8px)}
    .video-dialog-inner{position:relative;padding:14px}
    .video-close{position:absolute;right:24px;top:24px;z-index:4;width:40px;height:40px;border:1px solid rgba(255,255,255,.18);border-radius:50%;background:rgba(6,8,11,.72);backdrop-filter:blur(8px);color:#fff;cursor:pointer;font-size:20px}
    .video-frame{aspect-ratio:16/9;border-radius:16px;overflow:hidden;background:#020304;display:grid;place-items:center}
    .video-frame video,.video-frame iframe{width:100%;height:100%;border:0;background:#000;display:none}
    .video-empty{max-width:520px;padding:44px;text-align:center;color:#aeb5c2;line-height:1.6}
    .video-empty b{display:block;color:#fff;font-size:22px;margin-bottom:8px}
    .video-meta{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:16px 5px 4px}
    .video-meta strong{font-size:16px}.video-meta span{font-size:11px;color:#000;text-transform:uppercase;letter-spacing:.1em}

    /* AI DELIVERED */
    .delivered{
        /*background:linear-gradient(180deg,#0b0d12,#090a0e)*/
        
    }
    .statement{display:grid;
    /*grid-template-columns:1fr 1fr;*/
    gap:18px}
    .statement-card{padding:34px;border-radius:var(--radius);border:1px solid var(--line);background:#ffcc2921;min-height:240px;position:relative;overflow:hidden}
    .statement-card:before{content:"";position:absolute;width:240px;height:240px;border-radius:50%;filter:blur(30px);opacity:.15;right:-100px;top:-90px;background:#ffcc29}
    .statement-card h3{font-size:clamp(28px,3.3vw,52px);line-height:1.05;margin:24px 0 10px;letter-spacing:-.05em}
    .statement-card p{    color: #000;
    font-size: 16px;
    line-height: 1.65;
    max-width: 560px;
    text-align: center;
    margin-left: auto;
    margin-right: auto;}
    .equation{display:flex;align-items:center;
    justify-content:center;
    gap:16px;flex-wrap:wrap;margin-top:18px}.eq-token{padding:13px 16px;border-radius:14px;border:1px solid var(--line);background:#000;font-weight:800;color:#fff;}.eq-plus{color:#000;font-size:25px}.eq-equal{color:#000;font-size:25px}

    /* AGENTS */
    .agents-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}
    .agent-card{position:relative;overflow:hidden;border:1px solid var(--line);border-radius:24px;padding:28px;background:#f7f7f7;min-height:300px;transition:.3s ease}
    .agent-card:hover{transform:translateY(-5px);border-color:#ffcc29;box-shadow:0 22px 70px rgba(0,0,0,.28)}
    .agent-card:after{content:"";position:absolute;inset:auto -55px -70px auto;width:180px;height:180px;border-radius:50%;background:var(--glow,#ffcc29);filter:blur(70px);opacity:.12}
    .agent-top{display:flex;justify-content:space-between;gap:18px;align-items:flex-start}.agent-num{font-family:ui-monospace,monospace;font-size:11px;color:#6f7888}.agent-live{font-size:10px;color:#ffcc29;text-transform:uppercase;letter-spacing:.13em;display:flex;gap:7px;align-items:center}.agent-live:before{content:"";width:7px;height:7px;border-radius:50%;background:#ffcc29;box-shadow:0 0 12px #ffcc29}
    .agent-card h3{font-size:32px;margin:30px 0 6px;letter-spacing:-.04em}.agent-card .scope{color:#ffcc29;font-size:12px;text-transform:uppercase;letter-spacing:.08em}.agent-card p{color:#000;line-height:1.62;margin:18px 0 24px}.agent-result{display:flex;align-items:end;gap:12px;margin-top:auto}.agent-result b{font-size:34px;letter-spacing:-.04em}.agent-result span{color:#000;font-size:12px;padding-bottom:5px}

    /* PIPELINE */
    .pipeline{margin-top:20px;border:1px solid var(--line);border-radius:24px;background:#0d1016;overflow:hidden}
    .pipeline-head{padding:18px 22px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center}.pipeline-head b{font-size:14px}.pipeline-head span{font-size:10px;color:#000;text-transform:uppercase;letter-spacing:.12em}
    .pipeline-body{display:grid;grid-template-columns:repeat(5,1fr);padding:22px;gap:12px}.stage{position:relative;border:1px solid var(--line);background:rgba(255,255,255,.025);border-radius:16px;padding:17px;min-height:132px}.stage:not(:last-child):after{content:"→";position:absolute;right:-10px;top:50%;transform:translate(50%,-50%);z-index:2;color:var(--yellow)}.stage .tag{font-size:9px;text-transform:uppercase;letter-spacing:.1em;color:#ffcc29}.stage b{display:block;margin-top:18px;font-size:17px}.stage p{margin:8px 0 0;color:#000;font-size:11px;line-height:1.5}

    /* WORK */
    .work{background:#f7f7f7;}
    .work .eyebrow,.work .section-head p{color:#000}.work .accent{color:#ffcc29}
    .work-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:18px}.work-stack{display:grid;gap:18px}
    .case{position:relative;border-radius:26px;overflow:hidden;min-height:430px;background:#000;color:#fff;isolation:isolate;box-shadow:0 18px 55px rgba(0,0,0,.12)}
    .case.small{min-height:206px}.case-bg{position:absolute;inset:0;z-index:-2;background:
      radial-gradient(circle at 80% 20%,rgba(108,236,255,.45),transparent 26%),
      radial-gradient(circle at 22% 90%,rgba(171,124,255,.35),transparent 33%),
      linear-gradient(135deg,#11141c,#242938)}
    .case:nth-child(2) .case-bg{
        /*background:radial-gradient(circle at 80% 30%,rgba(201,255,69,.25),transparent 30%),linear-gradient(135deg,#10130f,#1e2a22)*/
        
    }
    .case:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(to top,rgba(4,5,8,.94),rgba(4,5,8,.08) 70%)}
    .case-content{position:absolute;left:0;right:0;bottom:0;padding:30px}.case .meta{font-size:10px;text-transform:uppercase;letter-spacing:.13em;color:#ffcc29}.case h3{font-size:clamp(28px,3.1vw,48px);line-height:1.05;margin:10px 0 11px;max-width:650px;letter-spacing:-.045em}.case.small h3{font-size:25px}.case p{margin:0;color:#c7ccd5;line-height:1.55;max-width:640px;font-size:14px}.case-metric{position:absolute;right:26px;top:24px;border:1px solid rgba(255,255,255,.18);background:rgba(8,10,15,.48);backdrop-filter:blur(10px);border-radius:18px;padding:14px 16px}.case-metric b{font-size:24px;display:block}.case-metric span{font-size:9px;color:#aab1be;text-transform:uppercase;letter-spacing:.09em}
    /* WORK */
.work {
    background: #f7f7f7;
    color: #0a0b0e;
}

.work .eyebrow,
.work .section-head p {
    color: #000;
}

.work .accent {
    color: #ffcc29;
}

/* Main work layout */
.work-grid {
    display: grid;
    grid-template-columns: 1.25fr .75fr;
    gap: 18px;
    align-items: start;
}

/* LEFT CARD STICKY */
.work-grid > .case {
    position: sticky;
    /*top: 100px;*/
    top: 210px;
    /*height: calc(100vh - 140px);*/
    /*min-height: 430px;*/
}

/* RIGHT CARDS */
.work-stack {
    display: grid;
    gap: 18px;
}

/* Existing card */
.case {
    position: relative;
    border-radius: 26px;
    overflow: hidden;
    min-height: 430px;
    background: #15171d;
    color: #fff;
    isolation: isolate;
    box-shadow: 0 18px 55px rgba(0,0,0,.12);
}



/* Background */
.case-bg {
    position: absolute;
    inset: 0;
    z-index: -2;
    background:
        radial-gradient(circle at 80% 20%,rgba(108,236,255,.45),transparent 26%),
        radial-gradient(circle at 22% 90%,rgba(171,124,255,.35),transparent 33%),
        linear-gradient(135deg,#11141c,#242938);
}

.case:nth-child(2) .case-bg {
    /*background:*/
    /*    radial-gradient(circle at 80% 30%,rgba(201,255,69,.25),transparent 30%),*/
    /*    linear-gradient(135deg,#10130f,#1e2a22);*/
}

.case:after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -1;
    background: linear-gradient(
        to top,
        rgba(4,5,8,.94),
        rgba(4,5,8,.08) 70%
    );
}

.case-content {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 30px;
}

.case .meta {
    font-size: 10px;
    text-transform: uppercase;
    letter-spacing: .13em;
    color: #ffcc29;
}

.case h3 {
    font-size: clamp(28px,3.1vw,48px);
    line-height: 1.05;
    margin: 10px 0 11px;
    max-width: 650px;
    letter-spacing: -.045em;
}

.case.small h3 {
    font-size: 25px;
}

.case p {
    margin: 0;
    color: #c7ccd5;
    line-height: 1.55;
    max-width: 640px;
    font-size: 14px;
}

.case-metric {
    position: absolute;
    right: 26px;
    top: 24px;
    border: 1px solid rgba(255,255,255,.18);
    background: rgba(8,10,15,.48);
    backdrop-filter: blur(10px);
    border-radius: 18px;
    padding: 14px 16px;
}

.case-metric b {
    font-size: 24px;
    display: block;
}

.case-metric span {
    font-size: 9px;
    color: #aab1be;
    text-transform: uppercase;
    letter-spacing: .09em;
}


/* TABLET + MOBILE */
@media (max-width: 991px) {

    .work-grid {
        grid-template-columns: 1fr;
    }

    .work-grid > .case {
        position: relative;
        top: auto;
        height: auto;
    }

    .case {
        min-height: 430px;
    }

    .case.small {
        /*min-height: 350px;*/
    }

    .work-stack {
        grid-template-columns: 1fr;
    }
}


    /* PLAYBOOK */
    .playbook{overflow:hidden}
    .book-card{border:1px solid var(--line);border-radius:30px;display:grid;grid-template-columns:.8fr 1.2fr;overflow:hidden;background:#fff;}
    .book-visual{min-height:520px;display:grid;place-items:center;position:relative;background:radial-gradient(circle at 50% 35%,rgba(108,236,255,.14),transparent 42%)}
    .book{width:270px;height:370px;border-radius:9px 20px 20px 9px;background:linear-gradient(145deg,#161b25,#080a0f);border:1px solid rgba(255,255,255,.18);box-shadow:-22px 26px 80px rgba(0,0,0,.48),inset -16px 0 30px rgba(255,255,255,.04);padding:28px;transform:perspective(900px) rotateY(-16deg) rotateX(4deg);position:relative}
    .book:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 0 8%,rgba(255,255,255,.045) 8% 9%,transparent 9%);border-radius:inherit}.book .kicker{font-size:10px;color:#ffcc29;letter-spacing:.13em;text-transform:uppercase}.book h3{font-size:35px;line-height:.95;margin:45px 0 18px;letter-spacing:-.06em}.book p{font-size:12px;color:#aeb6c4;line-height:1.5}.book .year{position:absolute;bottom:28px;left:28px;font-size:52px;font-weight:900;color:var(--yellow);letter-spacing:-.08em}
    .book-copy{padding:56px 54px;display:flex;flex-direction:column;justify-content:center}.book-copy h2{font-size:55px;line-height:.95;margin:13px 0 20px;}.book-copy p{color:#000;line-height:1.7;font-size:17px;max-width:600px}.book-copy .date{display:inline-flex;align-items:center;gap:10px;margin:16px 0 26px;color:#ffcc29;font-size:13px}.book-copy .date:before{content:"";width:9px;height:9px;border-radius:50%;background:#ffcc29;box-shadow:0 0 16px #ffcc29}

    /* CLIENTS */
    .clients{background:#f7f7f7;color:#0c0d10;padding:82px 0}.clients-top{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:34px}.clients h2{font-size:clamp(36px,4.5vw,64px);letter-spacing:-.055em;margin:10px 0 0}.clients p{max-width:430px;color:#5f6672;line-height:1.6;margin:0}.logo-cloud{display:grid;grid-template-columns:repeat(6,1fr);gap:1px;background:#d9dce1;border:1px solid #d9dce1;border-radius:22px;overflow:hidden}.logo-word{min-height:120px;background:#f7f8fa;display:grid;place-items:center;padding:20px;text-align:center;font-size:16px;font-weight:820;letter-spacing:-.03em;filter:grayscale(1);transition:.2s}.logo-word:hover{background:#fff;filter:none;color:#4625ff}

    /* STORY */
    .story-grid{display:grid;grid-template-columns:.68fr 1.32fr;gap:50px}.awards{position:sticky;top:110px;height:max-content;border:1px solid var(--line);border-radius:24px;padding:26px;background:#000}.awards h3{font-size:21px;margin:0 0 22px;color:#fff;}.award{padding:15px 0;border-top:1px solid #fff;display:flex;justify-content:space-between;gap:20px}.award span{color:#fff;font-size:12px}.award b{font-size:13px;text-align:right;color:#fff;}.story-copy h2{font-size:55px;line-height:.94;margin:12px 0 28px}.story-copy p{
        /*font-size:18px;*/
        line-height:1.74;color:#000;margin:0 0 22px}.industry-row{display:flex;flex-wrap:wrap;gap:9px;margin-top:28px;margin-bottom: 22px;}.industry-row span{border:1px solid #000;border-radius:999px;padding:10px 13px;font-size:12px;color:#000;background:rgba(255,255,255,.025)}

    /* CTA */
    .cta{padding:0px 0 100px}.cta-box{position:relative;overflow:hidden;border-radius:32px;padding:70px;background:#444;}
    .cta-box:after{content:"";position:absolute;inset:-100px;
    /*background:repeating-linear-gradient(118deg,transparent 0 26px,rgba(255,255,255,.18) 26px 27px,transparent 27px 58px);*/
    mask-image:linear-gradient(90deg,transparent,#000);pointer-events:none}.cta-box h2{position:relative;z-index:1;font-size:70px;line-height:.88;max-width:900px;margin:0 0 26px}.cta-box p{position:relative;z-index:1;font-size:17px;line-height:1.6;max-width:620px;margin:0 0 28px}.cta-actions{position:relative;z-index:1;display:flex;flex-wrap:wrap;gap:12px}.cta .btn-dark{background:#0b0c10;color:white;border-color:#0b0c10}.cta .btn-light{background:rgba(255,255,255,.42);border-color:rgba(0,0,0,.16)}

    /* FOOTER */
    footer{border-top:1px solid #ffd21f;padding:42px 0 28px;    background: #000;}.footer-grid{display:grid;grid-template-columns:1.2fr repeat(3,.6fr);gap:38px}.footer-brand p{color:#fff;line-height:1.6;max-width:420px;font-size:14px}.footer-col h4{font-size:11px;text-transform:uppercase;letter-spacing:.12em;color:#fff;margin:6px 0 16px}.footer-col a{display:block;font-size:13px;margin:11px 0}.copyright{margin-top:34px;padding-top:20px;border-top:1px solid rgb(255 255 255 / 28%);display:flex;justify-content:space-between;gap:30px;color:#737c8c;font-size:11px}

    /* reveal */
    .reveal{opacity:0;transform:translateY(26px);transition:opacity .7s ease,transform .7s ease}.reveal.in{opacity:1;transform:none}
    @keyframes float{0%,100%{transform:translateY(0) scale(1)}50%{transform:translateY(-18px) scale(1.03)}}
    @keyframes spin{to{transform:rotate(342deg)}}

    @media (max-width:980px){
      .nav-inner{position:relative}.mobile-toggle{display:grid;place-items:center}.nav-cta{display:none}.nav-links{position:absolute;top:70px;left:0;right:0;display:none;flex-direction:column;align-items:stretch;gap:6px;padding:12px;border:1px solid var(--line);border-radius:18px;background:rgba(10,12,17,.98);box-shadow:0 30px 80px rgba(0,0,0,.45)}.nav.mobile-open .nav-links{display:flex}.nav-links>a,.menu-trigger{width:100%;justify-content:space-between;padding:13px 14px}.nav-item{width:100%}.mega-menu{position:static;width:100%;transform:none!important;display:none;grid-template-columns:1fr;opacity:1;visibility:visible;pointer-events:auto;margin-top:5px;padding:10px;border-radius:15px;box-shadow:none;background:rgba(255,255,255,.025)}.nav-item.open .mega-menu{display:grid}.nav-item:hover .mega-menu{display:none}.nav-item.open:hover .mega-menu{display:grid}.mega-list{grid-template-columns:1fr}.mega-feature{min-height:0}.hero-grid,.section-head,.book-card,.story-grid{grid-template-columns:1fr}.hero{padding-top:112px}.agent-console{min-height:480px}.section-head p{justify-self:start}.statement,.agents-grid,.work-grid{grid-template-columns:1fr}.episode-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.episode-bar{align-items:start}.episode-bar p{text-align:left}.work-stack{grid-template-columns:1fr 1fr}.pipeline-body{grid-template-columns:1fr 1fr}.stage:nth-child(2):after,.stage:nth-child(4):after{display:none}.book-copy{padding:42px}.book-visual{min-height:460px}.logo-cloud{grid-template-columns:repeat(3,1fr)}.awards{position:relative;top:auto}.footer-grid{grid-template-columns:1fr 1fr}.hero-foot{grid-template-columns:1fr 1fr}.hero-stat:nth-child(2){border-right:0}.hero-stat:last-child{grid-column:1/-1;border-top:1px solid var(--line)}
    }
    @media (max-width:640px){
      .wrap{width:min(100% - 26px,var(--max))}.section{padding:78px 0}.nav-inner{height:70px}.brand-word{font-size:20px}.brand-ai{display:none}.nav-cta{padding:10px 12px}.nav-cta em{display:none}.hero h1{font-size:56px}.hero-copy{font-size:18px}.agent-console{min-height:420px}.orb{width:260px;height:260px}.orbit{width:330px;height:190px}.hero-foot{grid-template-columns:1fr}.hero-stat{border-right:0;border-top:1px solid var(--line)}.hero-stat:first-child{border-top:0}.statement-card{padding:24px}.episode-bar{display:block}.episode-bar p{margin-top:14px}.episode-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:10px;margin-right:-13px}.episode-card{min-width:78vw;scroll-snap-align:start}.agents-grid,.work-stack,.pipeline-body{grid-template-columns:1fr}.stage:not(:last-child):after{display:none}.case,.case.small{min-height:330px}.case-metric{top:16px;right:16px}.book-visual{min-height:420px}.book{width:230px;height:320px}.book .year{font-size:42px}.book-copy{padding:34px 24px}.logo-cloud{grid-template-columns:repeat(2,1fr)}.logo-word{min-height:90px}.cta-box{padding:44px 26px}.footer-grid{grid-template-columns:1fr}.copyright{flex-direction:column}.section-head{gap:20px}.section-head h2{font-size:46px}
    }
    @media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}
 
 
 

/* =========================================
   HASH TAGIT SECTION DOT NAV
========================================= */

.ht-section-nav {
    position: fixed;
    right: 28px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 9999;

    display: flex;
    align-items: center;
}


/* =========================================
   DOT PILL
========================================= */

.ht-nav-pill {
    position: relative;
    width: 42px;
    padding: 25px 0;

    background: #fff;
    border-radius: 40px;

    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 22px;

    /*box-shadow: 0 8px 30px rgba(0, 0, 0, .15);*/

    z-index: 5;
}


/* =========================================
   VERTICAL LINE
========================================= */

.ht-nav-line {
    position: absolute;

    top: 31px;
    bottom: 31px;

    left: 50%;

    width: 2px;

    background: #555;

    transform: translateX(-50%);

    z-index: 0;
}


/* =========================================
   DOT
========================================= */

.ht-nav-dot {
    position: relative;

    width: 10px;
    height: 10px;

    padding: 0;
    margin: 0;

    border: 0;
    border-radius: 50%;

    background: #5d6063;

    cursor: pointer;

    z-index: 2;

    transition:
        background .25s ease,
        transform .25s ease;
}


/* ACTIVE DOT */

.ht-nav-dot.active {
    background: #ffcc29;
    transform: scale(1.1);
}


/* =========================================
   EXPANDED MENU
========================================= */

.ht-nav-menu {
    position: absolute;

    right: 0;
    top: 50%;

    width: 42px;
    max-height: 42px;

    padding: 0;

    background: #fff;

    border-radius: 32px;

    box-shadow: 0 10px 35px rgba(0, 0, 0, .14);

    overflow: hidden;

    opacity: 0;
    visibility: hidden;
    pointer-events: none;

    transform: translateY(-50%);

    z-index: 2;

    transition:
        width .45s cubic-bezier(.22, 1, .36, 1),
        max-height .45s cubic-bezier(.22, 1, .36, 1),
        padding .35s ease,
        opacity .25s ease,
        visibility .25s ease;
}


/* =========================================
   HOVER OPEN
========================================= */

.ht-section-nav:hover .ht-nav-menu,
.ht-section-nav.is-open .ht-nav-menu {

    width: 390px;
    max-height: 360px;

    padding: 28px 35px;

    opacity: 1;
    visibility: visible;
    pointer-events: auto;

    transform: translateY(-50%);
}


/* =========================================
   MENU CONTENT
========================================= */

.ht-nav-menu-title {
    font-size: 16px;
    font-weight: 400;

    color: #222;

    margin-bottom: 17px;

    opacity: 0;

    transform: translateX(-8px);

    transition:
        opacity .2s ease .12s,
        transform .3s ease .12s;
}


/* Show title */

.ht-section-nav:hover .ht-nav-menu-title,
.ht-section-nav.is-open .ht-nav-menu-title {
    opacity: 1;
    transform: translateX(0);
}


/* =========================================
   MENU ITEMS
========================================= */

.ht-menu-item {
    display: block;

    font-size: 18px;
    line-height: 1.55;

    color: #666;

    text-decoration: none;

    margin-bottom: 7px;

    opacity: 0;

    transform: translateX(-10px);

    transition:
        opacity .25s ease,
        transform .35s ease,
        color .2s ease;
}


/* Staggered appearance */

.ht-menu-item:nth-child(2) {
    transition-delay: .10s;
}

.ht-menu-item:nth-child(3) {
    transition-delay: .14s;
}

.ht-menu-item:nth-child(4) {
    transition-delay: .18s;
}

.ht-menu-item:nth-child(5) {
    transition-delay: .22s;
}

.ht-menu-item:nth-child(6) {
    transition-delay: .26s;
}


/* Show items */

.ht-section-nav:hover .ht-menu-item,
.ht-section-nav.is-open .ht-menu-item {
    opacity: 1;
    transform: translateX(0);
}


/* =========================================
   MENU HOVER
========================================= */

.ht-menu-item:hover {
    color: #222;
}


/* =========================================
   ACTIVE MENU
========================================= */

.ht-menu-item.active {
    color: #ffcc29;
    font-weight: 600;
}


/* =========================================
   MOBILE
========================================= */

@media (max-width: 767px) {

    .ht-section-nav {
        right: 12px;
    }


    .ht-nav-pill {
        width: 48px;
        padding: 18px 0;
        gap: 17px;
    }


    .ht-nav-line {
        top: 24px;
        bottom: 24px;
    }


    .ht-nav-dot {
        width: 11px;
        height: 11px;
    }


    .ht-nav-menu {
        width: 48px;
        max-height: 48px;
    }


    .ht-section-nav:hover .ht-nav-menu,
    .ht-section-nav.is-open .ht-nav-menu {

        width: 280px;
        max-height: 340px;

        padding: 22px 25px;
    }


    .ht-menu-item {
        font-size: 15px;
    }

}


 




















/* ==============================
   HERO TEXT CAROUSEL
============================== */

.hero-grid {
    position: relative;
}

.hero-content-carousel {
    position: relative;
    min-height: 570px;
    display: flex;
    align-items: center;
}

.hero-slide {
    width: 100%;
    opacity: 0;
    visibility: hidden;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%) translateY(18px);
    transition:
        opacity .55s ease,
        transform .55s ease,
        visibility .55s ease;
}

.hero-slide.active {
    opacity: 1;
    visibility: visible;
    transform: translateY(-50%) translateY(0);
    position: absolute;
}


/* ==============================
   RIGHT DOT NAVIGATION
============================== */

.hero-carousel-nav {
    position: absolute;
    right: -35px;
    top: 50%;
    transform: translateY(-50%);

    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;

    z-index: 20;
}

.hero-dot {
    width: 11px;
    height: 11px;
    padding: 0;
    border-radius: 50%;
    border: 1px solid #000;
    background: rgba(255,255,255,.15);
    cursor: pointer;

    transition:
        transform .3s ease,
        background .3s ease,
        border-color .3s ease,
        box-shadow .3s ease;
}

.hero-dot:hover {
    transform: scale(1.35);
    border-color: var(--yellow);
}

.hero-dot.active {
    width: 13px;
    height: 13px;
    background: var(--yellow);
    border-color: var(--yellow);
    box-shadow: 0 0 16px rgba(255,210,31,.65);
}

.hero-dot-line {
    width: 1px;
    height: 42px;
    background: linear-gradient(to bottom, #000, #000, #000);
}


/* Keep hero content away from the dots */

.hero-content-carousel {
    padding-right: 35px;
}


/* ==============================
   MOBILE
============================== */

@media (max-width: 991px) {

    .hero-carousel-nav {
        right: 5px;
    }

    .hero-content-carousel {
        padding-right: 25px;
    }

    .hero-slide {
        position: absolute;
    }
}


@media (max-width: 767px) {

    .hero-content-carousel {
        min-height: 650px;
        padding-right: 20px;
    }

    .hero-carousel-nav {
        right: -2px;
        top: 48%;
    }

    .hero-dot {
        width: 9px;
        height: 9px;
    }

    .hero-dot.active {
        width: 11px;
        height: 11px;
    }

    .hero-dot-line {
        height: 28px;
    }

    .hero h1 {
        font-size: 48px;
    }
}




/* LEARN */
.learn{background:#fff;color:#0b0c0f;padding-top: 0px;}.learn .eyebrow{color:#626b79}.learn .section-head p{color:#626b79}.learn-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.learn-card{background:#fff;border:1px solid #dfe2e7;border-radius:18px;padding:18px;min-height:338px;box-shadow:0 7px 22px rgba(25,30,40,.06);display:flex;flex-direction:column;transition:.25s}.learn-card:hover{transform:translateY(-5px);box-shadow:0 16px 36px rgba(25,30,40,.10)}.learn-card h3{font-size:20px;line-height:1.22;margin:3px 0 8px}.learn-card .cat{font-size:11px;font-weight:750;color:#5f6876;margin-bottom:16px}.learn-thumb{margin-top:auto;aspect-ratio:1.55;border-radius:12px;overflow:hidden;background:#f4f5f7;display:grid;place-items:center}.learn-thumb svg{width:100%;height:100%}.learn-more{margin-top:14px;font-size:12px;font-weight:800;display:flex;gap:7px;align-items:center}.learn-more span{color:#5d33ff}



/* JOBS */
.jobs{background:#f7f7f7;    margin-top: 25px;}.jobs-toolbar{border:1px solid var(--line);border-radius:20px;background:rgba(255,255,255,.035);padding:14px;display:grid;grid-template-columns:1.15fr repeat(3,.7fr);gap:10px;margin-bottom:22px}.field-select,.field-search{width:100%;border:1px solid var(--line);background:#0f1218;color:#fff;border-radius:13px;padding:13px 14px;outline:none}.field-search::placeholder{color:#747d8b}.field-select:focus,.field-search:focus{border-color:#ffcc29;box-shadow:0 0 0 3px rgba(108,236,255,.08)}.job-list{display:grid;gap:12px}.job-card{display:grid;grid-template-columns:1.45fr .75fr .75fr auto;gap:18px;align-items:center;border:1px solid rgb(0 0 0 / 35%);background:linear-gradient(145deg,rgba(255,255,255,.045),rgba(255,255,255,.018));border-radius:20px;padding:21px 22px;transition:.25s}
.job-card:hover{border-color:#000;transform:translateY(-2px)}.job-card h3{font-size:22px;margin:0 0 6px}
.job-card .meta{font-size:11px;color:#8f98a8;display:flex;gap:8px;flex-wrap:wrap}.job-pill{font-size:10px;text-transform:uppercase;letter-spacing:.09em;color:#dce1ea}.job-pill b{display:block;font-size:12px;color:#fff;text-transform:none;letter-spacing:0;margin-top:4px}.job-apply{border:1px solid #000;background:#fff;color:#0a0b0e;border-radius:999px;padding:12px 17px;font-size:12px;font-weight:850;cursor:pointer}.job-apply:hover{background:var(--yellow)}.empty-jobs{display:none;text-align:center;padding:50px 20px;color:#000;border:1px dashed var(--line);border-radius:20px}



/* FORM */
/*.apply{background:#000;}*/
.apply-shell{border:1px solid rgb(199 199 199);border-radius:30px;overflow:hidden;background:#f7f7f7;display:grid;grid-template-columns:.72fr 1.28fr}.apply-aside{padding:46px;border-right:1px solid rgb(199 199 199);background:radial-gradient(circle at 10% 10%,rgba(201,255,69,.10),transparent 35%),rgba(255,255,255,.012)}.apply-aside h2{font-size:clamp(40px,5vw,66px);line-height:.95;letter-spacing:-.055em;margin:14px 0 20px}.apply-aside p{color:#000;line-height:1.65}.apply-checks{display:grid;gap:12px;margin-top:28px}.apply-check{display:flex;gap:11px;align-items:flex-start;font-size:13px;}
.apply-check i{    width: 22px;
    height: 22px;
    flex: 0 0 auto;
    border-radius: 50%;
    background: rgb(201 255 69 / 0%);
    border: 1px solid #f3d316;
    display: grid;
    place-items: center;
    color: #f3d316;
    font-style: normal;
    
}
.form-wrap{padding:40px;    background: #fff;}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-group{display:grid;gap:8px}.form-group.full{grid-column:1/-1}.form-label{font-size:11px;text-transform:uppercase;letter-spacing:.09em;}.input,.select,.textarea{width:100%;border:1px solid var(--line);background:#c2c2c254;color:#000;border-radius:13px;padding:13px 14px;outline:none}.input:focus,.select:focus,.textarea:focus{border-color:rgba(108,236,255,.58);box-shadow:0 0 0 3px rgba(108,236,255,.08)}.textarea{min-height:130px;resize:vertical}.choice-row{display:flex;gap:8px;flex-wrap:wrap}.choice{position:relative}.choice input{position:absolute;opacity:0;pointer-events:none}.choice label{display:block;border:1px solid #000;border-radius:999px;padding:6px 26px;color:#000;font-size:12px;cursor:pointer;background:rgba(255,255,255,.02)}.choice input:checked+label{border-color:var(--lime);color:#fff;background:rgba(201,255,69,.08)}.upload{border:1px dashed rgba(108,236,255,.36);border-radius:16px;padding:18px;background:#c2c2c254;}.upload input{width:100%;color:#c6cbd5}.upload small{display:block;color:#7f8998;margin-top:8px;line-height:1.5}.consent{display:flex;gap:10px;align-items:flex-start;color:#959eac;font-size:12px;line-height:1.5}.consent input{margin-top:3px}.submit-row{display:flex;justify-content:space-between;gap:16px;align-items:center;margin-top:4px}.submit-note{font-size:11px;color:#717b8a;max-width:420px;line-height:1.55}.form-status{display:none;margin-top:16px;border-radius:14px;padding:14px 16px;font-size:13px}.form-status.ok{display:block;background:rgba(201,255,69,.08);border:1px solid rgba(201,255,69,.24);color:#eaffb8}.form-status.err{display:block;background:rgba(255,93,93,.08);border:1px solid rgba(255,93,93,.25);color:#ffd0d0}

/* CATEGORY */
.section-head{display:grid;grid-template-columns:1.1fr .9fr;gap:42px;align-items:end;margin-bottom:42px}.section-head h2{font-size:55px;line-height:.97;margin:13px 0 0;color:#000;}.section-head p{margin:0;color:#000;font-size:17px;line-height:1.65;max-width:520px;justify-self:end}.path-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.path-card{border:1px solid var(--line);border-radius:28px;overflow:hidden;background:linear-gradient(150deg,rgba(255,255,255,.05),rgba(255,255,255,.018));transition:.28s ease}.path-card:hover{transform:translateY(-5px);border-color:#ffcc29;}.path-visual{height:285px;position:relative;overflow:hidden;background:#10141d}.path-visual svg{width:100%;height:100%}.path-body{padding:30px}.path-body .tag{font-size:16px;letter-spacing:normal;color:#ffcc29;}.path-body h3{font-size:34px;margin:11px 0 10px;letter-spacing:-.045em}.path-body p{color:#000;line-height:1.65;margin:0 0 24px}.path-link{font-size:13px;font-weight:800;display:inline-flex;gap:8px;align-items:center;color:#fff}.path-link span{color:var(--yellow)}



/* =========================================
   #RECENT CAMPAIGNS
   UNIQUE CSS - DOES NOT AFFECT OTHER SECTIONS
========================================= */

.ht-rc-section {
    width: 100%;
    /*background: #000;*/
    color: #fff;
    padding: 70px 0 80px;
    margin: 0;
    overflow: hidden;
}

.ht-rc-wrap {
    width: min(1200px, calc(100% - 40px));
    margin: 0 auto;
}


/* =========================================
   HEADING
========================================= */

.ht-rc-heading {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    align-items: center;
    gap: 35px;
    margin-bottom: 50px;
}

.ht-rc-heading-title h3 {
    margin: 0;
    color: #000;
    font-size: 40px;
    line-height: 1.2;
    font-weight: 600;
}

.ht-rc-heading-line {
        width: 120%;
    margin-left: -53px;
}

.ht-rc-heading-line span {
    display: block;
    width: 100%;
    height: 1px;
    border-top: 1px dotted #000;
}

.ht-rc-heading-text p {
    margin: 0;
    color: #000;
    font-size: 14px;
    line-height: 1.7;
}


/* =========================================
   3 COLUMNS
========================================= */

.ht-rc-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 30px;
}

.ht-rc-column {
    min-width: 0;
}


/* =========================================
   CAROUSEL
========================================= */

.ht-rc-carousel {
    position: relative;
    width: 100%;
}

.ht-rc-slides {
    position: relative;
    width: 100%;
    overflow: hidden;
}

.ht-rc-slide {
    display: none;
    width: 100%;
}

.ht-rc-slide.active {
    display: block;
}


/* =========================================
   IMAGE
========================================= */

.ht-rc-image {
    width: 100%;
    overflow: hidden;
    background: #fff;
        border-top-right-radius: 10px;
    border-top-left-radius: 10px;
}

.ht-rc-image img {
    width: 100%;
    /*height: 245px;*/
    display: block;
    object-fit: cover;
}


/* =========================================
   CONTENT
========================================= */

.ht-rc-content {
    padding: 24px 24px;
    background: #f7f7f7;
    height: 272px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
}

.ht-rc-category {
    color: #ffcc29;
    font-size: 12px;
    font-weight: 600;
    line-height: 1;
    letter-spacing: .7px;
    /*text-transform: uppercase;*/
    margin-bottom: 13px;
}

.ht-rc-content h4 {
    color: #000;
    font-size: 20px;
    line-height: 1.35;
    font-weight: 600;
    margin: 0 0 14px;
}

.ht-rc-content p {
    color: #000;
    font-size: 14px;
    line-height: 1.7;
    margin: 0 0 20px;
}

.ht-rc-more {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    color: #000;
    text-decoration: none !important;
    font-size: 16px;
    font-weight: 600;
}

.ht-rc-more i {
    font-style: normal;
    font-size: 18px;
    line-height: 1;
    transition: transform .25s ease;
}

.ht-rc-more:hover {
    color: #fff;
}

.ht-rc-more:hover i {
    transform: translateX(5px);
}


/* =========================================
   DOTS
========================================= */

.ht-rc-dots {
    position: absolute;
    right: 120px;
    bottom: -27px;

    display: flex;
    align-items: center;
    gap: 7px;
}

.ht-rc-dots button {
    width: 10px;
    height: 3px;
    min-width: 40px;
    padding: 0;
    margin: 0;
    border: 0;
    /* border-radius: 50%; */
    background: rgb(137 137 137 / 35%);
    cursor: pointer;
    transition: all .25s ease;
}

.ht-rc-dots button.active {
    background: #000;
    transform: scale(1.15);
}


/* =========================================
   TABLET
========================================= */

@media (max-width: 991px) {

    .ht-rc-section {
        padding: 55px 0 65px;
    }

    .ht-rc-wrap {
        width: min(100% - 30px, 760px);
    }

    .ht-rc-heading {
        grid-template-columns: 1fr;
        gap: 18px;
        margin-bottom: 35px;
    }

    .ht-rc-heading-line {
        display: none;
    }

    .ht-rc-grid {
        gap: 20px;
    }

    .ht-rc-image img {
        height: 190px;
    }

    .ht-rc-content h4 {
        font-size: 17px;
    }

    .ht-rc-content p {
        font-size: 13px;
    }

}


/* =========================================
   MOBILE
========================================= */

@media (max-width: 767px) {

    .ht-rc-section {
        padding: 45px 0 55px;
    }

    .ht-rc-wrap {
        width: calc(100% - 30px);
    }

    .ht-rc-heading {
        margin-bottom: 30px;
    }

    .ht-rc-heading-title h3 {
        font-size: 23px;
    }

    .ht-rc-grid {
        grid-template-columns: 1fr;
        gap: 35px;
    }

    .ht-rc-image img {
        height: auto;
        aspect-ratio: 16 / 10;
    }

    .ht-rc-content {
        padding-bottom: 40px;
    }

    .ht-rc-content h4 {
        font-size: 19px;
    }

    .ht-rc-content p {
        font-size: 14px;
    }

}

/* STATEMENT BANNER */
.award-banner{padding:0px 0 0px;background:#f1f2f4}.award-shell{min-height:430px;position:relative;overflow:hidden;border-radius:0;background:#000;color:#fff;display:grid;grid-template-columns:1.1fr .9fr}.award-copy{padding:58px 150px 0px;position:relative;z-index:3;display:flex;flex-direction:column;justify-content:center}.award-copy .mini{font-size:13px;font-weight:800;letter-spacing:.04em;color:#f4f6f8}.award-copy h2{font-size:clamp(48px,6vw,75px);line-height:.84;margin:14px 0 16px;max-width:760px}.award-copy p{font-size:21px;line-height:1.35;margin:0 0 28px;max-width:660px;color:#e2e5ea}.award-visual{position:relative;overflow:hidden;background:radial-gradient(circle at 60% 38%,rgba(255,255,255,.14),transparent 20%),linear-gradient(135deg,#222833,#0e1116)}
/*.award-visual:before{content:"";position:absolute;left:-110px;bottom:18px;width:560px;height:108px;box-shadow:0 0 80px rgba(255,210,31,.18)}*/
.award-visual svg{position:absolute;inset:0;width:100%;height:100%;z-index:2}.award-button{display:inline-flex;width:max-content;border:1px solid #fff;padding:14px 20px;font-size:13px;font-weight:800;gap:12px;align-items:center;margin-bottom: 74px;}.award-button:hover{background:#fff;color:#111}









/* CULTURE GALLERY */
.culture-gallery{background:#f7f7f7;overflow:hidden}
.gallery-intro{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:28px}.gallery-intro .section-head{margin-bottom:0;flex:1}.gallery-note{font-size:12px;color:#8e96a4;display:flex;align-items:center;gap:8px;white-space:nowrap}.gallery-note:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--yellow);box-shadow:0 0 12px rgba(255,210,31,.6)}
.gallery-grid{display:grid;grid-template-columns:1.18fr .82fr .82fr;grid-auto-rows:215px;gap:14px}.culture-shot{position:relative;overflow:hidden;border:1px solid var(--line);border-radius:22px;background:#11151c;padding:0;cursor:pointer;text-align:left;color:#fff;isolation:isolate}.culture-shot.wide{grid-column:span 2}.culture-shot.tall{grid-row:span 2}.culture-shot img{width:100%;height:100%;display:block;object-fit:cover;filter:saturate(.76) contrast(1.06) brightness(.82);transition:transform .6s cubic-bezier(.2,.8,.2,1),filter .4s ease}.culture-shot:before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,transparent 32%,rgba(6,8,12,.16) 52%,rgba(6,8,12,.88) 100%)}.culture-shot:after{content:"";position:absolute;inset:0;z-index:1;box-shadow:inset 0 0 0 1px rgba(255,255,255,.03);pointer-events:none}.culture-shot:hover img{transform:scale(1.045);filter:saturate(.95) contrast(1.07) brightness(.88)}.shot-copy{position:absolute;left:20px;right:20px;bottom:17px;z-index:2;display:flex;align-items:end;justify-content:space-between;gap:16px}.shot-copy small{display:block;color:#ffcc29;font-size:9px;font-weight:850;letter-spacing:.13em;text-transform:uppercase;margin-bottom:6px}.shot-copy strong{display:block;font-size:18px;line-height:1.1;letter-spacing:-.025em}.shot-open{width:36px;height:36px;border-radius:50%;border:1px solid rgba(255,255,255,.28);background:rgba(7,8,11,.42);backdrop-filter:blur(8px);display:grid;place-items:center;font-size:17px;flex:0 0 auto}.gallery-footer{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;margin-top:14px;border:1px solid var(--line);border-radius:18px;overflow:hidden;background:var(--line)}.gallery-pulse{background:#0d1016;padding:17px 19px}.gallery-pulse b{display:block;font-size:14px;margin-bottom:4px}.gallery-pulse span{font-size:10px;text-transform:uppercase;letter-spacing:.12em;color:#7f8998}
.gallery-dialog{width:min(1120px,calc(100% - 28px));max-width:none;border:1px solid rgba(255,255,255,.15);border-radius:24px;padding:0;background:#080a0f;color:#fff;box-shadow:0 40px 120px rgba(0,0,0,.75)}.gallery-dialog::backdrop{background:rgba(0,0,0,.86);backdrop-filter:blur(8px)}.gallery-dialog-media{position:relative;background:#05070a}.gallery-dialog img{display:block;width:100%;max-height:76vh;object-fit:contain}.gallery-dialog-bar{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:17px 20px;border-top:1px solid var(--line)}.gallery-dialog-copy small{display:block;color:var(--lime);font-size:9px;letter-spacing:.14em;text-transform:uppercase;margin-bottom:4px}.gallery-dialog-copy strong{font-size:16px}.gallery-close{appearance:none;border:1px solid var(--line);background:#11151b;color:#fff;width:42px;height:42px;border-radius:50%;cursor:pointer;font-size:22px}.gallery-close:hover{background:#1a2029}
@media(max-width:920px){.gallery-grid{grid-template-columns:1fr 1fr;grid-auto-rows:210px}.culture-shot.wide{grid-column:span 2}.culture-shot.tall{grid-row:span 1}.gallery-footer{grid-template-columns:1fr 1fr}}
@media(max-width:640px){.gallery-intro{display:block}.gallery-note{margin-top:18px}.gallery-grid{grid-template-columns:1fr;grid-auto-rows:250px}.culture-shot.wide{grid-column:auto}.culture-shot.tall{grid-row:auto}.gallery-footer{grid-template-columns:1fr 1fr}.gallery-pulse{padding:14px}.gallery-dialog-bar{align-items:flex-start}.gallery-dialog img{max-height:68vh}}



/*.your-section {*/
/*    background-image: url('https://webs.hashtagit.in/hashTAGit/image/campaign.webp');*/
/*    background-size: cover;*/
/*    background-position: center;*/
/*    background-repeat: no-repeat;*/
/*}*/

/*.award-visual{*/
/*    position:relative;*/
/*    overflow:hidden;*/
/*    background:*/
/*        linear-gradient(rgba(14,17,22,.35), rgba(14,17,22,.35)),*/
/*        url('https://webs.hashtagit.in/hashTAGit/image/campaign.webp') center center / cover no-repeat;*/
/*}*/

.award-shell{
    min-height:430px;
    position:relative;
    overflow:hidden;
    border-radius:0;
    background:
        linear-gradient(rgb(0 0 0 / 60%), rgb(0 0 0 / 70%)),
        url('https://webs.hashtagit.in/hashTAGit/image/campaign.webp') center center / cover no-repeat;
    color:#fff;
    display:grid;
    grid-template-columns:1.1fr .9fr;
}


#life {
    position: relative;
    overflow: hidden;
    background: #fff;
}

/* Black background upper portion */
#life::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 573px;
    background: #f7f7f7;
    z-index: 0;
}

/* Keep content above background */
#life > .wrap {
    position: relative;
    z-index: 2;
}

/* Heading area */
#life .section-head h2 {
    /*color: #fff;*/
}

#life .section-head p {
    /*color: #c5cad3;*/
}

/* Cards */
#life .path-card {
    background: #fff;
    border-color: rgba(0,0,0,.12);
}

/* Image area remains dark/image */
#life .path-visual {
    background: #10141d;
}

/* Card content white */
#life .path-body {
    background: #fff;
}

#life .path-body h3 {
    color: #0b0c0f;
}

#life .path-body p {
    color: #626873;
}

#life .path-link {
    color: #0b0c0f;
}

#life .path-link span {
    color: #e5b900;
}

.career-hero{padding:122px 0 34px;}.career-hero-shell{min-height:650px;border:1px solid var(--line);border-radius:32px;overflow:hidden;position:relative;background:linear-gradient(110deg,rgba(8,10,14,.98) 0%,rgba(8,10,14,.88) 44%,rgba(8,10,14,.30) 72%,rgba(8,10,14,.78) 100%);box-shadow:var(--shadow)}.career-art{position:absolute;inset:0;z-index:0}.career-art svg{width:100%;height:100%;display:block}.career-veil{position:absolute;inset:0;background:linear-gradient(90deg, rgb(255 255 255 / 38%) 0%, rgb(255 255 255 / 40%) 42%, rgba(7, 8, 11, .10) 78%, rgba(7, 8, 11, .38) 100%);z-index:1}.career-copy{position:relative;z-index:2;padding:72px 62px;max-width:790px}.career-copy h1{font-size:88px;line-height:.86;margin:22px 0 26px}.career-copy p{font-size:20px;color:#000;max-width:590px;margin:0}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:34px;margin-bottom: 43px;}.btn{appearance:none;border:1px solid #000;border-radius:999px;padding:15px 21px;display:inline-flex;align-items:center;justify-content:center;gap:9px;font-weight:800;font-size:14px;cursor:pointer;transition:.25s ease}.btn-primary{background:var(--yellow);color:#0b0c0f;border-color:var(--yellow)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 15px 42px rgba(255,210,31,.22)}.btn-ghost{background:#fff;color:#000}.btn-ghost:hover{background:#fff;transform:translateY(-2px)}.hero-strip{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);position:absolute;left:0;right:0;bottom:0;z-index:3;background:rgb(255 255 255);backdrop-filter:blur(14px)}.hero-stat{padding:20px 26px;border-right:1px solid #000; color:#000;}.hero-stat:last-child{border-right:0}.hero-stat strong{font-size:18px;display:block}.hero-stat span{font-size:11px;color:#929aa9;text-transform:uppercase;letter-spacing:.11em;margin-top:4px;display:block}


.yellowbtn {
    border: 1px solid #ffcc29;
    background: #ffcc29;
    color: #fff;
    border-radius: 999px;
    padding: 12px 17px;
    font-size: 12px;
    font-weight: 850;
    cursor: pointer;
}

.yellowbtn:hover {
    background: #000;
    border: 1px solid #000;
}




.logobanner {
    width: 40%;
    float: right;
    z-index: 999999;
    position: relative;
}







/*.hero {*/
/*    min-height: 100svh;*/
/*    display: flex;*/
/*    align-items: center;*/
/*    padding: 124px 0 66px;*/
/*    position: relative;*/
/*    isolation: isolate;*/
/*    z-index: 1;*/

/*    background: none;*/
/*}*/

/*.hero::before {*/
/*    content: "";*/
/*    position: absolute;*/
/*    inset: 0;*/
/*    background-image: url("https://webs.hashtagit.in/hashTAGit/image/logobanner.webp");*/
/*    background-repeat: no-repeat;*/
/*    background-size: 41% auto;*/
/*    background-position: right center;*/

/*    z-index: -1;*/
/*    pointer-events: none;*/
/*}*/


.hero {
    min-height: 100svh;
    display: flex;
    align-items: center;
    padding: 124px 0 66px;
    position: relative;
    isolation: isolate;
    background-image: url(https://webs.hashtagit.in/hashTAGit/image/logobanner.webp);
    background-repeat: no-repeat;
    background-size: 36% auto;
    background-position: right center;
    background-position: right 0px;
    /* z-index: 99; */
    background-position: right top 77px;
}

.black-text {
    background: linear-gradient(95deg, #000 35%, #db2b2b 79%, #ffcc29);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    text-align: center;
}

.black-textt {
    background: linear-gradient(95deg, #000 2%, #553fc9 79%, #553fc9);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
}

.black-texttt {
    background: linear-gradient(95deg, #000 2%, #3a88bf 79%, #3a88bf);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
}

.black-textt1 {
    background: linear-gradient(95deg, #000 2%, #ffcc29 79%, #ffcc29);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
}


.case-bg {
    position: absolute;
    inset: 0;
    z-index: -2;
    background: radial-gradient(circle at 80% 20%, rgb(0 34 39 / 45%), transparent 26%), radial-gradient(circle at 22% 90%, rgba(171, 124, 255, .35), transparent 33%), linear-gradient(135deg, #11141c, #242938);
}



    /* WHY JOIN HASHTAGIT */
    /* COMPACT CAREERS TEASER */
    .join-hti{padding:85px 0 85px;overflow:hidden}
    .join-strip{position:relative;display:grid;grid-template-columns:1.15fr .85fr;border:1px solid rgb(0 0 0 / 11%);border-radius:28px;overflow:hidden;background: #f7f7f7;}
    .join-strip:before{content:"";position:absolute;width:430px;height:430px;border-radius:50%;left:-190px;top:-240px;background:radial-gradient(circle,rgba(201,255,69,.12),rgba(108,236,255,.055) 45%,transparent 70%);pointer-events:none}
    .join-compact-main,.join-compact-side{position:relative;z-index:1;padding:38px 42px}
    .join-compact-main{
        /*border-right:1px solid var(--line)*/
        border-right: 1px solid rgb(0 0 0 / 11%);
    }
    .join-compact-main h2{font-size:clamp(38px,4.6vw,64px);line-height:.94;letter-spacing:-.058em;margin:12px 0 16px;max-width:760px}
    .join-compact-main p{margin:0;max-width:720px;font-size:14px;line-height:1.7}
    .join-micro{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}
    .join-micro span{padding:8px 10px;border:1px solid #000;border-radius:999px;background:#fff;font-size:10px;font-weight:800;letter-spacing:.09em;text-transform:uppercase;}
    .join-micro span:first-child{color:#ffcc29;border-color:#ffcc29}
    .join-compact-side{display:flex;flex-direction:column;justify-content:center;background:radial-gradient(circle at 90% 10%,rgba(108,236,255,.09),transparent 36%)}
    .join-compact-side small{font-size:10px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:#ffcc29;}
    .join-compact-side h3{font-size:25px;line-height:1.12;letter-spacing:-.035em;margin:10px 0 12px}
    .join-compact-side p{margin:0 0 18px;font-size:12.5px;line-height:1.65}
    .join-compact-actions{display:flex;gap:10px;flex-wrap:wrap}
    .join-compact-actions .btn{padding:12px 16px;font-size:11px}

.footer-col a {
    color:#fff;
}
.pt_0 {
    padding-top: 0px;
}













/* Direct channels */
.direct{padding:22px 0 84px}.direct-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.direct-card{background:#fff;border:1px solid var(--line);border-radius:20px;padding:21px;display:flex;justify-content:space-between;gap:18px;align-items:center;transition:.2s}.direct-card:hover{transform:translateY(-3px);box-shadow:0 16px 50px rgba(26,33,36,.08)}.direct-card small{display:block;font-size:9px;text-transform:uppercase;letter-spacing:.14em;color:#7a838a;margin-bottom:6px}.direct-card strong{font-size:17px}.direct-icon{width:44px;height:44px;border:1px solid var(--line);border-radius:13px;display:grid;place-items:center;font-size:18px;background:#fafbf8}.direct-card:nth-child(2) .direct-icon{background:#eefbd4}.direct-card:nth-child(3) .direct-icon{background:#eafaff}

/* Inquiry chooser */
.section{padding:92px 0}.section-head{display:grid;grid-template-columns:1.1fr .8fr;gap:50px;align-items:end;margin-bottom:38px}.section-head h2{font-size:clamp(40px,5.3vw,72px);line-height:.94;letter-spacing:-.065em;margin:12px 0 0}.section-head p{font-size:15px;line-height:1.75;color:var(--muted);margin:0;justify-self:end;max-width:490px}.reveal{opacity:0;transform:translateY(20px);transition:.65s ease}.reveal.show{opacity:1;transform:none}
.start-grid{display:grid;grid-template-columns:1.15fr .85fr .85fr;grid-template-rows:220px 220px;gap:12px}.start-card{border:1px solid var(--line);border-radius:24px;padding:25px;background:#fff;position:relative;overflow:hidden;cursor:pointer;transition:.25s;display:flex;flex-direction:column;justify-content:space-between}.start-card:hover{transform:translateY(-4px);box-shadow:0 18px 60px rgba(22,31,35,.09)}.start-card.big{grid-row:1/3;background:linear-gradient(155deg,#f8ffd9,#fff 55%)}.start-card.cyan{background:linear-gradient(145deg,#e9fbfd,#fff)}.start-card.yellow{background:linear-gradient(145deg,#fff6bf,#fff)}.start-card.violet{background:linear-gradient(145deg,#f0efff,#fff)}.start-card .num{font-size:9px;text-transform:uppercase;letter-spacing:.14em;color:#778087;font-weight:900}.start-card h3{font-size:28px;line-height:1;letter-spacing:-.05em;margin:0}.start-card.big h3{font-size:50px}.start-card p{font-size:12px;line-height:1.6;color:#69727a;max-width:430px;margin:10px 0 0}.start-card .go{position:absolute;right:20px;top:20px;width:38px;height:38px;border:1px solid rgba(0,0,0,.12);border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.7)}

/* Form studio */
.brief-section{padding:30px 0 96px}.brief-shell{display:grid;grid-template-columns:1.15fr .65fr;border:1px solid var(--line);border-radius:32px;background:#fff;overflow:hidden;box-shadow:var(--shadow)}.brief-main{padding:46px}.brief-main h2{font-size:48px;letter-spacing:-.06em;line-height:.95;margin:12px 0 14px}.brief-main>p{color:var(--muted);line-height:1.65;font-size:13px;max-width:650px;margin:0 0 35px}.step{padding:26px 0;border-top:1px solid var(--line)}.step:first-of-type{border-top:0}.step-head{display:grid;grid-template-columns:44px 1fr;gap:13px;align-items:start;margin-bottom:16px}.step-index{width:34px;height:34px;border-radius:50%;border:1px solid #d8dfd3;display:grid;place-items:center;font-size:10px;font-weight:900;background:#fafbf8}.step-head h3{margin:3px 0 3px;font-size:18px}.step-head p{margin:0;color:var(--muted);font-size:11px}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:11px}.field.full{grid-column:1/-1}.field label{display:block;font-size:9px;font-weight:900;letter-spacing:.12em;text-transform:uppercase;color:#687178;margin:0 0 7px}.field input,.field select,.field textarea{width:100%;border:1px solid #d9dfd6;background:#fbfcf9;border-radius:13px;padding:13px 14px;color:#15191d;outline:0;transition:.2s;font-size:13px}.field textarea{min-height:118px;resize:vertical}.field input:focus,.field select:focus,.field textarea:focus{border-color:#9fbf32;background:#fff;box-shadow:0 0 0 4px rgba(183,239,47,.12)}.choice-row{display:flex;gap:8px;flex-wrap:wrap}.choice{appearance:none;border:1px solid #d9dfd6;background:#fff;padding:10px 12px;border-radius:999px;font-size:11px;font-weight:800;cursor:pointer}.choice.active{background:#11171a;color:#fff;border-color:#11171a}.form-actions{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:28px}.form-note{font-size:10px;color:#7a838a;line-height:1.5;max-width:420px}.error{display:none;color:#b3322c;font-size:11px;margin-top:8px}.success-box{display:none;padding:18px;border-radius:16px;background:#eefbd4;border:1px solid #d7eaaa;margin-top:18px;font-size:13px;line-height:1.6}.success-box.show{display:block}
.brief-aside{background:#11171a;color:#fff;padding:32px;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden}.brief-aside:before{content:"";position:absolute;inset:0;background:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:40px 40px}.summary{position:sticky;top:110px;z-index:2}.summary .eyebrow{color:#b2bec3}.summary h3{font-size:30px;letter-spacing:-.05em;margin:15px 0 22px}.summary-row{padding:14px 0;border-top:1px solid rgba(255,255,255,.12)}.summary-row small{display:block;font-size:8px;text-transform:uppercase;letter-spacing:.13em;color:#91a0a6;margin-bottom:5px}.summary-row strong{font-size:13px}.summary-agent{margin-top:24px;border:1px solid rgba(255,255,255,.13);border-radius:18px;padding:17px;background:rgba(255,255,255,.04)}.summary-agent-head{display:flex;justify-content:space-between;gap:10px;font-size:9px;text-transform:uppercase;letter-spacing:.1em;color:#9eafb5}.agent-state{color:var(--lime)}.summary-agent p{font-size:11px;line-height:1.55;color:#c1cbd0;margin:14px 0 0}.aside-foot{position:relative;z-index:2;font-size:10px;color:#90a0a5;line-height:1.5}

/* Offices */
.offices{background:#f7f7f7;border-top:1px solid rgb(153 153 153 / 11%);border-bottom:1px solid rgb(153 153 153 / 11%)}.office-board{border:1px solid #d9ded5;border-radius:28px;background:#fff;overflow:hidden}.office-tabs{display:flex;gap:6px;padding:12px;border-bottom:1px solid rgb(0 0 0 / 11%);overflow:auto}.office-tab{appearance:none;border:1px solid transparent;background:#f7f7f7;padding:6px 34px;border-radius:999px;font-size:14px;font-weight:500;white-space:nowrap;cursor:pointer}.office-tab.active{background:#11171a;color:#fff}.office-content{display:grid;grid-template-columns:.72fr 1.28fr;min-height:390px}.office-intro{padding:35px;border-right:1px solid rgb(0 0 0 / 11%);background:linear-gradient(155deg,#fbfff0,#fff)}.office-intro h3{font-size:42px;line-height:.95;margin:18px 0}.office-intro p{font-size:13px;line-height:1.7;color:var(--muted)}.office-list{display:grid;grid-template-columns:1fr 1fr}.office-item{padding:28px;border-bottom:1px solid rgb(0 0 0 / 11%);border-right:1px solid rgb(0 0 0 / 11%);min-height:190px;display:flex;flex-direction:column;justify-content:space-between}.office-item:nth-child(2n){border-right:0}.office-item:nth-last-child(-n+2){border-bottom:0}.office-item small{font-size:8px;letter-spacing:.13em;text-transform:uppercase;}.office-item h4{font-size:23px;margin:8px 0 10px;letter-spacing:-.04em}.office-item p{margin:0;font-size:11px;line-height:1.55}.map-link{margin-top:16px;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.08em;color:#ffcc29;}

/* Closing */
.closing{padding:90px 0}.closing-card{border:1px solid #cbdcb0;border-radius:30px;padding:48px;background:linear-gradient(110deg,#f2fbdc 0%,#fff 52%,#e7fbff 100%);display:grid;grid-template-columns:1fr auto;align-items:center;gap:28px}.closing h2{font-size:clamp(38px,5vw,66px);letter-spacing:-.065em;line-height:.95;margin:0}.closing p{font-size:13px;line-height:1.65;color:#627067;max-width:680px;margin:15px 0 0}.security-note{margin-top:18px;padding:13px 15px;border:1px dashed #c9d0c4;border-radius:14px;font-size:10px;color:#70797f;line-height:1.55;background:#fff}

@media(max-width:980px){
  .nav-links{display:none;position:absolute;left:20px;right:20px;top:78px;padding:13px;background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:0 20px 50px rgba(23,31,38,.12);flex-direction:column;align-items:stretch}.nav-links.mobile-open{display:flex}.mobile-toggle{display:block}.nav-cta{display:none}.mega-menu{position:static;transform:none!important;width:100%;margin-top:6px;display:none;grid-template-columns:1fr;opacity:1;visibility:visible;pointer-events:auto;box-shadow:none}.nav-item.open .mega-menu{display:grid}.nav-item:hover .mega-menu{display:none}.nav-item.open:hover .mega-menu{display:grid}.mega-list{grid-template-columns:1fr}
  .hero-grid,.section-head,.brief-shell,.office-content{grid-template-columns:1fr}.hero{min-height:auto}.router{margin-top:15px}.direct-grid{grid-template-columns:1fr}.section-head{gap:18px}.section-head p{justify-self:start}.start-grid{grid-template-columns:1fr 1fr;grid-template-rows:auto}.start-card.big{grid-row:auto;grid-column:1/-1}.brief-aside{min-height:440px}.summary{position:relative;top:auto}.office-intro{border-right:0;border-bottom:1px solid var(--line)}.closing-card{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr}.footer-links{justify-content:flex-start}
}
@media(max-width:650px){
  .wrap{width:min(var(--max),calc(100% - 24px))}.brand-ai{display:none}.hero{padding-top:104px}.hero h1{font-size:66px}.route-options{grid-template-columns:1fr}.section{padding:68px 0}.start-grid{grid-template-columns:1fr}.start-card.big{grid-column:auto}.start-card{min-height:210px}.start-card.big h3{font-size:38px}.brief-main{padding:28px 22px}.brief-main h2{font-size:39px}.field-grid{grid-template-columns:1fr}.field.full{grid-column:auto}.form-actions{align-items:flex-start;flex-direction:column}.brief-aside{padding:26px 22px}.office-list{grid-template-columns:1fr}.office-item{border-right:0;border-bottom:1px solid var(--line)!important}.office-item:last-child{border-bottom:0!important}.closing-card{padding:30px 24px}.footer-links{gap:13px}
}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}