:root{--ink:#080d12;--surface:#111820;--text:#f6f8fc;--muted:#aab7c6;--cyan:#56d5ff;--violet:#9c82ff;--line:#ffffff1b}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--ink);color:var(--text);font:16px/1.6 Arial,Helvetica,sans-serif}button,input,textarea,select{font:inherit}a{color:inherit;text-decoration:none}button{cursor:pointer}button:disabled{opacity:.3;cursor:default}::selection{background:#56d5ff;color:#080d12}[hidden]{display:none!important}.wrap{width:calc(100% - 112px);max-width:1220px;margin:auto}.skip{position:fixed;top:-100px;z-index:100;background:var(--cyan);color:var(--ink);padding:12px}.skip:focus{top:0}:focus-visible{outline:2px solid var(--cyan);outline-offset:5px}header{position:sticky;top:0;z-index:30;background:#080d12e8;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.nav{height:98px;display:flex;justify-content:space-between;align-items:center;gap:28px}.wordmark{font-size:42px;font-weight:750;letter-spacing:-2.5px;line-height:1}.wordmark b{color:var(--cyan)}.wordmark small{font-size:9px;font-weight:650;letter-spacing:3.6px;display:block;margin:6px 0 0 3px;line-height:1.4}.navlinks{display:flex;gap:30px;font-size:13px;color:var(--muted)}.navlinks a{padding:12px 0;position:relative}.navlinks a:hover,.navlinks a.active{color:white}.navlinks a.active:after{content:'';position:absolute;bottom:2px;height:2px;left:0;right:0;background:var(--cyan)}.button{display:inline-flex;align-items:center;justify-content:center;gap:20px;padding:13px 23px;border-radius:11px;background:#f6f8fc;color:#0a1119;border:1px solid #fff;font-size:13px;font-weight:650;line-height:1.4;transition:background .2s,transform .2s}.button:hover{background:#c5eeff;transform:translateY(-2px)}.button.secondary{background:transparent;color:white;border-color:#d5dde080;font-weight:500}.button.secondary:hover{background:#ffffff10;border-color:var(--cyan)}.button.round{border-radius:30px;padding:10px 23px}.button .arrow{font-size:18px}.menu{display:none;background:transparent;border:1px solid var(--line);border-radius:8px;color:white;padding:9px 14px}.hero{position:relative;isolation:isolate;padding-top:42px;padding-bottom:0}.hero:before{content:'';position:absolute;z-index:-1;inset:-40px 0 -30px;background:linear-gradient(90deg,#080d12f2 0%,#080d1270 40%,transparent 75%),linear-gradient(0deg,#080d12 0%,transparent 45%),url('assets/orwell-horizon.png') 64% 42%/cover no-repeat}.hero-copy{max-width:600px;padding-bottom:60px}.eyebrow{text-transform:uppercase;font-size:11px;letter-spacing:2.2px;font-weight:550;color:#aab9ca}.eyebrow.dot:before{content:'';width:5px;height:5px;border-radius:50%;background:var(--cyan);display:inline-block;vertical-align:middle;margin-right:11px}.hero h1{font-size:clamp(49px,5.6vw,76px);line-height:1.04;letter-spacing:-2.8px;font-weight:650;margin:24px 0 28px}.gradient{background:linear-gradient(95deg,#32d4f4 0%,#67a9ff 55%,#a183f5 95%);background-clip:text;-webkit-background-clip:text;color:transparent}.hero p{max-width:430px;font-size:18px;color:#b5c1d0;line-height:1.55;margin:0 0 30px}.actions{display:flex;gap:16px;flex-wrap:wrap}.services{display:grid;grid-template-columns:repeat(4,1fr);gap:0;padding:10px 0 42px;border-bottom:1px solid var(--line)}.service{padding:0 22px;border-left:1px solid var(--line);display:flex;gap:16px;align-items:flex-start}.service:first-child{border-left:0;padding-left:0}.service:last-child{padding-right:0}.service svg{flex-shrink:0;width:29px;height:29px;stroke:var(--cyan);stroke-width:1.35;fill:none;margin-top:3px}.service h2{font-size:15px;font-weight:600;margin:0 0 5px;letter-spacing:-.25px}.service p{font-size:12px;line-height:1.5;color:var(--muted);margin:0}.section{padding:68px 0}.projects{display:grid;grid-template-columns:.83fr 2fr;gap:44px;align-items:start}.section h2{font-size:36px;line-height:1.12;letter-spacing:-1.4px;font-weight:600;margin:14px 0 20px}.section-intro p{color:var(--muted);font-size:14px;max-width:300px;margin-bottom:28px}.project-area{min-width:0}.project-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.project-card{display:block;text-align:left;width:100%;padding:0;border:1px solid var(--line);border-radius:14px;overflow:hidden;background:#0e151d;color:white;transition:border-color .2s,transform .2s}.project-card:hover{border-color:#56d5ff88;transform:translateY(-4px)}.project-image{height:190px;overflow:hidden;background:#172431}.project-image img{display:block;width:100%;height:100%;object-fit:cover;object-position:top;transition:transform .35s}.project-card:hover img{transform:scale(1.035)}.project-info{padding:19px 20px;display:flex;align-items:center;justify-content:space-between;gap:12px}.project-info h3{font-size:20px;letter-spacing:-.5px;margin:0 0 3px;font-weight:600}.project-info p{color:var(--muted);font-size:12px;margin:0}.project-info .arrow{font-size:25px;color:#cfdae6}.carousel-controls{display:flex;justify-content:flex-end;align-items:center;gap:10px;margin-top:16px}.circle{display:flex;align-items:center;justify-content:center;background:#17212b;color:white;border:1px solid var(--line);width:35px;height:35px;border-radius:50%;font-size:18px}.circle.next{background:white;color:#0b1724}.count{font-size:11px;color:var(--muted);margin-right:12px}.cta-banner{border:1px solid var(--line);border-radius:18px;padding:38px 42px;display:flex;align-items:center;justify-content:space-between;gap:30px;background:linear-gradient(90deg,#141e27 0%,#0a1117a8 65%),url('assets/orwell-horizon.png') right center/cover}.cta-banner h2{margin:0 0 8px;font-size:32px;letter-spacing:-1px;line-height:1.2}.cta-banner p{color:var(--muted);margin:0;font-size:15px}.studio{display:grid;grid-template-columns:1fr 1.3fr;gap:80px;border-top:1px solid var(--line)}.studio p{color:var(--muted);font-size:15px}.values{display:grid;grid-template-columns:1fr 1fr;gap:20px}.value{border-top:1px solid var(--line);padding-top:18px}.value span{font-size:11px;color:var(--cyan)}.value h3{font-size:18px;letter-spacing:-.5px;margin:12px 0 6px}.value p{font-size:13px;margin:0}.demo-section{display:grid;grid-template-columns:1.05fr 1fr;gap:70px;align-items:center;border-top:1px solid var(--line)}.demo-section p{max-width:470px;color:var(--muted);font-size:14px}.demo-window{background:linear-gradient(135deg,#172834,#101820);border:1px solid #6ab4cf40;border-radius:14px;padding:27px;box-shadow:0 25px 50px #0002}.window-top{display:flex;gap:6px;margin-bottom:25px}.window-top i{width:5px;height:5px;border-radius:50%;background:#576d80}.window-top span{font-size:10px;color:#87a0b5;margin-left:auto}.demo-window h3{font-size:21px;letter-spacing:-.6px}.data-row{font-size:12px;display:flex;justify-content:space-between;border-top:1px solid var(--line);padding:12px 0;gap:15px}.data-row span{color:#96a8bb}.data-row strong{font-weight:500}.demo-status{font-size:11px;color:#93d6c0;margin-top:15px}.demo-label{font-size:11px!important;color:#758ca0!important}.faq{border-top:1px solid var(--line);display:grid;grid-template-columns:.9fr 1.8fr;gap:65px}.questions details{border-bottom:1px solid var(--line);padding:21px 0}.questions summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;gap:22px;font-size:15px}.questions summary::-webkit-details-marker{display:none}.questions summary:after{content:'+';color:#97aab9;font-size:20px;line-height:1.2}.questions details[open] summary{color:var(--cyan)}.questions details[open] summary:after{content:'−';color:var(--cyan)}.questions details p{color:var(--muted);font-size:13px;margin:15px 35px 0 0}.contact{border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1.4fr;gap:70px}.contact p{font-size:14px;color:var(--muted)}.contact-actions{display:flex;gap:12px;flex-wrap:wrap;margin:24px 0}.contact-actions .button{font-size:12px;padding:12px 17px}.brief{display:grid;grid-template-columns:1fr 1fr;gap:20px}.brief label{display:block;font-size:12px;color:#b5c2d2;margin-bottom:8px}.brief input,.brief select,.brief textarea{display:block;width:100%;color:white;background:#111c26;border:1px solid #ffffff25;padding:13px;border-radius:7px;min-width:0}.brief textarea{min-height:110px;resize:vertical}.full{grid-column:1/-1}.contact-note{font-size:11px!important;line-height:1.5;margin:15px 0 0}.brief-result{white-space:pre-wrap;overflow-wrap:anywhere;font-size:13px;background:#132631;border-left:2px solid var(--cyan);padding:20px;margin-top:25px}.status{font-size:12px!important;color:#8cd5b2!important}.footer{border-top:1px solid var(--line);padding:35px 0}.footer-row{display:flex;justify-content:space-between;align-items:center;gap:25px}.footer .wordmark{font-size:29px}.footer .wordmark small{font-size:7px;letter-spacing:2.3px}.footer p,.footer a.top{font-size:11px;color:#8497a8}.modal{padding:0;width:min(850px,calc(100% - 30px));max-height:90vh;border:1px solid #657a8e50;border-radius:15px;background:#111b26;color:white;box-shadow:0 30px 100px #0009}.modal::backdrop{background:#02060bd9;backdrop-filter:blur(6px)}.modal-close{position:absolute;right:15px;top:15px;width:35px;height:35px;border-radius:50%;border:1px solid #ffffff40;background:#09121de8;color:white;font-size:23px;z-index:1}.modal img{display:block;width:100%;max-height:360px;object-fit:contain;background:#172330}.modal-copy{padding:30px}.modal h2{font-size:29px;letter-spacing:-1px;margin:5px 0 20px}.modal p{color:var(--muted);font-size:14px}.modal strong{color:white}.modal small{color:var(--cyan);font-size:10px;letter-spacing:2px}.modal .button{margin-top:10px}.tiny{font-size:11px;color:var(--muted)}@media(min-width:1600px){.hero:before{background-size:cover;background-position:65% 42%}.hero-copy{padding-bottom:95px}}@media(max-width:1000px){.wrap{width:calc(100% - 64px)}.navlinks{gap:20px}.hero h1{font-size:61px}.projects{gap:28px;grid-template-columns:.8fr 1.8fr}.project-image{height:160px}.project-info h3{font-size:17px}.service{padding:0 13px;gap:10px}.service svg{width:25px}.service h2{font-size:13px}.studio,.demo-section,.faq,.contact{gap:35px}.section h2{font-size:32px}}@media(max-width:720px){html{scroll-padding-top:85px}.wrap{width:calc(100% - 40px)}.nav{height:82px;gap:15px}.wordmark{font-size:35px}.wordmark small{font-size:7px;letter-spacing:3px}.header-cta{display:none}.menu{display:block}.navlinks{display:none;position:absolute;top:82px;left:0;right:0;background:#0b141ff7;padding:22px 25px;flex-direction:column;border-bottom:1px solid var(--line)}.navlinks.open{display:flex}.navlinks a{padding:8px 0}.navlinks a.active:after{display:none}.hero{padding-top:38px}.hero:before{inset:0 0 -20px;background:linear-gradient(90deg,#080d12cf,#080d1288),linear-gradient(0deg,#080d12,transparent 50%),url('assets/orwell-horizon.png') 67% 40%/auto 660px no-repeat}.hero-copy{padding-bottom:45px;max-width:none}.hero h1{font-size:clamp(43px,10.8vw,62px);letter-spacing:-1.7px;margin:23px 0}.hero p{font-size:16px;max-width:420px}.eyebrow{font-size:9px;letter-spacing:1.8px}.actions{gap:10px}.button{padding:13px 17px;font-size:12px;gap:15px}.services{grid-template-columns:1fr 1fr;gap:25px 18px;padding:10px 0 32px}.service,.service:first-child,.service:last-child{border:0;padding:0;gap:12px}.service p{font-size:11px}.service h2{font-size:13px}.service svg{width:25px}.section{padding:48px 0}.projects{grid-template-columns:1fr;gap:24px}.section-intro p{max-width:500px;margin-bottom:20px}.section h2{font-size:31px}.project-grid{gap:14px}.project-image{height:150px}.project-info{padding:15px 13px;align-items:start}.project-info h3{font-size:16px;line-height:1.25}.project-info p{font-size:11px;margin-top:5px}.project-info .arrow{font-size:20px}.cta-banner{padding:28px 22px;flex-direction:column;align-items:start;background-position:70% center}.cta-banner h2{font-size:28px}.cta-banner p{font-size:14px}.studio,.demo-section,.faq,.contact{grid-template-columns:1fr;gap:25px}.values{gap:18px}.demo-window{padding:22px}.contact .section-intro p{margin-bottom:15px}.brief{gap:18px 14px}.contact-actions{margin:20px 0}.footer-row{flex-wrap:wrap}.footer p{max-width:200px}.footer .top{margin-left:auto}.modal-copy{padding:24px}.modal h2{font-size:26px}.modal img{max-height:220px}}@media(max-width:380px){.brief{grid-template-columns:1fr}.full{grid-column:auto}.project-grid{grid-template-columns:1fr}.project-image{height:180px}.hero h1{font-size:42px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}.button:hover,.project-card:hover{transform:none}}

/* Vector arrows keep the same fine strokes on mobile and desktop. */
.ui-arrow{display:inline-block;width:17px;height:17px;flex-shrink:0;vertical-align:middle;pointer-events:none}.arrow{display:inline-flex;align-items:center;justify-content:center}.project-info .ui-arrow{width:22px;height:22px}.circle .ui-arrow{width:17px;height:17px}.top .ui-arrow{width:14px;height:14px}