:root{color-scheme:dark;--bg:#080b12;--surface:#10151f;--ink:#f0f2f9;--muted:#929bac;--line:#252c3a;--accent:#aebeff}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--bg);color:var(--ink);font-family:'Segoe UI',Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}img{display:block;max-width:100%;height:auto}svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.filled{fill:currentColor;stroke:none}.svg-defs{position:absolute;width:0;height:0}.container{width:min(1240px,calc(100% - 96px));margin-inline:auto}h1,h2,h3,p{margin:0}button,a{-webkit-tap-highlight-color:transparent}:focus-visible{outline:2px solid #b6c6ff;outline-offset:5px}.skip-link{position:fixed;top:-80px;left:15px;z-index:20;background:#aebeff;color:#101622;padding:14px}.skip-link:focus{top:10px}
.header{height:100px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:12px;font-weight:700;letter-spacing:1px;font-size:18px}.brand img{width:44px;height:44px;object-fit:contain}.brand b{font-weight:400;color:var(--muted);font-size:13px;letter-spacing:3px;margin-left:3px}.header nav{display:flex;gap:35px;font-size:13px;color:#c1c8d7}.header nav a{display:flex;align-items:center;gap:10px;padding-block:12px}.header nav svg{width:15px;height:15px}.header nav a:hover{color:white}
.hero{display:grid;grid-template-columns:.85fr 1.15fr;align-items:center;gap:60px;padding-block:82px 90px}.eyebrow,.micro{font-size:9px;letter-spacing:2px;font-weight:500;color:var(--muted)}.eyebrow{display:flex;align-items:center;gap:10px;margin-bottom:28px}.status-dot{width:6px;height:6px;border-radius:50%;background:#b1bdff;box-shadow:0 0 12px #aebeff66}h1{font-size:clamp(70px,7.5vw,106px);line-height:.96;letter-spacing:-6px;font-weight:500}h1>span{color:var(--accent)}.hero-description{color:var(--muted);font-size:14px;margin-top:28px;line-height:1.7}.hero-link{display:inline-flex;gap:28px;align-items:center;font-size:12px;margin-top:32px}.hero-link>span{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;border:1px solid #46516b;transition:background .25s,transform .25s}.hero-link:hover>span{background:#27354f;transform:translateX(4px)}
.hero-showcase{min-width:0;position:relative;padding:22px;border:1px solid #30394d;border-radius:22px;background:radial-gradient(ellipse at 50% 0,#34416535,transparent 75%),#0d121c;box-shadow:0 20px 80px #0003}.hero-preview-top{display:flex;justify-content:space-between;align-items:center;padding-bottom:24px}.hero-preview-top .micro{font-size:8px;letter-spacing:1.7px}.preview-index{font-family:monospace;color:#8c9cbe;font-size:10px}.hero-screen{height:280px;display:grid;place-items:center;background:#080e18;border:1px solid #252f40;border-radius:10px;overflow:hidden}.hero-screen img{max-width:100%;width:auto;max-height:100%;object-fit:contain;transition:filter .3s}.hero-screen.is-phone{background:radial-gradient(ellipse,#22395b,#0a111d)}.hero-screen.is-phone img{height:100%;border-inline:3px solid #2a3b53;border-radius:12px}.hero-selector{display:flex;gap:8px;margin-top:20px}.hero-selector button{flex:1;display:flex;justify-content:center;align-items:center;gap:8px;min-height:53px;border:1px solid transparent;background:transparent;color:#939fb5;border-radius:9px;font-size:11px;transition:background .25s,color .25s,border-color .25s}.hero-selector img{width:28px;height:28px;object-fit:contain;border-radius:7px}.hero-selector button:hover{color:#fff;background:#1c2639}.hero-selector button[aria-pressed=true]{background:#202b40;border-color:#3d4c69;color:#eef2ff}
.section-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid var(--line);padding-block:32px 30px}.section-heading h2{font-size:22px;font-weight:500;letter-spacing:-.6px}.section-heading h2 span{font-family:monospace;font-size:11px;letter-spacing:0;color:#69758b;margin-left:12px}.section-heading>.micro{font-size:8px;letter-spacing:1.5px}.app-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.app-panel{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:18px;overflow:hidden;background:var(--surface);min-width:0;transition:border-color .3s,transform .3s}.app-panel:hover{border-color:#4a5875;transform:translateY(-3px)}.app-copy{padding:30px 32px;order:2;display:flex;flex-direction:column;align-items:flex-start}.app-topline{display:flex;align-items:center;gap:12px;margin-bottom:18px}.app-symbol{width:38px;height:38px;border-radius:10px;object-fit:contain}.cleaner-icon{background:#162332;padding:3px}.platform-tag{font-size:8px;letter-spacing:1.7px;color:#a2afc7}.app-copy h3{font-size:31px;font-weight:500;letter-spacing:-1px}.app-category{font-size:12px;color:#9eacc1;margin-top:7px}.app-description{font-size:13px;color:#8e9bb1;line-height:1.7;max-width:380px;margin-block:18px 25px}.button{display:inline-flex;align-items:center;gap:14px;min-height:46px;padding:13px 17px;border:1px solid #435271;background:#25334e;border-radius:8px;font-size:11px;font-weight:500;color:#dce6ff;transition:background .25s,transform .25s}.button svg{width:16px;height:16px}.button:hover{background:#374b70;transform:translateY(-2px)}.valcdex{grid-column:1/-1;display:grid;grid-template-columns:1.4fr 1fr;min-height:365px}.valcdex .app-copy{justify-content:center;padding:36px 42px;order:2}.valcdex .valcdex-visual{order:1}.valcdex .app-description{max-width:280px}.valcdex-visual{min-width:0;padding:28px;background:radial-gradient(ellipse at 50% 50%,#282e49,#161b2a)}.workspace-art{height:100%;min-height:270px;display:grid;place-items:center}.desktop-preview{position:relative;display:block;width:100%;padding:0;background:#0b1420;border:5px solid #283245;border-radius:9px;box-shadow:0 18px 35px #0005;transform:perspective(900px) rotateY(-5deg) rotateX(3deg);transition:transform .4s}.desktop-preview:hover{transform:perspective(900px) rotateY(0) rotateX(0)}.desktop-preview img{width:100%;border-radius:3px}.zoom-badge{position:absolute;bottom:9px;right:9px;display:grid;place-items:center;width:29px;height:29px;border-radius:7px;background:#16243de8;color:#c1d8ff;border:1px solid #61789c66}.zoom-badge svg{width:15px;height:15px}.cleaner-visual{order:1;background:radial-gradient(ellipse,#173a4e,#10212f);padding:30px 26px}.cleaner .workspace-art{min-height:270px}.cleaner .app-copy{flex:1}.cleaner .button{margin-top:auto}.novorcam-visual{order:1;position:relative;background:radial-gradient(ellipse at 50% 50%,#273353,#142036);padding:22px 26px}.phone-stage{height:235px;display:grid;place-items:center;position:relative}.phone-preview{position:relative;height:225px;width:auto;padding:3px;border:2px solid #53637f;background:#070b12;border-radius:17px;box-shadow:0 10px 28px #0006;transform:rotate(5deg);transition:transform .35s}.phone-preview:hover{transform:rotate(0) scale(1.02)}.phone-preview>img{height:100%;width:auto;border-radius:11px}.phone-preview .zoom-badge{width:23px;height:23px;bottom:7px;right:5px}.stage-ring{position:absolute;border:1px solid #4a608433;width:220px;height:220px;border-radius:50%;box-shadow:0 0 0 25px #49648909}.preview-tabs{display:flex;gap:3px;margin-top:12px;border:1px solid #394761;border-radius:7px;padding:3px;background:#0c1525}.preview-tabs button{flex:1;background:transparent;color:#99a8c2;border:0;border-radius:4px;padding:9px 4px;font-size:9px}.preview-tabs button[aria-selected=true]{background:#364d76;color:#fff}.preview-tabs button:hover{background:#273e61}.preview-caption{font-size:8px;text-align:center;color:#8192af;margin-top:10px;min-height:12px}
.contact-section{padding-block:70px 0}.contact-panel{border-radius:18px;background:#bdcaff;color:#151d35;display:flex;align-items:center;justify-content:space-between;gap:35px;padding:48px 46px;position:relative;overflow:hidden}.contact-panel::after{content:'';position:absolute;inset:-100px -200px -200px 60%;border:1px solid #586ba620;border-radius:50%;pointer-events:none}.contact-panel .eyebrow{color:#505f86;font-size:8px;margin-bottom:15px}.contact-panel h2{font-weight:500;font-size:54px;line-height:1.1;letter-spacing:-2px}.contact-panel h2 span{color:#697fc0}.contact-actions{display:flex;flex-direction:column;gap:19px;align-items:flex-start;position:relative;z-index:1}.contact-whatsapp{display:flex;align-items:center;gap:23px;padding:16px 21px;border:1px solid #202d4f;border-radius:9px;background:#1a2543;color:#e2e9ff;font-size:12px;transition:transform .25s,background .25s}.contact-whatsapp:hover{background:#2d3d65;transform:translateY(-3px)}.contact-whatsapp svg{width:17px;height:17px}.contact-email{display:flex;align-items:center;gap:20px;font-size:12px;color:#38496f}.contact-email svg{width:14px;height:14px}.contact-email:hover{color:#101b36}
.footer{padding-top:44px}.footer-wordmark{font-weight:600;letter-spacing:-6px;font-size:clamp(60px,12.5vw,176px);line-height:1.2;color:#202838;white-space:nowrap;user-select:none}.footer-wordmark>span{font-size:16px;vertical-align:top;display:inline-block;margin:25px 0 0 12px;letter-spacing:0}.footer-bottom{border-top:1px solid var(--line);padding-block:23px 28px;display:flex;align-items:center;justify-content:space-between;gap:20px;color:#76839a;font-size:9px;margin-top:14px}.footer-bottom>.micro{font-size:8px;letter-spacing:1.4px}.back-top{width:44px;height:44px;display:grid;place-items:center;flex-shrink:0;border-radius:50%;border:1px solid #414e68;background:#182132;color:#bac8e6;transition:transform .25s,background .25s,box-shadow .25s}.back-top:hover{transform:translateY(-4px);background:#314767;box-shadow:0 4px 24px #668ef024}.back-top svg{width:19px;height:19px}
dialog{width:min(1200px,94vw);max-height:94vh;padding:16px;border:1px solid #4b5975;border-radius:14px;background:#101827;color:#e4ebfa}dialog::backdrop{background:#030711e8;backdrop-filter:blur(10px)}.dialog-toolbar{display:flex;align-items:center;justify-content:space-between;font-size:9px;letter-spacing:1px;margin-bottom:14px}.dialog-toolbar button{border:1px solid #4a5975;background:#24334c;border-radius:6px;padding:9px 13px;color:white;font-size:11px}#full-preview{max-height:calc(94vh - 90px);max-width:100%;width:auto;object-fit:contain;margin-inline:auto;border-radius:6px}.reveal-arrival{animation:arrive .7s ease both}@keyframes arrive{from{transform:translateY(18px);filter:brightness(.7)}to{transform:translateY(0);filter:brightness(1)}}
@media(max-width:1050px){.container{width:calc(100% - 64px)}.hero{gap:35px;padding-block:64px}.hero-screen{height:235px}.hero-selector button{gap:5px;font-size:9px}.hero-selector img{width:24px;height:24px}.hero-showcase{padding:18px}h1{font-size:84px}.contact-panel{padding:38px}.contact-panel h2{font-size:46px}.valcdex .app-copy{padding:30px}.app-copy{padding:28px}.footer-wordmark{letter-spacing:-4px}}
@media(max-width:760px){.container{width:calc(100% - 40px)}.header{height:80px}.brand{font-size:16px}.brand img{width:36px;height:36px}.brand b{font-size:11px;letter-spacing:2px}.header nav{gap:22px;font-size:12px}.hero{grid-template-columns:1fr;padding-block:48px;gap:36px}.hero-copy{text-align:center}.eyebrow{justify-content:center;font-size:8px}h1{font-size:88px;letter-spacing:-5px}.hero-description{font-size:13px;margin-top:23px}.hero-link{margin-top:20px}.hero-showcase{max-width:570px;width:100%;justify-self:center}.hero-screen{height:255px}.hero-selector button{font-size:11px}.hero-selector img{width:28px;height:28px}.section-heading>.micro{display:none}.valcdex{grid-template-columns:1fr}.valcdex .app-copy{order:2}.valcdex-visual{padding:28px}.workspace-art{min-height:220px}.valcdex .app-description{max-width:none}.app-grid{gap:18px}.app-copy{padding:25px}.app-copy h3{font-size:27px}.platform-tag{font-size:7px}.cleaner-visual{padding:20px}.cleaner .workspace-art{min-height:250px}.phone-stage{height:220px}.phone-preview{height:210px}.novorcam-visual{padding:20px 15px}.preview-tabs button{font-size:8px}.contact-section{padding-top:45px}.contact-panel{padding:35px;gap:30px;flex-direction:column;align-items:flex-start}.contact-panel .eyebrow{justify-content:flex-start}.contact-panel h2{font-size:49px}.contact-actions{gap:18px}.footer-wordmark{font-size:13.2vw;letter-spacing:-3px}.footer-wordmark>span{font-size:11px;margin:10px 0 0 7px}.footer-bottom>.micro{display:none}}
@media(max-width:520px){.app-grid{grid-template-columns:1fr;gap:22px}.valcdex{grid-column:auto}.app-copy{padding:27px}.app-copy h3{font-size:32px}.app-topline{margin-bottom:15px}.app-symbol{width:40px;height:40px}.platform-tag{font-size:8px}.app-description{font-size:13px}.app-copy .button{min-height:48px;font-size:11px}.cleaner .workspace-art{min-height:210px}.cleaner-visual{padding:25px}.phone-stage{height:270px}.phone-preview{height:260px}.novorcam-visual{padding:24px}.preview-tabs button{font-size:9px}.hero-showcase{padding:15px;border-radius:15px}.hero-screen{height:215px}.hero-selector{gap:4px;margin-top:13px}.hero-selector button{font-size:9px;gap:6px;min-height:47px}.hero-selector img{width:23px;height:23px}h1{font-size:80px}.hero .eyebrow{letter-spacing:1.7px}.hero-description{font-size:12px}.section-heading h2{font-size:20px}.contact-panel{padding:30px 25px;border-radius:14px}.contact-panel h2{font-size:43px}.contact-whatsapp{font-size:11px;padding:15px 17px;gap:16px}.contact-email{font-size:11px;gap:14px}.footer{padding-top:34px}.footer-wordmark{letter-spacing:-2px}.footer-bottom{font-size:8px}.header nav{gap:17px}.brand{gap:8px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}

.hero-screen{grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(0,1fr)}.hero-screen img{width:100%;height:100%;min-height:0;min-width:0;object-fit:contain}.hero-screen.is-phone img{width:auto;max-width:100%}
.back-top{position:fixed;right:max(24px,env(safe-area-inset-right));bottom:max(24px,env(safe-area-inset-bottom));z-index:15;box-shadow:0 6px 24px #0005}
@media(max-width:520px){.back-top{right:max(16px,env(safe-area-inset-right));bottom:max(16px,env(safe-area-inset-bottom))}}