:root{color-scheme:dark;--bg:#090909;--surface:#1a1718;--accent:#ed2334;--text:#fff;--muted:#b4b0b1;--border:#ffffff18;--max:1280px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:32px}body{margin:0;background:var(--bg);color:var(--text);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased;background-image:radial-gradient(ellipse at 85% 15%,#ed23340b,transparent 36%)}a{color:inherit;text-decoration:none}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible{outline:2px solid #b4b0b1;outline-offset:6px}img{max-width:100%;display:block}.shell{width:min(var(--max),calc(100% - 96px));margin-inline:auto}.skip-link{position:fixed;top:8px;left:12px;transform:translateY(-160%);z-index:20;padding:12px 20px;background:var(--accent);border-radius:8px}.skip-link:focus{transform:translateY(0)}.site-header{height:110px;display:flex;align-items:center;justify-content:space-between;gap:24px}.wordmark{display:inline-flex;gap:12px;align-items:center;font-size:27px;font-weight:700;letter-spacing:-.9px}.nav-pill{display:flex;align-items:center;gap:5px;padding:6px;border:1px solid #ffffff26;border-radius:40px;background:linear-gradient(120deg,#1a171880,#09090970);box-shadow:inset 0 1px #ffffff08}.nav-pill a{font-size:13px;color:#b4b0b1;padding:11px 22px;border-radius:28px;transition:color .2s,background .2s}.nav-pill a:hover{color:#fff;background:#ffffff08}.nav-pill a.active{background:linear-gradient(145deg,#ed233450,#ed233425);box-shadow:inset 0 1px #ffffff15;color:#fff}.button{display:inline-flex;justify-content:center;align-items:center;gap:24px;padding:17px 25px;border:1px solid #ffffff24;border-radius:16px;background:linear-gradient(140deg,#ed2334,#c91e30);color:#fff;font-size:15px;font-weight:600;line-height:1.3;box-shadow:inset 0 1px #ffffff20,0 5px 20px #ed233413;transition:transform .2s,box-shadow .2s,border-color .2s}.button:hover{transform:translateY(-2px);box-shadow:0 7px 28px #ed233435;border-color:#ffffff50}.button span{font-size:20px;font-weight:400;line-height:1}.button-small{padding:12px 21px;font-size:13px;border-radius:15px}.button-quiet{background:transparent;border-color:#b4b0b1;box-shadow:none;font-weight:400}.hero{overflow:clip;min-height:500px;position:relative;display:grid;grid-template-columns:1.32fr 1fr;align-items:center;gap:8px;padding:45px 0 60px}.hero-copy{position:relative;z-index:1}.identity-pill{display:inline-flex;align-items:center;gap:8px;padding:9px 14px;margin:0 0 24px;border:1px solid #ffffff26;border-radius:25px;color:#b4b0b1;font-size:12px;background:linear-gradient(140deg,#ed23341c,#09090980)}.identity-pill strong{color:#fff;font-weight:600}.status-dot{width:6px;height:6px;background:#ed2334;border-radius:50%;box-shadow:0 0 12px #ed233450}.identity-separator{color:#b4b0b1}h1{font-size:clamp(35px,4.15vw,59px);line-height:1.12;letter-spacing:-2.2px;margin:0;font-weight:700;max-width:820px}h1 span{color:var(--accent)}.hero-description{font-size:19px;line-height:1.6;max-width:660px;color:var(--muted);margin:22px 0 28px}.hero-actions{display:flex;gap:16px}.hero-art{width:120%;margin-left:-7%;pointer-events:none}.hero-art img{width:100%;height:auto;mix-blend-mode:lighten}.glass-card{background:linear-gradient(125deg,#1a171855,#09090955);border:1px solid #ffffff26;box-shadow:inset 0 1px #ffffff06;border-radius:21px;overflow:hidden}.featured{position:relative}.featured-header{padding:31px 36px 0}.eyebrow{font-size:11px;letter-spacing:1.8px;font-weight:500;margin:0 0 14px;color:#b4b0b1}h2{font-size:35px;line-height:1.15;letter-spacing:-1px;margin:0 0 12px}p{line-height:1.65}.featured-header>p:last-child{font-size:17px;color:var(--muted);margin:0}.featured-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:48px;align-items:center;min-height:420px}.product-art{position:relative;min-height:440px;align-self:stretch;display:flex;justify-content:center;align-items:flex-end;background:radial-gradient(ellipse at 45% 60%,#ed233430,transparent 65%),url("assets/arainxr/project-landscape.png") center/cover no-repeat;overflow:hidden}.map-contours{position:absolute;inset:0;background:repeating-radial-gradient(ellipse at 28% 68%,transparent 0,transparent 18px,#ed23341c 19px,transparent 20px,transparent 32px);transform:rotate(-18deg) scale(1.25);mask-image:linear-gradient(transparent,#000 35%,#000)}.product-phone{display:block;position:relative;width:206px;height:385px;border:7px solid #1a1718;border-radius:31px;background:#090909;transform:rotate(-9deg) translateY(26px);box-shadow:0 22px 50px #0008,0 0 0 1px #b4b0b150;overflow:hidden;transition:transform .3s}.product-phone:hover{transform:rotate(-5deg) translateY(16px)}.product-phone>img{width:100%;height:100%;object-fit:cover;object-position:top}.phone-camera{position:absolute;width:12px;height:12px;border-radius:50%;background:#090909;top:8px;left:calc(50% - 6px);box-shadow:0 0 0 2px #1a1718}.floating-symbol{position:absolute;display:grid;place-items:center;width:74px;height:83px;border-radius:16px;background:linear-gradient(130deg,#ed233465,#1a171880);border:1px solid #ed233499;color:#fff;box-shadow:inset 0 1px #ffffff35,0 8px 24px #ed233415;backdrop-filter:blur(9px);font-size:35px;transform:rotate(-8deg);z-index:2}.symbol-photo{left:13%;top:21%}.symbol-pin{right:9%;top:28%;transform:rotate(8deg);font-size:45px}.symbol-pdf{left:17%;bottom:16%;font-size:15px;font-weight:700;width:60px;height:67px}.art-caption{position:absolute;bottom:13px;right:20px;font-size:10px;color:#b4b0b1;background:#090909c9;border:1px solid var(--border);border-radius:20px;padding:5px 10px}.project-copy{padding:25px 36px 35px 0}.project-title{display:flex;align-items:center;gap:12px}.project-title img{border-radius:12px}.project-copy h3{font-size:34px;letter-spacing:-1px;margin:0}.project-category{color:#b4b0b1;font-size:15px;margin:12px 0 17px}.project-description{color:#b4b0b1;font-size:15px;max-width:410px;margin-bottom:24px}.feature-tags{list-style:none;display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding:0;margin:0 0 29px}.feature-tags li{display:flex;justify-content:center;align-items:center;border:1px solid #ffffff1c;border-radius:30px;background:linear-gradient(130deg,#ed233413,#09090980);font-size:11px;line-height:1.4;min-height:39px;padding:8px;white-space:nowrap}.project-action{min-width:240px}.download-link{display:block;width:fit-content;font-size:11px;color:#b4b0b1;margin-top:16px}.download-link:hover{color:#fff}.coming-soon{display:flex;align-items:center;gap:25px;margin-top:22px;padding:26px 30px;position:relative;background:radial-gradient(ellipse at 55% 120%,#ed233420,transparent 75%),linear-gradient(120deg,#1a171865,#090909)}.tile-icon{flex-shrink:0;width:67px;height:67px;border:1px solid #ffffff15;border-radius:17px;display:grid;place-items:center;background:linear-gradient(125deg,#ed233432,#1a171880);color:#b4b0b1;box-shadow:inset 0 1px #ffffff08}.tile-icon svg{width:27px;height:27px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linejoin:round;stroke-linecap:round}.coming-soon h3{font-size:23px;letter-spacing:-.4px;margin:0 0 6px}.coming-soon p{font-size:16px;color:#b4b0b1;margin:0}.soon-orbit{margin-left:auto;border:1px solid var(--border);border-radius:50%;width:48px;height:48px;display:grid;place-items:center;font-size:23px;color:#b4b0b1}.story-grid{display:grid;grid-template-columns:1.45fr 1fr;gap:20px;margin-top:22px}.story-grid>section{position:relative;padding:30px 32px;min-height:270px}.story-grid h2{font-size:31px}.story-grid p:not(.eyebrow){color:#b4b0b1;font-size:14px;margin:13px 0 0}.about-card>p:not(.eyebrow){max-width:83%;position:relative;z-index:1}.initials{position:absolute;right:17px;bottom:22px;font-family:Georgia,serif;font-size:135px;letter-spacing:-24px;color:#b4b0b125;pointer-events:none}.subtle-link{position:relative;z-index:1;display:inline-flex;gap:15px;align-items:center;padding:9px 14px;border-radius:25px;border:1px solid var(--border);font-size:12px;color:#b4b0b1;margin-top:18px;background:#1a171835}.subtle-link:hover{border-color:#ed2334;color:#fff}.blog-icon{position:absolute;right:30px;top:30px;width:52px;height:55px;border-radius:14px}.small-pill{display:inline-block;padding:7px 14px;border:1px solid var(--border);border-radius:20px;background:#ed233414;font-size:11px;color:#b4b0b1;margin-top:3px}.contact-card{margin-top:22px;display:flex;align-items:center;gap:24px;padding:25px 30px}.contact-card h2{font-size:23px;letter-spacing:-.4px;margin:0 0 5px}.contact-card p{font-size:15px;color:#b4b0b1;margin:0}.contact-card .button{margin-left:auto;min-width:164px}.legacy-links{display:flex;justify-content:center;flex-wrap:wrap;gap:24px;margin:24px 0 0;color:#b4b0b1;font-size:11px}.legacy-links a:hover{color:#fff}.site-footer{display:flex;align-items:center;gap:24px;padding-block:30px 36px}.site-footer .wordmark{font-size:19px}.site-footer p{margin-left:auto}.site-footer p,.site-footer>span{font-size:11px;color:#b4b0b1}.site-footer>span{padding-left:20px;border-left:1px solid var(--border)}
@media(min-width:1500px){.hero{min-height:530px}h1{font-size:61px}}
@media(max-width:1100px){.shell{width:calc(100% - 64px)}.nav-pill a{padding-inline:15px}.site-header{gap:15px}.wordmark{font-size:24px}.hero{grid-template-columns:1.4fr 1fr;min-height:440px}.hero-description{font-size:17px}.hero-art{width:135%;margin-left:-15%}.featured-grid{gap:26px}.featured-header{padding:28px 28px 0}.project-copy{padding-right:28px}.feature-tags{gap:7px}.feature-tags li{font-size:10px}.project-copy h3{font-size:29px}.product-art{min-height:400px}.product-phone{width:180px;height:350px}.symbol-photo{left:7%}.symbol-pin{right:4%}.floating-symbol{width:58px;height:66px}.symbol-pdf{left:10%}.story-grid>section{padding:27px}.blog-icon{right:22px}.story-grid h2{font-size:28px}.story-grid{grid-template-columns:1.25fr 1fr}.button{gap:17px}.site-footer{gap:15px}}
@media(max-width:800px){.header-contact{display:none}.site-header{height:96px}.hero{padding:38px 0 45px;grid-template-columns:1fr 1fr}.hero-copy{grid-column:1/-1;max-width:650px}.hero-art{position:absolute;right:-20px;top:0;width:43%;opacity:.25;z-index:0}.hero h1{font-size:clamp(37px,6.5vw,53px);max-width:640px}.hero-description{max-width:520px}.hero-actions{position:relative}.featured-grid{grid-template-columns:1fr 1fr;gap:18px}.project-copy{padding:30px 23px 30px 0}.project-copy h3{font-size:27px}.project-category{font-size:12px}.project-description{font-size:13px}.feature-tags{grid-template-columns:repeat(2,1fr)}.product-art{min-height:440px}.project-action{min-width:0;font-size:13px;padding-inline:18px}.story-grid{grid-template-columns:1fr 1fr}.blog-icon{position:static;width:40px;height:40px;margin-bottom:14px;display:none}.contact-card{padding:24px;gap:16px}.contact-card .tile-icon{width:49px;height:52px}.contact-card h2{font-size:20px}.contact-card .button{min-width:130px}.coming-soon h3{font-size:20px}.coming-soon p{font-size:14px}}
@media(max-width:560px){html{scroll-padding-top:22px}.shell{width:calc(100% - 36px)}.site-header{height:auto;min-height:120px;flex-direction:column;align-items:flex-start;justify-content:center;gap:17px;padding-top:22px}.wordmark{font-size:25px}.wordmark img{width:32px;height:32px}.nav-pill{width:100%;justify-content:space-between;padding:5px;gap:0}.nav-pill a{font-size:11px;padding:9px 13px}.hero{padding-top:35px;padding-bottom:30px;display:flex;flex-direction:column;align-items:stretch;min-height:0;gap:0}.hero-art{position:relative;width:100%;max-width:380px;align-self:center;opacity:1;top:auto;right:auto;margin:-14px auto -18px;order:2}.hero-art img{aspect-ratio:4/3;object-fit:contain}.identity-pill{font-size:10px;gap:6px;padding:8px 11px;margin-bottom:21px}h1,.hero h1{font-size:clamp(34px,8.8vw,48px);letter-spacing:-1.4px;line-height:1.13}.hero-description{font-size:16px;line-height:1.65;margin-top:20px;margin-bottom:24px}.hero-actions{gap:12px}.button{padding:14px 19px;font-size:13px;border-radius:13px;gap:14px}.button-quiet{padding-inline:21px}.glass-card{border-radius:18px}.featured-header{padding:24px 23px 0}.eyebrow{font-size:9px;letter-spacing:1.5px;margin-bottom:12px}h2{font-size:31px}.featured-header>p:last-child{font-size:14px}.featured-grid{display:flex;flex-direction:column;gap:0;min-height:0}.product-art{min-height:340px;width:100%;order:1;margin-top:12px}.product-phone{width:165px;height:316px;transform:rotate(-9deg) translateY(20px)}.symbol-photo{left:13%;top:15%}.symbol-pin{right:12%;top:24%}.symbol-pdf{left:17%;bottom:14%;width:48px;height:54px;font-size:12px}.art-caption{right:14px;bottom:10px}.project-copy{width:100%;padding:26px 23px 27px;order:2;border-top:1px solid var(--border)}.project-copy h3{font-size:28px}.project-category{font-size:13px;margin-top:11px}.project-description{font-size:14px;max-width:100%}.feature-tags{grid-template-columns:repeat(3,1fr);gap:7px;margin-bottom:24px}.feature-tags li{font-size:9px;padding:8px 4px;min-height:35px}.project-action{min-width:210px}.coming-soon{padding:21px 19px;gap:16px;margin-top:16px}.coming-soon .tile-icon{width:47px;height:49px;border-radius:13px}.coming-soon h3{font-size:17px;letter-spacing:-.3px}.coming-soon p{font-size:12px;line-height:1.5}.soon-orbit{display:none}.story-grid{grid-template-columns:1fr;gap:16px;margin-top:16px}.story-grid>section{min-height:0;padding:25px 23px}.story-grid h2{font-size:28px}.story-grid p:not(.eyebrow){font-size:14px}.about-card>p:not(.eyebrow){max-width:90%}.initials{font-size:115px;right:20px;bottom:34px}.blog-icon{display:grid;position:absolute;width:45px;height:48px;top:25px;right:23px}.contact-card{flex-wrap:wrap;gap:15px;padding:22px 20px;margin-top:16px}.contact-card h2{font-size:19px}.contact-card p{font-size:13px}.contact-card .tile-icon{width:44px;height:47px;border-radius:12px}.contact-card .button{width:100%;margin:3px 0 0}.legacy-links{gap:13px 20px;font-size:10px;margin-top:22px}.site-footer{padding-block:28px;flex-wrap:wrap;gap:14px}.site-footer .wordmark{font-size:19px}.site-footer p{font-size:10px}.site-footer>span{width:100%;border:0;padding:0;font-size:10px;margin-left:43px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}
