.app-page{--app-space:clamp(26px, 3.1vw, 42px);--app-gap:clamp(12px, 1.6vw, 20px);--app-inset:clamp(16px, 2.2vw, 28px);--app-border:#3a4b75;padding-block:18px var(--app-space)}.app-hero{isolation:isolate;border-radius:calc(var(--radius) + 4px);background:radial-gradient(at 77% 70%,#364f8b,#0000 57%),linear-gradient(112deg,#182443,#23345f);border:1px solid #4c639c;grid-template-columns:minmax(0,1.06fr) minmax(0,.94fr);min-height:clamp(350px,32vw,430px);display:grid;position:relative;overflow:hidden}.app-hero-copy{z-index:1;align-self:center;padding:clamp(22px,4.3vw,56px) 0 clamp(22px,4.3vw,56px) clamp(22px,4.3vw,56px)}.app-hero h1{letter-spacing:-.06em;max-width:15ch;font-size:clamp(37px,4.75vw,68px);font-weight:860;line-height:1.04}.app-hero p{color:#dce6ff;text-wrap:pretty;max-width:46ch;margin-top:15px;font-size:clamp(1rem,1.45vw,1.125rem)}.app-hero .hero-actions{justify-content:flex-start;gap:8px 12px;margin-top:20px}.app-hero .hero-actions .button{white-space:normal;min-height:44px;padding-inline:16px}.app-platform-links{flex-wrap:wrap;gap:8px;display:flex}.app-platform-links .button{gap:7px}.app-platform-links svg,.app-platform-heading p svg{flex:none}.app-hero .hero-actions .button-outline{background:#152142;border-color:#758bb9}.app-hero .hero-actions .button-outline:hover{background:#2e4375;border-color:#aabaff}.app-hero-art{place-items:center;min-width:0;display:grid;position:relative}.app-hero-art:before{content:"";border:1px solid #a8beef55;border-radius:50%;position:absolute;inset:8% 11% -23% 13%;box-shadow:0 0 0 24px #a8beef10}.app-host{filter:drop-shadow(-8px 10px 20px #0c173c90);width:auto;max-width:none;height:86%;position:absolute;bottom:0;right:1%}.app-device{z-index:1;background:linear-gradient(140deg,#7183b0,#253455 40%,#566b9b 88%);border:1px solid #aebde4;border-radius:27px;width:clamp(158px,16vw,221px);margin:0 24% 0 0;padding:6px;rotate:-8deg;box-shadow:0 17px 36px #080e23b0}.app-device-screen{background:#18243a;border-radius:21px;overflow:hidden}.app-device-logo{object-fit:contain;width:46px;height:25px;margin:9px auto 1px}.app-device-catalog{width:100%;height:auto}.app-section{margin-top:var(--app-space)}.app-section-head{margin-bottom:15px}.app-section-head h2,.app-page #faq-title{text-wrap:balance;align-items:center;gap:11px;font-size:clamp(24px,2.65vw,36px);display:flex}.app-platforms{gap:var(--app-gap);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.app-platform,.app-feature{border:1px solid var(--app-border);border-radius:var(--radius);background:var(--panel-deep);min-width:0}.app-platform{padding:var(--app-inset);background:linear-gradient(145deg, #25365c, var(--panel-deep) 70%);scroll-margin-top:14px}.app-platform:target{border-color:#819ad2;box-shadow:inset 0 2px #819ad2}.app-platform:target:focus-visible{box-shadow:none}.app-platform-heading{border-bottom:1px solid var(--app-border);align-items:center;gap:13px;padding-bottom:15px;display:flex}.app-platform-heading h3{letter-spacing:-.025em;font-size:clamp(19px,1.8vw,25px);font-weight:790;line-height:1.2}.app-platform-heading p{color:#c8d6f7;align-items:center;gap:6px;margin-top:4px;font-size:.91rem;display:flex}.app-platform-icon,.app-feature-icon{color:#dce6ff;background:#30436d;border:1px solid #51679a;border-radius:11px;flex:none;place-items:center;display:grid}.app-platform-icon{width:56px;height:56px;color:var(--text);background:linear-gradient(145deg,#405687,#253659)}.app-steps{gap:13px;margin:15px 0 0;padding:0;list-style:none;display:grid}.app-steps li{grid-template-columns:28px minmax(0,1fr);align-items:start;gap:11px;display:grid;position:relative}.app-steps li:not(:last-child):before{content:"";border-inline-start:1px solid #52668e;position:absolute;inset:14px auto -13px 13px}.app-steps li>span{aspect-ratio:1;color:var(--accent);background:#263658;border:1px solid #52668e;border-radius:50%;place-items:center;font-size:.83rem;font-weight:800;display:grid;position:relative}.app-steps p{color:var(--muted);text-wrap:pretty}.app-features{gap:var(--app-gap);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.app-feature{flex-direction:column;display:flex;overflow:hidden}.app-feature-visual{isolation:isolate;border-bottom:1px solid var(--app-border);background:radial-gradient(at 50% 65%,#3d558c,#0000 65%),linear-gradient(125deg,#1d2b4c,#263860);flex:none;justify-content:center;align-items:center;gap:7px;height:clamp(100px,9vw,130px);display:flex;position:relative;overflow:hidden}.app-feature-visual:before{z-index:-1;aspect-ratio:1;content:"";border:1px solid #a8beef45;border-radius:50%;width:116px;position:absolute;box-shadow:0 0 0 15px #a8beef13}.app-feature-visual img{object-fit:contain;filter:drop-shadow(0 5px 9px #080e2380);width:auto;height:74%}.app-feature-visual[data-icon=slots] img{border:1px solid #afc6fd64;border-radius:8px;height:70%}.app-feature-visual[data-icon=slots] img:first-child{rotate:-6deg}.app-feature-visual[data-icon=slots] img:last-child{rotate:6deg}.app-feature-copy{padding:var(--app-inset);flex-direction:column;flex:1;align-items:flex-start;display:flex}.app-feature h3{letter-spacing:-.025em;align-items:center;gap:10px;font-size:clamp(1.05rem,1.55vw,1.27rem);line-height:1.24;display:flex}.app-feature-icon{border-radius:9px;width:35px;height:35px}.app-feature p{color:var(--muted);text-wrap:pretty;margin:10px 0 16px}.app-feature .button{white-space:normal;max-width:100%;margin-top:auto}.app-feature .button:focus-visible{outline-offset:3px}.app-page .faq-area{gap:14px}@media (width<=900px){.app-hero{grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr)}.app-host{height:77%;right:-4%}.app-device{margin-right:25%}}@media (width<=700px){.app-hero{grid-template-columns:minmax(0,1fr);min-height:0}.app-hero-copy{padding:clamp(20px,5vw,34px) clamp(17px,5vw,34px) 10px}.app-hero h1{font-size:clamp(34px,7.2vw,49px)}.app-hero p{margin-top:10px}.app-hero .hero-actions{margin-top:15px}.app-hero .hero-actions .button{font-size:.85rem}.app-hero-art{justify-self:end;align-items:start;width:min(100%,392px);min-height:220px;padding-top:13px}.app-host{height:100%;right:4%}.app-device{width:139px;margin-right:34%}.app-device-logo{width:33px;height:20px;margin-top:6px}.app-platforms,.app-features{grid-template-columns:minmax(0,1fr)}.app-feature-visual{height:91px}}@media (width<=400px){.app-hero .hero-actions{gap:8px}.app-hero .hero-actions .button{padding-inline:11px;font-size:.8rem}.app-platform-links{flex:0 0 100%}.app-hero-art{min-height:196px}.app-device{border-radius:20px;width:124px;padding:5px}.app-device-screen{border-radius:15px}}@media (width<=360px){.app-platform-links{gap:6px}.app-hero .app-platform-links .button{gap:5px;padding-inline:8px;font-size:.75rem}.app-platform-links svg{width:16px;height:16px}}
