#arca-site { --paper:#080c12;--ink:#eff5fb;--muted:#9aabba;--line:#25303d;--orange:#79c3ee;--lime:#92d6fa;--white:#0f1823;--radius:6px }
:where(#arca-site) * { box-sizing:border-box }
html { scroll-behavior:smooth;scroll-padding-top:110px }
#arca-site { margin:0;background:var(--paper);color:var(--ink);font:16px/1.65 'Segoe UI',Arial,sans-serif }
:where(#arca-site) button, :where(#arca-site) input, :where(#arca-site) textarea { font:inherit }
:where(#arca-site) button { cursor:pointer }
:where(#arca-site) a { color:inherit;text-decoration:none }
:where(#arca-site) a:focus-visible, :where(#arca-site) button:focus-visible, :where(#arca-site) summary:focus-visible, :where(#arca-site) input:focus-visible, :where(#arca-site) textarea:focus-visible { outline:2px solid #87d5ff;outline-offset:5px }
:where(#arca-site) h1, :where(#arca-site) h2, :where(#arca-site) h3, :where(#arca-site) p { margin:0 }
:where(#arca-site) h1, :where(#arca-site) h2, :where(#arca-site) h3 { font-weight:500;letter-spacing:-.045em;line-height:1.08 }
:where(#arca-site) h1 { font-size:clamp(51px,5.2vw,76px);font-weight:600 }
:where(#arca-site) h2 { font-size:clamp(36px,3.6vw,53px) }
:where(#arca-site) h3 { font-size:26px }
:where(#arca-site) em { font-style:normal;color:var(--orange) }
:where(#arca-site) p { max-width:65ch }
:where(#arca-site) svg { display:block;max-width:100% }
:where(#arca-site) .wrap { width:min(1280px,calc(100% - 96px));margin:auto }
:where(#arca-site) .eyebrow { font:11px/1.5 Consolas,monospace;letter-spacing:.14em;text-transform:uppercase;display:flex;align-items:center;gap:12px;margin-bottom:25px;color:var(--orange) }
:where(#arca-site) .eyebrow:before { content:'//';color:#566f86 }
:where(#arca-site) .demo-bar { font:10px/1.5 Consolas,monospace;letter-spacing:.13em;color:#9aabba;padding:8px 25px;text-align:center;border-bottom:1px solid #1c2734;background:#0c121b }
:where(#arca-site) .nav { position:sticky;top:0;background:#080c12f5;border-bottom:1px solid var(--line);z-index:10 }
:where(#arca-site) .nav-inner { height:100px;display:flex;align-items:center;justify-content:space-between;gap:35px }
:where(#arca-site) .brand { display:flex;align-items:center;flex-shrink:0 }
:where(#arca-site) .brand img { display:block;width:137px;height:88px;object-fit:contain;background:#dce2e9;border-radius:2px }
:where(#arca-site) .nav-links { display:flex;gap:29px;font-size:13px;color:#b4c1cd }
:where(#arca-site) .nav-links a:hover { color:var(--orange) }
:where(#arca-site) .btn { display:inline-flex;align-items:center;justify-content:center;gap:26px;background:#8bd3fb;color:#081421;border:1px solid #8bd3fb;padding:16px 23px;font-size:13px;font-weight:600;border-radius:3px;line-height:1.4;transition:background .2s,transform .2s }
:where(#arca-site) .btn:hover { background:#bbe7ff;transform:translateY(-2px) }
:where(#arca-site) .btn.light { border-color:#364657;color:#d8e7f3;background:#0c131c }
:where(#arca-site) .btn.light:hover { background:#182737 }
:where(#arca-site) .btn.small { padding:12px 18px;font-size:12px }
:where(#arca-site) .menu-toggle { display:none;color:var(--ink);background:#111b27;border:1px solid var(--line);padding:9px 12px }
:where(#arca-site) .hero { position:relative;padding:65px 0 0;background:radial-gradient(ellipse at 80% 40%,#15334a45,transparent 55%);overflow:hidden }
:where(#arca-site) .hero:before { content:'';position:absolute;inset:0;background-image:linear-gradient(#507c9a0a 1px,transparent 1px),linear-gradient(90deg,#507c9a0a 1px,transparent 1px);background-size:55px 55px;pointer-events:none }
:where(#arca-site) .hero>.wrap { position:relative }
:where(#arca-site) .hero-grid { display:grid;grid-template-columns:1.05fr 1fr;align-items:center;gap:30px;min-height:520px }
:where(#arca-site) .hero h1 em { display:inline-block;background:linear-gradient(105deg,#f1f8ff,#75bce8);background-clip:text;-webkit-background-clip:text;color:transparent }
:where(#arca-site) .hero-copy>p { font-size:16px;line-height:1.8;color:var(--muted);margin-top:28px;max-width:46ch }
:where(#arca-site) .hero .eyebrow { margin-bottom:27px }
:where(#arca-site) .actions { display:flex;gap:14px;flex-wrap:wrap;margin-top:30px }
:where(#arca-site) .hero-note { font-size:11px!important;max-width:none!important;color:#95aabd!important }
:where(#arca-site) .hero-note:before { content:'+';color:#83d4ff;margin-right:10px }
:where(#arca-site) .art { position:relative;width:100%;min-width:0;aspect-ratio:1.07 }
:where(#arca-site) .system-caption { font:10px Consolas,monospace;color:#8297ab;position:absolute;bottom:9px;left:0;width:100%;text-align:center;letter-spacing:.12em;text-transform:uppercase }
:where(#arca-site) .system-grid { position:absolute;inset:3% 0 7%;border:1px solid #294257;background:linear-gradient(150deg,#102234a1,#080e16);clip-path:polygon(0 0,93% 0,100% 8%,100% 100%,7% 100%,0 92%) }
:where(#arca-site) .system-grid:before, :where(#arca-site) .system-grid:after { content:'';position:absolute;inset:18%;border:1px solid #326083;transform:rotate(45deg) }
:where(#arca-site) .system-grid:after { inset:28%;border-color:#5289ab;box-shadow:0 0 40px #3884b512 }
:where(#arca-site) .system-grid .trace { position:absolute;inset:0;width:100%;height:100% }
:where(#arca-site) .trace path { fill:none;stroke:#355671;stroke-width:1 }
:where(#arca-site) .trace .signal { stroke:#8bd3fb;stroke-width:2;stroke-dasharray:9 190;animation:signals 9s linear infinite }
@keyframes signals { to{stroke-dashoffset:-398} }
:where(#arca-site) .core { position:absolute;width:35%;aspect-ratio:1;left:32.5%;top:31%;padding:8px;background:#dce2e9;border:1px solid #87c4ed;box-shadow:0 0 65px #539cc12e;z-index:2 }
:where(#arca-site) .core img { width:100%;height:100%;object-fit:contain;display:block }
:where(#arca-site) .system-node { position:absolute;background:#111d2a;border:1px solid #395872;padding:13px 16px;z-index:3;font-size:12px;min-width:128px;box-shadow:0 8px 20px #0003 }
:where(#arca-site) .system-node small { display:block;font:9px Consolas,monospace;color:#7ea4c0;letter-spacing:.1em;margin-bottom:6px }
:where(#arca-site) .node-web { top:12%;left:5% }
:where(#arca-site) .node-data { top:12%;right:5% }
:where(#arca-site) .node-process { bottom:15%;left:5% }
:where(#arca-site) .node-human { bottom:15%;right:5% }
:where(#arca-site) .system-corner { position:absolute;font:9px Consolas,monospace;color:#8eb9d5;top:6%;left:5%;letter-spacing:.1em }
:where(#arca-site) .proof-strip { display:grid;grid-template-columns:1fr 1fr 1fr;border-top:1px solid var(--line);margin-top:54px }
:where(#arca-site) .proof-strip>div { padding:27px 20px 30px 0;border-right:1px solid var(--line) }
:where(#arca-site) .proof-strip>div+div { padding-left:30px }
:where(#arca-site) .proof-strip>div:last-child { border-right:0 }
:where(#arca-site) .proof-strip strong { font-size:18px;font-weight:500;display:block }
:where(#arca-site) .proof-strip span { font-size:12px;color:var(--muted);display:block;margin-top:6px }
:where(#arca-site) .section { padding:90px 0 }
:where(#arca-site) .section-heading { display:flex;align-items:end;justify-content:space-between;gap:45px;margin-bottom:44px }
:where(#arca-site) .section-heading>p { max-width:310px;font-size:14px;color:var(--muted) }
:where(#arca-site) .needs { border-top:1px solid var(--line);background:#0c121a }
:where(#arca-site) .need-layout { display:grid;grid-template-columns:1fr 1fr;gap:50px }
:where(#arca-site) .need-options { display:grid }
:where(#arca-site) .need-option { display:flex;align-items:center;gap:20px;text-align:left;padding:20px 16px;background:none;color:#b4c2cf;border:0;border-bottom:1px solid var(--line);font-size:15px;border-left:2px solid transparent }
:where(#arca-site) .need-option .num { font:10px Consolas,monospace;color:#708ba0 }
:where(#arca-site) .need-option .arrow { margin-left:auto;color:#79c3ee }
:where(#arca-site) .need-option[aria-pressed=true] { background:#142435;border-left:2px solid #8ad3fb;color:#edf8ff }
:where(#arca-site) .need-detail { padding:36px;border:1px solid #32465b;background:linear-gradient(135deg,#152434,#101821);display:flex;align-items:start;flex-direction:column;min-height:350px;position:relative }
:where(#arca-site) .need-detail:after { content:'ARCAWEBS / SOLUCIONES';position:absolute;right:20px;top:17px;font:9px Consolas,monospace;color:#6e8ca6;letter-spacing:.1em }
:where(#arca-site) .service-icon { width:52px;height:52px;display:grid;place-items:center;border:1px solid #3f6987;color:#83d4ff;font-size:26px;margin-bottom:30px }
:where(#arca-site) .need-detail h3 { font-size:29px;margin-bottom:20px }
:where(#arca-site) .need-detail p { color:var(--muted);font-size:14px }
:where(#arca-site) .text-link { display:inline-flex;align-items:center;gap:22px;color:#9bdafd;font-size:13px;font-weight:500 }
:where(#arca-site) .text-link:hover { text-decoration:underline;text-underline-offset:5px }
:where(#arca-site) .need-detail .text-link { margin-top:auto;padding-top:30px }
:where(#arca-site) .story { background:#0d1722;border-top:1px solid var(--line);border-bottom:1px solid var(--line);position:relative }
:where(#arca-site) .story-grid { display:grid;grid-template-columns:1.05fr 1fr;gap:90px;align-items:center }
:where(#arca-site) .story h2 { font-size:clamp(38px,4vw,57px) }
:where(#arca-site) .story p { font-size:15px;color:#a7b8c8;line-height:1.9;margin-bottom:18px }
:where(#arca-site) .story-sign { display:flex;align-items:center;gap:16px;font:11px Consolas,monospace;color:#8ad3fb;margin-top:30px }
:where(#arca-site) .story-sign:before { content:'';height:1px;width:38px;background:#75bce8 }
:where(#arca-site) .projects { display:grid;grid-template-columns:1fr 1fr;gap:30px }
:where(#arca-site) .project-visual { height:270px;border:1px solid #2b3c4e;background:#111d2a;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;background-image:linear-gradient(#45658412 1px,transparent 1px),linear-gradient(90deg,#45658412 1px,transparent 1px);background-size:25px 25px }
:where(#arca-site) .visual-label { position:absolute;left:18px;top:16px;font:9px Consolas,monospace;color:#8eabbd;letter-spacing:.1em;text-transform:uppercase }
:where(#arca-site) .flow-demo { width:80%;padding:22px;background:#09111a;border:1px solid #446581;box-shadow:15px 15px 0 #142638;margin-top:25px }
:where(#arca-site) .flow-top { display:flex;justify-content:space-between;font-size:13px;border-bottom:1px solid #32485b;padding-bottom:16px;color:#cde9ff }
:where(#arca-site) .flow-rows { display:flex;gap:13px;margin-top:18px }
:where(#arca-site) .flow-rows>div { flex:1;font:10px Consolas,monospace;border-left:1px solid #5788a6;padding-left:12px;color:#8cacc1 }
:where(#arca-site) .flow-rows b { display:block;color:#e2f5ff;font:16px 'Segoe UI',sans-serif;margin:8px 0 }
:where(#arca-site) .pill { display:inline-block;background:#173447;color:#a3d6f6;font-size:9px;padding:3px 6px }
:where(#arca-site) .bazar-demo { width:80%;background:#0b131b;border:1px solid #3f5b70;padding:22px;margin-top:25px;box-shadow:15px 15px 0 #142638 }
:where(#arca-site) .market-title { font-size:13px;border-bottom:1px solid #32485b;padding-bottom:16px }
:where(#arca-site) .market-flow { display:flex;align-items:center;gap:8px;margin-top:22px;justify-content:space-between;font-size:11px }
:where(#arca-site) .market-flow span { padding:13px 9px;background:#172a3b;border:1px solid #2d4d64 }
:where(#arca-site) .market-note { font:10px Consolas,monospace;color:#799eb9;margin-top:18px }
:where(#arca-site) .project-body { padding:24px 0 }
:where(#arca-site) .project-type { font:10px Consolas,monospace;color:#7fa2bd;letter-spacing:.08em;text-transform:uppercase;margin-bottom:14px }
:where(#arca-site) .project-body p { font-size:14px;color:var(--muted);margin:16px 0 22px }
:where(#arca-site) .project-extra { border-top:1px solid var(--line);padding-top:25px;display:flex;justify-content:space-between;align-items:center;gap:25px }
:where(#arca-site) .project-extra p { color:var(--muted);font-size:13px }
:where(#arca-site) .process { background:#0c121a;border-block:1px solid var(--line) }
:where(#arca-site) .steps { display:grid;grid-template-columns:repeat(4,1fr);gap:30px }
:where(#arca-site) .step { border-top:1px solid #47627b;padding-top:18px }
:where(#arca-site) .step-num { font:14px Consolas,monospace;color:#77bce8;margin-bottom:30px }
:where(#arca-site) .step h3 { font-size:23px;margin-bottom:18px }
:where(#arca-site) .step p { color:var(--muted);font-size:13px }
:where(#arca-site) .founder-panel { display:grid;grid-template-columns:.75fr 1.25fr;gap:65px;align-items:center;border:1px solid var(--line);padding:50px;background:#0e1721 }
:where(#arca-site) .portrait { height:355px;background:#13202d;position:relative;border:1px solid #35516a;display:flex;align-items:center;justify-content:center;overflow:hidden;background-image:linear-gradient(#547e9b14 1px,transparent 1px),linear-gradient(90deg,#547e9b14 1px,transparent 1px);background-size:32px 32px }
:where(#arca-site) .portrait svg { width:135px;stroke:#789cb7;fill:none;stroke-width:1 }
:where(#arca-site) .portrait-caption { position:absolute;bottom:25px;font:10px Consolas,monospace;color:#96afc3;text-align:center;padding:0 12px }
:where(#arca-site) .portrait-tag { position:absolute;top:17px;left:18px;font:10px Consolas,monospace;color:#89c8ed }
:where(#arca-site) .founder-copy h2 { font-size:42px }
:where(#arca-site) .role { font:11px Consolas,monospace;color:#85c7ee;margin-top:22px }
:where(#arca-site) .founder-copy p { font-size:14px;color:var(--muted);margin-top:18px }
:where(#arca-site) .linkedin { border:1px solid #36516a;display:inline-flex;align-items:center;gap:12px;padding:11px 15px;font-size:12px;color:#aec9df;margin-top:24px }
:where(#arca-site) .linkedin span { background:#8bcff6;color:#0c1722;padding:0 4px;font-weight:700 }
:where(#arca-site) .pending { font-size:11px!important;color:#8195a8!important }
:where(#arca-site) .faq-layout { display:grid;grid-template-columns:.8fr 1.2fr;gap:85px }
:where(#arca-site) .faq-layout>div>p { color:var(--muted);font-size:14px;margin-top:20px }
:where(#arca-site) details { padding:22px 0;border-bottom:1px solid var(--line) }
:where(#arca-site) details:first-child { padding-top:0 }
:where(#arca-site) summary { font-size:15px;cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:20px }
:where(#arca-site) summary::-webkit-details-marker { display:none }
:where(#arca-site) summary:after { content:'+';color:#8bd3fb }
:where(#arca-site) details[open] summary:after { content:'−' }
:where(#arca-site) details p { font-size:14px;color:var(--muted);padding-top:15px }
:where(#arca-site) .contact { background:radial-gradient(ellipse at 0 70%,#153b5766,transparent 65%),#0c1620;border-block:1px solid #2d455a }
:where(#arca-site) .contact-grid { display:grid;grid-template-columns:1fr 1fr;gap:90px }
:where(#arca-site) .contact h2 { font-size:56px }
:where(#arca-site) .contact p { font-size:14px;color:var(--muted);margin-top:24px }
:where(#arca-site) .contact small { display:block;color:#829bb0;font-size:11px;margin-top:25px }
:where(#arca-site) .contact form { display:grid;gap:17px }
:where(#arca-site) .field { display:grid;gap:8px;font-size:12px;color:#becedb }
:where(#arca-site) .field input, :where(#arca-site) .field textarea { width:100%;background:#0a131d;border:1px solid #355069;color:#f1f6fc;padding:13px;border-radius:3px;resize:vertical }
:where(#arca-site) .field input::placeholder, :where(#arca-site) .field textarea::placeholder { color:#8197a9 }
:where(#arca-site) .contact .btn { justify-self:start }
:where(#arca-site) .form-result { background:#132b3b;border:1px solid #4b7e9e;white-space:pre-wrap;padding:20px;font-size:13px;overflow-wrap:anywhere }
:where(#arca-site) .footer { padding:30px 0 }
:where(#arca-site) .footer-row { display:flex;align-items:center;justify-content:space-between;gap:28px;color:#849bac;font-size:11px }
:where(#arca-site) .footer .brand img { width:100px;height:70px }
:where(#arca-site) .footer-links { display:flex;gap:20px }
:where(#arca-site) .skip { position:absolute;left:10px;top:-100px;z-index:30;background:white;color:black;padding:10px }
:where(#arca-site) .skip:focus { top:10px }
:where(#arca-site) [hidden] { display:none!important }
@media(max-width:1050px) { :where(#arca-site) .wrap { width:calc(100% - 48px) }
:where(#arca-site) .nav-links { gap:18px }
:where(#arca-site) .nav-inner>.btn { display:none }
:where(#arca-site) .hero-grid { gap:15px }
:where(#arca-site) .hero h1 { font-size:57px }
:where(#arca-site) .system-node { min-width:110px;padding:9px;font-size:11px }
:where(#arca-site) .story-grid, :where(#arca-site) .contact-grid { gap:45px }
:where(#arca-site) .founder-panel { gap:35px;padding:35px }
:where(#arca-site) .founder-copy h2 { font-size:37px }
:where(#arca-site) .steps { gap:20px } }
@media(max-width:700px) { html { scroll-padding-top:90px }
:where(#arca-site) .wrap { width:calc(100% - 36px) }
:where(#arca-site) .nav-inner { height:80px }
:where(#arca-site) .brand img { width:115px;height:70px }
:where(#arca-site) .menu-toggle { display:block }
:where(#arca-site) .nav-links { display:none;position:absolute;top:80px;left:0;right:0;padding:22px;background:#0c141f;border-bottom:1px solid #355069;flex-direction:column }
:where(#arca-site) .nav-links.open { display:flex }
:where(#arca-site) .nav-links a { padding:6px 0;font-size:15px }
:where(#arca-site) .hero { padding-top:40px }
:where(#arca-site) .hero-grid { grid-template-columns:1fr;gap:25px }
:where(#arca-site) .hero h1 { font-size:clamp(44px,11.5vw,66px) }
:where(#arca-site) .hero-copy>p { font-size:14px }
:where(#arca-site) .hero .eyebrow { font-size:10px }
:where(#arca-site) .hero-note { font-size:10px!important }
:where(#arca-site) .actions { gap:10px }
:where(#arca-site) .actions .btn { font-size:12px;padding:14px 16px;gap:13px }
:where(#arca-site) .art { max-width:480px;margin:auto }
:where(#arca-site) .system-node { min-width:95px;padding:8px;font-size:10px }
:where(#arca-site) .system-node small { font-size:8px }
:where(#arca-site) .system-corner { font-size:8px }
:where(#arca-site) .system-caption { font-size:8px }
:where(#arca-site) .core { padding:4px }
:where(#arca-site) .proof-strip { grid-template-columns:1fr;margin-top:20px }
:where(#arca-site) .proof-strip>div, :where(#arca-site) .proof-strip>div+div { border-right:0;border-bottom:1px solid #25303d;padding:15px 0;display:flex;align-items:center;justify-content:space-between;gap:15px }
:where(#arca-site) .proof-strip strong { font-size:14px }
:where(#arca-site) .proof-strip span { font-size:10px;margin:0;text-align:right }
:where(#arca-site) .section { padding:57px 0 }
:where(#arca-site) .section-heading { display:block;margin-bottom:30px }
:where(#arca-site) .section-heading>p { margin-top:22px }
:where(#arca-site) .need-layout, :where(#arca-site) .story-grid, :where(#arca-site) .projects, :where(#arca-site) .founder-panel, :where(#arca-site) .faq-layout, :where(#arca-site) .contact-grid { grid-template-columns:1fr }
:where(#arca-site) .need-layout { gap:24px }
:where(#arca-site) .need-option { font-size:13px;gap:12px;padding:17px 10px }
:where(#arca-site) .need-detail { min-height:330px;padding:26px }
:where(#arca-site) .need-detail h3 { font-size:27px }
:where(#arca-site) .story-grid { gap:30px }
:where(#arca-site) .story h2 { font-size:38px }
:where(#arca-site) .project-visual { height:230px }
:where(#arca-site) .flow-demo, :where(#arca-site) .bazar-demo { width:84%;padding:17px }
:where(#arca-site) .flow-rows { gap:8px }
:where(#arca-site) .flow-rows>div { padding-left:7px;font-size:8px }
:where(#arca-site) .flow-rows b { font-size:14px }
:where(#arca-site) .market-flow { font-size:9px;gap:5px }
:where(#arca-site) .market-flow span { padding:10px 7px }
:where(#arca-site) .project-extra { flex-direction:column;align-items:start }
:where(#arca-site) .steps { grid-template-columns:1fr 1fr;gap:30px 22px }
:where(#arca-site) .step h3 { font-size:21px }
:where(#arca-site) .founder-panel { padding:24px;gap:30px }
:where(#arca-site) .portrait { height:240px }
:where(#arca-site) .founder-copy h2 { font-size:35px }
:where(#arca-site) .faq-layout { gap:35px }
:where(#arca-site) .contact-grid { gap:35px }
:where(#arca-site) .contact h2 { font-size:43px }
:where(#arca-site) .footer-row { align-items:start;flex-direction:column }
:where(#arca-site) .footer-links { flex-wrap:wrap }
:where(#arca-site) .demo-bar { font-size:8px }
:where(#arca-site) .visual-label { font-size:8px } }
@media(prefers-reduced-motion:reduce) { html { scroll-behavior:auto }
:where(#arca-site) *, :where(#arca-site) *:before, :where(#arca-site) *:after { animation:none!important;transition:none!important } }
:where(#arca-site) /* UI/UX Pro Max: hierarchy, :where(#arca-site) visible portfolio, :where(#arca-site) deliberate motion, :where(#arca-site) accessible controls. */
:root { --paper:#06090e;--line:#243142;--muted:#a5b4c7;--orange:#81caff }
:where(#arca-site) .wrap { width:min(1320px,calc(100% - 96px)) }
:where(#arca-site) h1, :where(#arca-site) h2, :where(#arca-site) h3 { text-wrap:balance }
:where(#arca-site) .nav { background:#06090edb;backdrop-filter:blur(18px) }
:where(#arca-site) .nav-inner { height:90px }
:where(#arca-site) .brand img { width:116px;height:76px;background:#e1e6ef }
:where(#arca-site) .nav-links a { min-height:44px;display:flex;align-items:center }
:where(#arca-site) .btn { border-radius:50px;padding:17px 25px;box-shadow:0 5px 25px #3d96ff18 }
:where(#arca-site) .btn.small { padding:14px 21px }
:where(#arca-site) .hero { padding-top:52px;background:radial-gradient(ellipse at 74% 38%,#102f6560,transparent 58%),#06090e;isolation:isolate }
:where(#arca-site) .hero:before { background-size:85px 85px;opacity:.5 }
:where(#arca-site) .hero-grid { min-height:625px;grid-template-columns:1.15fr 1fr;gap:0 }
:where(#arca-site) .hero-copy { position:relative;z-index:2 }
:where(#arca-site) .hero h1 { font-size:clamp(60px,6.6vw,96px);letter-spacing:-.063em;line-height:1.01 }
:where(#arca-site) .hero h1 em { background:linear-gradient(105deg,#f2f9ff 0%,#7fc9ff 45%,#4d85ed 100%);background-clip:text;-webkit-background-clip:text }
:where(#arca-site) .hero-copy>p { max-width:44ch;font-size:17px;line-height:1.8 }
:where(#arca-site) .hero .eyebrow { font-size:12px }
:where(#arca-site) .hero-note { font-size:12px!important }
:where(#arca-site) .art { aspect-ratio:1/1.07;margin-left:-30px;width:calc(100% + 50px);position:relative }
:where(#arca-site) .energy-orb { position:absolute;inset:0;width:100%;height:100%;background:radial-gradient(ellipse,#124fa325,transparent 66%);filter:drop-shadow(0 0 20px #499eff25) }
:where(#arca-site) .orb-fallback { position:absolute;inset:0;width:100%;height:100%;opacity:.55 }
:where(#arca-site) .scene-center { position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;pointer-events:none;text-shadow:0 3px 15px #050b20 }
:where(#arca-site) .scene-center strong { font-size:44px;font-weight:500;letter-spacing:-.06em;line-height:1.1 }
:where(#arca-site) .scene-center span { font:11px Consolas,monospace;letter-spacing:.16em;color:#a8d4ff;margin-bottom:15px }
:where(#arca-site) .orb-label { position:absolute;padding:13px 20px;border:1px solid #5475aa69;border-radius:12px;background:linear-gradient(120deg,#172b46e8,#0b1422e6);backdrop-filter:blur(15px);box-shadow:0 15px 40px #0005;font-size:13px;z-index:2 }
:where(#arca-site) .orb-label small { font-size:10px;display:block;color:#9fb6cc;margin-bottom:4px }
:where(#arca-site) .orb-label.one { left:5%;top:17% }
:where(#arca-site) .orb-label.two { right:0;top:40% }
:where(#arca-site) .orb-label.three { left:9%;bottom:18% }
:where(#arca-site) .motion-toggle { position:absolute;bottom:0;right:6%;min-height:44px;padding:10px 13px;color:#b4cce4;border:1px solid #354e6b;border-radius:30px;background:#0b1420;font-size:11px }
:where(#arca-site) .scene-caption { position:absolute;bottom:15px;left:8%;font:10px Consolas,monospace;color:#9db7cf;max-width:150px }
:where(#arca-site) .proof-strip { margin-top:42px }
:where(#arca-site) .proof-strip strong { font-size:19px }
:where(#arca-site) .proof-strip>div { padding:26px 20px 30px 0 }
:where(#arca-site) .client-rail { border-bottom:1px solid var(--line);padding:25px 0;background:#090f18 }
:where(#arca-site) .client-rail .wrap { display:flex;align-items:center;justify-content:space-between;gap:35px }
:where(#arca-site) .rail-title { font:11px Consolas,monospace;color:#9dafc3;max-width:180px }
:where(#arca-site) .rail-item { font-size:18px;font-weight:600;letter-spacing:-.03em }
:where(#arca-site) .rail-item small { display:block;font:10px Consolas,monospace;letter-spacing:.05em;color:#9dafc3;margin-top:3px }
:where(#arca-site) .section { padding:100px 0 }
:where(#arca-site) .section-heading h2 { font-size:clamp(38px,4.3vw,64px) }
:where(#arca-site) .section-heading>p { font-size:15px }
:where(#arca-site) .clients { background:radial-gradient(ellipse at 0 50%,#10203950,transparent 55%),#080d14 }
:where(#arca-site) .client-case { display:grid;grid-template-columns:.7fr 1.3fr;gap:70px;align-items:center;padding:30px 0 60px }
:where(#arca-site) .client-case+.client-case { border-top:1px solid #253346;padding-top:65px;grid-template-columns:1.3fr .7fr }
:where(#arca-site) .client-case+.client-case .case-copy { order:2 }
:where(#arca-site) .case-number { font:12px Consolas,monospace;color:#94b7db;display:block;margin-bottom:24px }
:where(#arca-site) .case-copy h3 { font-size:clamp(32px,3.1vw,47px);letter-spacing:-.04em }
:where(#arca-site) .case-copy p { color:var(--muted);font-size:15px;margin:22px 0;line-height:1.8 }
:where(#arca-site) .case-tags { display:flex;flex-wrap:wrap;gap:8px;margin:20px 0 25px }
:where(#arca-site) .case-tags span { padding:6px 10px;border:1px solid #33475d;border-radius:4px;color:#a9c7de;font-size:11px }
:where(#arca-site) .browser-frame { margin:0;border:1px solid #4e6687;border-radius:12px;background:#0b1320;box-shadow:0 25px 70px #0007;overflow:hidden;transform:perspective(1400px) rotateY(-6deg) rotateX(3deg);transition:transform .35s }
:where(#arca-site) .client-case+.client-case .browser-frame { transform:perspective(1400px) rotateY(6deg) rotateX(3deg) }
:where(#arca-site) .browser-frame:hover { transform:perspective(1400px) rotateY(0) rotateX(0) }
:where(#arca-site) .browser-bar { padding:12px 17px;display:flex;gap:7px;align-items:center;border-bottom:1px solid #36475d;color:#9cb0c8;font:10px Consolas,monospace }
:where(#arca-site) .browser-bar i { width:6px;height:6px;background:#6c85a4;border-radius:50% }
:where(#arca-site) .browser-bar span { margin-left:12px }
:where(#arca-site) .browser-frame img { display:block;width:100%;height:auto;object-fit:contain }
:where(#arca-site) .browser-frame figcaption { font-size:10px;color:#a5bad1;padding:10px 17px;background:#0e1825 }
:where(#arca-site) .case-note { font-size:12px!important;color:#9caec0!important }
:where(#arca-site) .projects { gap:36px }
:where(#arca-site) .project-visual { height:auto;border-radius:9px;background:#101b2a;display:block }
:where(#arca-site) .project-visual img { display:block;width:100%;height:auto;aspect-ratio:1.65;object-fit:contain;background:#eef1f4 }
:where(#arca-site) .project-visual .visual-label { position:static;display:block;padding:12px 17px;font-size:10px;background:#101b2a }
:where(#arca-site) .project-body h3 { font-size:32px }
:where(#arca-site) .project-type { font-size:11px }
:where(#arca-site) .sector-panel { padding:35px 0 50px }
:where(#arca-site) .sector-header { display:flex;justify-content:space-between;gap:50px;align-items:end;margin-bottom:30px }
:where(#arca-site) .sector-header h2 { font-size:38px;max-width:600px }
:where(#arca-site) .sector-header p { font-size:14px;color:var(--muted);max-width:340px }
:where(#arca-site) .sectors { display:grid;grid-template-columns:repeat(5,1fr);border:1px solid #35475e;background:#0c1622;border-radius:10px;overflow:hidden }
:where(#arca-site) .sector { padding:25px 20px;border-right:1px solid #35475e }
:where(#arca-site) .sector:last-child { border-right:0 }
:where(#arca-site) .sector small { display:block;font:11px Consolas,monospace;color:#8cbff1;margin-bottom:28px }
:where(#arca-site) .sector strong { font-size:16px;font-weight:500 }
:where(#arca-site) .sector span { display:block;color:#a8b6c8;font-size:12px;margin-top:9px }
:where(#arca-site) .needs { background:#0b121c }
:where(#arca-site) .need-detail { border-radius:12px }
:where(#arca-site) .need-options { gap:8px }
:where(#arca-site) .need-option { border-bottom:0;border-radius:7px;min-height:60px }
:where(#arca-site) .need-detail:after { font-size:10px }
:where(#arca-site) .need-option[aria-pressed=true] { border-color:#8ad3fb;box-shadow:0 7px 25px #0002 }
:where(#arca-site) .story { background:radial-gradient(ellipse at 0 20%,#1d3a5f80,transparent 60%),#0b1420 }
:where(#arca-site) .story-grid { gap:110px }
:where(#arca-site) .story h2 { font-size:clamp(39px,4.5vw,64px) }
:where(#arca-site) .founder-panel { border-radius:16px;background:linear-gradient(125deg,#152235,#0a121d) }
:where(#arca-site) .portrait { border-radius:10px }
:where(#arca-site) .contact { background:radial-gradient(ellipse at 50% 100%,#193e7088,transparent 70%),#0b1420 }
:where(#arca-site) .contact h2 { font-size:64px }
:where(#arca-site) .step h3 { font-size:24px }
:where(#arca-site) .step-num { font-size:18px }
:where(#arca-site) .section .text-link { min-height:44px }
:where(#arca-site) .footer-links a { min-height:44px;display:flex;align-items:center }
:where(#arca-site) .scroll-progress { position:fixed;top:0;left:0;height:2px;background:#7dc9ff;transform-origin:left;transform:scaleX(0);width:100%;z-index:50;pointer-events:none }
:where(#arca-site) .section-heading .eyebrow { font-size:12px }
:where(#arca-site) .contact small { font-size:12px }
:where(#arca-site) .demo-bar { font-size:10px }
:where(#arca-site) .flow-demo, :where(#arca-site) .bazar-demo { display:none }
@media(max-width:1050px) { :where(#arca-site) .hero h1 { font-size:70px }
:where(#arca-site) .art { width:calc(100% + 20px);margin-left:-20px }
:where(#arca-site) .scene-center strong { font-size:34px }
:where(#arca-site) .orb-label { font-size:11px;padding:10px 12px }
:where(#arca-site) .orb-label.two { right:-2% }
:where(#arca-site) .client-case, :where(#arca-site) .client-case+.client-case { gap:35px }
:where(#arca-site) .sector { padding:20px 13px }
:where(#arca-site) .sector strong { font-size:14px }
:where(#arca-site) .nav-links { gap:16px }
:where(#arca-site) .sectors { grid-template-columns:repeat(3,1fr) }
:where(#arca-site) .sector { border-bottom:1px solid #35475e }
:where(#arca-site) .hero-copy>p { font-size:15px }
:where(#arca-site) .scene-caption { font-size:9px }
:where(#arca-site) .proof-strip strong { font-size:16px } }
@media(max-width:700px) { :where(#arca-site) .wrap { width:calc(100% - 40px) }
:where(#arca-site) .nav-inner { height:80px }
:where(#arca-site) .brand img { width:104px;height:68px }
:where(#arca-site) .hero { padding-top:36px }
:where(#arca-site) .hero-grid { grid-template-columns:1fr;gap:0;min-height:0 }
:where(#arca-site) .hero h1 { font-size:clamp(48px,12vw,78px) }
:where(#arca-site) .hero-copy>p { font-size:15px }
:where(#arca-site) .hero .eyebrow { font-size:10px }
:where(#arca-site) .hero-note { font-size:11px!important }
:where(#arca-site) .art { margin:8px auto 0;width:100%;max-width:480px;aspect-ratio:1 }
:where(#arca-site) .scene-center strong { font-size:31px }
:where(#arca-site) .scene-center span { font-size:10px }
:where(#arca-site) .orb-label { font-size:10px;padding:9px 12px }
:where(#arca-site) .orb-label small { font-size:9px }
:where(#arca-site) .orb-label.one { top:12%;left:0 }
:where(#arca-site) .orb-label.two { right:0;top:40% }
:where(#arca-site) .orb-label.three { left:1%;bottom:18% }
:where(#arca-site) .scene-caption { left:0;bottom:16px;font-size:9px }
:where(#arca-site) .motion-toggle { right:0;font-size:10px }
:where(#arca-site) .proof-strip { margin-top:28px }
:where(#arca-site) .proof-strip>div, :where(#arca-site) .proof-strip>div+div { padding:16px 0 }
:where(#arca-site) .proof-strip strong { font-size:14px }
:where(#arca-site) .client-rail .wrap { display:grid;grid-template-columns:1fr 1fr;gap:24px }
:where(#arca-site) .rail-title { max-width:none;font-size:10px }
:where(#arca-site) .rail-item { font-size:15px }
:where(#arca-site) .rail-item small { font-size:9px }
:where(#arca-site) .section { padding:65px 0 }
:where(#arca-site) .section-heading h2 { font-size:40px }
:where(#arca-site) .client-case, :where(#arca-site) .client-case+.client-case { grid-template-columns:1fr;padding:15px 0 45px;gap:24px }
:where(#arca-site) .client-case+.client-case { padding-top:40px }
:where(#arca-site) .client-case+.client-case .case-copy { order:0 }
:where(#arca-site) .case-copy h3 { font-size:34px }
:where(#arca-site) .browser-frame, :where(#arca-site) .client-case+.client-case .browser-frame { transform:none }
:where(#arca-site) .case-copy p { font-size:14px }
:where(#arca-site) .case-number { margin-bottom:16px }
:where(#arca-site) .browser-bar { font-size:8px;gap:4px;padding:10px }
:where(#arca-site) .browser-bar span { margin-left:6px }
:where(#arca-site) .browser-frame figcaption { font-size:10px }
:where(#arca-site) .sector-header { display:block }
:where(#arca-site) .sector-header h2 { font-size:33px }
:where(#arca-site) .sector-header p { margin-top:22px }
:where(#arca-site) .sectors { grid-template-columns:1fr 1fr }
:where(#arca-site) .sector { min-height:150px;padding:20px 16px }
:where(#arca-site) .sector:last-child { grid-column:1/-1 }
:where(#arca-site) .sector small { margin-bottom:18px }
:where(#arca-site) .sector-panel { padding:0 0 35px }
:where(#arca-site) .story-grid { gap:35px }
:where(#arca-site) .story h2 { font-size:40px }
:where(#arca-site) .contact h2 { font-size:43px }
:where(#arca-site) .project-visual img { aspect-ratio:auto }
:where(#arca-site) .demo-bar { font-size:8px }
:where(#arca-site) .hero .btn { font-size:12px;padding:15px 19px }
:where(#arca-site) .nav-links a { font-size:15px }
:where(#arca-site) .section .text-link { font-size:13px }
:where(#arca-site) .founder-panel { padding:24px }
:where(#arca-site) .need-option { font-size:13px }
:where(#arca-site) .sector span { font-size:12px } }
@media(prefers-reduced-motion:reduce) { :where(#arca-site) .browser-frame, :where(#arca-site) .client-case+.client-case .browser-frame { transform:none }
:where(#arca-site) .scroll-progress { display:none } }
@media(max-width:700px) { :where(#arca-site) .orb-label.one { top:3% }
:where(#arca-site) .orb-label.two { top:20%;right:0 }
:where(#arca-site) .orb-label.three { bottom:17% }
:where(#arca-site) .scene-center strong { font-size:29px }
:where(#arca-site) .scene-center span { font-size:9px } }
:where(#arca-site) .hero { background:#020a16;overflow:hidden }
:where(#arca-site) .hero:before { background:none }
:where(#arca-site) .hero-grid { grid-template-columns:1fr 1.12fr;min-height:590px;gap:20px }
:where(#arca-site) .hero-copy { z-index:3 }
:where(#arca-site) .hero h1 { font-size:clamp(58px,6vw,86px) }
:where(#arca-site) .hero-copy>p { max-width:44ch }
:where(#arca-site) .art { width:100%;margin:0;aspect-ratio:1;position:relative;min-width:0;isolation:isolate }
:where(#arca-site) .wave-stage { position:absolute;width:160%;aspect-ratio:1916/821;left:-30%;top:14%;pointer-events:none }
:where(#arca-site) .wave-reference { position:absolute;inset:0;width:100%;height:100%;object-fit:contain;display:block }
:where(#arca-site) .wave-canvas { position:absolute;inset:0;width:100%;height:100%;pointer-events:none }
:where(#arca-site) .wave-stage:after { content:'';position:absolute;inset:-1px;pointer-events:none;background:linear-gradient(90deg,#020a16,transparent 14%,transparent 88%,#020a16),linear-gradient(0deg,#020a16,transparent 9%,transparent 88%,#020a16) }
:where(#arca-site) .wave-caption { position:absolute;bottom:13%;left:20%;right:20%;text-align:center;font:11px/1.7 Consolas,monospace;letter-spacing:.13em;color:#90b6db }
:where(#arca-site) .motion-toggle { bottom:2%;right:calc(50% - 80px);min-width:160px;min-height:44px;background:#06182b;border-color:#2b5277 }
:where(#arca-site) .hero-note { max-width:43ch!important }
:where(#arca-site) .proof-strip { position:relative;background:#020a16;z-index:3 }
:where(#arca-site) .wave-status { font-size:10px;text-transform:none;letter-spacing:0;color:#9fb1c5;display:block;margin-top:7px }
@media(max-width:1050px) { :where(#arca-site) .hero h1 { font-size:60px }
:where(#arca-site) .hero-grid { gap:0 }
:where(#arca-site) .wave-stage { width:180%;left:-40%;top:20% }
:where(#arca-site) .wave-caption { left:5%;right:5%;bottom:10% }
:where(#arca-site) .motion-toggle { bottom:-4% }
:where(#arca-site) .hero-copy>p { font-size:15px } }
@media(max-width:700px) { :where(#arca-site) .hero-grid { grid-template-columns:1fr;min-height:0 }
:where(#arca-site) .hero h1 { font-size:clamp(47px,12vw,70px) }
:where(#arca-site) .hero-copy { background:none }
:where(#arca-site) .art { margin-top:5px;aspect-ratio:1.35;max-width:none }
:where(#arca-site) .wave-stage { width:155%;left:-27.5%;top:0 }
:where(#arca-site) .wave-caption { bottom:18%;left:10%;right:10%;font-size:10px }
:where(#arca-site) .wave-status { font-size:10px;margin-top:3px }
:where(#arca-site) .motion-toggle { bottom:0;right:calc(50% - 80px) }
:where(#arca-site) .proof-strip { margin-top:30px }
:where(#arca-site) .hero-note { font-size:11px!important } }
:where(#arca-site) .wave-canvas { mask-image:linear-gradient(180deg,transparent 61%,#000 76%,#000 85%,transparent 99%);-webkit-mask-image:linear-gradient(180deg,transparent 61%,#000 76%,#000 85%,transparent 99%) }
@media(max-width:700px) { :where(#arca-site) .art { aspect-ratio:1.05 }
:where(#arca-site) .wave-caption { bottom:21% } }
:where(#arca-site) .art .motion-toggle { right:12px;bottom:12px;min-width:44px;width:44px;height:44px;min-height:44px;border-radius:50%;padding:0;display:grid;place-items:center;background:rgba(6,24,43,.5);border:1px solid #34516a;color:#b5cfe4;transition:background .2s,border-color .2s }
:where(#arca-site) .art .motion-toggle:hover { background:#123653;border-color:#7dbbdf }
:where(#arca-site) .art .motion-toggle:disabled { opacity:.45;cursor:default }
:where(#arca-site) .art .motion-toggle:focus-visible { outline:2px solid #8bd3fb;outline-offset:4px }
:where(#arca-site) .hero h1 { font-size:clamp(48px,4.8vw,69px);line-height:1.06;letter-spacing:-.045em;text-wrap:balance }
:where(#arca-site) .hero-copy>p { max-width:48ch }
:where(#arca-site) .hero .actions { flex-wrap:wrap }
:where(#arca-site) .hero-copy .eyebrow { line-height:1.7 }
@media(min-width:701px) and (max-width:1050px) { :where(#arca-site) .hero h1 { font-size:clamp(40px,5.5vw,58px) } }
@media(max-width:700px) { :where(#arca-site) .hero h1 { font-size:clamp(39px,10.7vw,64px) } }
/* The widget retains the original inherited defaults; new page rules stay scoped. */
body { margin:0; background:#080c12; color:#E8EAED; font-family:"IBM Plex Sans",system-ui,sans-serif; -webkit-font-smoothing:antialiased; }
#arca-chat, #arca-chat * { box-sizing:border-box; }
:where(#arca-chat) a { text-decoration:none; }
:where(#arca-chat) a:hover { color:var(--ac-acc); }
:where(#arca-site) .contact-intro { display:grid; grid-template-columns:1fr 1fr; gap:60px; margin-bottom:0; align-items:center; }
:where(#arca-site) .contact-intro p { margin:18px 0; }
:where(#arca-site) .contact-links { display:flex; gap:24px; flex-wrap:wrap; }
:where(#arca-site) .experience-card { flex-direction:column; gap:12px; text-align:center; padding:28px; }
:where(#arca-site) .experience-years { font-size:110px; line-height:1; font-weight:600; color:#8bd3fb; }
:where(#arca-site) .experience-label { color:#acc5d9; font-size:16px; max-width:16ch; }
:where(#arca-site) .anchor-alias { display:block; scroll-margin-top:110px; }
#arca-site .art .motion-toggle { right:108px; }
@media(max-width:700px) { :where(#arca-site) .contact-intro { grid-template-columns:1fr; gap:12px; } :where(#arca-site) .footer { padding-bottom:110px; } }
:where(#arca-site) .linkedin { min-height:44px; }
:where(#arca-site) .linkedin:hover { border-color:#8bd3fb; color:#eff5fb; }