[data-lo=three-gates]{--ink:#07080b;--ink-2:#0e1016;--line:#ffffff14;--text:#ecebe6;--dim:#a3a29b;--mute:#8b8a83;--warm:#e6a26b;--warm-ink:#1c1006;--lo-accent:var(--warm);background:var(--ink);color:var(--text)}[data-lo=three-gates] .tg-top{justify-content:space-between;align-items:center;min-height:72px;display:flex}[data-lo=three-gates] .tg-brand{letter-spacing:-.01em;align-items:center;min-height:44px;font-weight:600;text-decoration:none;display:inline-flex}[data-lo=three-gates] .tg-nav{gap:4px;display:flex}[data-lo=three-gates] .tg-nav a{min-height:44px;color:var(--dim);align-items:center;padding:0 12px;font-size:14px;text-decoration:none;display:inline-flex}[data-lo=three-gates] .tg-nav a:hover{color:var(--text)}[data-lo=three-gates] .tg-eyebrow{color:var(--mute)}[data-lo=three-gates] .tg-section-head{gap:18px;max-width:760px;padding-top:clamp(56px,9vw,120px);padding-bottom:clamp(24px,4vw,48px);display:grid}[data-lo=three-gates] .tg-section-head h2,[data-lo=three-gates] .tg-section-copy h2{letter-spacing:-.045em;font-size:clamp(36px,5.2vw,68px);font-weight:500;line-height:.98}[data-lo=three-gates] .tg-hero{grid-template-columns:minmax(0,1.25fr) minmax(280px,.75fr);align-items:center;gap:clamp(32px,6vw,96px);min-height:calc(100vh - 72px);padding-block:clamp(32px,6vw,80px);display:grid}[data-lo=three-gates] .tg-hero-copy{gap:24px;min-width:0;display:grid}[data-lo=three-gates] .tg-hero-eyebrow{color:var(--warm);margin-bottom:-10px}[data-lo=three-gates] .tg-hero h1{letter-spacing:-.045em;font-variation-settings:"opsz" 96;max-width:13ch;font-size:clamp(40px,6.6vw,92px);font-weight:500;line-height:.96}[data-lo=three-gates] .tg-hero h1 em,[data-lo=three-gates] .tg-final h2 em{color:var(--warm);font-style:normal}[data-lo=three-gates] .tg-lede{max-width:52ch;color:var(--dim);font-size:18px}[data-lo=three-gates] .tg-cta{flex-wrap:wrap;gap:12px;display:flex}[data-lo=three-gates] .tg-btn-primary{background:var(--warm);color:var(--warm-ink)}[data-lo=three-gates] .tg-btn-primary:hover{background:#f0b884}[data-lo=three-gates] .tg-btn-ghost{color:var(--text);border-color:#fff3}[data-lo=three-gates] .tg-btn-ghost:hover{background:var(--ink-2)}[data-lo=three-gates] .tg-tertiary{color:var(--mute);font-size:14px}[data-lo=three-gates] .tg-tertiary a{color:var(--dim);text-underline-offset:3px;padding-block:12px;text-decoration-color:#ffffff40;display:inline-block}[data-lo=three-gates] .tg-tertiary a:hover{color:var(--text)}[data-lo=three-gates] .tg-hero-connect{border:1px solid var(--line);background:var(--ink-2);border-radius:18px;gap:10px;max-width:640px;padding:16px;display:grid}[data-lo=three-gates] .tg-hero-connect-head,[data-lo=three-gates] .tg-hero-connect-links{justify-content:space-between;align-items:center;gap:12px;display:flex}[data-lo=three-gates] .tg-hero-connect-head>span{color:var(--warm)}[data-lo=three-gates] .tg-hero-connect-head a,[data-lo=three-gates] .tg-hero-connect-links a{min-height:32px;color:var(--dim);align-items:center;font-size:12px;text-decoration:none;display:inline-flex}[data-lo=three-gates] .tg-hero-connect-head a:hover,[data-lo=three-gates] .tg-hero-connect-links a:hover{color:var(--warm)}[data-lo=three-gates] .tg-hero-connect-tabs{flex-wrap:wrap;gap:6px;display:flex}[data-lo=three-gates] .tg-hero-connect-tabs button{min-height:36px;color:var(--dim);cursor:pointer;background:0 0;border:1px solid #ffffff24;border-radius:999px;padding:0 12px;font-size:12px;font-weight:550}[data-lo=three-gates] .tg-hero-connect-tabs button[aria-selected=true]{border-color:var(--warm);background:var(--warm);color:var(--warm-ink)}[data-lo=three-gates] .tg-hero-connect-command{border:1px solid var(--line);background:var(--ink);border-radius:12px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;min-width:0;padding:8px 8px 8px 12px;display:grid}[data-lo=three-gates] .tg-hero-connect-command code{min-width:0;color:var(--text);white-space:pre;font-size:11px;line-height:1.5;display:block;overflow-x:auto}[data-lo=three-gates] .tg-hero-connect-command button{min-width:64px;min-height:36px;color:var(--text);cursor:pointer;background:0 0;border:1px solid #fff3;border-radius:999px;padding:0 12px;font-size:12px;font-weight:600}[data-lo=three-gates] .tg-hero-connect-command button:hover{border-color:var(--warm);color:var(--warm)}[data-lo=three-gates] .tg-hero-connect-links{color:var(--mute);justify-content:flex-start;font-size:11px}[data-lo=three-gates] .tg-hero-connect-links a{min-height:30px;color:var(--warm);font-weight:600}[data-lo=three-gates] .tg-hero-proof{justify-items:center;gap:18px;min-width:0;display:grid}[data-lo=three-gates] .tg-hero-proof>[aria-hidden=true]{place-items:center;width:100%;display:grid}[data-lo=three-gates] .tg-hero-meta{width:min(100%,300px);color:var(--dim);gap:10px;margin:0;font-size:13px;display:grid}[data-lo=three-gates] .tg-hero-meta>div{grid-template-columns:64px minmax(0,1fr);align-items:baseline;gap:12px;display:grid}[data-lo=three-gates] .tg-hero-meta dt{color:var(--mute)}[data-lo=three-gates] .tg-hero-meta dd{overflow-wrap:anywhere;min-width:0;margin:0}[data-lo=three-gates] .tg-formats{flex-wrap:wrap;gap:6px;display:flex}[data-lo=three-gates] .tg-formats li,[data-lo=three-gates] .tg-outputs li{height:28px;color:var(--warm);letter-spacing:.1em;border:1px solid #e6a26b8c;border-radius:999px;place-items:center;padding:0 10px;font-size:11px;display:inline-grid}[data-lo=three-gates] .tg-frame{aspect-ratio:9/16;background:var(--ink-2);border:1px solid #ffffff24;border-radius:8cqw;width:100%;transition:transform .7s cubic-bezier(.2,.8,.2,1),box-shadow .7s;position:relative;overflow:hidden;container-type:inline-size}[data-lo=three-gates] .tg-frame-hero{border-radius:20px;width:min(100%,300px);box-shadow:0 60px 120px -60px #e6a26b73}[data-lo=three-gates] .tg-frame-story{border-radius:18px;width:min(100%,240px)}[data-lo=three-gates] .tg-frame-board{border-radius:18px;width:min(100%,250px)}[data-lo=three-gates] .tg-frame-video{background:#111217;position:absolute;inset:0}[data-lo=three-gates] .tg-frame-video img{object-fit:cover;filter:saturate(.82)contrast(1.04)brightness(.74);transform:scale(1.015)}[data-lo=three-gates] .tg-frame-video:after{content:"";pointer-events:none;background:linear-gradient(#07080b0a 0%,#0000 34%,#07080b38 74%,#07080b85 100%),radial-gradient(70% 52%,#0000 40%,#07080b3d 100%);position:absolute;inset:0}[data-lo=three-gates] .tg-frame-readout{color:#ecebe6b8;font-size:max(9px,4cqw);position:absolute;top:5cqw;left:5cqw}[data-lo=three-gates] .tg-cap{text-align:center;color:#fff;paint-order:stroke fill;-webkit-text-stroke:.5cqw #000;text-shadow:0 .4cqw 1cqw #000000b3;transform-origin:50%;flex-wrap:wrap;justify-content:center;gap:0 .28em;font-size:6.2cqw;font-weight:700;line-height:1.2;display:flex;position:absolute;bottom:12%;left:8%;right:8%}[data-lo=three-gates] .tg-cap-word{transform-origin:50% 60%;display:inline-block}[data-lo=three-gates] .tg-frame[data-style=bold-pop] .tg-cap{text-transform:uppercase;-webkit-text-stroke:.8cqw #000;text-shadow:0 .5cqw 1.2cqw #000c;font-size:7.2cqw;font-weight:900;top:50%;bottom:auto;translate:0 -50%}[data-lo=three-gates] .tg-frame[data-style=bold-pop] .is-hot{color:#ffd84d;scale:1.08}[data-lo=three-gates] .tg-frame[data-style=lower-third] .tg-cap{text-align:left;-webkit-text-stroke:0;width:max-content;max-width:84%;text-shadow:none;background:#000000b8;border-radius:1.2cqw;justify-content:flex-start;padding:1.2cqw 2.4cqw;font-size:5cqw;font-weight:600;bottom:22%}[data-lo=three-gates] .tg-frame[data-style=karaoke] .tg-cap{-webkit-text-stroke:.6cqw #000;font-size:6.6cqw;font-weight:800}[data-lo=three-gates] .tg-frame[data-style=karaoke] .is-hot{color:#7cfc00;background:#ffffff1a;border-radius:.8cqw;padding-inline:.12em;scale:1.1}[data-lo=three-gates] .tg-frame[data-style=minimal] .tg-cap{-webkit-text-stroke:0;text-shadow:0 .3cqw .8cqw #0009;background:#00000080;border-radius:.8cqw;flex-wrap:nowrap;width:max-content;max-width:84%;padding:.9cqw 1.8cqw;font-size:4.6cqw;font-weight:500;left:50%;right:auto;translate:-50%}@keyframes tg-rise{0%{opacity:0;transform:translateY(.45em)}to{opacity:1;transform:none}}@keyframes tg-spring{0%{opacity:0;transform:scale(.6)}60%{opacity:1;transform:scale(1.1)}80%{transform:scale(.97)}to{transform:none}}@keyframes tg-slide-word{0%{opacity:0;transform:translateY(.35em)}to{opacity:1;transform:none}}[data-lo=three-gates] .tg-frame[data-motion=soft-rise] .tg-cap{animation:.26s cubic-bezier(.2,.8,.2,1) both tg-rise}[data-lo=three-gates] .tg-frame[data-motion=spring-pop] .tg-cap{animation:.42s cubic-bezier(.34,1.56,.64,1) both tg-spring}[data-lo=three-gates] .tg-frame[data-motion=karaoke-slide] .tg-cap{animation:.26s cubic-bezier(.2,.8,.2,1) both tg-rise}[data-lo=three-gates] .tg-frame[data-motion=karaoke-slide] .tg-cap-word{animation:.19s cubic-bezier(.2,.8,.2,1) both tg-slide-word;animation-delay:calc(.12s + var(--i) * .19s)}[data-lo=three-gates] .tg-story{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:clamp(32px,6vw,96px);display:grid}[data-lo=three-gates] .tg-artifact{justify-items:center;gap:20px;padding-bottom:24px;display:grid;position:sticky;top:88px}[data-lo=three-gates] .tg-artifact-side{justify-items:center;gap:12px;display:grid}[data-lo=three-gates] .tg-artifact-status{letter-spacing:.12em;text-transform:uppercase;color:var(--mute);font-size:11px;transition:color .4s}[data-lo=three-gates] .tg-story[data-gate="3"] .tg-artifact-status{color:var(--warm)}[data-lo=three-gates] .tg-story[data-gate="2"] .tg-frame-story{box-shadow:0 0 0 1px #e6a26b80,0 40px 80px -40px #e6a26b80}[data-lo=three-gates] .tg-story[data-gate="3"] .tg-frame-story{transform:scale(.94)}[data-lo=three-gates] .tg-story .tg-cap{transition:opacity .5s}[data-lo=three-gates] .tg-story[data-gate="2"] .tg-cap{opacity:.35}[data-lo=three-gates] .tg-story .is-edited{transition:color .4s;position:relative}[data-lo=three-gates] .tg-story[data-gate="1"] .is-edited,[data-lo=three-gates] .tg-story[data-gate="3"] .is-edited{color:var(--warm)}[data-lo=three-gates] .tg-story .is-edited:after{content:"";background:var(--warm);transform-origin:0;height:.08em;transition:transform .5s cubic-bezier(.2,.8,.2,1);position:absolute;bottom:-.1em;left:0;right:0;transform:scaleX(0)}[data-lo=three-gates] .tg-story[data-gate="1"] .is-edited:after{transform:scaleX(1)}[data-lo=three-gates] .tg-look-sheet{border:1px solid var(--warm);color:var(--dim);opacity:0;background:#07080beb;border-radius:4cqw;gap:1cqw;padding:4cqw 5cqw;font-size:3.8cqw;transition:opacity .5s,transform .6s cubic-bezier(.2,.8,.2,1);display:grid;position:absolute;bottom:7%;left:8%;right:8%;transform:translateY(12px)}[data-lo=three-gates] .tg-story[data-gate="2"] .tg-look-sheet{opacity:1;transform:none}[data-lo=three-gates] .tg-look-name{color:var(--warm);font-size:7cqw;font-weight:650}[data-lo=three-gates] .tg-outputs{flex-wrap:wrap;justify-content:center;gap:8px;min-height:28px;display:flex}[data-lo=three-gates] .tg-outputs li{border-color:var(--warm);opacity:0;filter:blur(3px);transition:opacity .5s,transform .7s cubic-bezier(.2,.8,.2,1),filter .5s;transition-delay:calc(var(--i) * 90ms);transform:translateY(10px)}[data-lo=three-gates] .tg-story[data-gate="3"] .tg-outputs li{opacity:1;filter:none;transform:none}[data-lo=three-gates] .tg-gates{display:grid}[data-lo=three-gates] .tg-gate{align-content:center;gap:12px;min-height:clamp(300px,52vh,480px);padding-left:28px;display:grid;position:relative}[data-lo=three-gates] .tg-gate:before{content:"";background:var(--line);width:1px;position:absolute;top:0;bottom:0;left:0}[data-lo=three-gates] .tg-gate:after{content:"";background:var(--warm);width:1px;height:0;box-shadow:0 0 14px var(--warm);transition:height .9s cubic-bezier(.2,.8,.2,1);position:absolute;top:50%;left:0;transform:translateY(-50%)}[data-lo=three-gates] .tg-gate[data-charged=true]:after{height:60%}[data-lo=three-gates] .tg-gate-n{letter-spacing:.14em;text-transform:uppercase;color:var(--mute);font-size:11px;transition:color .5s}[data-lo=three-gates] .tg-gate[data-charged=true] .tg-gate-n{color:var(--warm)}[data-lo=three-gates] .tg-gate h3{letter-spacing:-.04em;font-size:clamp(32px,4.4vw,56px);font-weight:500;line-height:1}[data-lo=three-gates] .tg-gate p{max-width:46ch;color:var(--dim);font-size:16.5px}[data-lo=three-gates] .tg-section{border-top:1px solid var(--line);grid-template-columns:minmax(0,.84fr) minmax(0,1.16fr);gap:clamp(40px,8vw,120px);padding-block:clamp(72px,10vw,136px);display:grid}[data-lo=three-gates] .tg-how{padding-bottom:clamp(48px,8vw,96px)}[data-lo=three-gates] .tg-section-copy{align-content:start;gap:20px;display:grid}[data-lo=three-gates] .tg-section-copy>p:last-child{max-width:48ch;color:var(--dim);font-size:17px}[data-lo=three-gates] .tg-board{border:1px solid var(--line);background:radial-gradient(70% 60% at 30% 40%, #e6a26b24, transparent 70%), var(--ink-2);border-radius:28px;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(24px,4vw,44px);padding:clamp(20px,3vw,36px);display:grid}[data-lo=three-gates] .tg-board-stage{align-content:start;justify-items:center;gap:14px;display:grid}[data-lo=three-gates] .tg-board-stage>div{justify-items:center;width:100%;display:grid}[data-lo=three-gates] .tg-replay{min-height:44px;color:var(--text);letter-spacing:.06em;cursor:pointer;background:0 0;border:1px solid #fff3;border-radius:999px;align-items:center;padding:0 16px;font-size:12px;display:inline-flex}[data-lo=three-gates] .tg-replay:hover{border-color:var(--warm);color:var(--warm)}[data-lo=three-gates] .tg-rm-note{text-align:center;max-width:28ch;color:var(--dim);font-size:13px;display:none}[data-lo=three-gates] .tg-board-controls{align-content:start;gap:24px;min-width:0;display:grid}[data-lo=three-gates] .tg-board-label{color:var(--mute);margin-bottom:10px}[data-lo=three-gates] .tg-pills{flex-wrap:wrap;gap:8px;display:flex}[data-lo=three-gates] .tg-pills button{min-height:44px;color:var(--dim);cursor:pointer;background:0 0;border:1px solid #ffffff29;border-radius:999px;padding:0 16px;font-size:14px;font-weight:500;transition:border-color .16s,color .16s,background-color .16s}[data-lo=three-gates] .tg-pills button:hover{color:var(--text);border-color:#fff6}[data-lo=three-gates] .tg-pills button[aria-pressed=true]{border-color:var(--warm);background:var(--warm);color:var(--warm-ink)}[data-lo=three-gates] .tg-board-foot{max-width:44ch;color:var(--dim);font-size:14px}[data-lo=three-gates] .tg-reel{border-top:1px solid var(--line);gap:clamp(30px,5vw,64px);padding-block:clamp(72px,10vw,136px);display:grid}[data-lo=three-gates] .tg-reel-head{gap:18px;display:grid}[data-lo=three-gates] .tg-reel-head h2{letter-spacing:-.045em;max-width:14ch;font-size:clamp(36px,5.2vw,68px);font-weight:500;line-height:.98}[data-lo=three-gates] .tg-reel-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(14px,2.4vw,30px);display:grid}[data-lo=three-gates] .tg-reel-shot{aspect-ratio:3/4;background:var(--ink-2);border:1px solid #ffffff21;border-radius:22px;position:relative;overflow:hidden;box-shadow:0 32px 80px -52px #e6a26b6b}[data-lo=three-gates] .tg-reel-shot:nth-child(2){translate:0 clamp(12px,2vw,28px)}[data-lo=three-gates] .tg-reel-shot>img{object-fit:cover;filter:saturate(.8)contrast(1.05)brightness(.76);transition:transform .7s cubic-bezier(.2,.8,.2,1),filter .7s}[data-lo=three-gates] .tg-reel-shot:after{content:"";pointer-events:none;background:linear-gradient(#07080b29,#0000 36%,#07080bb8);position:absolute;inset:0}[data-lo=three-gates] .tg-reel-shot:hover>img{filter:saturate(.92)contrast(1.03)brightness(.82);transform:scale(1.035)}[data-lo=three-gates] .tg-reel-code,[data-lo=three-gates] .tg-reel-caption,[data-lo=three-gates] .tg-reel-shot figcaption{z-index:1;position:absolute}[data-lo=three-gates] .tg-reel-code{color:#ffffffad;letter-spacing:.08em;font-size:10px;top:18px;left:18px}[data-lo=three-gates] .tg-reel-caption{color:#fff;text-align:center;text-transform:uppercase;text-shadow:0 2px 12px #000000db;-webkit-text-stroke:1px #000000d1;font-size:clamp(17px,2vw,28px);font-weight:900;line-height:1;bottom:20%;left:8%;right:8%}[data-lo=three-gates] .tg-reel-shot:nth-child(2) .tg-reel-caption{color:#ffd84d}[data-lo=three-gates] .tg-reel-shot:nth-child(3) .tg-reel-caption{text-align:left;text-transform:none;-webkit-text-stroke:0;background:#000000b8;border-radius:6px;padding:7px 11px;font-size:clamp(14px,1.6vw,22px);font-weight:650;display:block;bottom:23%;left:9%;right:auto}[data-lo=three-gates] .tg-reel-shot figcaption{color:#ffffffc2;font-size:13px;bottom:16px;left:18px}[data-lo=three-gates] .tg-mid{border-top:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;padding-block:clamp(28px,4vw,44px);display:flex}[data-lo=three-gates] .tg-mid h2{letter-spacing:-.03em;font-size:clamp(22px,2.6vw,30px);font-weight:500}[data-lo=three-gates] .tg-audience,[data-lo=three-gates] .tg-faq{grid-template-columns:minmax(0,.72fr) minmax(0,1.28fr)}[data-lo=three-gates] .tg-audience-grid h3{letter-spacing:-.025em;font-size:21px;font-weight:500}[data-lo=three-gates] .tg-audience-grid p{color:var(--dim);margin-top:6px;font-size:15.5px}[data-lo=three-gates] .tg-audience-body{gap:28px;min-width:0;display:grid}[data-lo=three-gates] .tg-audience-grid{display:grid}[data-lo=three-gates] .tg-audience-grid li{border-bottom:1px solid var(--line);padding:0 0 26px}[data-lo=three-gates] .tg-audience-grid li+li{padding-top:26px}[data-lo=three-gates] .tg-connect{gap:28px;scroll-margin-top:32px;display:grid}[data-lo=three-gates] .tg-connect-standalone{border-top:1px solid var(--line);grid-template-columns:minmax(0,.72fr) minmax(0,1.28fr);gap:clamp(40px,8vw,120px);padding-block:clamp(72px,10vw,136px)}[data-lo=three-gates] .tg-connect-copy{align-content:start;gap:16px;display:grid}[data-lo=three-gates] .tg-connect-copy h2,[data-lo=three-gates] .tg-connect-copy h3{letter-spacing:-.04em;max-width:13ch;font-size:clamp(28px,3.8vw,52px);font-weight:500;line-height:1}[data-lo=three-gates] .tg-connect:not(.tg-connect-standalone) .tg-connect-copy h3{max-width:18ch;font-size:clamp(25px,2.6vw,36px)}[data-lo=three-gates] .tg-connect-copy>p:last-of-type{max-width:46ch;color:var(--dim);font-size:16px}[data-lo=three-gates] .tg-connect-copy>a{width:fit-content;min-height:44px;color:var(--warm);align-items:center;font-weight:600;text-decoration:none;display:inline-flex}[data-lo=three-gates] .tg-connect-panel{border:1px solid var(--line);background:var(--ink-2);border-radius:22px;min-width:0;padding:clamp(18px,3vw,30px)}[data-lo=three-gates] .tg-connect-tabs{flex-wrap:wrap;gap:8px;margin-bottom:22px;display:flex}[data-lo=three-gates] .tg-connect-tabs button{min-height:44px;color:var(--dim);cursor:pointer;background:0 0;border:1px solid #ffffff29;border-radius:999px;padding:0 14px;font-size:13px;font-weight:550}[data-lo=three-gates] .tg-connect-tabs button:hover{color:var(--text);border-color:#fff6}[data-lo=three-gates] .tg-connect-tabs button[aria-selected=true]{border-color:var(--warm);background:var(--warm);color:var(--warm-ink)}[data-lo=three-gates] .tg-connect-instruction{color:var(--dim);justify-content:space-between;align-items:center;gap:16px;margin-bottom:8px;font-size:13px;display:flex}[data-lo=three-gates] .tg-connect-instruction button{min-width:76px;min-height:44px;color:var(--text);cursor:pointer;background:0 0;border:1px solid #fff3;border-radius:999px;flex:none;padding:0 14px;font-weight:600}[data-lo=three-gates] .tg-connect-instruction button:hover{border-color:var(--warm);color:var(--warm)}[data-lo=three-gates] .tg-connect-code{border:1px solid var(--line);background:var(--ink);max-width:100%;min-height:76px;color:var(--text);white-space:pre;text-transform:none;border-radius:14px;margin:0;padding:16px;font-size:13px;line-height:1.7;overflow-x:auto}[data-lo=three-gates] .tg-connect-helper,[data-lo=three-gates] .tg-connect-endpoint{color:var(--mute);margin-top:12px;font-size:12px}[data-lo=three-gates] .tg-connect-oneclick{border-top:1px solid var(--line);color:var(--dim);gap:10px;margin-top:22px;padding-top:20px;font-size:13px;display:grid}[data-lo=three-gates] .tg-connect-oneclick>div{flex-wrap:wrap;gap:8px;display:flex}[data-lo=three-gates] .tg-connect-oneclick a{min-height:44px;color:var(--warm);border:1px solid #e6a26b8c;border-radius:999px;align-items:center;padding:0 15px;font-weight:600;text-decoration:none;display:inline-flex}[data-lo=three-gates] .tg-connect-oneclick a:hover{background:var(--warm);color:var(--warm-ink)}[data-lo=three-gates] .tg-connect-oneclick small{max-width:58ch;color:var(--mute);font-size:12px}[data-lo=three-gates] .tg-connect-endpoint{overflow-wrap:anywhere}[data-lo=three-gates] .tg-hero-connect{border-radius:16px;gap:8px;padding:12px}[data-lo=three-gates] .tg-client-tiles{grid-template-columns:repeat(6,minmax(0,1fr));gap:6px;min-width:0;display:grid}[data-lo=three-gates] .tg-client-tiles button{min-width:0;min-height:40px;color:var(--dim);cursor:pointer;background:0 0;border:1px solid #ffffff24;border-radius:9px;padding:0 7px;font-size:11px;font-weight:600}[data-lo=three-gates] .tg-client-tiles button:hover{color:var(--text);border-color:#ffffff59}[data-lo=three-gates] .tg-client-tiles button[aria-checked=true]{border-color:var(--warm);color:var(--warm)}[data-lo=three-gates] .tg-install-slot{border:1px solid var(--line);background:var(--ink);border-radius:12px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;min-width:0;padding:10px 10px 10px 14px;display:grid}[data-lo=three-gates] .tg-install-slot code{min-width:0;color:var(--text);white-space:pre-wrap;overflow-wrap:anywhere;font-size:12px;line-height:1.45}[data-lo=three-gates] .tg-install-slot button,[data-lo=three-gates] .tg-install-link a{min-height:38px;color:var(--text);cursor:pointer;background:0 0;border:1px solid #ffffff38;border-radius:999px;justify-content:center;align-items:center;padding:0 14px;font-size:12px;font-weight:650;text-decoration:none;display:inline-flex}[data-lo=three-gates] .tg-install-slot button:hover,[data-lo=three-gates] .tg-install-link a:hover{border-color:var(--warm);color:var(--warm)}[data-lo=three-gates] .tg-install-link>span{color:var(--dim);font-size:12px}[data-lo=three-gates] .tg-install-link a{color:var(--warm);border-color:#e6a26b8c}[data-lo=three-gates] .tg-connect-first-use{color:var(--mute);margin:0 2px;font-size:12px}[data-lo=three-gates] .tg-connect-first-use a{color:var(--text);text-underline-offset:3px}[data-lo=three-gates] .tg-connect-standalone{grid-template-columns:minmax(240px,.55fr) minmax(0,1.45fr);align-items:start}[data-lo=three-gates] .tg-connect-board{grid-template-columns:190px minmax(0,1fr);gap:28px;min-width:0;display:grid}[data-lo=three-gates] .tg-client-rail{grid-template-columns:minmax(0,1fr);align-self:start;position:sticky;top:88px}[data-lo=three-gates] .tg-client-rail button{text-align:left;min-height:48px;padding-inline:15px}[data-lo=three-gates] .tg-connect-page{border:1px solid var(--line);background:var(--ink-2);border-radius:20px;align-content:start;gap:18px;min-width:0;min-height:390px;padding:clamp(24px,3vw,38px);display:grid}[data-lo=three-gates] .tg-connect-page>h3{letter-spacing:-.035em;margin:0;font-size:clamp(28px,3vw,40px);font-weight:500;line-height:1}[data-lo=three-gates] .tg-install-slot.is-large{min-height:68px}[data-lo=three-gates] .tg-connect-checks{gap:0;margin:0;display:grid}[data-lo=three-gates] .tg-connect-checks>div{border-top:1px solid var(--line);grid-template-columns:90px minmax(0,1fr);gap:18px;padding:18px 0;display:grid}[data-lo=three-gates] .tg-connect-checks dt{color:var(--mute);font-size:12px}[data-lo=three-gates] .tg-connect-checks dd{min-width:0;color:var(--text);overflow-wrap:anywhere;margin:0;font-size:13px;font-weight:550}[data-lo=three-gates] .tg-faq-list{border-top:1px solid var(--line)}[data-lo=three-gates] .tg-faq-list details{border-bottom:1px solid var(--line)}[data-lo=three-gates] .tg-faq-list summary{cursor:pointer;justify-content:space-between;gap:24px;min-height:44px;padding:20px 0;font-size:18px;font-weight:550;list-style:none;display:flex}[data-lo=three-gates] .tg-faq-list summary::-webkit-details-marker{display:none}[data-lo=three-gates] .tg-faq-list summary span{color:var(--warm);transition:transform .2s}[data-lo=three-gates] .tg-faq-list details[open] summary span{transform:rotate(45deg)}[data-lo=three-gates] .tg-faq-list details p{max-width:58ch;color:var(--dim);padding:0 36px 22px 0}[data-lo=three-gates] .tg-related{border-top:1px solid var(--line);gap:22px;padding-block:clamp(72px,10vw,136px);display:grid}[data-lo=three-gates] .tg-related h2{letter-spacing:-.045em;max-width:15ch;font-size:clamp(36px,5.2vw,68px);font-weight:500;line-height:.98}[data-lo=three-gates] .tg-related ul{border-top:1px solid var(--line);grid-template-columns:repeat(2,minmax(0,1fr));margin-top:18px;display:grid}[data-lo=three-gates] .tg-related li{border-bottom:1px solid var(--line)}[data-lo=three-gates] .tg-related li:nth-child(odd){padding-right:clamp(18px,3vw,42px)}[data-lo=three-gates] .tg-related li:nth-child(2n){border-left:1px solid var(--line);padding-left:clamp(18px,3vw,42px)}[data-lo=three-gates] .tg-related a{min-height:76px;color:var(--dim);justify-content:space-between;align-items:center;gap:24px;font-size:clamp(17px,2vw,22px);text-decoration:none;transition:color .16s;display:flex}[data-lo=three-gates] .tg-related a:hover{color:var(--warm)}[data-lo=three-gates] .tg-final{border-top:1px solid var(--line);gap:28px;padding-block:clamp(64px,10vw,140px) 0;display:grid}[data-lo=three-gates] .tg-final h2{letter-spacing:-.045em;max-width:12ch;font-size:clamp(36px,6.4vw,88px);font-weight:500;line-height:.98}[data-lo=three-gates] .tg-final>p{color:var(--dim);font-size:18px}@media (max-width:960px){[data-lo=three-gates] .tg-board{grid-template-columns:minmax(0,1fr)}}@media (max-width:860px){[data-lo=three-gates] .tg-hero{grid-template-columns:minmax(0,1fr);gap:40px;min-height:0}[data-lo=three-gates] .tg-hero-proof{justify-items:start}[data-lo=three-gates] .tg-frame-hero{width:min(100%,220px)}[data-lo=three-gates] .tg-story{grid-template-columns:minmax(0,1fr);gap:0}[data-lo=three-gates] .tg-artifact{z-index:1;background:var(--ink);border-bottom:1px solid var(--line);grid-template-columns:76px minmax(0,1fr);place-items:center start;gap:14px;padding:12px 0;top:0}[data-lo=three-gates] .tg-frame-story{border-radius:8px;width:76px}[data-lo=three-gates] .tg-frame-story .tg-frame-readout,[data-lo=three-gates] .tg-frame-story .tg-look-sheet{display:none}[data-lo=three-gates] .tg-story[data-gate="2"] .tg-cap{opacity:1}[data-lo=three-gates] .tg-story[data-gate="3"] .tg-frame-story{transform:none}[data-lo=three-gates] .tg-artifact-side{justify-items:start;gap:8px}[data-lo=three-gates] .tg-outputs{justify-content:flex-start;gap:6px}[data-lo=three-gates] .tg-outputs li{height:24px;padding:0 8px;font-size:10px}[data-lo=three-gates] .tg-gate{min-height:clamp(240px,42vh,380px);padding-top:24px}[data-lo=three-gates] .tg-section,[data-lo=three-gates] .tg-connect-standalone{grid-template-columns:minmax(0,1fr);gap:36px}[data-lo=three-gates] .tg-connect-board{grid-template-columns:180px minmax(0,1fr)}}@media (max-width:560px){[data-lo=three-gates] .tg-hero-connect{padding:14px}[data-lo=three-gates] .tg-client-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}[data-lo=three-gates] .tg-install-slot{grid-template-columns:minmax(0,1fr) auto}[data-lo=three-gates] .tg-connect-board{grid-template-columns:minmax(0,1fr)}[data-lo=three-gates] .tg-client-rail{grid-template-columns:repeat(2,minmax(0,1fr));position:static}[data-lo=three-gates] .tg-client-rail button{text-align:center;min-height:44px}[data-lo=three-gates] .tg-connect-page{min-height:0;padding:22px}[data-lo=three-gates] .tg-board{border-radius:20px;padding:16px}[data-lo=three-gates] .tg-frame-board{width:min(100%,200px)}[data-lo=three-gates] .tg-related ul{grid-template-columns:minmax(0,1fr)}[data-lo=three-gates] .tg-related li:nth-child(odd),[data-lo=three-gates] .tg-related li:nth-child(2n){border-left:0;padding-inline:0}[data-lo=three-gates] .tg-reel{overflow:hidden}[data-lo=three-gates] .tg-reel-grid{scroll-snap-type:x mandatory;scrollbar-width:none;grid-template-columns:none;grid-auto-columns:minmax(220px,72vw);grid-auto-flow:column;gap:14px;margin-inline:-20px;padding:0 20px 28px;overflow-x:auto}[data-lo=three-gates] .tg-reel-grid::-webkit-scrollbar{display:none}[data-lo=three-gates] .tg-reel-shot{scroll-snap-align:center}[data-lo=three-gates] .tg-reel-shot:nth-child(2){translate:0}}@media (prefers-reduced-motion:reduce){[data-lo=three-gates] .tg-gate:after{height:60%}[data-lo=three-gates] .tg-replay{display:none}[data-lo=three-gates] .tg-rm-note{display:block}}