/* Copyright (c) 2026 VideoAgentAI. All rights reserved. */
/* SPDX-License-Identifier: LicenseRef-VideoAgentAI-AllRightsReserved */
@font-face{font-family:Inter;src:url('assets/Inter-Regular.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:Inter;src:url('assets/Inter-SemiBold.ttf') format('truetype');font-weight:600 800;font-display:swap}
:root{color-scheme:dark;--bg:#111315;--panel:#1b1e21;--raised:#2a3036;--line:#30373e;--text:#e7e9ec;--muted:#a8b0b9;--accent:#b8c7d5;--blue:#99adbf;--warm:#c9b58e;--green:#a3bdab}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,Arial,sans-serif;font-size:15px;line-height:1.65;-webkit-font-smoothing:antialiased}body:has(dialog[open]){overflow:hidden}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,summary:focus-visible,video:focus-visible,[tabindex]:focus-visible{outline:2px solid #c4daed;outline-offset:5px}button{color:inherit}img{display:block;max-width:100%;height:auto}h1,h2,h3,p,figure{margin:0}h1,h2,h3{font-weight:600;line-height:1.1}h2{font-size:clamp(32px,3.65vw,52px);letter-spacing:-2px}h3{font-size:21px;letter-spacing:-.65px}p{color:var(--muted)}.wrap{width:min(1240px,calc(100% - 96px));margin-inline:auto}.mono,.step-label,.demo-label,.section-label,.eyebrow{font-size:11px;letter-spacing:1.6px;text-transform:uppercase}.site-header{height:86px;display:flex;align-items:center;gap:34px;width:min(1392px,calc(100% - 96px));margin:auto;border-bottom:1px solid var(--line)}.wordmark{font-size:24px;letter-spacing:-1px;white-space:nowrap;line-height:1;display:flex;align-items:center;font-weight:600}.wordmark-light{font-weight:400;color:#c5ccd3}.brand-mark{color:var(--blue);font-size:26px;letter-spacing:-4px;font-weight:400;margin-right:12px;display:inline-block;transform:skew(-4deg)}nav{display:flex;gap:34px;margin-left:auto;font-size:13px;color:var(--muted)}nav a:hover,.text-button:hover,footer a:hover{color:#fff}.nav-cta{margin-left:20px;border:1px solid #53606c;padding:8px 16px;border-radius:5px;font-size:12px}.nav-cta span{margin-left:16px;color:var(--accent)}.hero{text-align:center;padding-top:77px}.eyebrow{display:flex;justify-content:center;align-items:center;gap:10px;color:var(--accent)}.status-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--blue);box-shadow:0 0 0 4px #99adbf0e;flex-shrink:0}.hero h1{font-size:clamp(50px,6.4vw,88px);letter-spacing:-5px;line-height:1.035;margin:27px 0 25px}.hero h1 span,.closing h2 span{color:var(--blue)}.hero-description{font-size:17px;line-height:1.75;max-width:650px;margin:auto}.actions{display:flex;justify-content:center;gap:15px;margin-top:29px}.button{display:inline-flex;justify-content:center;align-items:center;gap:16px;border:1px solid #657383;background:#29353f;padding:13px 23px;border-radius:5px;font-size:13px;line-height:1.4;font-weight:600;transition:background .2s,transform .2s}.button:hover{background:#364654;transform:translateY(-1px)}.button.primary{background:#bdcbd7;color:#11171c;border-color:#bdcbd7;box-shadow:0 1px 1px #fff2 inset}.button.primary:hover{background:#d8e2eb}.play-icon{font-size:10px}.text-button{border-color:transparent;background:transparent;font-weight:400}.text-button:hover{background:transparent}.hero-notes{display:flex;gap:25px;justify-content:center;margin:25px 0 46px;font-size:10px;color:#8f9ba7}.hero-notes span:before{content:'✓';margin-right:8px;color:var(--blue)}.hero-product{border:1px solid #4b5660;border-radius:9px 9px 5px 5px;background:#171b1e;box-shadow:0 28px 100px #0005,0 0 100px #99adbf08;overflow:hidden;position:relative;text-align:left}.product-topline{display:flex;align-items:center;justify-content:space-between;padding:12px 18px;font-size:10px;color:var(--muted);border-bottom:1px solid var(--line)}.product-topline .status-dot{margin-right:8px;width:5px;height:5px}.product-topline .mono{font-size:9px}.screenshot-button{display:block;width:100%;padding:0;border:0;background:#171b1e;text-align:left;position:relative;overflow:hidden;cursor:zoom-in}.screenshot-button img{width:100%;transition:filter .2s}.screenshot-button:hover img{filter:brightness(1.06)}.hero-product figcaption{display:flex;justify-content:space-between;padding:12px 18px;font-size:10px;color:var(--muted);border-top:1px solid var(--line)}.hero-product figcaption span:last-child{color:var(--accent)}.intro{padding:114px 0 104px}.section-label{color:var(--blue);display:flex;gap:16px;align-items:center;margin-bottom:27px}.section-label>span{font-size:10px;color:#7e8b97;letter-spacing:0;padding:1px 6px;border:1px solid var(--line);border-radius:3px}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:48px;margin-bottom:45px}.section-heading>p{font-size:14px;max-width:355px;line-height:1.85}.workflow-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:38px}.workflow-grid article{border-top:1px solid #44515c;padding-top:23px}.step-label{color:var(--blue);font-size:9px;letter-spacing:1.3px}.workflow-grid h3{font-size:20px;margin:13px 0 13px}.workflow-grid p{font-size:13px;line-height:1.8;min-height:92px}.mini-search{padding:11px 13px;border:1px solid var(--line);border-radius:5px;margin-top:20px;font-size:11px;color:var(--muted);display:flex;gap:10px;background:#171a1e}.mini-search>span{color:var(--blue)}.search-result{display:flex;align-items:center;gap:12px;font-size:10px;margin:14px 4px;color:var(--text)}.small-dot{width:22px;height:26px;border-radius:3px;background:linear-gradient(145deg,#647f8d,#26353e)}.search-result small{display:block;font-size:9px;color:#98a2ad}.search-result>span:last-child{margin-left:auto}.mini-proposal{display:flex;align-items:center;gap:8px;padding:12px 0;margin-top:18px;font-size:11px}.pill{font-size:9px;letter-spacing:0;color:var(--accent);border:1px solid #43515c;padding:2px 7px;border-radius:3px;white-space:nowrap}.mini-proposal .pill{margin-left:auto}.mini-track{height:35px;display:flex;gap:3px}.mini-track i{width:24%;background:#414f60;border-radius:3px;border-left:3px solid #99adbf}.mini-track i:nth-child(2n){width:15%;background:#554d42;border-color:#c9b58e}.mini-checks{display:flex;flex-wrap:wrap;gap:10px;margin-top:27px}.mini-checks span{font-size:10px;color:var(--green);padding:7px 10px;border:1px solid #3c4941;background:#a3bdab04;border-radius:4px}.agent-section{padding:89px 0 0;background:#16191c;border-block:1px solid var(--line)}.agent-demo{display:grid;grid-template-columns:.8fr 1.6fr;gap:32px;padding:28px;border:1px solid #46525d;border-radius:7px;background:#1b1e21}.demo-label{color:#8e9dab;font-size:9px}.mode-tabs{display:flex;gap:4px;background:#111518;padding:4px;border:1px solid var(--line);border-radius:5px;margin:22px 0 25px;width:max-content}.mode-tabs button{background:transparent;border:1px solid transparent;border-radius:3px;padding:7px 17px;font-size:12px;color:var(--muted)}.mode-tabs button[aria-selected=true]{background:#29353f;border-color:#63798c;color:#d7e5f1}.agent-controls h3{font-size:25px;letter-spacing:-.8px;line-height:1.35;margin-bottom:16px}.agent-controls p{font-size:13px;line-height:1.9}.mode-detail{font-size:11px;color:var(--warm);margin-top:15px;min-height:34px}.integration-strip{padding:34px 0;display:flex;gap:34px;align-items:center;font-size:13px}.integration-strip p{font-size:11px;margin-right:auto}.integration-strip>span:not(.integration-note){font-weight:600}.integration-note{font-size:10px;color:var(--muted);margin-left:auto}.recordings{padding:105px 0}.recording-grid{display:grid;grid-template-columns:1fr 1fr;gap:38px 26px}.recording-card.featured{grid-column:1/-1}.video-shell{position:relative;border:1px solid #46525b;border-radius:6px;overflow:hidden;background:#090c0e;aspect-ratio:16/9}.video-shell video{width:100%;height:100%;object-fit:contain;display:block}.recording-badge{position:absolute;top:15px;left:15px;font-size:8px;letter-spacing:1.5px;border:1px solid #7b8d9d;background:#111315dc;padding:5px 8px;border-radius:3px;pointer-events:none;color:#cad5df}.recording-copy{padding:21px 0 0;display:flex;align-items:flex-start;gap:25px;justify-content:space-between}.recording-copy h3{margin-top:9px;font-size:23px}.recording-copy p{font-size:12px;max-width:310px}.recording-card:not(.featured) .recording-copy{display:block}.recording-card:not(.featured) .recording-copy p{margin-top:12px;max-width:450px}.media-note{font-size:10px;margin-top:28px}.studio-section{padding:91px 0 81px;background:#191d21;border-block:1px solid var(--line)}.workspace-tabs{display:flex;gap:5px;margin-bottom:20px;padding-bottom:12px;border-bottom:1px solid #3d4750}.workspace-tabs button{font-size:12px;background:transparent;color:var(--muted);border:0;border-radius:4px;padding:10px 27px;position:relative}.workspace-tabs button[aria-selected=true]{background:#303c47;color:#e0e9f0}.workspace-tabs button[aria-selected=true]:after{content:'';position:absolute;bottom:-13px;left:0;right:0;height:2px;background:var(--blue)}.workspace-image{border:1px solid #53606b;border-radius:5px;aspect-ratio:16/9}.workspace-image img{height:100%;object-fit:contain}.enlarge-label{position:absolute;bottom:16px;right:16px;background:#1b1e21e8;border:1px solid #77899a;font-size:10px;padding:7px 12px;border-radius:4px}.workspace-caption{display:flex;align-items:flex-start;gap:35px;margin-top:25px}.workspace-caption h3{font-size:20px;flex:1}.workspace-caption p{font-size:12px;flex:1;max-width:475px;min-height:44px}.workspace-caption .mono{font-size:9px;color:var(--blue);padding-top:3px}.details{padding:105px 0 90px}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:27px}.detail-card{background:#191d21;border:1px solid var(--line);border-radius:6px;overflow:hidden}.detail-image{aspect-ratio:1.65;overflow:hidden;border-bottom:1px solid #414c56}.detail-image img{height:100%;object-fit:cover;object-position:top}.detail-card>div{padding:27px 29px 31px}.detail-card h3{margin:12px 0 16px;font-size:24px;line-height:1.25}.detail-card p{font-size:13px;line-height:1.8}.capability-row{display:grid;grid-template-columns:repeat(3,1fr);gap:45px;margin-top:52px}.capability-symbol{font-size:25px;color:var(--blue);display:block;margin-bottom:18px;line-height:1}.capability-row h3{font-size:17px;margin-bottom:12px}.capability-row p{font-size:12px;line-height:1.8}.faq{border-top:1px solid var(--line);padding:76px 0 92px;display:grid;grid-template-columns:1fr 1.2fr;gap:75px}.faq h2{font-size:38px;letter-spacing:-1.6px}.faq-list details{border-bottom:1px solid var(--line);padding:21px 0}.faq-list details:first-child{padding-top:0}.faq-list summary{list-style:none;display:flex;justify-content:space-between;align-items:center;gap:20px;cursor:pointer;font-size:14px}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary>span{font-size:20px;font-weight:400;color:var(--blue)}.faq-list details[open] summary>span{transform:rotate(45deg)}.faq-list details p{font-size:13px;line-height:1.8;padding:16px 35px 0 0}.closing{text-align:center;border-top:1px solid var(--line);padding:83px 0 88px;position:relative}.closing .eyebrow{font-size:9px}.closing .brand-mark{font-size:21px;margin-right:2px;letter-spacing:-3px}.closing h2{font-size:clamp(38px,4.5vw,62px);letter-spacing:-2.7px;margin:22px 0 24px;line-height:1.12}.closing p{font-size:14px;margin-bottom:27px}.closing small{display:block;font-size:10px;color:var(--muted);margin-top:20px}footer{border-top:1px solid #3e4852;padding:35px 0 23px}.footer-main{display:flex;align-items:center;gap:30px}.footer-main .wordmark{font-size:21px}.footer-main .brand-mark{font-size:23px}.footer-main p{font-size:11px;margin-right:auto}.footer-main>a:not(.wordmark){font-size:10px;color:var(--muted)}.footer-bottom{display:flex;justify-content:space-between;color:#929eaa;font-size:9px;padding-top:28px;margin-top:26px;border-top:1px solid var(--line)}dialog{background:#16191c;color:var(--text);border:1px solid #65788a;border-radius:8px;padding:14px;width:min(96vw,1800px);max-height:95vh}dialog::backdrop{background:#05080bef;backdrop-filter:blur(6px)}.lightbox-bar{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:0 3px 14px}.lightbox-bar h2{font-size:14px;letter-spacing:0;line-height:1.5}.lightbox-bar button{background:#2a3036;border:1px solid #738291;border-radius:4px;padding:6px 14px;font-size:12px;white-space:nowrap}.lightbox-bar button span{margin-left:12px}dialog>img{max-height:77vh;object-fit:contain;margin:auto}dialog>p{font-size:10px;padding:12px 4px 0}dialog>p a{text-decoration:underline}.skip-link{position:fixed;top:-100px;left:20px;z-index:50;background:#c5d4e1;color:#111;padding:8px 16px}.skip-link:focus{top:12px}.credits{max-width:850px;padding-block:70px}.credits h1{font-size:44px;letter-spacing:-2px;margin-bottom:25px}.credits h2{font-size:24px;letter-spacing:-.5px;margin:35px 0 14px}.credits p,.credits li{font-size:14px;color:var(--muted);margin-bottom:14px}.credits a{text-decoration:underline;color:var(--accent)}
@media(min-width:1600px){.hero{padding-top:96px}.hero h1{font-size:94px}}
@media(max-width:1050px){.wrap,.site-header{width:calc(100% - 56px)}.site-header{gap:18px}nav{gap:22px}.nav-cta{margin-left:5px}.hero h1{letter-spacing:-3px}.section-heading{gap:28px}.section-heading>p{max-width:310px}.workflow-grid{gap:24px}.workflow-grid p{min-height:118px}.agent-demo{gap:30px;padding:26px}.integration-strip{gap:25px;flex-wrap:wrap}.integration-note{width:100%;margin-left:0}.detail-card h3{font-size:21px}.faq{gap:40px}.recording-copy{gap:35px}.recording-copy p{max-width:260px}.footer-main{gap:20px}}
@media(max-width:760px){.wrap,.site-header{width:calc(100% - 36px)}.site-header{height:72px}.wordmark{font-size:22px}nav{display:none}.nav-cta{margin-left:auto;font-size:11px;padding:7px 12px}.hero{padding-top:52px}.hero h1{font-size:clamp(43px,9.7vw,69px);letter-spacing:-2.7px;margin-top:24px}.eyebrow{font-size:9px;letter-spacing:1.3px}.hero-description{font-size:14px}.actions{gap:7px;flex-wrap:wrap;margin-top:24px}.button{font-size:11px;padding:12px 16px}.hero-notes{gap:12px;font-size:8px;margin:20px 0 33px}.hero-notes span:before{margin-right:4px}.product-topline{padding:10px 12px;font-size:8px}.product-topline>span:nth-child(2){display:none}.product-topline .mono{font-size:8px}.hero-product figcaption{font-size:8px;padding:10px}.hero-product figcaption span:last-child{display:none}.intro,.recordings,.details{padding:66px 0}.section-label{font-size:9px;margin-bottom:20px;gap:10px}.section-heading{display:block;margin-bottom:30px}.section-heading h2{font-size:36px;letter-spacing:-1.5px}.section-heading>p{max-width:550px;font-size:13px;margin-top:22px}.workflow-grid{grid-template-columns:1fr;gap:30px}.workflow-grid p{min-height:0}.workflow-grid h3{font-size:22px}.mini-track{max-width:400px}.mini-checks{margin-top:17px}.mini-search{margin-top:16px}.agent-section{padding-top:58px}.agent-demo{grid-template-columns:1fr;gap:27px;padding:20px}.agent-controls h3{font-size:24px}.mode-detail{min-height:0}.human-line{margin-top:18px}.integration-strip{gap:20px;font-size:12px;padding:28px 0}.integration-strip p{width:100%}.integration-note{font-size:10px}.recording-grid{grid-template-columns:1fr;gap:34px}.recording-copy,.recording-card.featured .recording-copy{display:block;padding-top:17px}.recording-copy p{margin-top:12px;max-width:100%}.recording-copy h3{font-size:22px}.recording-badge{font-size:6px;padding:3px 5px;left:9px;top:9px}.media-note{font-size:9px}.studio-section{padding:58px 0}.workspace-tabs{justify-content:space-between;gap:0}.workspace-tabs button{padding:9px 15px;font-size:11px}.workspace-caption{display:block;margin-top:20px}.workspace-caption h3{font-size:22px}.workspace-caption p{margin-top:12px;min-height:0}.workspace-caption .mono{display:block;margin-top:15px}.enlarge-label{font-size:8px;bottom:8px;right:8px;padding:4px 8px}.detail-grid{grid-template-columns:1fr;gap:22px}.detail-card>div{padding:24px}.capability-row{grid-template-columns:1fr;gap:30px;margin-top:35px}.capability-row>div{padding-left:43px;position:relative}.capability-symbol{position:absolute;left:0;top:0}.capability-row h3{font-size:19px}.capability-row p{font-size:13px}.faq{grid-template-columns:1fr;gap:35px;padding:54px 0}.faq h2{font-size:35px}.faq-list summary{font-size:13px}.closing{padding:56px 0}.closing h2{font-size:40px;letter-spacing:-2px}.closing p{font-size:12px}.footer-main{flex-wrap:wrap;gap:22px}.footer-main p{width:calc(100% - 155px);margin-right:0;font-size:10px}.footer-bottom{gap:14px;flex-direction:column}.lightbox-bar h2{font-size:11px}.lightbox-bar button{font-size:10px;padding:5px 9px}.credits h1{font-size:34px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}

.tool-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}.tool-tags span{font-size:10px;padding:6px 9px;border:1px solid var(--line);border-radius:4px;color:var(--accent)}.agent-recording{min-width:0;align-self:center}.agent-recording figcaption{font-size:11px;color:var(--muted);margin-top:14px}.recording-provenance{font-size:10px!important;line-height:1.7!important;border-top:1px solid var(--line);padding-top:18px;margin-top:22px}.use-case-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:26px;margin-bottom:45px}.use-case-grid article{border-top:1px solid #53606b;padding-top:20px}.use-case-grid h3{font-size:21px;line-height:1.25;margin:15px 0}.use-case-grid p{font-size:12px;line-height:1.8}
@media(max-width:1050px){.agent-demo{grid-template-columns:1fr}.agent-controls{max-width:650px}.use-case-grid{grid-template-columns:1fr 1fr}}
@media(max-width:760px){.use-case-grid{grid-template-columns:1fr;gap:26px}.hero-notes{flex-wrap:wrap}.mode-tabs button{padding:7px 11px}.mode-tabs{max-width:100%}.hero h1{font-size:clamp(38px,8.4vw,63px)}}

/* Original light, color, and motion treatments for the ava-edit website. */
:root{--violet:#b4a1ff;--cyan:#7bddd6;--coral:#f8a995;--lime:#cee694;--blue:#b7badb}
body{background:#0f1116}.scroll-progress{position:fixed;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--violet),var(--cyan),var(--coral));transform:scaleX(0);transform-origin:left;z-index:60;pointer-events:none}.site-header{position:relative;z-index:2}.brand-mark{color:var(--cyan)}.hero{position:relative;isolation:isolate}.hero-aura{position:absolute;inset:-85px -47px 0;overflow:hidden;z-index:-1;pointer-events:none;mask-image:radial-gradient(ellipse at 50% 35%,#000 25%,transparent 75%)}.hero-aura i{position:absolute;width:65%;height:600px;filter:blur(70px);opacity:.29;border-radius:50%;animation:aurora 19s ease-in-out infinite alternate;background:radial-gradient(ellipse,#7051d0,transparent 66%);left:-15%;top:40px}.hero-aura i:nth-child(2){left:55%;top:130px;background:radial-gradient(ellipse,#248b94,transparent 64%);animation-delay:-7s;opacity:.23}.hero-aura i:nth-child(3){left:29%;top:250px;height:330px;background:radial-gradient(ellipse,#ba647e,transparent 65%);animation-delay:-13s;opacity:.14}@keyframes aurora{to{transform:translate(7%,45px) scale(1.15)}}.hero .eyebrow{color:#c8bdf4}.hero .eyebrow .status-dot{background:var(--cyan);box-shadow:0 0 18px #7bddd68a}.hero h1{letter-spacing:-5px}.hero h1 span{background:linear-gradient(105deg,#d4c5ff 10%,#afbdff 46%,#8be4dc 85%);background-clip:text;-webkit-background-clip:text;color:transparent}.hero-description{color:#bec3cf}.hero-notes{color:#a9b4c2}.hero-notes span:before{color:var(--cyan)}.button.primary{background:linear-gradient(115deg,#d4c5fa,#abd8e5);border-color:#d4d8f1;box-shadow:0 0 25px #a899df1a;color:#171821}.button.primary:hover{background:linear-gradient(115deg,#e4d9ff,#c2f0ed);box-shadow:0 0 35px #a899df30}.hero-product{border-color:#6f698e;box-shadow:0 30px 100px #0008,0 -12px 75px #9271d51a}.product-topline{background:linear-gradient(90deg,#272137,#162b30);color:#bfc6d6}.hero-product:before{content:'';height:2px;position:absolute;left:0;right:0;top:0;background:linear-gradient(90deg,#bd9aff,#7bdcd8,#eeb092);z-index:1}.section-label{color:var(--cyan)}.section-label>span{color:#cbbaf7;border-color:#77659466;background:#b4a1ff09}.workflow-grid article:nth-child(1){border-color:#a795d6}.workflow-grid article:nth-child(2){border-color:#75bdb6}.workflow-grid article:nth-child(3){border-color:#c79786}.workflow-grid article:nth-child(1) .step-label{color:var(--violet)}.workflow-grid article:nth-child(2) .step-label{color:var(--cyan)}.workflow-grid article:nth-child(3) .step-label{color:var(--coral)}.agent-section{background:radial-gradient(ellipse at 12% 40%,#3e2a582b,transparent 60%),#14171d}.agent-demo{position:relative;background:radial-gradient(550px circle at var(--pointer-x,10%) var(--pointer-y,20%),#967bce0c,transparent 75%),#191d25;border-color:#6d63864d}.mode-tabs button[aria-selected=true]{background:#40394f;border-color:#a38bb2;color:#e9dbff}.mode-detail{color:var(--cyan)}.video-shell{border-color:#81709866;box-shadow:0 12px 38px #0003}.agent-recording figcaption{color:#a1acbc}.recording-badge{color:#dcd3fa;background:#151221db;border-color:#9288aa}.studio-section{background:radial-gradient(ellipse at 90% 10%,#235c6226,transparent 65%),#151a20}.workspace-tabs button[aria-selected=true]{background:#294445;color:#c1eeea}.workspace-tabs button[aria-selected=true]:after{background:var(--cyan)}.details>.section-heading h2{max-width:600px}.use-case-grid{gap:16px}.use-case-grid article{--card-accent:var(--violet);position:relative;padding:26px 20px 25px;border:1px solid #8c83a633;border-top:2px solid var(--card-accent);border-radius:5px;background:radial-gradient(300px circle at var(--pointer-x,0px) var(--pointer-y,0px),#b4a1ff0e,transparent 80%),linear-gradient(145deg,#211e2a,#15181e);transition:transform .25s,border-color .25s;overflow:hidden}.use-case-grid article:hover{transform:translateY(-5px);border-color:var(--card-accent)}.use-case-grid article:nth-child(2){--card-accent:var(--coral);background:radial-gradient(300px circle at var(--pointer-x,0px) var(--pointer-y,0px),#f8a9950e,transparent 80%),linear-gradient(145deg,#271e23,#15181e)}.use-case-grid article:nth-child(3){--card-accent:var(--cyan);background:radial-gradient(300px circle at var(--pointer-x,0px) var(--pointer-y,0px),#7bddd60e,transparent 80%),linear-gradient(145deg,#1b292c,#15181e)}.use-case-grid article:nth-child(4){--card-accent:var(--lime);background:radial-gradient(300px circle at var(--pointer-x,0px) var(--pointer-y,0px),#cee6940e,transparent 80%),linear-gradient(145deg,#24291e,#15181e)}.use-case-grid .step-label{color:var(--card-accent);font-size:8px;letter-spacing:1.1px}.use-case-grid h3{font-size:22px}.detail-card{background:linear-gradient(130deg,#1d232b,#191a21)}.capability-symbol{color:var(--cyan)}.closing{overflow:hidden;background:radial-gradient(ellipse at 50% 90%,#785ead21,transparent 68%)}.closing h2 span{color:#c7b6f3}.closing .eyebrow{color:var(--cyan)}
/* The viewer is only the image, controls, and a dark blurred backdrop. */
#lightbox{background:transparent;border:0;border-radius:0;box-shadow:none;padding:42px 0 12px;width:98vw;max-width:2000px;max-height:98vh;overflow:visible}#lightbox::backdrop{background:#060811db;backdrop-filter:blur(20px) saturate(.6)}.viewer-stage{position:relative;display:flex;align-items:center;justify-content:center;min-height:100px}.viewer-stage>img{max-width:calc(100% - 132px);max-height:80vh;object-fit:contain;width:auto;height:auto;border-radius:3px;box-shadow:0 15px 90px #0006}.viewer-close,.viewer-arrow{display:grid;place-items:center;background:#11141f75;border:1px solid #ffffff20;color:#f2f0fa;border-radius:50%;width:42px;height:42px;padding:0;line-height:1;font-size:24px;backdrop-filter:blur(12px);transition:background .2s,border-color .2s}.viewer-close:hover,.viewer-arrow:hover{background:#3d365c;border-color:#c4b1f666}.viewer-close{position:absolute;right:18px;top:-8px;font-size:29px}.viewer-arrow{position:absolute;top:50%;transform:translateY(-50%)}.viewer-arrow.previous{left:8px}.viewer-arrow.next{right:8px}.viewer-caption{display:flex;justify-content:center;align-items:center;gap:20px;margin-top:20px;color:#bcc0ce}.viewer-caption h2{font-size:12px;letter-spacing:0;font-weight:400;line-height:1.5}.viewer-caption .mono{font-size:9px;color:#cbbdf1}
@media(max-width:1050px){.hero-aura{left:-28px;right:-28px}.hero h1{letter-spacing:-3px}.use-case-grid h3{font-size:24px}}
@media(max-width:760px){.hero-aura{inset:-70px -18px 0}.hero-aura i{filter:blur(45px);width:110%;left:-45%;height:440px}.hero-aura i:nth-child(2){left:45%}.hero h1{letter-spacing:-2.4px}.use-case-grid{grid-template-columns:1fr 1fr;gap:12px}.use-case-grid article{padding:20px 15px}.use-case-grid h3{font-size:20px}.use-case-grid p{font-size:11px}.viewer-stage>img{max-width:96%;max-height:73vh}.viewer-arrow{top:auto;bottom:-65px;transform:none;width:38px;height:38px}.viewer-arrow.previous{left:18px}.viewer-arrow.next{right:18px}.viewer-caption{margin:26px 66px 0;gap:6px;flex-direction:column;text-align:center}.viewer-caption h2{font-size:10px}.viewer-close{right:12px}.hero-notes{font-size:9px}}
@media(max-width:420px){.use-case-grid{grid-template-columns:1fr}.hero-notes{gap:8px 16px}.hero h1{font-size:clamp(34px,8.2vw,43px)}}