:root{
--bg:#efefec;--bg-2:#e6e6e2;--ink:#0c0c0d;--ink-2:#36363a;--muted:#6c6c71;--faint:#a3a3a7;
--glass:rgba(255,255,255,.56);--glass-strong:rgba(255,255,255,.8);--glass-hover:rgba(255,255,255,.74);
--edge:rgba(255,255,255,.9);--hair:rgba(12,12,13,.08);--hair-2:rgba(12,12,13,.14);
--shadow:inset 0 1px 0 rgba(255,255,255,.75),0 1px 2px rgba(12,12,13,.04),0 22px 50px -26px rgba(12,12,13,.32);
--btn:#0c0c0d;--btn-ink:#fafafa;--btn-hover:#2a2a2d;
--blob-1:#ffffff;--blob-2:#d3d3cf;--blob-3:#c5c5c1;--orb-hi:#ffffff;--orb-mid:#cfcfcb;--orb-lo:#8c8c88;
--mark-a:#3a3a3d;--mark-b:#0c0c0d;--mark-ink:#fafafa;--noise-op:.05;
--sans:"Geist",-apple-system,BlinkMacSystemFont,"SF Pro Text","Segoe UI",system-ui,sans-serif;
--serif:"Instrument Serif","Iowan Old Style","Palatino Linotype",Georgia,serif;
--mono:"Geist Mono",ui-monospace,"SF Mono",Menlo,Consolas,monospace;
--r-lg:28px;--r:20px;--r-sm:14px;--menu-bg:#fbfbf9;
--sp:linear-gradient(90deg,#14b8a6 0%,#6366f1 45%,#ec4899 75%,#f97316 100%);
--sp-conic:conic-gradient(#14b8a6,#6366f1,#ec4899,#f97316,#14b8a6);--sp-tint:.09}
@media (prefers-color-scheme:dark){:root{
--bg:#0a0a0b;--bg-2:#111113;--ink:#f5f5f7;--ink-2:#d1d1d6;--muted:#98989e;--faint:#636368;
--glass:rgba(38,38,42,.5);--glass-strong:rgba(44,44,48,.78);--glass-hover:rgba(58,58,62,.6);
--edge:rgba(255,255,255,.12);--hair:rgba(255,255,255,.08);--hair-2:rgba(255,255,255,.15);
--shadow:inset 0 1px 0 rgba(255,255,255,.07),0 30px 70px -30px rgba(0,0,0,.9);
--btn:#f5f5f7;--btn-ink:#0b0b0c;--btn-hover:#d9d9de;
--blob-1:#38383c;--blob-2:#1c1c1f;--blob-3:#2a2a2e;--orb-hi:#8e8e93;--orb-mid:#3a3a3e;--orb-lo:#121214;
--mark-a:#f5f5f7;--mark-b:#c7c7cc;--mark-ink:#0b0b0c;--noise-op:.06;--sp-tint:.14;--menu-bg:#1b1b1e;color-scheme:dark}}
*{box-sizing:border-box}[hidden]{display:none!important}html,body{margin:0}html,body{overflow-x:clip}
html{-webkit-text-size-adjust:100%}
body{background:var(--bg);color:var(--ink);font:15px/1.55 var(--sans);letter-spacing:-.006em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh}
.ambient{position:fixed;inset:0;z-index:-2;pointer-events:none;background:
 radial-gradient(60% 40% at 85% 0%,rgb(99 102 241/var(--sp-tint)),transparent 70%),
 radial-gradient(50% 35% at 0% 30%,rgb(20 184 166/calc(var(--sp-tint)*.85)),transparent 70%),
 radial-gradient(45% 30% at 100% 70%,rgb(236 72 153/calc(var(--sp-tint)*.65)),transparent 70%),
 radial-gradient(42vmax 38vmax at 10% 4%,var(--blob-1),transparent 62%),
 radial-gradient(36vmax 32vmax at 94% 14%,var(--blob-2),transparent 64%),
 radial-gradient(48vmax 42vmax at 68% 106%,var(--blob-3),transparent 62%),
 linear-gradient(180deg,var(--bg),var(--bg-2))}
.ambient::after{content:"";position:absolute;inset:0;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.55'/%3E%3C/svg%3E");opacity:var(--noise-op);mix-blend-mode:overlay}
a{color:inherit}button,input,select,textarea{font:inherit;color:inherit;letter-spacing:inherit}
.glass{background:var(--glass);-webkit-backdrop-filter:saturate(170%) blur(26px);backdrop-filter:saturate(170%) blur(26px);border:1px solid var(--hair);box-shadow:var(--shadow);border-radius:var(--r)}
.glass.strong{background:var(--glass-strong)}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid var(--hair-2);background:var(--glass);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);color:var(--ink);padding:10px 18px;border-radius:999px;font-weight:550;font-size:14.5px;cursor:pointer;text-decoration:none;transition:background .2s,transform .2s,border-color .2s;white-space:nowrap}
.btn:hover{background:var(--glass-hover)}.btn:active{transform:scale(.98)}
.btn.primary{position:relative;background:var(--btn);border-color:var(--btn);color:var(--btn-ink)}.btn.primary:hover{background:var(--btn-hover)}
/* Voice Spectrum: the brand gradient only appears where Owlena talks or acts */
.btn.primary::after{content:"";position:absolute;inset:-3px;border-radius:inherit;padding:2px;background:var(--sp);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;opacity:.95;transition:opacity .2s}
.btn.primary:disabled::after{opacity:.35}
.sp-text{background:var(--sp);-webkit-background-clip:text;background-clip:text;color:transparent}
.btn.lg{padding:13px 22px;font-size:15.5px}.btn.small{padding:6px 12px;font-size:13px}
.btn svg{width:16px;height:16px}.btn:disabled{opacity:.5;cursor:default}
input,select,textarea{background:var(--glass-strong);border:1px solid var(--hair-2);border-radius:12px;padding:11px 13px;width:100%;outline:none;transition:border-color .2s,box-shadow .2s}
input:focus,select:focus,textarea:focus{border-color:var(--ink);box-shadow:0 0 0 4px var(--hair)}
:focus-visible{outline:2px solid var(--ink);outline-offset:3px}
input:focus-visible,select:focus-visible,textarea:focus-visible{outline:none}
.mark{display:inline-flex;align-items:center;gap:10px;font:650 19px var(--sans);letter-spacing:-.03em;color:var(--ink);text-decoration:none}
.mark svg{width:28px;height:28px;border-radius:9px;box-shadow:0 6px 16px -6px rgba(0,0,0,.45)}
.lang{display:inline-flex;padding:3px;border-radius:999px;border:1px solid var(--hair);background:var(--glass)}
.lang button{border:0;background:none;padding:4px 10px;border-radius:999px;font:600 11.5px var(--mono);letter-spacing:.04em;cursor:pointer;color:var(--muted)}
.lang button[aria-pressed=true]{background:var(--btn);color:var(--btn-ink)}
.lang a{display:inline-grid;place-items:center;min-width:34px;padding:6px 10px;border-radius:999px;font:600 11.5px var(--mono);letter-spacing:.04em;color:var(--muted);text-decoration:none}.lang a:hover{color:var(--ink)}.lang a[aria-current=true]{background:var(--btn);color:var(--btn-ink)}
.mk-a{stop-color:var(--mark-a)}.mk-b{stop-color:var(--mark-b)}
.legal-note{font-size:12.5px;color:var(--faint);text-align:center;margin:0}.legal-note a{color:var(--muted)}
.eyebrow{display:inline-flex;align-items:center;gap:8px;font:500 12px var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.err{color:#c4372a;font-size:14px;min-height:1.2em}.err:empty{display:none}
@media(max-width:760px){input,select,textarea{font-size:16px}}
@media (prefers-color-scheme:dark){.err{color:#ff8a7a}}
.orb{position:absolute;border-radius:50%;pointer-events:none;background:radial-gradient(circle at 32% 28%,var(--orb-hi) 0%,var(--orb-mid) 42%,var(--orb-lo) 100%);box-shadow:inset -18px -24px 50px rgba(0,0,0,.18),0 40px 80px -30px rgba(0,0,0,.35)}
@media (prefers-reduced-motion:no-preference){.float{animation:float 9s ease-in-out infinite}.float.d2{animation-delay:-3s}.float.d3{animation-delay:-6s}
@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}}

/* ---- language switcher ---- */
.langsw{position:relative}
.langsw summary{list-style:none;display:inline-flex;align-items:center;gap:6px;padding:7px 10px 7px 11px;border-radius:999px;border:1px solid var(--hair);background:var(--glass);font:600 12px var(--mono);letter-spacing:.04em;color:var(--ink);cursor:pointer;user-select:none;-webkit-user-select:none;transition:background .2s}
.langsw summary::-webkit-details-marker{display:none}
.langsw summary:hover{background:var(--glass-hover)}
.langsw summary svg{width:15px;height:15px;flex:none}
.langsw summary svg:last-child{width:13px;height:13px;opacity:.55;transition:transform .2s}
.langsw[open] summary svg:last-child{transform:rotate(180deg)}
.langsw .langsw-menu{position:absolute;top:calc(100% + 10px);inset-inline-end:0;min-width:196px;padding:6px;border-radius:16px;z-index:60;display:grid;gap:2px;background:var(--menu-bg);-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:0 1px 2px rgba(12,12,13,.06),0 24px 48px -16px rgba(12,12,13,.28)}
.langsw-menu button{border:0;background:none;width:100%;cursor:pointer;font:inherit;text-align:start}
.langsw-menu a,.langsw-menu button{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:9px 12px;border-radius:10px;text-decoration:none;color:var(--ink-2);font-size:14.5px}
.langsw-menu a b,.langsw-menu button b{font:600 11px var(--mono);color:var(--faint);letter-spacing:.04em}
.langsw-menu a:hover,.langsw-menu button:hover{background:var(--hair);color:var(--ink)}
.langsw-menu [aria-current=true]{background:var(--btn);color:var(--btn-ink)}.langsw-menu [aria-current=true] b{color:inherit;opacity:.7}
.langsw-menu [lang=ar] span{font-family:"IBM Plex Sans Arabic",var(--sans)}
@media (prefers-reduced-motion:no-preference){.langsw[open] .langsw-menu{animation:lsw .16s ease-out}@keyframes lsw{from{opacity:0;transform:translateY(-4px)}}}
@media(max-width:400px){.langsw summary{padding:7px 8px}.langsw summary svg:first-child{display:none}}
/* ---- Arabic / right-to-left ---- */
html[lang=ar]{--sans:"IBM Plex Sans Arabic","Geist",-apple-system,"Segoe UI",Tahoma,sans-serif;--serif:var(--sans)}
html[lang=ar] *{letter-spacing:0!important}
html[lang=ar] .eyebrow{text-transform:none;font-family:var(--sans);font-size:13px}
[dir=rtl] .i-arrow{transform:scaleX(-1)}
html[lang=ar]{--mono:var(--sans)}
.ck{position:fixed;z-index:60;left:max(16px,env(safe-area-inset-left));right:max(16px,env(safe-area-inset-right));bottom:max(16px,env(safe-area-inset-bottom));max-width:720px;margin:0 auto;padding:14px 14px 14px 18px;border-radius:22px;display:flex;gap:14px;align-items:center;justify-content:space-between;background:rgba(250,250,248,.96)}
.ck p{margin:0;font-size:14px;color:var(--ink-2);line-height:1.45}.ck a{font-weight:600}.ck-b{display:flex;gap:8px;flex:none}
@media (prefers-color-scheme:dark){.ck{background:rgba(30,30,33,.96)}}
@media(max-width:560px){.ck{flex-direction:column;align-items:stretch}.ck-b .btn{flex:1}}
.skip{position:absolute;left:12px;top:-60px;z-index:100;padding:10px 14px;border-radius:12px;background:var(--btn);color:var(--btn-ink);font-weight:600;text-decoration:none}.skip:focus{top:12px}