@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=DM+Sans:wght@400;500;600;700&family=Instrument+Serif:ital@0;1&display=swap');
:root{color-scheme:dark;--bg:#080a0d;--panel:#101419;--panel2:#141a20;--ink:#f2f3ef;--muted:#9a9fa3;--line:rgba(235,241,241,.12);--cyan:#56c9ee;--mint:#72e4bb;--serif:'Instrument Serif',Georgia,serif;--sans:'DM Sans',Arial,sans-serif;--mono:'DM Mono',monospace;--pad:clamp(22px,6vw,92px)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font:400 16px/1.6 var(--sans);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button{font:inherit}.skip-link{position:fixed;top:-80px;left:16px;background:var(--ink);color:var(--bg);padding:10px 16px;z-index:30}.skip-link:focus{top:16px}:focus-visible{outline:2px solid var(--mint);outline-offset:4px}.wrap{width:min(100%,1440px);margin:auto;padding-left:var(--pad);padding-right:var(--pad)}
.header{position:absolute;z-index:10;inset:0 0 auto;height:88px;border-bottom:1px solid rgba(255,255,255,.09)}.header-inner{height:100%;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:12px}.brand-icon{width:29px;height:29px;object-fit:cover;object-position:center 42%;background:#fff;border-radius:5px}.brand-name{font-weight:600;font-size:14px;letter-spacing:.01em}.brand-name span{color:var(--muted);font-weight:400}.nav{display:flex;align-items:center;gap:30px;font-size:13px;color:#c0c4c5}.nav a:hover,.nav a.current,.nav a[aria-current=page]{color:var(--mint)}.nav .nav-cta{padding:10px 15px;border:1px solid var(--line);border-radius:3px;color:var(--ink)}.nav-toggle{display:none;background:none;color:var(--ink);border:1px solid var(--line);width:44px;height:44px;border-radius:3px}
.hero{position:relative;min-height:min(850px,100svh);display:flex;align-items:center;isolation:isolate;overflow:hidden;background:#06080b}.hero::before{content:"";position:absolute;z-index:-2;inset:0;background:linear-gradient(90deg,rgba(6,8,11,.98) 0%,rgba(6,8,11,.84) 40%,rgba(6,8,11,.12) 100%),url('hero-sculpture.png') center 50%/cover no-repeat;opacity:.8}.hero::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,var(--bg),transparent 22%),radial-gradient(ellipse at 75% 40%,transparent 20%,rgba(4,6,9,.25) 75%)}.hero-content{padding-top:104px;max-width:800px}.kicker,.label{font:11px/1.3 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:#aab0b2}.kicker{display:flex;align-items:center;gap:12px}.kicker::before{content:"";width:24px;height:1px;background:var(--mint)}h1,h2,h3,p{margin-top:0}.hero h1{font-size:clamp(58px,8.3vw,116px);line-height:.94;letter-spacing:-.065em;font-weight:500;max-width:850px;margin:30px 0 28px}.hero h1 em{font:italic 400 1em/1 var(--serif);letter-spacing:-.035em;color:#c5e4e5}.hero-copy{max-width:475px;font-size:17px;color:#c3c7c7;line-height:1.7}.actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-top:32px}.button{min-height:48px;display:inline-flex;align-items:center;justify-content:center;gap:13px;padding:0 18px;border-radius:3px;border:1px solid var(--line);font-size:13px;font-weight:600;transition:background .2s,border-color .2s,transform .2s}.button:hover{transform:translateY(-2px);border-color:rgba(255,255,255,.38)}.button.primary{background:var(--ink);color:#11161a;border-color:var(--ink)}.button.primary:hover{background:var(--mint);border-color:var(--mint)}.button .arrow{font-size:17px;line-height:0}.hero-index{position:absolute;right:var(--pad);bottom:42px;font:10px var(--mono);letter-spacing:.14em;color:#b2b7b8}.hero-index span{color:var(--mint)}
.section{padding:clamp(82px,11vw,156px) 0}.section.tight{padding:76px 0}.section-head{display:grid;grid-template-columns:minmax(140px,.5fr) 1fr;gap:30px;margin-bottom:54px}.section-head h2{font-size:clamp(36px,5vw,64px);line-height:1.04;letter-spacing:-.05em;font-weight:500;max-width:790px;margin:0}.section-head h2 em{font:italic 400 1em var(--serif);color:#a6c6c7}.section-intro{max-width:520px;color:var(--muted);margin:22px 0 0}.products-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.product-card{position:relative;min-height:460px;background:var(--panel);border:1px solid var(--line);overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;padding:32px;transition:border-color .25s,transform .25s}.product-card:hover{border-color:rgba(114,228,187,.45);transform:translateY(-3px)}.product-card::before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 70% 42%,rgba(31,125,190,.2),transparent 52%),linear-gradient(145deg,transparent 55%,rgba(93,219,185,.07));pointer-events:none}.product-card.nuvio::before{background:radial-gradient(ellipse at 73% 39%,rgba(35,206,173,.18),transparent 46%),linear-gradient(145deg,transparent 55%,rgba(30,94,154,.1))}.product-top,.product-bottom{position:relative;z-index:1}.product-logo{max-width:160px;height:74px;object-fit:contain;object-position:left center}.product-logo.nuvio{max-width:195px;height:82px;mix-blend-mode:screen}.product-mark{position:absolute;right:22px;top:35px;width:43%;max-width:260px;opacity:.92;filter:drop-shadow(0 20px 42px rgba(0,0,0,.45))}.product-card.nuvio .product-mark{width:35%;max-width:190px;right:34px;top:68px}.product-card h3{font-size:30px;letter-spacing:-.035em;margin:22px 0 9px}.product-card p{max-width:430px;color:#afb5b7;margin-bottom:0}.text-link{display:inline-flex;gap:14px;align-items:center;font-size:13px;font-weight:600;margin-top:24px}.text-link span{color:var(--mint);font-size:17px;transition:transform .2s}.text-link:hover span{transform:translateX(4px)}
.manifesto{border-top:1px solid var(--line);border-bottom:1px solid var(--line);position:relative;overflow:hidden}.manifesto::after{content:"M";position:absolute;right:2vw;top:-120px;font-size:420px;line-height:1;color:rgba(255,255,255,.018);font-weight:700;pointer-events:none}.manifesto blockquote{font:italic clamp(37px,6vw,76px)/1.1 var(--serif);letter-spacing:-.025em;max-width:1000px;margin:0}.manifesto cite{display:block;font:11px var(--mono);font-style:normal;letter-spacing:.1em;color:var(--mint);text-transform:uppercase;margin-top:38px}.pillars{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line)}.pillar{padding:28px 30px 0 0}.pillar+.pillar{border-left:1px solid var(--line);padding-left:28px}.pillar .label{color:var(--mint)}.pillar h3{font-size:20px;font-weight:500;margin:18px 0 8px}.pillar p{color:var(--muted);font-size:14px;max-width:320px;margin:0}
.page-hero{padding:176px 0 86px;min-height:440px;border-bottom:1px solid var(--line);position:relative;overflow:hidden;background:radial-gradient(ellipse at 95% 16%,rgba(54,161,194,.12),transparent 42%)}.page-hero h1{font-size:clamp(50px,8vw,92px);line-height:.98;letter-spacing:-.06em;font-weight:500;margin:23px 0 20px;max-width:960px}.page-hero h1 em{font:italic 400 1em var(--serif);color:#badedf}.page-hero p{color:var(--muted);max-width:590px;font-size:17px;margin:0}.page-content{padding:76px 0 130px}.detail-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.detail-card{background:var(--panel);border:1px solid var(--line);padding:30px;min-height:195px}.detail-card .label{color:var(--mint)}.detail-card h3{font-size:19px;font-weight:500;margin:14px 0 8px}.detail-card p{color:var(--muted);font-size:14px;margin:0}.feature-list{display:grid;grid-template-columns:repeat(2,1fr);gap:0 48px;border-top:1px solid var(--line);margin-top:52px}.feature{padding:19px 0;border-bottom:1px solid var(--line);display:grid;grid-template-columns:26px 1fr;gap:14px}.feature i{font:11px var(--mono);color:var(--mint);font-style:normal;padding-top:5px}.feature strong{display:block;font-weight:500;font-size:15px}.feature span{display:block;font-size:13px;color:var(--muted);margin-top:4px}.download-list{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:44px}.download-card{border:1px solid var(--line);background:var(--panel);padding:28px;display:flex;flex-direction:column;align-items:flex-start}.download-card .platform{font:11px var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--mint)}.download-card h3{font-size:21px;font-weight:500;margin:13px 0 7px}.download-card p{font-size:13px;color:var(--muted);margin-bottom:0}.download-card .button{margin-top:23px}.file-note{font:10px var(--mono);color:#8b9194;margin-top:13px;word-break:break-word}.note-box{border-left:2px solid var(--mint);padding:15px 18px;background:rgba(114,228,187,.05);color:#c0c7c5;font-size:13px;margin-top:24px}.note-box strong{color:var(--ink);font-weight:600}
.split{display:grid;grid-template-columns:.7fr 1.3fr;gap:60px}.split .side-label{font:11px var(--mono);letter-spacing:.1em;color:var(--mint);text-transform:uppercase}.prose{max-width:760px}.prose h2{font-size:30px;letter-spacing:-.035em;line-height:1.15;font-weight:500;margin:0 0 18px}.prose h2:not(:first-child){margin-top:50px}.prose p{color:#b2b8b9;margin:0 0 17px}.contact-panel{border:1px solid var(--line);padding:clamp(28px,6vw,68px);background:linear-gradient(135deg,var(--panel),#0b1015);max-width:900px}.contact-panel h2{font-size:clamp(34px,5vw,58px);line-height:1.05;letter-spacing:-.05em;font-weight:500;margin-bottom:18px}.contact-panel p{color:var(--muted);max-width:500px}.email-link{font-size:clamp(18px,2.6vw,26px);color:var(--mint);border-bottom:1px solid rgba(114,228,187,.35);display:inline-block;margin-top:14px;overflow-wrap:anywhere}.disclaimer{font-size:12px;color:#858c8f;max-width:860px;border-top:1px solid var(--line);padding-top:22px;margin-top:50px}
.footer{border-top:1px solid var(--line);padding:34px 0 26px}.footer-top{display:flex;justify-content:space-between;align-items:flex-start;gap:40px;padding-bottom:32px}.footer-brand{font-size:13px;color:#c9cecf}.footer-brand p{font-size:12px;color:var(--muted);max-width:240px;margin:13px 0 0}.footer-nav{display:flex;gap:50px}.footer-col{display:flex;flex-direction:column;gap:9px;font-size:12px;color:var(--muted)}.footer-col strong{color:var(--ink);font:10px var(--mono);letter-spacing:.1em;text-transform:uppercase;margin-bottom:5px}.footer-col a:hover{color:var(--mint)}.footer-bottom{border-top:1px solid var(--line);padding-top:18px;display:flex;justify-content:space-between;color:#747b7f;font:10px var(--mono);letter-spacing:.035em}.reveal{opacity:0;transform:translateY(16px);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.7,.2,1)}.reveal.is-visible{opacity:1;transform:none}
@media(max-width:800px){.nav{display:none;position:absolute;top:75px;left:var(--pad);right:var(--pad);padding:20px;background:#0d1116;border:1px solid var(--line);flex-direction:column;align-items:stretch;gap:0}.nav.open{display:flex}.nav a{padding:14px 4px;border-bottom:1px solid var(--line)}.nav .nav-cta{margin-top:12px;text-align:center}.nav-toggle{display:inline-grid;place-items:center}.header{height:75px}.hero{min-height:770px}.hero::before{background-position:58% center;opacity:.65}.hero::after{background:linear-gradient(90deg,rgba(6,8,11,.6),rgba(6,8,11,.14)),linear-gradient(0deg,var(--bg),transparent 34%)}.hero-content{padding-top:100px}.section-head{grid-template-columns:1fr;gap:18px}.products-grid{grid-template-columns:1fr}.product-card{min-height:410px}.product-mark{width:37%}.pillars{grid-template-columns:1fr}.pillar,.pillar+.pillar{padding:23px 0;border-left:0;border-bottom:1px solid var(--line)}.pillar:first-child{padding-top:0}.split{grid-template-columns:1fr;gap:24px}.footer-top{flex-direction:column}.footer-nav{width:100%;justify-content:space-between;gap:22px}}
@media(max-width:540px){.hero{min-height:710px}.hero h1{font-size:clamp(52px,14vw,76px);max-width:540px}.hero-copy{font-size:15px;max-width:360px}.hero::before{background-position:62% center}.hero-index{bottom:24px}.section{padding:78px 0}.section-head{margin-bottom:34px}.product-card{min-height:390px;padding:24px}.product-card h3{font-size:27px}.product-mark{right:15px;top:42px;width:37%}.product-card.nuvio .product-mark{right:18px;top:66px;width:31%}.product-logo.nuvio{width:145px}.detail-grid,.feature-list,.download-list{grid-template-columns:1fr}.page-hero{padding:145px 0 66px;min-height:390px}.page-content{padding:56px 0 90px}.detail-card{min-height:0;padding:23px}.footer-nav{gap:12px;flex-wrap:wrap}.footer-col{min-width:100px}.footer-bottom{gap:20px;flex-wrap:wrap}.actions .button{width:100%}.manifesto::after{font-size:250px;top:-40px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.reveal{opacity:1;transform:none}}



.nuvio-lockup{font:12px var(--mono);letter-spacing:.1em;text-transform:uppercase;color:#a7afb3}

/* Brand refresh: oversized Monopole identity, product visuals, and scroll-led app screens. */
.brand-icon{width:36px;height:36px;object-fit:contain;object-position:center;background:transparent;border-radius:0;filter:drop-shadow(0 0 12px rgba(220,245,255,.12))}.brand-name{font-size:15px;font-weight:700;letter-spacing:-.025em}.brand-name span{color:#e5e8e8;font-weight:400}.hero-content{position:relative;z-index:2}.hero-monopole{position:absolute;z-index:1;right:clamp(18px,6vw,100px);top:50%;width:min(47vw,690px);transform:translateY(-44%);opacity:.92;filter:drop-shadow(0 15px 46px rgba(210,230,245,.13));pointer-events:none}.hero-monopole img{width:100%;height:auto;object-fit:contain}.hero-index{z-index:2}.product-card .outquote-logo{max-width:230px;height:155px;object-fit:contain;object-position:left center;filter:drop-shadow(0 0 24px rgba(71,119,255,.18))}.product-card.outquote::before{background:radial-gradient(ellipse at 70% 40%,rgba(45,92,255,.18),transparent 52%),linear-gradient(145deg,transparent 55%,rgba(150,90,255,.08))}.brand-stories{display:grid;grid-template-columns:1fr 1fr;gap:14px;padding:0 var(--pad);max-width:1440px;margin:0 auto}.brand-story{min-height:390px;position:relative;overflow:hidden;border:1px solid var(--line);background:#070c12;isolation:isolate}.brand-story>img{position:absolute;z-index:-2;inset:0;width:100%;height:100%;object-fit:cover;transition:transform 1s cubic-bezier(.2,.7,.2,1),filter .5s;filter:saturate(.84)}.brand-story::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(5,8,12,.94),rgba(5,8,12,.45) 70%),linear-gradient(0deg,rgba(5,8,12,.5),transparent 60%)}.brand-story:hover>img{transform:scale(1.045)}.brand-story-copy{position:absolute;inset:auto 28px 30px;max-width:390px}.brand-story-copy .label{color:var(--mint)}.brand-story-copy h2{font-size:clamp(27px,3vw,40px);line-height:1.08;letter-spacing:-.045em;font-weight:500;margin:14px 0 5px}.brand-story-copy .text-link{margin-top:10px}.nuvio-story::after{background:linear-gradient(90deg,rgba(5,8,12,.9),rgba(5,8,12,.3) 85%),linear-gradient(0deg,rgba(5,8,12,.5),transparent 60%)}.product-signature{display:flex;align-items:center;gap:20px;border-bottom:1px solid var(--line);padding:0 0 22px;margin:0 0 52px}.product-signature img{width:138px;height:96px;object-fit:contain;filter:drop-shadow(0 0 20px rgba(75,126,255,.18))}.product-signature span{font:11px var(--mono);letter-spacing:.14em;text-transform:uppercase;color:#bcc3c4}.product-signature.nuvio-signature img{width:86px;height:72px;filter:drop-shadow(0 0 22px rgba(43,224,190,.26))}.product-signature.nuvio-signature span{font:600 19px var(--sans);letter-spacing:-.035em;text-transform:none;color:#e7f0f0}.product-signature.nuvio-signature i{color:var(--mint);font-style:normal}.app-gallery{display:grid;grid-template-columns:1fr 1fr;gap:42px 20px;margin:74px 0 80px}.app-scene{position:relative;min-width:0;margin:0;padding:0 0 2px}.app-scene.scene-wide{grid-column:1/-1}.screen-frame{position:relative;overflow:hidden;border:1px solid rgba(196,228,238,.22);border-radius:9px;background:#080c12;box-shadow:0 24px 70px rgba(0,0,0,.45),0 0 0 5px rgba(255,255,255,.018)}.screen-frame>img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;object-position:top center}.screen-bar{height:32px;display:flex;align-items:center;gap:6px;padding:0 12px;background:linear-gradient(180deg,#19202a,#10151c);border-bottom:1px solid rgba(255,255,255,.08)}.screen-bar i{width:6px;height:6px;border-radius:50%;background:#53616b}.screen-bar i:first-child{background:#e86c63}.screen-bar i:nth-child(2){background:#d9b65d}.screen-bar i:nth-child(3){background:#59c58a}.screen-bar span{margin-left:auto;font:9px var(--mono);letter-spacing:.12em;color:#87949a}.scene-art{position:absolute;z-index:-1;inset:-42px 8% 18%;overflow:hidden;opacity:.48;filter:blur(1px);pointer-events:none}.scene-art img{width:100%;height:100%;object-fit:cover;border-radius:50%;mask-image:radial-gradient(ellipse,black 22%,transparent 73%)}.scene-art-compact{inset:-34px 2% 28%;opacity:.32}.app-scene figcaption{display:flex;align-items:baseline;gap:15px;padding:16px 2px 0}.app-scene figcaption span{flex:none;font:10px var(--mono);letter-spacing:.1em;color:var(--mint)}.app-scene figcaption strong{font-size:14px;font-weight:500;color:#dce1e1}.nuvio-gallery .screen-frame>img{aspect-ratio:16/9;object-fit:cover}.outquote-gallery .scene-small .screen-frame>img{aspect-ratio:16/9;object-fit:cover}.app-scene:hover .screen-frame{border-color:rgba(114,228,187,.42);transform:translateY(-3px);transition:transform .35s,border-color .35s}.app-scene .screen-frame{transition:transform .35s,border-color .35s}
.hero-monopole.reveal{transform:translateY(calc(-44% + 18px));transition:opacity .8s ease,transform .9s cubic-bezier(.2,.7,.2,1)}.hero-monopole.reveal.is-visible{transform:translateY(-44%)}
@media(max-width:900px){.hero-monopole{right:-4vw;width:56vw;opacity:.54}.hero-content{max-width:700px}.brand-stories{padding:0 var(--pad);grid-template-columns:1fr}.brand-story{min-height:330px}.product-signature{margin-bottom:40px}}
@media(max-width:600px){.hero-monopole{width:78vw;right:-22vw;top:23%;transform:none!important;opacity:.27}.hero-monopole.reveal,.hero-monopole.reveal.is-visible{transform:none!important}.hero-content{padding-top:126px}.brand-stories{gap:12px}.brand-story{min-height:300px}.app-gallery{grid-template-columns:1fr;gap:34px;margin:54px 0}.app-scene.scene-wide{grid-column:auto}.app-scene figcaption{align-items:flex-start;flex-direction:column;gap:6px}.screen-bar{height:27px}.screen-bar span{font-size:8px}.product-signature img{width:106px;height:78px}.product-signature.nuvio-signature img{width:70px;height:60px}}
@media(prefers-reduced-motion:reduce){.brand-story>img,.app-scene .screen-frame{transition:none}}
/* Follow-up polish: use the supplied lockup at its natural scale, add imagery to every key page, and animate complete app screens into alignment. */
.brand{gap:0}.brand-lockup{display:block;width:124px;height:82px;object-fit:contain;object-position:center;filter:drop-shadow(0 0 10px rgba(255,255,255,.12))}.footer .brand-lockup{width:150px;height:100px}.hero-content{margin-left:max(0px,calc((100vw - 1440px)/2));margin-right:0}.hero-art{position:absolute;z-index:0;right:3vw;top:50%;width:min(49vw,740px);height:min(62vw,630px);transform:translateY(-48%);opacity:.82;pointer-events:none;mask-image:radial-gradient(ellipse at center,black 35%,rgba(0,0,0,.78) 65%,transparent 100%)}.hero-art img{width:100%;height:100%;object-fit:cover;mix-blend-mode:screen}.hero-art.reveal{transform:translateY(calc(-48% + 22px));transition:opacity .9s ease,transform 1.1s cubic-bezier(.2,.7,.2,1)}.hero-art.reveal.is-visible{transform:translateY(-48%)}.hero::before{background:linear-gradient(90deg,rgba(6,8,11,.98) 0%,rgba(6,8,11,.9) 38%,rgba(6,8,11,.16) 100%),url('hero-sculpture.png') center 50%/cover no-repeat}.hero::after{background:linear-gradient(0deg,var(--bg),transparent 22%),radial-gradient(ellipse at 75% 40%,transparent 20%,rgba(4,6,9,.25) 75%)}
.manifesto::after{content:"";right:4vw;top:50%;width:350px;height:350px;transform:translateY(-50%);background:url('monopole-ai-mark.png') center/contain no-repeat;opacity:.045}
.download-art-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;padding:0 var(--pad);max-width:1440px;margin:0 auto 12px}.download-art{height:260px;position:relative;overflow:hidden;isolation:isolate;border:1px solid var(--line);background:#080d14}.download-art::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(4,7,11,.86),rgba(4,7,11,.18) 80%),linear-gradient(0deg,rgba(4,7,11,.6),transparent 70%)}.download-art-image{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover;transition:transform .8s}.download-art:hover .download-art-image{transform:scale(1.05)}.download-product-logo{position:absolute;left:22px;top:14px;width:105px;height:95px;object-fit:contain;object-position:left top;filter:drop-shadow(0 0 14px rgba(64,135,255,.3))}.nuvio-art .download-product-logo{width:72px;height:72px;left:28px;top:22px}.download-art>span{position:absolute;left:24px;bottom:20px;font:10px var(--mono);letter-spacing:.14em;color:#d4dcde}.philosophy-visual{height:clamp(260px,34vw,460px);margin:0 auto;max-width:1440px;position:relative;overflow:hidden;border-bottom:1px solid var(--line);border-top:1px solid var(--line);isolation:isolate;background:#060a0e}.philosophy-visual>img{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover;object-position:center 47%;opacity:.8}.philosophy-visual::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(5,8,11,.7),rgba(5,8,11,.08) 70%),linear-gradient(0deg,rgba(5,8,11,.3),transparent)}.philosophy-visual>div{position:absolute;right:var(--pad);bottom:26px;display:grid;justify-items:end;gap:12px}.philosophy-visual .label{color:#c3d2d5}.philosophy-visual>div img{width:clamp(140px,18vw,240px);height:auto;filter:drop-shadow(0 5px 20px rgba(0,0,0,.4))}
.app-scene.reveal{opacity:0;transform:perspective(1400px) rotateX(6deg) rotateY(-2deg) translateY(38px) scale(.98);transform-origin:center top;transition:opacity .8s ease,transform 1s cubic-bezier(.18,.68,.25,1)}.app-scene.scene-small.reveal:nth-child(3){transform:perspective(1400px) rotateX(6deg) rotateY(2deg) translateY(38px) scale(.98)}.app-scene.reveal.is-visible{opacity:1;transform:perspective(1400px) rotateX(0) rotateY(0) translateY(0) scale(1)}.app-scene:nth-child(2){transition-delay:.12s}.app-scene:nth-child(3){transition-delay:.22s}.app-scene figcaption{opacity:0;transform:translateY(12px);transition:opacity .5s ease .42s,transform .55s ease .42s}.app-scene.is-visible figcaption{opacity:1;transform:none}.screen-frame{transform-style:preserve-3d;transition:transform .4s,border-color .4s,box-shadow .4s}.app-scene:hover .screen-frame{transform:perspective(1100px) rotateY(-1.6deg) rotateX(1deg) translateY(-4px);box-shadow:0 32px 80px rgba(0,0,0,.52),0 0 0 5px rgba(255,255,255,.02)}.screen-frame>img{object-fit:contain;background:#080c12}
@media(max-width:800px){.brand-lockup{width:110px;height:74px}.hero-content{margin:0;width:100%}.hero-art{width:68vw;height:68vw;right:-18vw;top:23%;transform:none;opacity:.45}.hero-art.reveal,.hero-art.reveal.is-visible{transform:none}.download-art-grid{grid-template-columns:1fr}.download-art{height:230px}.philosophy-visual{height:300px}}
@media(max-width:600px){.hero-content{margin-left:0;margin-right:0}.brand-lockup{width:105px;height:70px}.download-art-grid{padding:0 var(--pad)}.philosophy-visual>div{right:var(--pad);bottom:20px}.app-scene.reveal,.app-scene.scene-small.reveal:nth-child(3){transform:perspective(1000px) rotateX(3deg) translateY(30px) scale(.985)}.app-scene.reveal.is-visible{transform:perspective(1000px) rotateX(0) translateY(0) scale(1)}}
@media(prefers-reduced-motion:reduce){.hero-art,.download-art-image,.app-scene.reveal,.app-scene figcaption,.screen-frame{transition:none!important;transform:none!important}}
/* Navbar alignment requested in review. */
.brand{gap:11px}.brand-icon{width:33px;height:33px;object-fit:contain;object-position:center;background:transparent;border-radius:0;filter:drop-shadow(0 0 10px rgba(220,245,255,.12))}.brand-name{font-size:14px;font-weight:700;letter-spacing:-.02em}.brand-name span{color:#e5e8e8;font-weight:400}
/* Refine the brand lockup and keep app screenshots fully framed on compact viewports. */
.brand{gap:16px}.brand-icon{width:31px;height:31px}.brand-name{font-size:14px;line-height:1.15;letter-spacing:-.012em}.app-scene.reveal.is-visible{transform:perspective(1400px) rotateX(1.2deg) rotateY(-.5deg) translateY(0) scale(1)}.app-scene.scene-small:nth-child(3).reveal.is-visible{transform:perspective(1400px) rotateX(1deg) rotateY(.7deg) translateY(0) scale(1)}.app-scene figcaption strong{line-height:1.4}.screen-frame>img{object-fit:contain;object-position:center;background:#080c12}
@media(max-width:800px){.app-gallery{grid-template-columns:1fr}.app-scene.scene-wide{grid-column:auto}.app-scene.reveal.is-visible,.app-scene.scene-small:nth-child(3).reveal.is-visible{transform:perspective(1100px) rotateX(.6deg) translateY(0) scale(1)}}
/* Product brand displays: larger supplied marks, illuminated stands, and copy revealed as each hero enters view. */
.hero::before{background:linear-gradient(90deg,rgba(5,7,10,.98) 0%,rgba(5,7,10,.88) 36%,rgba(5,7,10,.18) 100%),url('monopole-ribbon-art.png') 64% center/cover no-repeat;opacity:.95}.hero::after{background:linear-gradient(0deg,var(--bg),transparent 22%),linear-gradient(90deg,rgba(3,5,8,.08),transparent 78%)}.hero-art{display:none}
.product-brand-hero{position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(280px,.9fr) 1.1fr;align-items:center;gap:48px;min-height:430px;margin:0 0 74px;padding:38px clamp(24px,4vw,58px);overflow:hidden;border:1px solid rgba(210,235,245,.15);background:linear-gradient(120deg,rgba(15,21,29,.95),rgba(7,10,15,.94));box-shadow:0 22px 65px rgba(0,0,0,.25)}.product-brand-hero::after{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(90deg,transparent 42%,rgba(255,255,255,.025) 42.1%,transparent 42.3%);pointer-events:none}.outquote-product-hero{--glow-a:rgba(29,151,255,.52);--glow-b:rgba(171,62,255,.44);--brand-ink:#86dfff}.nuvio-product-hero{--glow-a:rgba(21,195,255,.5);--glow-b:rgba(45,240,171,.42);--brand-ink:#7cebd2}.brand-stage{height:350px;position:relative;display:grid;place-items:center;perspective:1100px}.brand-aura{position:absolute;width:74%;height:70%;border-radius:50%;background:radial-gradient(ellipse,var(--glow-a),var(--glow-b) 40%,transparent 72%);filter:blur(28px);opacity:.42;animation:brand-aura-pulse 5s ease-in-out infinite alternate}.brand-emblem{position:relative;z-index:2;width:min(80%,300px);aspect-ratio:1;display:grid;place-items:center;animation:brand-float 6s ease-in-out infinite;filter:drop-shadow(0 16px 35px rgba(0,0,0,.4))}.brand-emblem img{width:100%;height:100%;object-fit:contain}.brand-stand{position:absolute;z-index:1;bottom:12px;left:50%;width:76%;height:88px;transform:translateX(-50%) rotateX(58deg);border-radius:50%;border:1px solid rgba(220,244,250,.35);background:radial-gradient(ellipse at 50% 25%,rgba(234,249,255,.19),rgba(69,89,108,.17) 48%,rgba(3,8,14,.85) 76%);box-shadow:0 0 38px var(--glow-a),inset 0 2px 10px rgba(255,255,255,.18)}.brand-stand::after{content:"";position:absolute;inset:10px 13%;border:1px solid rgba(255,255,255,.13);border-radius:50%}.brand-stand i{position:absolute;left:12%;right:12%;bottom:-17px;height:22px;border-radius:50%;background:rgba(0,0,0,.75);filter:blur(12px)}.brand-hero-copy{position:relative;padding:28px 12px;opacity:0;transform:translateY(20px);transition:opacity .8s ease .25s,transform .8s cubic-bezier(.2,.7,.2,1) .25s}.product-brand-hero.is-visible .brand-hero-copy{opacity:1;transform:none}.brand-hero-copy .label{color:var(--brand-ink)}.brand-hero-name{font-size:clamp(54px,7vw,94px);line-height:.96;letter-spacing:-.065em;font-weight:500;margin:22px 0 18px;text-shadow:0 0 34px var(--glow-a)}.brand-hero-copy p{font:13px var(--mono);letter-spacing:.09em;text-transform:uppercase;color:#d9e5e8;margin:0 0 16px}.brand-hero-note{display:block;color:#9faeb3;font-size:14px}.outquote-product-hero .brand-emblem{width:min(82%,315px)}.nuvio-product-hero .brand-emblem{width:min(70%,260px)}.nuvio-product-hero .brand-emblem img{filter:drop-shadow(0 0 26px rgba(27,212,194,.46))}.outquote-art>span{display:none}.product-card.outquote .product-bottom h3{display:none}
@keyframes brand-float{0%,100%{transform:translateY(0) rotateY(-4deg)}50%{transform:translateY(-9px) rotateY(4deg)}}@keyframes brand-aura-pulse{from{opacity:.26;transform:scale(.92)}to{opacity:.65;transform:scale(1.08)}}
@media(max-width:800px){.product-brand-hero{grid-template-columns:1fr;gap:12px;padding:26px 24px 34px;min-height:unset}.brand-stage{height:290px}.brand-emblem{width:min(64%,250px)}.outquote-product-hero .brand-emblem{width:min(68%,265px)}.nuvio-product-hero .brand-emblem{width:min(58%,225px)}.brand-stand{width:60%;height:65px;bottom:2px}.brand-hero-copy{padding:10px 6px 0;text-align:center}.brand-hero-name{font-size:clamp(52px,12vw,76px);margin:16px 0 12px}.hero::before{background-position:62% center}.hero::after{background:linear-gradient(90deg,rgba(4,6,9,.5),rgba(4,6,9,.1)),linear-gradient(0deg,var(--bg),transparent 34%)}}
@media(prefers-reduced-motion:reduce){.brand-emblem,.brand-aura{animation:none!important}}
.product-brand-hero{margin-top:88px;max-width:1600px;margin-left:auto;margin-right:auto}.product-brand-hero .brand-hero-copy{will-change:transform,opacity}.product-brand-hero.is-visible .brand-aura{opacity:.55}
@media(max-width:800px){.product-brand-hero{margin-top:75px}}
/* Override earlier per-gallery cover rules so screenshots always retain their full window bounds. */
.outquote-gallery .scene-small .screen-frame>img,.nuvio-gallery .screen-frame>img{object-fit:contain!important;object-position:center!important;background:#080c12}

/* Cooler studio palette, denser page rhythm, and clearer editorial typography. */
:root{--mint:#a8c7d8;--cyan:#68c8ef}
body{font-size:17px}
.kicker,.label,.split .side-label,.pillar .label,.feature i,.feature-list .feature i,.download-card .platform,.manifesto cite{color:#a8c7d8}
.kicker::before{background:#9fc7dc}
.nav a:hover,.nav a.current,.nav a[aria-current=page]{color:#b8d2df}
.button.primary:hover{background:#b6cedb;border-color:#b6cedb}
.section{padding:clamp(72px,8vw,116px) 0}
.section.tight{padding:64px 0}
.page-hero{min-height:390px;padding:150px 0 68px;background:radial-gradient(ellipse at 95% 16%,rgba(102,164,199,.17),transparent 44%)}
.page-hero h1{font-size:clamp(56px,8vw,100px)}
.page-hero h1 em,.section-head h2 em{color:#c2d8e0}
.page-hero p,.hero-copy,.section-intro{font-size:18px;line-height:1.75;color:#bdc7cd}
.page-content{padding:64px 0 100px}
.prose p{font-size:17px;line-height:1.8;color:#c0c9ce}
.prose h2{font-size:clamp(32px,4vw,44px);line-height:1.13;color:#eff3f4}
.feature span,.download-card p,.pillar p{font-size:15px;line-height:1.65}
.feature strong{font-size:17px}
.app-scene figcaption strong{font-size:16px}
.contact-panel p{font-size:17px;line-height:1.75}
.text-link span,.email-link{color:#a8c7d8}
.product-card.outquote .product-top{display:flex;align-items:flex-start;justify-content:space-between;min-height:150px}
.product-card.outquote .outquote-lockup{font:600 17px/1.2 var(--sans);letter-spacing:-.02em;text-transform:none;color:#e7f2f6;padding-top:10px}
.product-card.outquote .product-mark.outquote-product-mark{position:absolute;right:26px;top:24px;width:37%;max-width:210px;opacity:.98;filter:drop-shadow(0 0 28px rgba(55,159,255,.35))}
.product-card.outquote .product-bottom h3{display:none}
.product-card.outquote::before{background:radial-gradient(ellipse at 76% 34%,rgba(42,144,218,.21),transparent 48%),linear-gradient(145deg,transparent 55%,rgba(121,176,207,.08))}
.product-brand-hero{min-height:460px;margin-bottom:56px}
.outquote-product-hero{--brand-ink:#b6d8e7;background:linear-gradient(90deg,rgba(5,9,13,.88),rgba(6,10,15,.42)),url('outquote-cyan-environment.png') center 54%/cover no-repeat}
.nuvio-product-hero{background:linear-gradient(90deg,rgba(5,9,13,.88),rgba(6,10,15,.42)),url('nuvio-files-art.png') center 54%/cover no-repeat}
.outquote-product-hero .brand-emblem{width:min(68%,275px)}
.brand-hero-name{font-size:clamp(64px,8vw,108px)}
.outquote-product-hero .brand-hero-name{width:max-content;max-width:100%;background:linear-gradient(105deg,#f2fcff 0%,#8de7ff 38%,#498bff 68%,#d09aff 100%);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:none;filter:drop-shadow(0 0 22px rgba(73,152,255,.22))}
.brand-hero-note{font-size:16px;line-height:1.7;color:#bdc9cf;max-width:420px}
.outquote-product-hero .brand-aura{background:radial-gradient(ellipse,rgba(53,180,255,.52),rgba(78,115,237,.3) 38%,transparent 72%)}
.brand-stand{box-shadow:0 0 42px var(--glow-a),0 0 70px rgba(78,119,227,.12),inset 0 2px 10px rgba(255,255,255,.18)}
.nuvio-gallery .screen-frame>img{aspect-ratio:1.918/1;object-fit:contain!important;object-position:center!important;background:#080c12}
.outquote-gallery .screen-frame>img{aspect-ratio:1.6/1;object-fit:contain!important;object-position:center!important;background:#080c12}
.app-gallery{gap:34px 24px;margin:58px 0 68px}
.screen-frame{border-color:rgba(184,211,225,.25);box-shadow:0 28px 76px rgba(0,0,0,.5),0 0 0 5px rgba(255,255,255,.025)}
.app-scene:hover .screen-frame{border-color:rgba(151,198,222,.48)}
.philosophy-visual{height:clamp(340px,40vw,540px);max-width:none;border-color:rgba(183,211,225,.16)}
.philosophy-visual>img{object-position:right 48%;opacity:.92}
.philosophy-visual::after{background:linear-gradient(90deg,rgba(5,8,11,.64),rgba(5,8,11,.06) 72%),linear-gradient(0deg,rgba(5,8,11,.48),transparent 48%)}
.studio-principles{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin-top:0;margin-bottom:18px;border:1px solid var(--line);background:linear-gradient(110deg,rgba(18,28,37,.72),rgba(8,12,17,.9))}
.studio-principles article{padding:26px 28px 30px}
.studio-principles article+article{border-left:1px solid var(--line)}
.studio-principles article>span{font:10px var(--mono);letter-spacing:.1em;color:#a8c7d8}
.studio-principles h2{font-size:clamp(21px,2.2vw,28px);line-height:1.18;letter-spacing:-.035em;margin:18px 0 10px;font-weight:500;color:#eef3f4}
.studio-principles p{font-size:15px;line-height:1.7;color:#aebbc2;margin:0}
.download-art-grid{margin-bottom:20px}
.download-art{height:300px}
.download-art.outquote-art::before{content:'OutQuote';position:absolute;z-index:1;left:142px;top:38px;font:600 23px/1.2 var(--sans);letter-spacing:-.035em;color:#eef8ff;text-shadow:0 0 22px rgba(77,159,255,.55)}
.download-product-logo{left:22px;top:16px;width:100px;height:100px;filter:drop-shadow(0 0 23px rgba(65,157,255,.44))}
.download-art.outquote-art>span{display:none}
.outquote-story>img{object-position:center 56%}
.brand-story-copy h2{font-size:clamp(30px,3.4vw,46px)}
@media(max-width:800px){.studio-principles{grid-template-columns:1fr}.studio-principles article+article{border-left:0;border-top:1px solid var(--line)}.product-brand-hero{min-height:unset}.outquote-product-hero,.nuvio-product-hero{background-position:center}.outquote-product-hero .brand-hero-name{margin-left:auto;margin-right:auto}.download-art{height:260px}}
@media(max-width:600px){body{font-size:16px}.page-hero{min-height:360px;padding-top:128px}.page-hero h1{font-size:clamp(48px,13vw,72px)}.prose p{font-size:16px}.section{padding:68px 0}.philosophy-visual{height:330px}.studio-principles article{padding:22px}.download-art.outquote-art::before{left:116px;top:33px;font-size:20px}.download-product-logo{width:82px;height:82px}.product-card.outquote .product-mark.outquote-product-mark{right:16px;top:37px;width:35%}}
@media(prefers-reduced-motion:reduce){.studio-principles,.outquote-product-hero,.nuvio-product-hero{scroll-behavior:auto}}
.product-brand-hero{margin-bottom:28px}
.page-content{padding-top:44px}
.app-gallery{margin-top:48px}
@media(max-width:600px){.product-brand-hero{margin-bottom:22px}.page-content{padding-top:36px}}
/* Match OutQuote's homepage lockup to Nuvio's: quiet label, standalone symbol, and title in the copy block. */
.product-card.outquote .outquote-lockup{font:12px var(--mono);letter-spacing:.1em;text-transform:uppercase;color:#a7afb3;padding-top:0}
.product-card.outquote .product-mark.outquote-product-mark{width:35%;max-width:190px}
.product-card.outquote .product-bottom h3{display:block}
.product-brand-hero{margin-bottom:22px}
.page-content{padding-top:38px}
@media(max-width:600px){.product-brand-hero{margin-bottom:18px}.page-content{padding-top:32px}}
.product-card.outquote .product-mark.outquote-product-mark{width:30%;max-width:165px}
@media(max-width:600px){.product-card.outquote .product-mark.outquote-product-mark{width:31%;max-width:165px}}
.nuvio-gallery .scene-small{grid-column:1/-1;width:min(100%,1200px);margin-inline:auto}
@media(max-width:800px){.nuvio-gallery .scene-small{grid-column:auto;width:100%}}
.download-art.nuvio-art::before{content:'Nuvio';position:absolute;z-index:1;left:116px;top:41px;font:600 23px/1.2 var(--sans);letter-spacing:-.035em;color:#eef8ff;text-shadow:0 0 18px rgba(43,215,191,.4)}
.download-art.nuvio-art>span{display:none}
@media(max-width:600px){.download-art.nuvio-art::before{left:112px;top:37px;font-size:20px}}
/* Nuvio gallery: balance the device view with a visual transfer-confidence panel. */
.nuvio-gallery .scene-small{grid-column:auto;width:100%;margin:0}
.nuvio-gallery-note{position:relative;grid-column:auto;min-height:390px;overflow:hidden;border:1px solid rgba(184,211,225,.2);border-radius:9px;background:#101a24;isolation:isolate;box-shadow:0 24px 70px rgba(0,0,0,.4)}
.nuvio-gallery-note>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;opacity:.78;z-index:-2}
.nuvio-gallery-note::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(5,9,13,.84),rgba(5,9,13,.2) 92%),linear-gradient(0deg,rgba(5,9,13,.92),rgba(5,9,13,.08) 82%)}
.nuvio-note-copy{position:absolute;inset:auto 26px 24px;z-index:1}
.nuvio-note-copy .label{color:#b5d4e1}
.nuvio-note-copy h3{font-size:clamp(24px,2.5vw,36px);line-height:1.08;letter-spacing:-.04em;margin:14px 0 10px;font-weight:500}
.nuvio-note-copy p{font-size:15px;line-height:1.65;color:#c0cbd0;max-width:380px;margin:0 0 17px}
.nuvio-note-copy ul{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.nuvio-note-copy li{font:11px var(--mono);letter-spacing:.04em;color:#d1dce1}
.nuvio-note-copy li::before{content:"↗";color:#9fc7dc;margin-right:9px}
@media(max-width:800px){.nuvio-gallery .scene-small{grid-column:auto;width:100%}.nuvio-gallery-note{min-height:340px}}
/* Refine the OutQuote hero lockup to match Nuvio's scale and make its product label easier to spot. */
.outquote-product-hero .brand-emblem{width:min(62%,225px)}
.outquote-product-hero .brand-hero-copy .label{display:inline-flex;align-items:center;padding:7px 11px;border:1px solid rgba(113,197,255,.28);border-radius:999px;background:rgba(15,43,63,.42);color:#c7ebfa;font-size:11px;line-height:1;letter-spacing:.13em}
@media(max-width:800px){.outquote-product-hero .brand-emblem{width:min(58%,196px)}}
/* Keep the two homepage product cards on the same typographic and logo grid. */
.product-card .product-top{min-height:150px}
.product-card .nuvio-lockup,.product-card .outquote-lockup{font:12px var(--mono);letter-spacing:.1em;text-transform:uppercase;color:#a7afb3;padding-top:0}
.product-card .product-bottom h3{display:block;margin:22px 0 9px;font-size:30px;letter-spacing:-.035em}
.product-card.outquote .product-mark.outquote-product-mark{right:26px;top:24px;width:30%;max-width:165px}
.product-card.nuvio .product-mark{right:15px;top:0;width:38%;max-width:205px}
@media(max-width:600px){.product-card.outquote .product-mark.outquote-product-mark{right:16px;top:24px;width:31%;max-width:165px}.product-card.nuvio .product-mark{right:18px;top:0;width:37%;max-width:190px}}
/* The studio signature sits in the darker left side of the philosophy artwork and appears without scroll reveal. */
.philosophy-visual>div{left:clamp(32px,8vw,132px);right:auto;top:50%;bottom:auto;transform:translateY(-50%);justify-items:start;gap:14px}
.philosophy-visual>div img{width:clamp(200px,22vw,280px);filter:drop-shadow(0 7px 26px rgba(0,0,0,.5))}
.philosophy-visual .label{color:#d2e2ec;text-shadow:0 1px 12px rgba(0,0,0,.65)}
@media(max-width:600px){.philosophy-visual>div{left:24px;right:24px;top:50%;bottom:auto}.philosophy-visual>div img{width:min(68vw,240px)}}
/* Give editorial split sections a visual, branded left column instead of a lone label. */
.split{grid-template-columns:minmax(280px,.72fr) minmax(0,1.28fr);gap:clamp(32px,5vw,72px);align-items:stretch}
.split-panel{position:relative;isolation:isolate;overflow:hidden;min-height:350px;display:flex;flex-direction:column;justify-content:space-between;padding:clamp(24px,3vw,38px);border:1px solid rgba(187,214,228,.2);background:linear-gradient(145deg,#111922,#080d13);box-shadow:0 26px 66px rgba(0,0,0,.28)}
.split-panel-art{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover;opacity:.46;filter:saturate(.86)}
.split-panel::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(5,9,14,.38),rgba(5,9,14,.9)),linear-gradient(90deg,rgba(5,9,14,.46),transparent 92%);pointer-events:none}
.split-panel::after{content:"";position:absolute;inset:14px;z-index:-1;border:1px solid rgba(211,232,243,.13);pointer-events:none}
.split-panel-top{position:relative;z-index:1;display:flex;align-items:flex-start;justify-content:space-between;gap:18px}
.split-panel-label{max-width:230px;font:10px/1.5 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:#c4d8e4}
.split-panel-mark{flex:0 0 auto;width:64px;height:64px;object-fit:contain;filter:drop-shadow(0 0 22px rgba(86,179,230,.25))}
.split-panel-copy{position:relative;z-index:1}
.split-panel-index{display:block;margin-bottom:15px;font:9px var(--mono);letter-spacing:.13em;color:#a8c8d9}
.split-panel-copy h3{font-size:clamp(27px,3vw,40px);line-height:1.08;letter-spacing:-.045em;font-weight:500;margin:0 0 23px;color:#eef3f4}
.split-panel-copy ul{list-style:none;display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0}
.split-panel-copy li{padding:6px 9px;border:1px solid rgba(208,228,239,.2);background:rgba(5,10,15,.36);font:9px var(--mono);letter-spacing:.1em;color:#cfdae0}
.split-panel-outquote{border-color:rgba(100,167,227,.27);background:linear-gradient(145deg,#101724,#080c13)}
.split-panel-outquote .split-panel-index,.split-panel-outquote .split-panel-copy li{color:#bfd9f3}
.split-panel-nuvio{border-color:rgba(83,210,186,.24);background:linear-gradient(145deg,#0d1b1c,#080d13)}
.split-panel-nuvio .split-panel-index,.split-panel-nuvio .split-panel-copy li{color:#b7e7db}
.split-panel-studio{background:radial-gradient(ellipse at 84% 15%,rgba(136,184,208,.2),transparent 40%),linear-gradient(145deg,#141b22,#090d12);border-color:rgba(184,211,225,.22)}
.split-panel-studio .split-panel-mark{filter:drop-shadow(0 0 18px rgba(218,238,247,.18))}
.split-panel-studio .split-panel-index,.split-panel-studio .split-panel-copy li{color:#d1e0e7}
@media(max-width:800px){.split{grid-template-columns:1fr;gap:24px}.split-panel{min-height:320px}}
@media(max-width:600px){.split-panel{min-height:300px;padding:24px}.split-panel-mark{width:54px;height:54px}.split-panel-copy h3{font-size:32px}}

/* Fill editorial split cards with a clear visual beat between the label and message. */
.split-panel{justify-content:flex-start;gap:20px;min-height:520px;padding:clamp(22px,2.5vw,32px)}
.split-panel-top{align-items:center;min-height:54px}
.split-panel-mark{width:56px;height:56px}
.split-panel-visual{position:relative;isolation:isolate;overflow:hidden;flex:0 0 auto;width:100%;aspect-ratio:1.65;border:1px solid rgba(197,222,236,.2);background:#080d13;box-shadow:inset 0 0 35px rgba(0,0,0,.35)}
.split-panel-visual::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(4,8,13,.25),transparent 55%);pointer-events:none}
.split-panel-visual img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .7s cubic-bezier(.2,.7,.2,1);filter:saturate(.92)}
.split-panel:hover .split-panel-visual img{transform:scale(1.035)}
.split-panel-studio .split-panel-visual img{object-position:center 44%;filter:saturate(.66) contrast(1.08)}
.split-panel-copy h3{margin-bottom:12px}
.split-panel-copy p{max-width:36ch;margin:0 0 15px;color:#aebbc5;font-size:13px;line-height:1.55}
.split-panel-copy ul{margin-top:2px}
.split-panel-studio .split-panel-visual{border-color:rgba(198,222,238,.25)}
@media(max-width:800px){.split-panel{min-height:500px}.split-panel-visual{aspect-ratio:1.8}}
@media(max-width:600px){.split-panel{min-height:470px;padding:22px;gap:16px}.split-panel-visual{aspect-ratio:1.75}.split-panel-top{min-height:48px}.split-panel-mark{width:48px;height:48px}.split-panel-copy h3{font-size:30px;margin-bottom:10px}.split-panel-copy p{font-size:13px}}

.footer-credit{color:#8d969b;font-size:.94em}.footer-credit a{color:inherit;text-decoration:underline;text-decoration-color:rgba(168,199,216,.35);text-underline-offset:3px}.footer-credit a:hover{color:#a8c7d8}

/* Product galleries: show the complete supplied app screens with feature notes. */
.screen-showcase{margin:76px 0 84px}.screen-showcase-intro{max-width:760px;margin:0 0 30px}.screen-showcase-intro .label{display:block;margin-bottom:13px;color:#a9c6d7;font:10px var(--mono);letter-spacing:.14em}.screen-showcase-intro h2{margin:0 0 11px;color:#edf2f5;font-size:clamp(30px,4vw,46px);line-height:1.08;letter-spacing:-.045em}.screen-showcase-intro p{max-width:680px;margin:0;color:#9eafbf;font-size:16px;line-height:1.7}.app-gallery.app-screen-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 24px;margin:0;align-items:start}.app-screen-grid .app-screen-card{min-width:0;padding:16px;border:1px solid rgba(180,207,224,.16);border-radius:14px;background:linear-gradient(145deg,rgba(20,29,41,.92),rgba(9,14,22,.94));box-shadow:0 20px 55px rgba(0,0,0,.24);transition:transform .38s ease,border-color .38s ease,box-shadow .38s ease}.app-screen-grid .screen-frame{border-radius:9px;background:#080c12;box-shadow:0 12px 32px rgba(0,0,0,.26)}.app-screen-grid .screen-frame>img{display:block;width:100%;height:auto;aspect-ratio:auto;object-fit:contain;object-position:center}.app-screen-grid .screen-bar{height:30px}.app-screen-grid .app-screen-card figcaption{display:block;padding:17px 3px 2px}.app-screen-grid .screen-index{display:block;margin-bottom:8px;color:#9bc7dc;font:10px var(--mono);letter-spacing:.12em}.app-screen-grid figcaption h3{margin:0 0 6px;color:#edf2f5;font-size:18px;font-weight:600;letter-spacing:-.02em}.app-screen-grid figcaption p{max-width:44em;margin:0;color:#9eafbf;font-size:14px;line-height:1.65}.app-screen-grid .app-screen-card:hover{transform:translateY(-4px);border-color:rgba(132,201,232,.35);box-shadow:0 25px 62px rgba(0,0,0,.35)}.outquote-gallery .screen-index{color:#b5b9ff}.nuvio-gallery .screen-index{color:#91e9d5}
@media(max-width:760px){.screen-showcase{margin:58px 0 64px}.screen-showcase-intro{margin-bottom:22px}.app-gallery.app-screen-grid{grid-template-columns:minmax(0,1fr);gap:22px}.app-screen-grid .app-screen-card{padding:12px}}
@media(prefers-reduced-motion:reduce){.app-screen-grid .app-screen-card{transition:none}.app-screen-grid .app-screen-card:hover{transform:none}}