@font-face{font-family:'Space Grotesk';src:url('/fonts/space-grotesk-latin.woff2') format('woff2');font-weight:300 700;font-style:normal;font-display:swap}
:root{--bg:#ffffff;--panel:#f5f5f7;--ink:#101722;--dim:#646b76;--faint:#848b95;--hair:rgba(16,23,34,.10);--hairline:#dfe3e9;--accent:#0b49f5;--font-display:'Space Grotesk',Arial,sans-serif;--font-body:'Space Grotesk',Arial,sans-serif;--shadow-card:0 1px 2px #060a1405,0 12px 32px -16px #060a1414;--shadow-btn:none;--header-h:72px}
html{background:var(--bg)}body{font-family:var(--font-body)}::selection{background:#0b49f5;color:white}
header{height:72px;background:#ffffffed;border-bottom:1px solid var(--hair);backdrop-filter:blur(16px)}
.brand img{width:124px;height:auto;max-height:34px;object-fit:contain}.brand{min-width:124px}
nav a{font-family:var(--font-body);font-size:13px;font-weight:500;color:var(--ink)}nav a:hover{color:var(--accent)}
.nav-side.right a:last-child{background:var(--accent);color:#fff;border-radius:999px;padding:10px 19px}
main{min-height:calc(100svh - 72px)}h1,h2,h3,.prompt{font-family:var(--font-display);letter-spacing:-.055em}
h1{font-weight:700;line-height:1.04}h2{font-weight:600;line-height:1.08}h3{font-weight:600}
/* Solid type keeps the message readable; the light belongs in the background. */
.baken-hero>h1,.baken-hero>h1.rise{color:var(--ink);-webkit-text-fill-color:currentColor;background:none;background-clip:border-box;-webkit-background-clip:border-box;animation:none;opacity:1;transform:none}
.sub{font-size:clamp(18px,1.8vw,24px);line-height:1.5;max-width:750px}.tag,.eyebrow,.kicker{color:var(--accent);font-size:11px;letter-spacing:.16em;font-weight:600}
.btn,.cta,.sec-cta .btn{background:var(--accent);color:#fff;border-color:var(--accent);box-shadow:none;font-family:var(--font-body);font-weight:600}
.btn:hover,.cta:hover{background:#215cff;color:white;box-shadow:none}.btn-ghost{color:var(--dim);background:transparent}
.chip{background:#f5f5f7;border:1px solid transparent;font-family:var(--font-body);font-weight:400}.chip:hover{background:#eceef2;border-color:transparent}.chip.picked,.chip:has(input:checked){background:#0b49f5;color:#fff;border-color:#0b49f5}.dots i.on{background:var(--accent)}
input:not([type=checkbox]):not([type=radio]):not([type=range]),textarea,select{font-family:var(--font-body)}
textarea:focus,input:focus{box-shadow:0 0 0 3px #0b49f525}.trail .l1,.trail .l2,.trail .l3{stroke:#0b49f51a}.trail .pulse{stroke:#0b49f5}
#intro{background:#ffffff}.about h2 span,.sec-head h2 span{color:#727985}.kinds button{font-family:var(--font-body)}.kinds button:hover{color:var(--accent);border-color:var(--accent)}
.faq summary:hover,.faq details[open] summary{color:var(--accent)}:focus-visible{outline:2px solid #0b49f5!important;outline-offset:4px!important}
footer{background:#fff;color:#646b76;border-top:1px solid #10172212;padding-top:64px;padding-bottom:32px;--ink:#101722;--dim:#646b76;--hair:#10172212}
footer .f-brand img{width:148px;height:auto;filter:none}footer .f-brand img[src$="wordmark-white.svg"]{filter:invert(1)}footer a,footer nav a{color:#586271}footer a:hover,footer nav a:hover{color:var(--accent)}footer .f-h{color:#101722}footer .f-base{border-color:#10172212}footer .f-brand p{max-width:31ch}
.f-grid{grid-template-columns:1.5fr 1fr 1fr 1fr}.f-team{display:none}
.baken-principles{padding:90px max(24px,6vw);background:#060a14;color:#f3efe8}.baken-principles .tag{color:#7e9cff}.baken-principles h2{font-size:clamp(34px,4vw,60px);margin:16px 0 42px}.baken-principles-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:42px}.baken-principles article{border-top:1px solid #ffffff35;padding-top:24px}.baken-principles article>span{font-size:12px;color:#7e9cff}.baken-principles h3{font-size:25px;margin:24px 0 14px}.baken-principles p{color:#b9c1d2;font-size:16px;line-height:1.65;max-width:36ch}
.baken-example-note{font-size:12px!important;line-height:1.5!important;color:var(--dim);margin:18px auto;max-width:650px;text-align:center}.baken-proof{border-top:1px solid var(--hair);padding:28px 0;margin-top:28px;font-size:18px;line-height:1.6;color:var(--dim)}
@media(max-width:700px){header{height:64px;padding-inline:18px;grid-template-columns:1fr auto 1fr}.brand{min-width:92px}.brand img{width:96px;max-height:28px}.nav-side.right{gap:10px}.nav-side.right a:last-child{padding:9px 13px;font-size:12px}.nav-side.right .nav-login{display:none}main{min-height:calc(100svh - 64px)}.f-grid{grid-template-columns:1fr 1fr}.f-brand{grid-column:1/-1}.baken-principles-grid{grid-template-columns:1fr;gap:32px}.baken-principles{padding:64px 24px}.baken-principles h2{margin-bottom:32px}}
@media(prefers-reduced-motion:reduce){h1{animation:none!important;color:var(--ink);background:none}}
#detbtn{background:radial-gradient(circle at 34% 28%,#7598ff 0%,#0b49f5 42%,#1038a6 78%,#0a2368 100%);box-shadow:inset 0 -7px 14px #06174488,inset 0 3px 8px #b4c7ff88,0 0 0 7px #e5e5e9,0 0 0 8px #c5cad7,0 12px 24px #10172212}
#detbtn::after{display:none}

/* Directional, layered light; all decoration stays inside the hero. */
.baken-hero{position:relative;isolation:isolate;overflow:clip;background:#ffffff}
.hero-light{position:absolute;inset:0;z-index:-1;overflow:hidden;pointer-events:none;contain:paint;user-select:none}
.hero-light__wash{position:absolute;inset:-10%;background:radial-gradient(ellipse at 97% 9%,#0b49f52b 0%,#85b0ff26 20%,transparent 48%),radial-gradient(ellipse at 0% 88%,#4585fa2b 0%,#beddeb24 25%,transparent 48%)}
.hero-light__ribbon{position:absolute;left:-30%;width:162%;height:clamp(230px,32vw,470px);border-radius:50%;transform:rotate(-25deg);transform-origin:center;animation:baken-light-drift 26s ease-in-out infinite alternate;background:linear-gradient(180deg,transparent 3%,#b7d7ff08 16%,#8eb6ff26 36%,#407af33b 52%,#0b49f526 59%,#d6e8ff8c 65%,#ffffffd9 68%,#ecf4ff7a 70%,#9cc4ff20 77%,transparent 94%);filter:blur(9px)}
.hero-light__ribbon--far{top:12%;opacity:.85}
.hero-light__ribbon--near{top:47%;height:clamp(150px,22vw,320px);opacity:.52;animation-duration:34s;animation-delay:-17s;filter:blur(6px);background:linear-gradient(180deg,transparent 8%,#9dbfff12 29%,#3172ef29 49%,#a4c9ff66 58%,#ffffffe0 64%,#ecf6ff70 66%,#bad7ff20 75%,transparent 92%)}
.hero-light__caustic{position:absolute;left:-29%;top:35%;width:155%;height:190px;border-radius:50%;transform:rotate(-25deg);background:radial-gradient(ellipse at 50% 50%,transparent 58%,#eaf5ff00 64%,#edf7ffb3 67%,#ffffffb8 68%,#bed8ff3d 70%,transparent 74%);filter:blur(2px);opacity:.42;animation:baken-light-drift 30s ease-in-out -9s infinite alternate}
.hero-light__veil{position:absolute;inset:0;background:radial-gradient(ellipse 43% 65% at 50% 47%,#fffffffc 0%,#fffffff0 29%,#ffffffaa 55%,#ffffff1a 82%,transparent 100%),linear-gradient(180deg,#ffffff24 0%,transparent 18%,transparent 72%,#ffffff 100%)}
.hero-light__grain{position:absolute;inset:0;opacity:.025;mix-blend-mode:multiply;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.83' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23000' filter='url(%23n)' opacity='.6' d='M0 0h180v180H0z'/%3E%3C/svg%3E");background-size:180px 180px}
@keyframes baken-light-drift{from{transform:translate3d(-1%,-1.5%,0) rotate(-25deg)}to{transform:translate3d(1.5%,2%,0) rotate(-23deg)}}
@media(max-width:700px){.hero-light__ribbon{left:-65%;width:230%;height:260px;filter:blur(9px)}.hero-light__ribbon--far{top:9%;opacity:.7}.hero-light__ribbon--near{top:61%;height:180px;opacity:.45}.hero-light__caustic{left:-65%;width:230%;top:38%;height:150px;opacity:.25}.hero-light__veil{background:radial-gradient(ellipse 68% 58% at 50% 46%,#fffffff7 0%,#ffffffeb 32%,#ffffff99 65%,transparent 100%),linear-gradient(180deg,transparent 70%,#ffffff 100%)}.hero-light__grain{opacity:.018}}
@media(prefers-reduced-motion:reduce){.hero-light__ribbon,.hero-light__caustic{animation:none;transform:rotate(-25deg)}}
/* Original LEVREN wordmark: preserve its wide proportions. */
.brand{min-width:156px}.brand img{width:156px;height:auto;max-height:none}
footer .f-brand img{width:180px;height:auto}
@media(max-width:700px){.brand{min-width:110px}.brand img{width:110px;height:auto}footer .f-brand img{width:156px}}

/* Shared finishing: clear hierarchy, quiet surfaces and consistent navigation. */
body{-webkit-font-smoothing:antialiased}
header,header.site{height:var(--header-h);background:#ffffffed;border-bottom:1px solid var(--hair);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}
.sheet{top:calc(var(--header-h) + 8px);border:1px solid #10172212;box-shadow:0 16px 48px -16px #10172229;background:#fffffff7;backdrop-filter:blur(20px)}
.sheet .btn{background:var(--accent);color:#fff;box-shadow:none}
.sheet .btn:hover{background:#1740bd}
.nav-main a{font-weight:500;color:#4b5563}
.nav-main a:hover,.nav-main a[aria-current="page"]{color:#0b49f5}
.about>h2,.sec-head>h2{letter-spacing:-.04em;line-height:1.12;text-wrap:balance}
.hero>h1{max-width:min(20ch,100%);letter-spacing:-.045em;line-height:1.08;text-wrap:balance}
.hero>p:not(.crumb){line-height:1.65}
.about>.tag{letter-spacing:.12em;font-weight:500}
.btn,.sheet .btn{transition:background .2s ease,transform .2s ease,box-shadow .2s ease}
.btn-ghost{font-family:var(--font-body);font-size:14px;font-weight:400}
.faq summary{font-weight:500;line-height:1.45;padding-block:23px;letter-spacing:-.018em}
.faq .fa p{font-size:16px;line-height:1.7;color:var(--dim)}
.hub a.hub-cta{background:#102b57}
.hub a.hub-cta:hover{background:#173865}
footer .f-brand p{font-size:14px;line-height:1.7;color:#646b76}
footer .f-h{font-size:11px;font-weight:500;letter-spacing:.12em;color:#101722}
footer .f-col>a{font-size:13px;line-height:1.6}
footer .f-base{font-size:11px;color:#747d89;border-color:#10172212}
@media(max-width:980px){.nav-main{display:none!important}.menu-btn{display:flex}.nav-side.left{min-width:44px}}
@media(max-width:700px){:root{--header-h:64px}header,header.site{padding-inline:18px}.sheet{top:72px}.faq summary{padding-block:20px;font-size:17px}.faq .fa p{font-size:15px}.about>h2,.sec-head>h2{letter-spacing:-.035em}}