/* ORBA v0.3: intentionally composed small-screen presentation.
   Does not alter approved UI copy or screenshots. */
:root{--bg:#071023}
body{background:#060d20}
.site-bg{position:fixed;inset:0;filter:none;opacity:1;z-index:-3;background:
 radial-gradient(ellipse 66% 23% at 77% 42%,rgba(231,99,89,.24),transparent 72%),
 radial-gradient(ellipse 65% 30% at 15% 52%,rgba(100,65,147,.19),transparent 72%),
 linear-gradient(180deg,#07122a 0%,#0b1730 29%,#10142e 49%,#0a1530 67%,#060d20 100%)}
.site-wash{position:fixed;inset:0;z-index:-2;pointer-events:none;background:
 radial-gradient(ellipse 85% 28% at 82% 52%,rgba(245,119,75,.10),transparent 79%),
 linear-gradient(180deg,rgba(0,0,0,.07),transparent 42%,rgba(0,0,0,.15) 82%)}
.site-header{border-bottom:0;min-height:80px}
.brand img{mix-blend-mode:normal}
.hero{padding-top:51px}
.hero h1{letter-spacing:.09em}
.phone-art{margin-top:18px}
.phone-art:before{background:radial-gradient(ellipse at 78% 1%,rgba(251,125,89,.37),transparent 62%),radial-gradient(ellipse at 31% 22%,rgba(149,80,165,.18),transparent 58%)}
.phone-art img{-webkit-mask-image:linear-gradient(to bottom,transparent 0%,#000 2%,#000 98%,transparent 100%);mask-image:linear-gradient(to bottom,transparent 0%,#000 2%,#000 98%,transparent 100%)}
.feature{box-shadow:none}
.launch-box{background:transparent}
@media(max-width:730px){
 html,body{overflow-x:clip}
 .wrap{width:calc(100% - 40px)}
 .site-header{min-height:72px;padding-top:12px;align-items:flex-start}
 .brand{min-width:0;align-self:center}
 .brand img{width:146px}
 .mobile-toggle{display:flex;align-items:center;justify-content:center;width:38px;height:38px;padding:0;border:1px solid rgba(185,190,216,.28);font-size:22px;line-height:1;border-radius:9px}
 .site-nav{top:66px;left:0;right:0}
 .hero{padding:35px 0 0}
 .hero:before{inset:10% -30% auto;height:470px;filter:blur(30px);opacity:.4}
 .hero h1{font-size:clamp(32px,8.9vw,39px);line-height:1.5;letter-spacing:.065em;font-weight:400}
 .subcopy{font-size:clamp(14px,3.95vw,17px);letter-spacing:.08em;margin:15px 0 0}
 .tiny-rule{margin:14px auto 10px;border-color:rgba(226,223,235,.38)}
 .lead{font-size:13px;line-height:1.95;letter-spacing:.04em;margin:13px 0 25px;color:#e2dce5}
 .cta{width:min(100%,318px);min-width:0;min-height:57px;padding:10px 19px;border-radius:12px;font-size:16px;letter-spacing:.065em;gap:26px;box-shadow:0 0 26px rgba(156,79,185,.16)}
 .launch-note{font-size:12px;letter-spacing:.045em;color:#d4cad4;margin:12px 0 0}
 .phone-art{width:calc(100% + 40px);max-width:none;margin:23px 0 0 -20px;overflow:hidden}
 .phone-art:before{inset:-15px 0 0;filter:blur(29px)}
 .phone-art img{width:100%;height:auto;mask-image:linear-gradient(to bottom,transparent 0%,#000 3%,#000 97%,transparent 100%);-webkit-mask-image:linear-gradient(to bottom,transparent 0%,#000 3%,#000 97%,transparent 100%)}
 .section{padding:12px 0 35px}
 .feature-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:0}
 .feature,.feature:last-child{display:grid;grid-template-columns:52px minmax(0,1fr);gap:14px;align-items:center;justify-content:initial;text-align:left;min-height:0;padding:17px 8px;border:0;border-bottom:1px solid rgba(143,156,190,.21);border-radius:0;background:transparent;box-shadow:none}
 .feature:first-child{border-top:1px solid rgba(143,156,190,.21)}
 .feature:last-child{grid-column:auto}
 .feature-icon,.feature:last-child .feature-icon,.feature:nth-child(2) .feature-icon{width:48px;height:49px;flex:none;margin:0 auto;display:flex;align-items:center;justify-content:center}
 .feature-icon svg,.feature:nth-child(2) .feature-icon svg,.feature:last-child .feature-icon svg{width:40px;height:40px}
 .feature:nth-child(2) .feature-icon svg{width:48px;height:37px}
 .feature h2,.feature:last-child h2{font-size:15px;letter-spacing:.025em;font-weight:500;margin:0 0 3px;line-height:1.5}
 .feature p{font-size:12px;letter-spacing:.015em;line-height:1.65;color:#b6c0d1}
 .feature p br{display:none}
 .launch-box{padding:23px 0 33px;border-top:0}
 .launch-box h2{font-size:14px;letter-spacing:.11em;font-weight:400;color:#dedce9;margin:0 0 6px}
 .launch-box p{font-size:11px;max-width:100%;color:#8f9db5}
 .site-footer{padding:25px 0 21px;border-top:1px solid rgba(160,172,202,.22);background:rgba(3,10,23,.75)}
 .footer-top{gap:16px 17px}
 .footer-brand{padding-bottom:13px}
 .footer-brand strong{font-size:19px;letter-spacing:.17em}
 .footer-brand p:last-child{font-size:10px;color:#aeb5c7}
 .footer-links{gap:12px}
 .footer-links a{font-size:11px;color:#b8c4d6;line-height:1.45}
 .footer-bottom{font-size:10px;color:#8993ac;margin-top:23px}
}
@media(max-width:355px){
 .wrap{width:calc(100% - 34px)}
 .hero{padding-top:28px}
 .hero h1{font-size:31px}
 .subcopy{font-size:13px}
 .lead{font-size:12px}
 .phone-art{width:calc(100% + 34px);margin-left:-17px}
 .feature{grid-template-columns:45px minmax(0,1fr);gap:11px}
 .feature h2{font-size:14px}
 .feature p{font-size:11px}
 .footer-links a{font-size:10px}
}