:root{--bg:#080c14;--panel:#101725;--panel2:#151e2f;--text:#f4f7fb;--muted:#a7b3c7;--line:#273346;--mint:#b99aff;--blue:#9774ff;--violet:#d9b8ff;--max:1180px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.65 Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}a{color:inherit;text-decoration:none}button{font:inherit}a:focus-visible,button:focus-visible{outline:3px solid var(--mint);outline-offset:4px}.wrap{width:min(calc(100% - 44px),var(--max));margin:auto}.site-header{position:sticky;top:0;z-index:10;background:rgba(8,12,20,.9);backdrop-filter:blur(18px);border-bottom:1px solid #263044a0}.nav{height:76px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:inline-flex;align-items:center;gap:12px;font-weight:760;font-size:19px;letter-spacing:-.055em}.brand-mark{width:35px;height:35px;border-radius:11px;background:linear-gradient(145deg,#d9b8ff,#8251ed);display:grid;place-items:center;color:#180c2b;font-weight:900;font-size:23px}.nav-links{display:flex;align-items:center;gap:32px;font-size:14px;color:#c6d2e2}.nav-links a:hover,.footer a:hover{color:var(--mint)}.nav-cta,.button{display:inline-flex;align-items:center;justify-content:center;border:1px solid transparent;border-radius:12px;padding:13px 20px;font-size:14px;font-weight:700;transition:transform .2s,background .2s}.button:hover,.nav-cta:hover{transform:translateY(-2px)}.nav-cta,.button.primary{background:var(--mint);color:#150c27}.button.secondary{border-color:#46536a;background:#121b2b;color:#f5f7fc}.menu-toggle{display:none;background:transparent;color:white;border:1px solid var(--line);border-radius:9px;padding:8px 12px}.hero{position:relative;overflow:hidden;padding:100px 0 100px}.hero:before{content:"";position:absolute;inset:-150px -20% auto 10%;height:750px;background:radial-gradient(ellipse,#56318d73 0%,#35215b35 43%,transparent 68%);pointer-events:none}.hero-grid{position:relative;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:65px}.eyebrow,.kicker{color:var(--mint);font-size:12px;text-transform:uppercase;letter-spacing:.15em;font-weight:800}.eyebrow{display:inline-flex;align-items:center;gap:9px;border:1px solid #6e4a9d;background:#39205a70;padding:8px 13px;border-radius:100px}.dot{height:7px;width:7px;background:var(--mint);border-radius:50%;box-shadow:0 0 14px var(--mint)}h1,h2,h3{letter-spacing:-.055em;line-height:1.12}h1{font-size:clamp(48px,6.4vw,86px);margin:24px 0 22px;max-width:750px}h1 span,.gradient{background:linear-gradient(100deg,var(--mint),var(--blue) 65%,var(--violet));-webkit-background-clip:text;background-clip:text;color:transparent}.lead{font-size:18px;line-height:1.8;color:var(--muted);max-width:620px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:33px}.micro{color:#9e95b7;font-size:13px;margin-top:22px}.phone-wrap{position:relative;display:grid;place-items:center;min-height:590px}.halo{position:absolute;width:460px;height:460px;border-radius:50%;background:radial-gradient(circle,#8655ef35,transparent 68%);filter:blur(4px)}.phone{position:relative;width:min(315px,100%);min-height:585px;padding:11px;border:1px solid #6d798b;border-radius:46px;box-shadow:0 45px 100px #0008,0 0 55px #aa7aff28;background:#03050a;transform:rotate(5deg)}.phone-screen{background:linear-gradient(170deg,#142235,#0d1522 65%);border:1px solid #263449;border-radius:36px;min-height:561px;padding:37px 19px 20px;overflow:hidden}.phone-status{display:flex;justify-content:space-between;font-size:11px;font-weight:800;color:#dbe8ed}.greeting{margin-top:40px;color:#b4c1d4;font-size:13px}.screen-title{font-weight:760;font-size:27px;letter-spacing:-.06em;line-height:1.15;margin:5px 0 26px}.assistant-card{background:linear-gradient(145deg,#332150,#251a43);border:1px solid #7854ad;border-radius:20px;padding:18px}.wave{height:45px;display:flex;align-items:center;justify-content:center;gap:4px}.wave span{width:4px;border-radius:12px;background:var(--mint);height:var(--h)}.assistant-caption{font-size:12px;color:#ded0ff;text-align:center}.screen-section{font-size:11px;color:#a3b3c8;font-weight:750;letter-spacing:.06em;margin:24px 0 11px;text-transform:uppercase}.task{padding:12px 13px;border:1px solid #34445b;background:#172437;border-radius:13px;margin-top:9px;display:flex;align-items:center;gap:10px;font-size:12px}.check{border:1px solid #b99aff;width:16px;height:16px;border-radius:5px;flex:none}.task small{display:block;color:#91a4bd;font-size:10px}.screen-tabs{margin-top:31px;display:flex;justify-content:space-around;color:#99acc1;font-size:10px;border-top:1px solid #324155;padding-top:16px}.screen-tabs strong{color:var(--mint)}.floating{position:absolute;background:#152437ee;border:1px solid #40556c;backdrop-filter:blur(10px);border-radius:16px;padding:12px 17px;font-size:12px;box-shadow:0 18px 35px #0006}.floating.left{left:-25px;top:130px}.floating.right{right:-10px;bottom:95px}.floating b{display:block;color:var(--mint)}section{padding:100px 0}.section-heading{max-width:740px;margin-bottom:44px}h2{font-size:clamp(34px,4.5vw,57px);margin:12px 0 18px}h3{font-size:22px;margin:14px 0 12px}.sub{color:var(--muted);font-size:17px;max-width:690px}.features{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.feature,.surface{border:1px solid var(--line);border-radius:22px;padding:30px;background:linear-gradient(145deg,#131e2d,#0d1420)}.feature p,.surface p{color:var(--muted);margin-bottom:0;font-size:14px}.feature .icon{display:grid;place-items:center;width:48px;height:48px;background:#2b204a;color:var(--mint);border-radius:14px;font-size:23px}.alt{background:#0d1420;border-top:1px solid #1d2a3d;border-bottom:1px solid #1d2a3d}.two{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:70px}.steps{display:grid;gap:13px}.step{display:flex;gap:20px;border-bottom:1px solid var(--line);padding:19px 0}.step-num{color:var(--mint);font-weight:800;font-size:13px}.step h3{margin:0 0 5px;font-size:19px}.step p{margin:0;color:var(--muted);font-size:14px}.dashboard{background:#101c2d;border:1px solid #39485f;border-radius:24px;padding:22px;box-shadow:0 26px 65px #0005}.dashboard-head{display:flex;justify-content:space-between;align-items:center;font-size:13px;font-weight:750;margin-bottom:17px}.chip{color:#dac3ff;background:#382658;border:1px solid #7553a5;padding:4px 9px;border-radius:100px;font-size:10px}.dash-card{border:1px solid #32465c;border-radius:14px;background:#17263a;padding:14px;margin-top:10px}.dash-card .label{font-size:11px;color:#8ca6c0}.dash-card b{display:block;font-size:17px;margin:3px 0}.dash-card em{color:#adbdce;font-style:normal;font-size:12px}.dash-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.dash-grid .dash-card{min-height:114px}.integration-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.integration{background:#111d2b;border:1px solid var(--line);border-radius:16px;padding:23px}.integration b{display:block;font-size:17px}.integration p{font-size:13px;color:var(--muted);margin:6px 0}.tag{display:inline-block;margin-top:12px;font-size:10px;color:#c2d4ef;border:1px solid #354860;border-radius:100px;padding:4px 8px}.privacy-panel{border:1px solid #7150a8;border-radius:28px;padding:45px;background:radial-gradient(circle at 100% 0,#6935b34c,transparent 60%),#1b152e;display:grid;grid-template-columns:1fr 1fr;gap:50px}.privacy-panel ul{padding-left:20px;color:#ddd1ef;line-height:2}.faq{max-width:850px;margin:auto}.faq details{border-bottom:1px solid var(--line);padding:20px 2px}.faq summary{cursor:pointer;font-weight:700;list-style:none;display:flex;justify-content:space-between;gap:20px}.faq summary:after{content:'+';color:var(--mint);font-size:23px;line-height:1}.faq details[open] summary:after{content:'−'}.faq details p{color:var(--muted);max-width:740px;margin-bottom:0}.closing{padding:80px 0}.closing-inner{text-align:center;border:1px solid #6949a0;border-radius:30px;background:linear-gradient(130deg,#251640,#211a3b);padding:70px 22px}.closing-inner h2{margin:12px auto;max-width:750px}.footer{border-top:1px solid var(--line);padding:40px 0 25px;color:var(--muted);font-size:13px}.footer-grid{display:flex;justify-content:space-between;gap:30px;flex-wrap:wrap}.footer-links{display:flex;gap:20px;flex-wrap:wrap}.footer-bottom{border-top:1px solid #243044;margin-top:30px;padding-top:20px;display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;color:#8392a6}.page-hero{padding:85px 0 45px}.page-hero h1{font-size:clamp(42px,5vw,65px);margin:15px 0}.prose{max-width:850px;margin:0 auto;padding:20px 0 95px}.prose h2{font-size:29px;margin-top:42px}.prose h3{font-size:20px;margin-top:25px}.prose p,.prose li{color:#b7c4d4}.prose a{color:var(--mint);text-decoration:underline;text-underline-offset:3px}.notice{background:#172332;border:1px solid #576780;border-radius:16px;padding:20px;color:#dee9f8;margin:23px 0}.prose table{border-collapse:collapse;width:100%;font-size:14px}.prose th,.prose td{border-bottom:1px solid var(--line);padding:12px;text-align:left;vertical-align:top}.skip{position:absolute;left:-9999px;top:5px;background:var(--mint);color:#000;padding:12px;z-index:99}.skip:focus{left:5px}@media(max-width:900px){.hero-grid,.two,.privacy-panel{grid-template-columns:1fr}.hero{padding:65px 0}.phone-wrap{min-height:570px}.features{grid-template-columns:repeat(2,1fr)}.integration-grid{grid-template-columns:repeat(2,1fr)}.floating.left{left:6%}.floating.right{right:5%}.two{gap:36px}}@media(max-width:640px){.wrap{width:min(calc(100% - 32px),var(--max))}.nav{height:68px}.menu-toggle{display:block}.nav-links{display:none;position:absolute;left:0;right:0;top:67px;background:#0d1522;border-bottom:1px solid var(--line);padding:20px 6%;flex-direction:column;align-items:stretch;gap:15px}.nav-links.open{display:flex}.nav-cta{display:none}h1{font-size:51px}.lead{font-size:16px}.hero{padding:57px 0 42px}.phone{transform:none}.phone-wrap{min-height:630px}.floating.left{top:90px;left:0}.floating.right{bottom:48px;right:0}section{padding:72px 0}.features,.integration-grid{grid-template-columns:1fr}.feature{padding:24px}.privacy-panel{padding:27px;gap:10px}.closing-inner{padding:45px 20px}.footer-grid{flex-direction:column}.dash-grid{grid-template-columns:1fr 1fr}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}

/* Responsive, locally interactive beta interface demo */
.beta-stage{display:grid;grid-template-columns:1fr 1.1fr;gap:34px;align-items:center;border:1px solid #4e3678;border-radius:28px;padding:35px;background:radial-gradient(circle at 82% 17%,#6b42b62c,transparent 55%),#131021}.beta-copy h2{margin:12px 0 18px}.beta-demo{border:1px solid #67479a;background:#100e1e;border-radius:24px;padding:20px;min-height:370px;box-shadow:0 24px 70px #05030a88}.beta-top{display:flex;justify-content:space-between;align-items:center;gap:10px}.beta-top strong{font-size:19px}.beta-pill{border:1px solid #7555aa;color:#cdb4ff;border-radius:30px;padding:4px 10px;font-size:11px}.beta-tabs{display:flex;gap:6px;margin:18px 0;flex-wrap:wrap}.beta-tabs button{border:1px solid #4d3a70;background:#1b1730;color:#ddd2f5;padding:9px 13px;border-radius:11px;cursor:pointer;font-size:13px}.beta-tabs button[aria-selected=true]{background:#6e46b8;color:white;border-color:#ab83ff}.beta-panel{border:1px solid #392e54;border-radius:15px;background:#19142c;padding:20px;min-height:205px}.beta-panel[hidden]{display:none}.beta-panel h3{font-size:20px;margin:0 0 12px}.beta-panel p{color:#bfb3d5;font-size:13px}.beta-entry{display:flex;justify-content:space-between;align-items:center;gap:10px;border:1px solid #49375f;background:#241b39;padding:12px;border-radius:11px;margin:9px 0;font-size:13px}.beta-entry small{color:#ad9bc8}.beta-mic{display:inline-grid;place-items:center;border-radius:50%;height:58px;width:58px;background:#754ac5;color:white;font-size:25px;margin:10px auto;box-shadow:0 0 0 9px #754ac526}.beta-note{font-size:12px;color:#a99abf;margin-top:16px}.beta-demo button:focus-visible{outline:3px solid #d9b8ff;outline-offset:2px}@media(max-width:900px){.beta-stage{grid-template-columns:1fr}}@media(max-width:640px){.beta-stage{padding:20px;border-radius:18px}.beta-demo{padding:14px;min-height:350px}.beta-tabs button{flex:1;padding:9px 6px}.beta-panel{padding:14px}}

/* Official BrainPocket brand identity */
.brand-logo{width:46px;height:46px;object-fit:contain;flex-shrink:0;filter:drop-shadow(0 2px 8px rgba(161,95,245,.25))}.hero-brand{margin-bottom:22px;display:flex;align-items:center}.hero-brand img{width:156px;height:156px;object-fit:contain;filter:drop-shadow(0 18px 34px rgba(130,70,235,.23))}@media(max-width:640px){.brand-logo{width:40px;height:40px}.hero-brand img{width:122px;height:122px}.hero-brand{margin-bottom:12px}}

/* Official BrainPocket 2026 brand assets */
.brand-full-logo { display:block; width:116px; height:56px; object-fit:contain; object-position:left center; }
@media(min-width:960px){ .brand-full-logo { width:142px; height:64px; } }
.hero-brand img {object-fit:contain}