:root{--blue:#00a8ff;--ink:#07090b;--paper:#f0f0eb;--muted:#959da3}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--ink);color:var(--paper);font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}a:focus-visible,button:focus-visible{outline:3px solid var(--blue);outline-offset:6px}::selection{background:var(--blue);color:var(--ink)}.wrap{max-width:1440px;margin:auto;padding:0 6%}.top{display:flex;align-items:center;justify-content:space-between;height:100px;border-bottom:1px solid #25292c}.wordmark{font-size:18px;font-weight:900;letter-spacing:-.7px;line-height:1.1}.wordmark span{color:var(--blue)}.wordmark small{display:block;font-size:9px;letter-spacing:6px;font-weight:400;margin-top:7px}nav{display:flex;gap:32px;font-size:12px;font-weight:600}nav a:hover{color:var(--blue)}.nav-contact{color:var(--blue)}.hero{position:relative;display:grid;grid-template-columns:1.25fr 1fr;align-items:center;min-height:700px;padding:72px 0 90px;gap:30px}.eyebrow{display:flex;align-items:center;gap:12px;font-family:monospace;font-size:11px;letter-spacing:2px;text-transform:uppercase}.dot{width:7px;height:7px;background:var(--blue);border-radius:50%;box-shadow:0 0 15px #00a8ff88}.hero h1{font-size:clamp(62px,7.7vw,112px);letter-spacing:-7px;line-height:.97;margin:32px 0;position:relative;z-index:1}.hero h1 em{color:var(--blue);font-style:normal}.lead{max-width:390px;font-size:16px;line-height:1.8;color:#a6adb2}.actions{display:flex;gap:28px;align-items:center;margin-top:36px;font-size:12px;font-weight:700}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:36px;background:var(--blue);color:var(--ink);padding:18px 24px;border:1px solid var(--blue);cursor:pointer;transition:background .2s,transform .2s}.button:hover{background:#59c7ff;transform:translateY(-2px)}.text-link{border-bottom:1px solid #5a6266;padding:10px 0}.visual{position:relative;isolation:isolate}.visual:before{content:"";position:absolute;inset:10% 0;background:radial-gradient(ellipse,#00447466,transparent 68%);z-index:-1}.brand-crop{width:100%;aspect-ratio:612/492;background-image:url('assets/brand-board.png');background-size:250.98% auto;background-position:0 0;background-repeat:no-repeat;mix-blend-mode:screen}.visual-label{display:flex;justify-content:space-between;font:10px monospace;letter-spacing:2px;color:#87929b;margin-top:22px;border-top:1px solid #283036;padding-top:18px}.hero-bottom{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center;font:10px monospace;color:#8c959c;letter-spacing:2px;position:absolute;bottom:30px;width:100%}.hero-bottom a{color:var(--paper)}.ticker{background:var(--blue);color:var(--ink);overflow:hidden;padding:20px 0}.ticker-line{display:flex;justify-content:space-around;gap:36px;white-space:nowrap;font-size:14px;font-weight:800;letter-spacing:2px}.ticker b{font-size:16px}.section{padding:110px 0}.section-head{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:55px}.section h2{font-size:clamp(38px,4.4vw,64px);line-height:1.05;letter-spacing:-3px;margin:22px 0 0}.section-head p{color:var(--muted);font-size:14px;line-height:1.8;max-width:310px;margin:0}.apps-panel{display:grid;grid-template-columns:1.3fr 1fr;background:#101518;border:1px solid #273139;min-height:380px}.app-stage{display:flex;justify-content:center;align-items:center;position:relative;overflow:hidden;background:radial-gradient(ellipse at 50% 80%,#003e6280,transparent 65%);padding:55px}.app-stage:before{content:"";position:absolute;width:340px;height:340px;border:1px solid #00a8ff22;border-radius:50%}.app-stage:after{content:"";position:absolute;width:460px;height:460px;border:1px solid #00a8ff13;border-radius:50%}.app-icon{position:relative;z-index:1;width:165px;aspect-ratio:1;border-radius:38px;overflow:hidden;background-image:url('assets/brand-board.png');background-size:524% auto;background-position:94.2% 14.6%;box-shadow:0 20px 70px #000,0 0 55px #00a8ff22}.app-copy{padding:60px 48px;display:flex;flex-direction:column;justify-content:center;border-left:1px solid #273139}.tag{align-self:flex-start;border:1px solid #45515b;color:#b8c3cc;padding:7px 10px;font:10px monospace;letter-spacing:1px}.app-copy h3{font-size:32px;letter-spacing:-1px;margin:25px 0 12px}.app-copy p{font-size:14px;line-height:1.8;color:#a4adb4;max-width:310px}.app-copy a{align-self:flex-start;font-size:12px;margin-top:20px}.light{background:var(--paper);color:var(--ink)}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:90px}.about-grid h2{font-size:clamp(42px,5vw,72px)}.about-grid .eyebrow{color:#4e565c}.about-copy{font-size:19px;line-height:1.65;padding-top:30px}.about-copy p{margin:0 0 24px}.about-copy p+p{font-size:14px;color:#5e6569}.principles{display:grid;grid-template-columns:repeat(3,1fr);gap:38px;margin-top:70px}.principle{border-top:1px solid #c4c8c8;padding-top:24px}.number{font:11px monospace;color:#57636c}.principle h3{font-size:19px;margin-top:23px;letter-spacing:-.5px}.principle p{font-size:13px;line-height:1.8;color:#60696e}.contact{display:grid;grid-template-columns:1.2fr 1fr;gap:80px}.contact h2{font-size:clamp(50px,6vw,86px);margin-bottom:25px}.contact h2 span{color:var(--blue)}.contact p{font-size:14px;line-height:1.8;color:#9ea8af;max-width:350px}.contact-box{border:1px solid #303b42;padding:32px;align-self:center}.contact-box label{display:block;font-size:11px;letter-spacing:1px;text-transform:uppercase;margin-bottom:12px}.contact-box textarea{width:100%;background:#101619;border:1px solid #33424b;color:var(--paper);padding:14px;resize:vertical;min-height:130px;font-size:14px;line-height:1.6}.contact-box .button{margin-top:16px;width:100%}.contact-box small{display:block;font-size:11px;line-height:1.5;color:#7e8b95;margin-top:15px}.status{min-height:20px;margin-top:12px;font-size:12px;color:var(--blue)}footer{border-top:1px solid #2b3135;padding:32px 0}.footer-row{display:flex;align-items:center;justify-content:space-between;gap:25px}.footer-row p,.footer-row a:last-child{font:10px monospace;color:#8b959d}.menu-toggle{display:none;background:transparent;color:var(--paper);border:1px solid #394047;padding:9px 12px}.skip{position:absolute;top:-100px;padding:14px;background:var(--blue);z-index:20;color:black}.skip:focus{top:10px}
@media(min-width:1500px){.hero{min-height:780px}}@media(max-width:900px){.hero{grid-template-columns:1.1fr 1fr;min-height:590px}.hero h1{letter-spacing:-4px;font-size:70px}.section{padding:80px 0}.about-grid{gap:40px}.contact{gap:40px}.app-copy{padding:36px}.app-stage{padding:35px}}@media(max-width:650px){.wrap{padding:0 7%}.top{height:82px}.wordmark{font-size:15px}.wordmark small{font-size:8px;letter-spacing:5px}.menu-toggle{display:block}nav{display:none;position:absolute;top:81px;left:0;right:0;z-index:10;background:#0d1317;padding:25px 7%;border-bottom:1px solid #303b42}nav.open{display:flex;flex-direction:column;gap:24px}.hero{display:flex;flex-direction:column;align-items:stretch;gap:22px;padding:52px 0 70px}.hero h1{font-size:clamp(58px,14vw,84px);letter-spacing:-4px;margin:25px 0}.lead{font-size:14px}.actions{gap:22px;margin-top:28px}.visual{max-width:360px;width:100%;margin:0 auto}.visual-label{margin-top:0}.hero-bottom{bottom:20px;font-size:8px;letter-spacing:1px}.ticker-line{justify-content:flex-start;padding:0 26px;font-size:12px;gap:26px}.section{padding:65px 0}.section-head{display:block;margin-bottom:32px}.section-head p{margin-top:22px}.section h2{letter-spacing:-2px}.apps-panel{grid-template-columns:1fr}.app-stage{min-height:290px}.app-copy{border-left:0;border-top:1px solid #273139;padding:32px}.about-grid,.contact{grid-template-columns:1fr;gap:24px}.about-copy{padding-top:0;font-size:17px}.principles{grid-template-columns:1fr;gap:24px;margin-top:32px}.principle h3{margin-top:12px}.principle p{max-width:350px}.contact-box{padding:24px}.footer-row{flex-wrap:wrap}.footer-row p{order:3;width:100%;margin:8px 0 0}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

.app-page{max-width:920px;margin:auto;padding:75px 0 90px}.app-page h1{font-size:clamp(48px,8vw,90px);letter-spacing:-4px;margin:22px 0}.app-page h2{font-size:27px;letter-spacing:-1px;margin:40px 0 14px}.app-page p,.app-page li{color:#b9c1c7;line-height:1.8;font-size:16px}.app-page ul{padding-left:22px}.app-page li{margin:12px 0}.app-page a:not(.button){color:var(--blue);text-decoration:underline;text-underline-offset:4px}.app-links{display:flex;gap:24px;flex-wrap:wrap;margin:30px 0}.app-note{border-left:2px solid #e8915a;padding:6px 20px}.arodial-visual{color:#e8915a;background:#171719;display:flex;align-items:center;justify-content:center;flex-direction:column;min-height:380px;gap:25px;padding:40px}.dial{width:200px;height:200px;border:1px solid #555151;border-radius:50%;position:relative;background:repeating-conic-gradient(from 0deg,#74615a 0deg 1deg,transparent 1deg 30deg);box-shadow:inset 0 0 0 12px #171719}.dial:before{content:"";position:absolute;inset:24px;border-radius:50%;background:#171719}.dial:after{content:"";width:3px;height:68px;background:#e8915a;position:absolute;left:50%;top:32px;transform:rotate(35deg);transform-origin:50% 100%;border-radius:4px}.dial-center{position:absolute;inset:0;display:grid;place-items:center;font-size:12px;letter-spacing:2px;z-index:1}.arodial-word{font-size:43px;letter-spacing:-2px;color:#f2f2f0}.art-caption{font:10px monospace;color:#9a9da3;letter-spacing:1px}.future-apps{display:flex;gap:30px;justify-content:space-between;border-top:1px solid #273139;margin-top:30px;padding-top:25px}.future-apps p{font-size:14px;color:#959da3;line-height:1.7;max-width:540px}.future-apps strong{color:#f0f0eb;font-size:16px}@media(max-width:650px){.app-page{padding:45px 0 65px}.app-page h1{letter-spacing:-2px}.future-apps{display:block}.arodial-visual{min-height:300px}}
.arodial-art{background:#111315;display:flex;align-items:center;overflow:hidden}.arodial-art img{display:block;width:100%;height:auto}.app-artwork{display:block;width:100%;height:auto;border:1px solid #273139;margin:32px 0}.app-links a{font-size:12px}.future-apps{display:flex;gap:30px;justify-content:space-between;border-top:1px solid #273139;margin-top:30px;padding-top:25px}.future-apps p{font-size:14px;color:#959da3;line-height:1.7;max-width:540px}@media(max-width:650px){.future-apps{display:block}}
@media(max-width:650px){.menu-toggle{min-width:70px;min-height:44px}.top nav a{min-height:44px;display:inline-flex;align-items:center}.top nav.open a{padding:10px 0}.app-links a{min-height:44px;display:inline-flex;align-items:center}.text-link{min-height:44px;display:inline-flex;align-items:center}.footer-row a{min-height:44px;display:inline-flex;align-items:center}.footer-row .wordmark{display:block;padding-top:4px}.app-page .app-links{align-items:center}.app-links{column-gap:24px;row-gap:8px}}

.light>.wrap.section{padding-left:6%;padding-right:6%}
@media(max-width:650px){.light>.wrap.section{padding-left:7%;padding-right:7%}.ticker{padding:24px 7%;overflow:visible}.ticker-line{flex-direction:column;align-items:center;justify-content:center;gap:14px;white-space:normal;padding:0;text-align:center;line-height:1.5}.ticker-line b{display:none}.hero-bottom{flex-wrap:wrap;gap:8px;line-height:1.5}.about-grid,.contact,.apps-panel{min-width:0}.about-grid>*{min-width:0}}

.studio-section .about-grid{grid-template-columns:1.1fr 1fr;gap:70px;align-items:center}.studio-section h2{font-size:clamp(40px,4.5vw,64px);letter-spacing:-2.8px;line-height:1.08}.studio-section .about-copy{padding-top:0;font-size:20px;line-height:1.6}.studio-section .about-copy p{margin:0 0 20px}.studio-section .about-copy p+p{font-size:15px;line-height:1.8;margin-bottom:0}.studio-section .principles{margin-top:48px;gap:32px}.studio-section .principle{display:grid;grid-template-columns:26px 1fr;gap:12px;padding-top:24px}.studio-section .number{padding-top:5px;color:#6c767b}.studio-section .principle h3{margin:0 0 10px;font-size:20px}.studio-section .principle p{margin:0;font-size:14px;line-height:1.7}.studio-section .eyebrow{line-height:1.5}.studio-section .principle:last-child{padding-bottom:0}
@media(max-width:900px){.studio-section .about-grid{gap:35px}.studio-section h2{font-size:46px}}
@media(max-width:650px){.studio-section .wrap.section{padding-top:60px;padding-bottom:60px}.studio-section .about-grid{grid-template-columns:1fr;gap:25px}.studio-section h2{font-size:clamp(36px,10vw,44px);line-height:1.12;letter-spacing:-1.8px;margin-top:18px}.studio-section .about-copy{font-size:18px;line-height:1.65}.studio-section .about-copy p{margin-bottom:14px}.studio-section .about-copy p+p{font-size:14px;line-height:1.75}.studio-section .principles{grid-template-columns:1fr;gap:0;margin-top:32px}.studio-section .principle{grid-template-columns:25px 1fr;gap:14px;padding:22px 0}.studio-section .principle h3{font-size:18px;margin-bottom:7px}.studio-section .principle p{font-size:13px}.hero h1{font-size:clamp(52px,13.8vw,78px);letter-spacing:-3.5px}.section-head h2{font-size:clamp(34px,9.5vw,42px)}.contact h2{font-size:clamp(44px,12vw,60px)}.eyebrow{line-height:1.5}.hero-bottom{font-size:8px;letter-spacing:.7px}.visual-label{font-size:9px;letter-spacing:1.5px}.contact-box .button{font-size:14px;min-height:54px}.app-copy{padding:28px}.section-head p{max-width:none}}

@media(min-width:651px) and (max-width:1100px){.ticker{overflow:visible}.ticker-line{flex-wrap:wrap;white-space:normal;text-align:center;gap:12px 28px;padding:0 6%;justify-content:center}.ticker-line b{display:none}}