:root{--bg:#02090d;--panel:#06151c;--panel2:#081b23;--cyan:#65e8ff;--cyan2:#10c9ec;--line:#08708a;--muted:#8fb4c0;--text:#e5faff;--green:#73ffc3;--danger:#ff6f91;--max:1500px;--r:6px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:'JetBrains Mono',monospace;min-height:100vh;overflow-x:hidden}.grid-bg{position:fixed;inset:0;z-index:-2;background-image:linear-gradient(rgba(20,181,213,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(20,181,213,.12) 1px,transparent 1px);background-size:62px 62px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.9),rgba(0,0,0,.4) 70%,transparent)}body:before{content:"";position:fixed;inset:0;z-index:-1;background:radial-gradient(circle at 50% -10%,rgba(13,124,151,.16),transparent 34%),linear-gradient(to bottom,rgba(2,9,13,.15),var(--bg) 85%)}a{color:inherit;text-decoration:none}.shell{width:min(calc(100% - 40px),var(--max));margin:auto}.site-header{height:92px;display:flex;align-items:center;border-bottom:1px solid rgba(77,224,255,.32);gap:40px}.brand{display:flex;align-items:center;gap:12px;min-width:250px}.brand-mark{width:35px;height:35px;border:1px solid var(--cyan2);display:grid;place-items:center;color:var(--cyan);font-family:Rajdhani,sans-serif;font-size:22px;font-weight:700;box-shadow:inset 0 0 18px rgba(17,202,235,.12)}.brand b{display:block;color:var(--cyan);font-family:Rajdhani,sans-serif;font-size:21px;letter-spacing:.04em}.brand small{display:block;color:#9fefff;font-size:8px;margin-top:-2px}.nav-links{display:flex;gap:30px;margin-left:auto;color:#a9d3dc;font-size:12px}.nav-links a:hover{color:var(--cyan)}.header-actions{display:flex;gap:10px}.btn{appearance:none;border:1px solid #0f7990;background:#07151c;color:#dffaff;border-radius:4px;padding:11px 16px;font:600 12px 'JetBrains Mono',monospace;cursor:pointer;transition:.18s}.btn:hover{border-color:var(--cyan);box-shadow:0 0 20px rgba(51,213,240,.12)}.btn.primary{background:linear-gradient(180deg,#0c9eb7,#05758d);border-color:#2de0ff;color:#001015;text-shadow:0 1px rgba(255,255,255,.2)}.btn.ghost{background:#051118}.btn.large{padding:14px 20px}.btn.full{width:100%}.hero{padding:80px 0 40px;text-align:center}.eyebrow,.section-kicker{font-size:11px;color:var(--cyan);letter-spacing:.13em;font-weight:700}.dot{width:6px;height:6px;border-radius:50%;background:var(--green);display:inline-block;box-shadow:0 0 12px var(--green);margin-right:8px}.hero h1{font-family:Rajdhani,sans-serif;font-weight:700;font-size:clamp(48px,6vw,88px);line-height:.93;margin:24px auto 18px;letter-spacing:.01em;max-width:1150px}.hero h1 span{color:var(--cyan)}.hero-copy{max-width:870px;margin:0 auto;color:#9fc0c9;font-size:15px;line-height:1.8}.hero-actions{margin:28px 0 25px;display:flex;justify-content:center;gap:12px}.status-row{display:flex;justify-content:center;gap:26px;color:#73acba;font-size:10px;flex-wrap:wrap}.status-row i{display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--green);margin-right:7px}.console-frame{margin-top:48px;border:1px solid #0b809c;background:#020b10;box-shadow:0 28px 90px rgba(0,0,0,.45),0 0 0 1px rgba(80,230,255,.06) inset;text-align:left}.console-topbar{height:54px;display:grid;grid-template-columns:1fr 2.2fr 1fr;align-items:center;border-bottom:1px solid #0b7188;padding:0 14px}.console-title{text-align:left;color:var(--cyan);font:700 20px Rajdhani,sans-serif;letter-spacing:.2em}.console-controls{text-align:right;color:var(--cyan);word-spacing:12px}.wave{height:18px;opacity:.8;background:repeating-linear-gradient(90deg,transparent 0 6px,var(--cyan) 7px 8px,transparent 9px 13px);clip-path:polygon(0 45%,4% 35%,8% 65%,12% 45%,16% 40%,20% 60%,24% 42%,28% 50%,32% 30%,36% 70%,40% 38%,44% 55%,48% 40%,52% 60%,56% 46%,60% 35%,64% 66%,68% 44%,72% 53%,76% 39%,80% 61%,84% 45%,88% 54%,92% 36%,96% 62%,100% 45%,100% 55%,0 55%)}.console-layout{display:grid;grid-template-columns:220px minmax(0,1fr) 300px;gap:10px;padding:10px}.panel{background:rgba(5,21,29,.96);border:1px solid #0b7188;border-radius:var(--r)}.panel-title{font-size:10px;color:var(--cyan);font-weight:700;letter-spacing:.02em}.overview{padding:13px}.radar{width:96px;height:96px;margin:22px auto;border:1px solid var(--cyan);border-radius:50%;position:relative;background:radial-gradient(circle,transparent 0 26%,rgba(67,226,255,.6) 27% 28%,transparent 29% 52%,rgba(67,226,255,.5) 53% 54%,transparent 55%),linear-gradient(90deg,transparent 49%,rgba(67,226,255,.25) 50%,transparent 51%),linear-gradient(transparent 49%,rgba(67,226,255,.25) 50%,transparent 51%)}.radar-line{position:absolute;left:50%;top:50%;width:42%;height:1px;background:var(--green);transform-origin:left;transform:rotate(-25deg)}.radar-dot{position:absolute;left:47%;top:47%;width:7px;height:7px;border-radius:50%;border:1px solid var(--green)}dl{display:grid;grid-template-columns:58px 1fr;gap:9px 7px;font-size:8px;margin:15px 0 0}dt{color:#77b9c8}dd{margin:0;color:#fff}.mission{padding:14px;min-height:420px}.terminal-line{margin-top:22px;padding:12px 0;border-bottom:1px solid #0b5e72;color:#dffcff;font-size:12px}.prompt{color:var(--cyan);font-weight:700}.terminal-plan{margin-top:45px;padding:16px;border-left:2px solid var(--cyan);background:#051016;font-size:10px}.terminal-plan span{color:var(--green);font-weight:700}.terminal-plan p{color:#a7c4cc;line-height:1.65}.terminal-plan code,.command-card code{display:block;color:#c8fbff;background:#02090d;border:1px solid #0b5d72;border-radius:4px;padding:10px;white-space:normal}.terminal-result{margin-top:15px;color:var(--green);font-size:10px}.right-stack{display:grid;gap:10px;align-content:start}.policy-card{padding:20px;display:flex;gap:16px;align-items:center}.mini-radar{width:48px;height:48px;border:1px solid var(--cyan);border-radius:50%;box-shadow:inset 0 0 0 6px #06151c,inset 0 0 0 7px #13b5d6}.policy-card small{color:#86d9e8;font-size:9px}.policy-card strong{display:block;color:var(--green);font-size:18px}.policy-card p{font-size:8px;color:#a8ced6;line-height:1.45}.command-card{padding:14px}.command-card .panel-title{display:flex;justify-content:space-between}.command-card .panel-title span{color:var(--green);font-size:8px}.command-card p{font-size:9px;line-height:1.5}.mini-actions{display:flex;gap:8px;margin-top:10px}.mini-actions button{border:1px solid #0b7188;background:#06131a;color:#dcfaff;font:600 9px monospace;padding:7px 11px}.console-input{margin:0 10px 10px;border:1px solid #0b809c;height:56px;display:grid;grid-template-columns:auto 1fr 50px;align-items:center}.console-input span{font-size:9px;color:var(--cyan);padding:0 13px;font-weight:700}.console-input div{background:#010508;color:#5d777f;height:38px;display:flex;align-items:center;padding:0 10px;font-size:9px}.console-input button{border:0;background:transparent;color:var(--cyan);font-size:18px}.section{padding:100px 0}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:30px;margin:15px 0 35px}.section h2{font:700 clamp(35px,4vw,58px)/1 Rajdhani,sans-serif;margin:0;max-width:850px}.section-heading p{color:#89aab4;max-width:430px;font-size:12px;line-height:1.7}.card-grid.three{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.feature-card{border:1px solid #0c5265;background:rgba(5,20,27,.85);padding:25px;min-height:210px;position:relative}.feature-card:before{content:"";position:absolute;left:-1px;top:-1px;width:28px;height:1px;background:var(--cyan)}.feature-card>span{color:#2d8fa4;font-size:10px}.feature-card h3{font:700 24px Rajdhani,sans-serif;color:#dffaff;margin:36px 0 10px}.feature-card p{color:#88abb5;font-size:11px;line-height:1.7}.flowline{display:grid;grid-template-columns:repeat(6,1fr);border:1px solid #0b6175}.flowline>div{padding:25px;min-height:180px;border-right:1px solid #0b6175;position:relative}.flowline>div:last-child{border-right:0}.flowline b{color:#36cfe9;font-size:10px}.flowline strong{display:block;margin:42px 0 10px;font:700 18px Rajdhani,sans-serif}.flowline span{font-size:10px;color:#89aab4;line-height:1.55}.api-section{display:grid;grid-template-columns:1.1fr .9fr;gap:80px;align-items:center}.api-copy h2{margin:14px 0 18px}.api-copy p{color:#8faeb7;line-height:1.8;max-width:700px;font-size:12px;margin-bottom:25px}.api-panel{padding:22px}.api-panel label,.modal-card label{display:block;color:#71bfd0;font-size:9px;margin:14px 0}.api-panel input,.api-panel select,.modal-card input,.modal-card select{width:100%;margin-top:7px;padding:12px;background:#02090d;border:1px solid #0b6175;color:#dbfaff;font:11px 'JetBrains Mono',monospace;outline:none}.scope-row{display:flex;flex-wrap:wrap;gap:7px;margin-top:8px}.scope-row span{border:1px solid #0d6a80;color:#9beeff;padding:6px 8px;font-size:8px}.api-panel small{display:block;color:#6f969f;font-size:8px;margin-top:10px}.security-strip{border-top:1px solid #0b6175;border-bottom:1px solid #0b6175;display:grid;grid-template-columns:1fr 1.2fr;gap:60px;padding:55px 0}.security-strip>div{display:flex;align-items:center;gap:16px}.lock{width:54px;height:54px;min-width:54px;min-height:54px;flex:0 0 54px;aspect-ratio:1 / 1;border:1px solid var(--cyan);border-radius:50%;display:grid;place-items:center;color:var(--green)}.security-strip h3{font:700 26px Rajdhani,sans-serif;margin:0}.security-strip p{color:#8cadb6;font-size:11px;line-height:1.75;margin:0}.footer{min-height:130px;display:flex;justify-content:space-between;align-items:center;color:#607d85;font-size:9px}.footer-brand{min-width:0}.modal{position:fixed;inset:0;z-index:50;display:none;place-items:center}.modal.open{display:grid}.modal-backdrop{position:absolute;inset:0;background:rgba(0,4,7,.82);backdrop-filter:blur(8px)}.modal-card{position:relative;z-index:1;width:min(92vw,470px);padding:24px;box-shadow:0 25px 90px #000}.modal-card h2{font:700 34px Rajdhani,sans-serif;margin:22px 0 4px}.modal-card>p,#authSubtitle{color:#8eabb4;font-size:10px;line-height:1.6}.modal-close{position:absolute;right:12px;top:10px;background:transparent;border:0;color:var(--cyan);font-size:26px;cursor:pointer}.auth-tabs{display:grid;grid-template-columns:1fr 1fr;margin-top:20px;border-bottom:1px solid #0b6175}.auth-tabs button{padding:11px;border:0;background:transparent;color:#7699a2;font:700 10px monospace}.auth-tabs button.active{color:var(--green);border-bottom:2px solid var(--green)}.hidden{display:none!important}.form-status{font-size:9px;line-height:1.5;margin-top:12px;color:var(--green)}.form-status.error{color:var(--danger)}fieldset{border:1px solid #0b6175;margin:16px 0;padding:12px}legend{color:#71bfd0;font-size:9px;padding:0 8px}.modal-card label.check{display:flex;gap:10px;align-items:center;margin:8px 0;color:#b7d8df}.modal-card label.check input{width:auto;margin:0}.key-result{border-top:1px solid #0b6175;margin-top:18px;padding-top:16px}.key-result small{color:var(--green);font-size:8px}.key-result code{display:block;margin:8px 0 12px;padding:12px;border:1px solid #0b6175;background:#010609;color:#dfffff;overflow-wrap:anywhere;font-size:10px}.register-only.hidden{display:none}@media(max-width:1000px){.nav-links{display:none}.brand{min-width:0}.site-header{gap:12px}.header-actions{margin-left:auto}.console-layout{grid-template-columns:1fr}.overview,.right-stack{display:none}.card-grid.three{grid-template-columns:repeat(2,1fr)}.flowline{grid-template-columns:1fr 1fr}.flowline>div{border-bottom:1px solid #0b6175}.api-section{grid-template-columns:1fr;gap:30px}.security-strip{grid-template-columns:1fr}}@media(max-width:640px){.shell{width:min(calc(100% - 24px),var(--max))}.site-header{height:75px}.brand small{display:none}.header-actions .ghost{display:none}.hero{padding-top:55px}.hero h1{font-size:48px}.hero-actions{flex-direction:column}.console-frame{margin-top:30px}.console-topbar{grid-template-columns:1fr 1.5fr}.console-controls{display:none}.mission{min-height:360px}.card-grid.three{grid-template-columns:1fr}.section{padding:70px 0}.section-heading{display:block}.section-heading p{margin-top:18px}.flowline{grid-template-columns:1fr}.flowline>div{min-height:140px;border-right:0}.flowline strong{margin-top:24px}.security-strip{padding:40px 0}.footer{display:block;padding:35px 0}.footer p{margin-top:25px}}

/* Real AQORIN product screenshot in hero */
.real-product-preview{overflow:hidden;padding:0;background:#01070a;border-color:#0b809c;box-shadow:0 28px 90px rgba(0,0,0,.45),0 0 36px rgba(16,201,236,.08)}
.real-product-preview img{display:block;width:100%;max-width:100%;height:auto;object-fit:contain;object-position:center;border:0}
@media(max-width:640px){.real-product-preview{margin-left:auto;margin-right:auto}.real-product-preview img{width:100%;height:auto;object-fit:contain}}


/* Remember-me and floating back-to-top control */
.auth-remember{margin:14px 0 18px!important;color:#9fc8d1!important}
.back-to-top{position:fixed;right:max(18px,env(safe-area-inset-right));bottom:max(18px,env(safe-area-inset-bottom));z-index:1000;width:46px;height:46px;min-width:46px;min-height:46px;border:1px solid #0b809c;border-radius:4px;background:rgba(2,12,17,.96);color:var(--cyan);font:700 24px/1 'JetBrains Mono',monospace;display:grid;place-items:center;cursor:pointer;opacity:0;visibility:hidden;pointer-events:none;transform:translateY(10px);transition:opacity .2s ease,transform .2s ease,visibility .2s ease,border-color .2s ease,box-shadow .2s ease;text-decoration:none;box-shadow:0 10px 35px rgba(0,0,0,.55),0 0 22px rgba(16,201,236,.14)}
.back-to-top.visible{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0)}
.back-to-top:hover,.back-to-top:focus-visible{color:var(--cyan);border-color:var(--cyan);box-shadow:0 10px 35px rgba(0,0,0,.55),0 0 26px rgba(101,232,255,.24);outline:none}
@media(max-width:640px){.back-to-top{right:max(12px,env(safe-area-inset-right));bottom:max(12px,env(safe-area-inset-bottom));width:42px;height:42px;min-width:42px;min-height:42px}}

/* Authenticated header state */
.auth-logged-out,.auth-logged-in{display:flex;align-items:center;gap:10px}
.auth-logged-in{display:none}
.is-authenticated .auth-logged-out{display:none}
.is-authenticated .auth-logged-in{display:flex}
#logoutBtn:disabled{opacity:.55;cursor:wait}
@media(max-width:640px){.is-authenticated .auth-logged-in{gap:6px}.is-authenticated .auth-logged-in .btn{padding-left:10px;padding-right:10px}}


/* API key management list */
#keyModal .modal-card{width:min(94vw,720px);max-height:90vh;overflow:auto}
.api-key-list-section{margin:20px 0 22px;border:1px solid #0b6175;background:#020b10}
.api-key-list-heading{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;border-bottom:1px solid #0b6175;color:#71bfd0;font-size:9px}
.api-key-list-heading span{color:var(--green)}
.api-key-list{display:grid;gap:0;max-height:280px;overflow:auto}
.api-key-item{padding:13px 14px;border-bottom:1px solid rgba(11,97,117,.7)}
.api-key-item:last-child{border-bottom:0}
.api-key-item-head{display:flex;justify-content:space-between;gap:16px;align-items:center}
.api-key-item-head strong{font:700 15px Rajdhani,sans-serif;color:#e5faff}
.api-key-status{font-size:8px;color:var(--green);border:1px solid rgba(115,255,195,.4);padding:3px 6px}
.api-key-item.revoked{opacity:.58}
.api-key-item.revoked .api-key-status{color:var(--danger);border-color:rgba(255,111,145,.4)}
.api-key-item code{display:block;margin-top:7px;color:#87dcea;font-size:10px}
.api-key-meta{display:flex;gap:8px 14px;flex-wrap:wrap;margin-top:8px;color:#769da7;font-size:8px}
.api-key-empty{padding:18px;color:#769da7;font-size:9px;text-align:center}
.key-create-heading{font-size:9px;color:var(--cyan);letter-spacing:.08em;border-top:1px solid #0b6175;padding-top:18px}
.api-key-item-actions{display:flex;align-items:center;gap:8px}
.api-key-delete{border:1px solid rgba(255,111,145,.55);background:rgba(255,111,145,.06);color:var(--danger);border-radius:3px;padding:4px 8px;font:700 8px 'JetBrains Mono',monospace;cursor:pointer;transition:.18s}
.api-key-delete:hover{border-color:var(--danger);background:rgba(255,111,145,.12);box-shadow:0 0 16px rgba(255,111,145,.12)}
.api-key-delete:disabled{opacity:.5;cursor:wait}

/* Optional support CTA: shown only when DONATION_URL is configured. */
.donation-link{color:var(--green);border-color:rgba(115,255,195,.45)}
.donation-link:hover{border-color:var(--green);box-shadow:0 0 20px rgba(115,255,195,.12)}

/* Scroll-to-top: independent, predictable visual state. */
#backToTop.back-to-top:hover,
#backToTop.back-to-top:focus,
#backToTop.back-to-top:active {
  color: var(--cyan) !important;
  border-color: var(--cyan) !important;
  background: rgba(2,12,17,.98) !important;
}


/* Screenshot carousel: controls overlay the image, so no extra space is added below it. */
.aqorin-carousel{position:relative;overflow:hidden;padding:0}
.carousel-viewport{position:relative;width:100%;overflow:hidden;background:#01070a;line-height:0}
.aqorin-carousel img{display:block;width:100%;max-width:100%;height:auto;object-fit:contain;object-position:center;border:0}
.carousel-arrow{position:absolute;top:50%;z-index:4;transform:translateY(-50%);width:48px;height:64px;padding:0;border:0!important;border-radius:0;background:transparent!important;box-shadow:none!important;color:var(--cyan);font:400 50px/1 Arial,sans-serif;display:grid;place-items:center;cursor:pointer;opacity:.72;text-shadow:0 0 10px rgba(0,0,0,.95),0 0 12px rgba(101,232,255,.5);transition:opacity .18s ease,transform .18s ease,color .18s ease}
.carousel-arrow:hover,.carousel-arrow:focus-visible{opacity:1;color:#b8f5ff;outline:none;box-shadow:none!important;background:transparent!important}
.carousel-arrow:active{transform:translateY(-50%) scale(.94)}
.carousel-prev{left:12px}.carousel-next{right:12px}
.carousel-dots{position:absolute;left:50%;bottom:10px;z-index:5;transform:translateX(-50%);display:flex;align-items:center;justify-content:center;gap:9px;padding:5px 8px;line-height:1;background:rgba(0,7,10,.42);border-radius:999px;backdrop-filter:blur(3px)}
.carousel-dot{width:9px;height:9px;min-width:9px;padding:0;border:1px solid var(--cyan);border-radius:50%;background:rgba(1,7,10,.75);cursor:pointer;transition:background .18s ease,transform .18s ease}
.carousel-dot.active{background:var(--cyan);transform:scale(1.18)}
.aqorin-carousel.single-slide .carousel-arrow,.aqorin-carousel.single-slide .carousel-dots{display:none}
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
@media(max-width:640px){.carousel-arrow{width:40px;height:52px;font-size:42px}.carousel-prev{left:4px}.carousel-next{right:4px}.carousel-dots{bottom:6px;gap:7px;padding:4px 7px}.carousel-dot{width:8px;height:8px;min-width:8px}}


/* Carousel image-change transition only — no page scroll animations. */
.carousel-viewport #carouselImage {
  will-change: transform, opacity;
  transform: translate3d(0,0,0);
  opacity: 1;
}
.aqorin-carousel.is-transitioning .carousel-arrow,
.aqorin-carousel.is-transitioning .carousel-dot {
  pointer-events: none;
}

/* Keep AQORIN input styling when Chrome/Edge autofills or uses history */
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
  -webkit-text-fill-color: #dff8ff !important;
  caret-color: #dff8ff !important;

  -webkit-box-shadow: 0 0 0 1000px #020b0f inset !important;
  box-shadow: 0 0 0 1000px #020b0f inset !important;

  border-color: #087b91 !important;
  transition: background-color 9999s ease-out 0s;
}

/* Firefox / general dark form hint */
input,
select,
textarea {
  color-scheme: dark;
}