.landing{--shadow-sm:0 1px 2px #0000000d;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #00000026, 0 4px 6px -4px #0000001a;--shadow-xl:0 20px 40px #00000026;--aka-navy-light:#003570;--radius:10px;color:var(--aka-gray-800);background:#fff;flex:1;width:100%;min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6}.landing nav.landing-nav{background:var(--aka-navy);z-index:100;box-shadow:var(--shadow-md);position:sticky;top:0}.landing .nav-inner{justify-content:space-between;align-items:center;max-width:1100px;height:56px;margin:0 auto;padding:0 24px;display:flex}.landing .nav-logo{align-items:center;gap:14px;text-decoration:none;display:flex}.landing .nav-wordmark{color:#fff;letter-spacing:-.5px;font-size:18px;font-weight:800}.landing .nav-wordmark span{color:var(--aka-blue)}.landing .nav-actions{align-items:center;gap:12px;display:flex}.landing .btn-nav-cta{background:var(--aka-blue);color:#fff;cursor:pointer;border:none;border-radius:6px;padding:8px 18px;font-size:13px;font-weight:600;text-decoration:none;transition:background .15s}.landing .btn-nav-cta:hover{background:var(--aka-blue-dark)}.landing .btn-nav-ghost{color:#fffc;border-radius:6px;padding:8px 14px;font-size:13px;font-weight:600;text-decoration:none;transition:background .15s,color .15s}.landing .btn-nav-ghost:hover{color:#fff;background:#ffffff14}.landing .modal-backdrop{z-index:999;background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.landing .modal-box{text-align:center;background:#fff;border-radius:14px;width:90%;max-width:400px;padding:40px 48px;box-shadow:0 20px 60px #0003}.landing .modal-mascot{margin-bottom:16px;font-size:48px}.landing .modal-box h3{color:var(--aka-navy);margin-bottom:10px;font-size:20px;font-weight:800}.landing .modal-box p{color:var(--aka-gray-500);margin-bottom:24px;font-size:15px;line-height:1.6}.landing .modal-close{background:var(--aka-blue);color:#fff;cursor:pointer;border:none;border-radius:7px;padding:10px 28px;font-size:14px;font-weight:600}.landing .modal-close:hover{background:var(--aka-blue-dark)}.landing section{padding:80px 24px}.landing .container{max-width:1100px;margin:0 auto}.landing .hero{background:linear-gradient(160deg, var(--aka-navy) 0%, var(--aka-navy-light) 60%, #004e8c 100%);padding:90px 24px 0;overflow:hidden}.landing .hero-inner{text-align:center;max-width:1100px;margin:0 auto}.landing .hero-eyebrow{color:var(--aka-blue);letter-spacing:.08em;text-transform:uppercase;background:#009bde33;border:1px solid #009bde66;border-radius:20px;margin-bottom:24px;padding:4px 14px;font-size:11px;font-weight:700;display:inline-block}.landing .hero h1{color:#fff;letter-spacing:-.02em;max-width:720px;margin-bottom:20px;margin-left:auto;margin-right:auto;font-size:48px;font-weight:800;line-height:1.15}.landing .hero h1 span{color:var(--aka-blue)}.landing .hero-sub{color:#ffffffb8;max-width:560px;margin:0 auto 36px;font-size:18px;line-height:1.65}.landing .hero-cta-group{flex-direction:column;align-items:center;gap:14px;margin-bottom:56px;display:flex}.landing .hero-cta{background:var(--aka-blue);color:#fff;cursor:pointer;border:none;border-radius:8px;padding:14px 32px;font-size:15px;font-weight:700;text-decoration:none;transition:all .15s;display:inline-block;box-shadow:0 0 0 4px #009bde40,0 4px 14px #009bde66}.landing .hero-cta:hover{background:var(--aka-blue-dark);transform:translateY(-1px)}.landing .hero-cta-note{color:#ffffff8c;margin:0;font-size:13px}.landing .hero-cta-link{font:inherit;color:var(--aka-blue);cursor:pointer;background:0 0;border:none;padding:0;text-decoration:underline}.landing .hero-screenshot{border:1px solid #ffffff1a;border-bottom:none;border-radius:10px 10px 0 0;width:100%;max-width:980px;margin:0 auto;display:block;box-shadow:0 -4px 40px #00000059,0 20px 60px #0006}.landing .why{border-top:1px solid var(--aka-gray-200);background:#fff}.landing .why-header{align-items:center;gap:20px;margin-bottom:40px;display:flex}.landing .why-mascot{width:auto;height:320px}.landing .why-header .section-label{margin-bottom:6px}.landing .why-header .section-title{margin-bottom:0}.landing .why-quote{color:var(--aka-gray-500);margin-top:16px;font-size:15px;font-style:italic;line-height:1.6}.landing .why-grid{grid-template-columns:repeat(4,1fr);gap:32px;margin-top:40px;display:grid}.landing .why-card{border:1px solid var(--aka-gray-200);border-radius:var(--radius);background:var(--aka-gray-50);padding:28px}.landing .why-card-header{flex-direction:column;align-items:flex-start;gap:12px;margin-bottom:10px;display:flex}.landing .why-icon{background:var(--aka-light);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.landing .why-icon svg{width:18px;height:18px;stroke:var(--aka-blue);fill:none;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round}.landing .why-card h3{color:var(--aka-navy);letter-spacing:-.01em;margin:0;font-size:15px;font-weight:700;line-height:1.3}.landing .why-card p{color:var(--aka-gray-500);font-size:14px;line-height:1.7}.landing .values{background:var(--aka-gray-50)}.landing .section-label{letter-spacing:.1em;text-transform:uppercase;color:var(--aka-blue);margin-bottom:10px;font-size:11px;font-weight:700}.landing .section-title{color:var(--aka-navy);letter-spacing:-.02em;margin-bottom:12px;font-size:36px;font-weight:800;line-height:1.2}.landing .section-sub{color:var(--aka-gray-500);max-width:500px;margin-bottom:56px;font-size:16px}.landing .value-list{flex-direction:column;gap:64px;display:flex}.landing .value-row{grid-template-columns:1fr 1fr;align-items:center;gap:56px;display:grid}.landing .value-row.reverse{direction:rtl}.landing .value-row.reverse>*{direction:ltr}.landing .value-row-screenshot{border-radius:var(--radius);width:100%;box-shadow:var(--shadow-lg);border:1px solid var(--aka-gray-200);display:block}.landing .value-number{background:var(--aka-light);width:30px;height:30px;color:var(--aka-blue);border-radius:50%;justify-content:center;align-items:center;margin-bottom:16px;font-size:13px;font-weight:800;display:inline-flex}.landing .value-row h3{color:var(--aka-navy);letter-spacing:-.02em;margin-bottom:12px;font-size:24px;font-weight:800;line-height:1.25}.landing .value-row p{color:var(--aka-gray-500);font-size:16px;line-height:1.7}.landing .value-row h3 a{vertical-align:middle;color:inherit;opacity:.6;align-items:center;margin-left:4px;text-decoration:none;display:inline-flex}.landing .how{background:#fff}.landing .steps{grid-template-columns:1fr 1fr 1fr;gap:0;margin-top:48px;display:grid;position:relative}.landing .steps:before{content:"";background:var(--aka-gray-200);z-index:0;height:2px;position:absolute;top:30px;left:calc(16.67% + 16px);right:calc(16.67% + 16px)}.landing .step{text-align:center;z-index:1;padding:0 24px;position:relative}.landing .step-icon{background:var(--aka-navy);color:#fff;width:60px;height:60px;box-shadow:var(--shadow-md);border:4px solid #fff;border-radius:50%;justify-content:center;align-items:center;margin:0 auto 20px;font-size:22px;font-weight:800;display:flex}.landing .step h3{color:var(--aka-navy);margin-bottom:8px;font-size:16px;font-weight:700}.landing .step p{color:var(--aka-gray-500);font-size:14px;line-height:1.6}.landing .hardware{background:var(--aka-navy)}.landing .hardware .section-label{color:#009bdee6}.landing .hardware .section-title{color:#fff}.landing .hardware .section-sub{color:#ffffff8c}.landing .hw-grid{grid-template-columns:1fr 1fr;gap:24px;max-width:780px;display:grid}.landing .hw-card{border-radius:var(--radius);background:#ffffff0f;border:1px solid #ffffff1f;padding:28px 28px 32px}.landing .hw-card.featured{background:#009bde1a;border-color:#009bde59}.landing .hw-badge{color:var(--aka-blue);letter-spacing:.06em;text-transform:uppercase;background:#009bde33;border:1px solid #009bde66;border-radius:4px;margin-bottom:14px;padding:2px 8px;font-size:10px;font-weight:700;display:inline-block}.landing .hw-card h3{color:#fff;letter-spacing:-.01em;margin-bottom:20px;font-size:20px;font-weight:800}.landing .hw-stat{border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:baseline;padding:8px 0;font-size:13px;display:flex}.landing .hw-stat:last-of-type{border-bottom:none}.landing .hw-stat-label{color:#ffffff80}.landing .hw-stat-value{color:#fff;font-weight:600}.landing .hw-note{color:#ffffff73;margin-top:18px;font-size:12px;line-height:1.5}.landing .cta-section{background:var(--aka-light);text-align:center;border-top:1px solid var(--aka-gray-200);padding:80px 24px}.landing .cta-section h2{color:var(--aka-navy);letter-spacing:-.02em;margin-bottom:12px;font-size:30px;font-weight:800}.landing .cta-section p{color:var(--aka-gray-500);margin-bottom:32px;font-size:16px}.landing .cta-section .btn-primary{background:var(--aka-blue);color:#fff;cursor:pointer;border:none;border-radius:8px;padding:14px 34px;font-size:15px;font-weight:700;text-decoration:none;transition:background .15s;display:inline-block;box-shadow:0 4px 14px #009bde59}.landing .cta-section .btn-primary:hover{background:var(--aka-blue-dark)}.landing .faq-section{background:var(--aka-gray-50);padding:80px 0}.landing .faq-list{flex-direction:column;gap:32px;max-width:720px;margin:48px auto 0;padding:0 24px;display:flex}.landing .faq-question{color:var(--aka-navy);margin-bottom:10px;font-size:17px;font-weight:600}.landing .faq-answer{color:var(--aka-gray-600);font-size:16px;line-height:1.7}.landing .faq-answer ol{flex-direction:column;gap:6px;margin:8px 0 0 20px;padding:0;display:flex}.landing .landing-footer{background:var(--aka-navy);text-align:center;color:#ffffff59;padding:24px;font-size:12px}.landing .landing-footer span{color:#ffffff8c}@media (max-width:720px){.landing .hero h1{font-size:32px}.landing .hero-sub{font-size:16px}.landing .value-row,.landing .value-row.reverse{direction:ltr;grid-template-columns:1fr}.landing .value-row.reverse img{order:-1}.landing .steps{grid-template-columns:1fr;gap:40px}.landing .steps:before{display:none}.landing .hw-grid{grid-template-columns:1fr}.landing .section-title{font-size:24px}.landing .why-grid{grid-template-columns:1fr 1fr}.landing .why-header{flex-direction:column;align-items:flex-start}.landing .why-mascot{height:200px}}