@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Space+Grotesk:wght@400;500;700&display=swap');

:root { --bg:#02050a; --text:#f7f8fb; --muted:#aeb3c0; --blue:#1676ff; --purple:#7b38f8; --line:#18202f; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; background:var(--bg); }
body { margin:0; color:var(--text); background:radial-gradient(circle at 75% 15%,#061126 0,transparent 28%),#02050a; font-family:'Inter',sans-serif; }
h1,h2,h3,h4,.nav,button,.outline-button,.primary-button { font-family:'Space Grotesk',sans-serif; }
a { color:inherit; text-decoration:none; }
.shell { width:min(1390px,calc(100% - 64px)); margin-inline:auto; }
.nav { height:78px; display:flex; align-items:center; justify-content:space-between; position:relative; z-index:10; }
.logo { font-size:28px; font-weight:800; letter-spacing:2px; }
.nav-logo { display:flex; align-items:center; width:113px; }
.nav-logo img { display:block; width:100%; height:auto; }
.footer-logo { display:flex; align-items:center; width:105px; }
.footer-logo img { display:block; width:100%; height:auto; }
.nav nav { display:flex; gap:63px; font-size:14px; }
.nav nav a { padding:14px 0; color:#f0f1f5; position:relative; transition:color .2s; }
.nav nav a:hover,.nav nav .active { color:#2c7cff; }
.nav nav .active::after { content:""; position:absolute; left:50%; bottom:5px; width:5px; height:5px; border-radius:50%; background:#246aff; box-shadow:0 0 10px #246aff; }
.outline-button,.primary-button { min-height:44px; padding:0 21px; border-radius:8px; display:inline-flex; align-items:center; justify-content:center; gap:28px; font-size:13px; border:1px solid #34405a; transition:transform .2s,border-color .2s,box-shadow .2s; }
.outline-button:hover,.primary-button:hover { transform:translateY(-2px); border-color:#4e7fff; box-shadow:0 8px 28px #0e55ff22; }
.header-cta { min-width:134px; border-color:#275be8; box-shadow:inset -10px 0 20px #721de522; }
.hero { min-height:402px; position:relative; display:flex; align-items:center; overflow:hidden; }
.hero-content { position:relative; z-index:2; width:54%; padding:25px 25px 20px; }
.eyebrow { display:inline-flex; align-items:center; gap:11px; border:1px solid #152030; border-radius:30px; padding:11px 17px; font-size:11px; color:#9199a9; letter-spacing:1.2px; }
.eyebrow i { width:9px; height:9px; background:#1286ff; border-radius:50%; box-shadow:0 0 5px #fff,0 0 16px #087aff; }
h1 { margin:17px 0 13px; font-size:clamp(52px,5vw,76px); line-height:1.02; letter-spacing:-3px; }
em { font-style:normal; color:#4c68ff; background:linear-gradient(90deg,#207aff,#8241f8); background-clip:text; -webkit-background-clip:text; -webkit-text-fill-color:transparent; }
.hero p { color:#b9bec8; font-size:17px; line-height:1.55; margin:0 0 27px; }
.hero-actions { display:flex; gap:15px; }
.primary-button { min-width:210px; color:white; border:0; background:linear-gradient(100deg,#116dff,#7542f6); box-shadow:0 0 30px #275bff55; }
.hero-actions .outline-button { min-width:203px; }
.wave-field { position:absolute; inset:0 -4% 0 31%; overflow:hidden; background:radial-gradient(ellipse at 92% 72%,rgba(73,35,190,.18) 0,rgba(15,71,188,.09) 28%,transparent 58%); -webkit-mask-image:linear-gradient(to right,#000 0%,#000 62%,rgba(0,0,0,.72) 72%,rgba(0,0,0,.22) 82%,transparent 90%,transparent 100%); mask-image:linear-gradient(to right,#000 0%,#000 62%,rgba(0,0,0,.72) 72%,rgba(0,0,0,.22) 82%,transparent 90%,transparent 100%); }
.orb { position:absolute; width:345px; height:345px; border:1px solid #165dff; border-radius:50%; top:12px; left:37%; background:radial-gradient(circle at 75% 70%,#08235355,transparent 45%),linear-gradient(135deg,#02040b99,#08102455); box-shadow:inset -20px -20px 50px #006aff16,0 0 40px #0b5eff15; display:grid; place-items:center; }
.orb::before { content:""; position:absolute; inset:31px; border:1px solid #5026e1aa; border-radius:50%; }
.orb img { display:block; width:62%; height:auto; opacity:.72; filter:drop-shadow(0 3px 2px #000); }
.wave { position:absolute; left:4%; width:95%; height:190px; border-top:2px solid #1169ff; border-radius:50%; transform:rotate(-5deg); filter:drop-shadow(0 0 9px #126aff); }
.wave::before,.wave::after { content:""; position:absolute; inset:18px -20px auto; height:100%; border-top:1px solid #6026ff; border-radius:50%; }
.wave-one { top:280px; }.wave-two { top:330px; left:20%; transform:rotate(5deg); border-color:#8436ff; }.wave-three { top:230px; left:55%; width:55%; transform:rotate(-12deg); }
.grid-dots { position:absolute; left:8%; right:0; bottom:0; height:150px; opacity:.75; background-image:radial-gradient(#2d6aff 1.5px,transparent 1.5px); background-size:19px 13px; mask-image:linear-gradient(transparent,#000 28%,transparent 98%); transform:perspective(250px) rotateX(54deg) scale(1.3); box-shadow:0 0 50px #4225fa; }
.panel { border:1px solid var(--line); border-radius:15px; background:linear-gradient(130deg,#050b13cc,#02060dcc); }
.products { padding:17px 22px 16px; }.section-kicker { color:#2281ff; font-size:11px; letter-spacing:1px; font-weight:700; margin-bottom:6px; }
h2 { font-size:29px; line-height:1.12; margin:0 0 14px; letter-spacing:-.6px; }.product-grid { display:grid; grid-template-columns:1fr 1fr; gap:22px; }
.product-card { min-height:238px; border:1px solid; border-radius:15px; position:relative; overflow:hidden; padding:20px 23px; }
.buddy-card { border-color:#047760; background:radial-gradient(circle at 55% 40%,#062d2b77,transparent 40%); }.trader-card { border-color:#60308d; background:radial-gradient(circle at 60% 40%,#23104d66,transparent 44%); }
.product-copy { width:46%; position:relative; z-index:2; }.product-title { display:flex; align-items:center; gap:14px; }.product-title h3 { font-size:21px; margin:0; }.product-link { width:max-content; max-width:100%; transition:opacity .2s,transform .2s; }.product-link:hover { opacity:.86; transform:translateY(-1px); }
.icon-badge { width:49px; height:49px; border-radius:12px; display:grid; place-items:center; font-size:25px; overflow:hidden; flex:0 0 auto; }.icon-badge img { display:block; width:100%; height:100%; object-fit:cover; }.icon-badge.chat { color:#00f6c6; background:#fff; box-shadow:0 0 24px #00d5b744; }.icon-badge.trophy { color:#b99aff; background:#3210a5; box-shadow:0 0 24px #652dff44; }
.product-copy p { color:#c0c4cc; font-size:14px; line-height:1.6; min-height:92px; }.product-copy a { font-size:14px; display:flex; gap:38px; color:#00e8b9; }.trader-card .product-copy a { color:#c956ff; }
.sayitbuddy-product-image { position:absolute; right:10px; bottom:-1px; width:54%; max-height:96%; }.traderchamp-product-image { position:absolute; right:4px; bottom:5px; width:59%; max-height:93%; }.sayitbuddy-product-image img,.traderchamp-product-image img { display:block; width:100%; max-height:220px; object-fit:contain; object-position:right bottom; transition:transform .25s,filter .25s; }.sayitbuddy-product-image:hover img,.traderchamp-product-image:hover img { transform:translateY(-2px); filter:brightness(1.08); }
.device-scene { position:absolute; inset:10px 0 0 43%; }.laptop { width:76%; height:194px; transform:perspective(800px) rotateY(-8deg); background:#090b10; border:2px solid #89909b; border-radius:15px 15px 5px 5px; padding:9px; box-shadow:0 12px 20px #000; }
.screen { height:100%; border-radius:7px; position:relative; overflow:hidden; padding:14px; background:linear-gradient(135deg,#07314b,#071018 65%); }.trader .screen { background:#090818; }
.screen-top { display:flex; gap:3px; position:absolute; top:7px; right:9px; }.screen-top i { width:3px;height:3px;border-radius:50%;background:#8691a4; }
.buddy-copy { font-size:12px; font-style:italic; margin-top:10px; }.buddy-face { position:absolute; right:15%; top:25%; font-size:65px; }
.app-icons { display:grid; grid-template-columns:repeat(3,25px); gap:13px; position:absolute; left:20px; bottom:28px; }.app-icons i,.phone-ui i { height:24px; border-radius:7px; background:linear-gradient(135deg,#10d297,#043428); border:1px solid #15997b; }
.phone { position:absolute; width:97px; height:185px; bottom:0; left:63%; background:#0b0d12; border:2px solid #777e88; border-radius:20px; padding:17px 9px 10px; box-shadow:0 10px 20px #000; transform:rotate(3deg); }.phone::before { content:""; position:absolute; width:28px;height:4px;border-radius:4px;background:#171a1f;top:6px;left:33px; }
.phone-ui { display:grid; grid-template-columns:1fr 1fr; gap:9px; }.phone-ui i { background:#171d2f; border-color:#293761; }.price { font-size:13px; margin-top:18px; }.price small { color:#27d29a; }
.chart-line { height:80px; margin-top:20px; border-top:2px solid #813cff; transform:skewY(-17deg); filter:drop-shadow(0 0 4px #792dff); }.chart-bars { position:absolute;right:12px;top:48px;display:grid;gap:8px}.chart-bars i { width:45px;height:4px;background:#d39945;border-radius:4px; }
.about { margin-top:12px; padding:24px; display:grid; grid-template-columns:30% 25% 45%; align-items:center; }.about-heading { padding-right:30px; border-right:1px solid #17202d; }.about-heading h2 { font-size:31px; }
.about-copy { padding:0 42px; border-right:1px solid #17202d; }.about-copy p { font-size:12.5px; line-height:1.65; color:#c4c8d0; margin:0 0 14px; }.about-copy .outline-button { min-height:37px; }
.feature-grid { display:grid; grid-template-columns:repeat(4,1fr); }.feature { text-align:center; padding:4px 17px; border-right:1px solid #17202d; }.feature:last-child { border:0; }.feature h3 { font-size:14px;margin:10px 0 7px; }.feature p { color:#c3c6ce;font-size:12px;line-height:1.35;margin:0; }
.feature-icon { width:48px;height:48px;border-radius:12px;background:#071a44;display:inline-block;position:relative;box-shadow:0 0 22px #144cfd33; }.feature-icon::before { position:absolute; inset:0; display:grid; place-items:center; color:#3b70ff; font-size:25px; }.brain::before{content:"✾"}.users::before{content:"♙♙"}.rocket::before{content:"↗";font-size:35px}.globe::before{content:"◎";font-size:34px}
footer { min-height:130px; margin-top:20px; border-top:1px solid #121a27; display:flex; align-items:center; justify-content:space-between; color:#818a99; font-size:13px; } footer .logo { color:white; } footer a:last-child { color:#3984ff; }

/* Inner pages */
.inner-hero { min-height:430px; position:relative; display:flex; align-items:center; overflow:hidden; border-bottom:1px solid #111b2c; }
.inner-hero-copy { position:relative; z-index:2; width:62%; padding:45px 25px; }
.inner-hero h1,.contact-hero h1 { font-size:clamp(52px,5.4vw,78px); margin:20px 0 18px; }
.inner-hero-copy > p,.contact-hero > p { max-width:670px; color:#b9bec8; font-size:17px; line-height:1.65; }
.inner-glow { position:absolute; inset:0 -5% 0 42%; overflow:hidden; -webkit-mask-image:linear-gradient(to right,#000 0,#000 65%,transparent 96%); mask-image:linear-gradient(to right,#000 0,#000 65%,transparent 96%); }
.inner-orb { width:310px;height:310px;border:1px solid #255df0;border-radius:50%;position:absolute;right:18%;top:54px;display:grid;place-items:center;background:radial-gradient(circle,#071b46aa,transparent 68%);box-shadow:0 0 60px #173ef524; }
.inner-orb::before { content:"";position:absolute;inset:28px;border:1px solid #5b2de099;border-radius:50%; }.inner-orb img{width:60%;opacity:.55}.inner-beam{position:absolute;width:85%;height:170px;right:-10%;top:260px;border-top:2px solid #1b66ff;border-radius:50%;filter:drop-shadow(0 0 8px #215eff);transform:rotate(-7deg)}.beam-two{top:300px;border-color:#7c37f5;transform:rotate(4deg)}
.story-grid { display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:18px; }.story-card { padding:38px;min-height:260px; }.story-card h2{font-size:34px;margin:10px 0 18px}.story-card p{color:#b9bec8;line-height:1.75;font-size:15px;max-width:600px}.mission-card{background:radial-gradient(circle at 90% 10%,#32146655,transparent 40%),linear-gradient(130deg,#050b13cc,#02060dcc)}
.values-section{margin-top:14px;padding:38px;display:grid;grid-template-columns:30% 70%;gap:30px}.values-intro{padding:10px 30px 10px 0;border-right:1px solid #17202d}.values-intro h2{font-size:34px;margin-top:12px}.values-intro p{color:#aeb3c0;line-height:1.6}.values-grid{display:grid;grid-template-columns:1fr 1fr}.value-card{padding:10px 28px 24px;border-right:1px solid #17202d;border-bottom:1px solid #17202d}.value-card:nth-child(2n){border-right:0}.value-card:nth-child(n+3){border-bottom:0;padding-top:26px}.value-number{color:#3577ff;font:500 12px 'Space Grotesk';letter-spacing:1px}.value-card h3{font-size:19px;margin:9px 0}.value-card p{color:#aeb3c0;font-size:13px;line-height:1.6;margin:0}
.product-proof{display:grid;grid-template-columns:1fr 1fr;align-items:center;padding:60px 25px}.product-proof h2{font-size:36px;margin:10px 0}.product-proof p{color:#aeb3c0;line-height:1.7;max-width:560px}.inline-product-link{color:#7392ff;text-decoration:underline;text-decoration-color:#526cff55;text-underline-offset:3px}.inline-product-link:hover{color:#9e7aff}.proof-logos{display:flex;justify-content:flex-end;gap:16px}.proof-logos a{width:190px;padding:18px;border:1px solid #1a2537;border-radius:14px;background:#050a12;display:flex;align-items:center;gap:14px;font:500 14px 'Space Grotesk';transition:border-color .2s,transform .2s}.proof-logos a:hover{border-color:#426aff;transform:translateY(-2px)}.proof-logos img{width:48px;height:48px;border-radius:11px;object-fit:cover}
.cta-panel{padding:32px 38px;display:flex;justify-content:space-between;align-items:center;background:radial-gradient(circle at 82% 50%,#3030b93c,transparent 34%),linear-gradient(130deg,#050b13cc,#02060dcc)}.cta-panel h2{font-size:34px;margin:8px 0}.cta-panel .primary-button{min-width:210px}
.contact-hero{min-height:390px;position:relative;padding:70px 25px 55px;overflow:hidden}.contact-hero>*:not(.contact-orb){position:relative;z-index:2}.contact-hero h1{max-width:760px}.contact-orb{position:absolute;width:440px;height:440px;border:1px solid #285af0;border-radius:50%;right:2%;top:5px;display:grid;place-items:center;opacity:.65;background:radial-gradient(circle,#0a1a49aa,transparent 66%)}.contact-orb img{width:55%;opacity:.35}.contact-orb i{position:absolute;width:140%;height:45%;border-top:1px solid #7134fb;border-radius:50%;left:-65%;top:72%;filter:drop-shadow(0 0 8px #4c38ff)}.contact-orb i:nth-child(2){top:79%;border-color:#1b71ff}.contact-orb i:nth-child(3){top:87%;left:-50%}
.contact-layout{display:grid;grid-template-columns:38% 62%;padding:0;overflow:hidden}.contact-details{padding:48px;border-right:1px solid #192335;background:radial-gradient(circle at 0 100%,#092a4544,transparent 45%)}.contact-details h2{font-size:34px;margin:12px 0 18px}.contact-details>p{color:#aeb3c0;line-height:1.7;font-size:14px}.contact-method{display:flex;gap:16px;align-items:center;margin:32px 0}.contact-method>span{width:42px;height:42px;border:1px solid #2968ff;border-radius:10px;display:grid;place-items:center;color:#4381ff;box-shadow:0 0 18px #1558f52e}.contact-method small,.interest-list small{display:block;color:#6f7a8e;font-size:9px;letter-spacing:1.2px;margin-bottom:6px}.contact-method a{font:500 15px 'Space Grotesk';color:#fff}.interest-list{display:flex;flex-direction:column;gap:10px}.interest-list span{color:#aeb3c0;font-size:13px;padding-left:15px;position:relative}.interest-list span::before{content:"";position:absolute;width:5px;height:5px;border-radius:50%;background:#476fff;left:0;top:6px;box-shadow:0 0 7px #476fff}
.contact-form{padding:48px;display:flex;flex-direction:column;gap:18px}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.contact-form label{display:flex;flex-direction:column;gap:8px;color:#d9dce3;font:500 12px 'Space Grotesk'}.contact-form label>span{color:#6f7788;font:400 11px 'Inter';display:inline}.contact-form input,.contact-form select,.contact-form textarea{width:100%;border:1px solid #273248;background:#050911;color:#fff;border-radius:8px;padding:14px 15px;font:400 13px 'Inter';outline:none;transition:border-color .2s,box-shadow .2s}.contact-form textarea{resize:vertical;min-height:130px}.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus{border-color:#376eff;box-shadow:0 0 0 3px #1d55ff1c}.contact-form input::placeholder,.contact-form textarea::placeholder{color:#687185}.submit-button{align-self:flex-start;min-width:190px;cursor:pointer}.form-note{color:#687185;font-size:11px;margin:0}.contact-form .bot-field{position:absolute;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);width:1px;height:1px;margin:-1px;padding:0;border:0}.contact-bottom{display:flex;align-items:center;gap:25px;padding:42px 0;color:#778195;font-size:13px;justify-content:center}.contact-bottom span{height:1px;background:linear-gradient(90deg,transparent,#263653);flex:1}.contact-bottom span:last-child{transform:scaleX(-1)}
.thank-you{min-height:670px;position:relative;display:grid;place-items:center;overflow:hidden}.thank-you>.contact-orb{right:-4%;top:80px;opacity:.35}.thank-you-card{position:relative;z-index:2;width:min(680px,100%);padding:60px;text-align:center;background:radial-gradient(circle at 50% 0,#2020734a,transparent 45%),linear-gradient(130deg,#050b13ee,#02060dee)}.success-icon{width:58px;height:58px;border-radius:16px;display:grid;place-items:center;margin:0 auto 22px;color:#fff;font-size:25px;background:linear-gradient(135deg,#1676ff,#7538f8);box-shadow:0 0 30px #3158ff55}.thank-you-card h1{font-size:clamp(48px,5vw,68px);margin:12px 0 20px;line-height:1}.thank-you-card p{max-width:500px;margin:0 auto 28px;color:#aeb3c0;line-height:1.7}.thank-you-card .primary-button{min-width:180px}

@media (max-width:1000px) {
  .shell { width:min(100% - 40px,900px); }.nav nav { gap:28px; }.hero { min-height:620px; align-items:flex-start; }.hero-content { width:100%; padding:45px 6px 0; }.hero-content p { max-width:500px; }
  .wave-field { inset:220px -20% 0 10%; opacity:.8; }.orb { width:300px;height:300px;left:48%;top:28px; }.orb span{font-size:48px}.product-grid { grid-template-columns:1fr; }.product-card { min-height:250px; }
  .about { grid-template-columns:1fr 1fr; gap:0; }.about-heading{padding:0 25px 18px 0}.about-copy{padding:0 0 18px 30px;border:0}.feature-grid{grid-column:1/-1;border-top:1px solid #17202d;padding-top:20px}
  .inner-hero-copy{width:75%}.story-grid{grid-template-columns:1fr}.values-section{grid-template-columns:1fr}.values-intro{border-right:0;border-bottom:1px solid #17202d;padding-bottom:25px}.contact-layout{grid-template-columns:1fr}.contact-details{border-right:0;border-bottom:1px solid #192335}.contact-orb{right:-18%;opacity:.45}
}
@media (max-width:680px) {
  .shell { width:calc(100% - 28px); }.nav { height:70px; }.nav nav { display:none; }.logo{font-size:23px}.nav-logo{width:98px}.header-cta{min-width:auto;padding:0 16px}.hero { min-height:650px; overflow:hidden; }
  .hero-content { padding-top:30px; }.eyebrow{font-size:9px;padding:9px 12px} h1{font-size:47px;letter-spacing:-2px;margin-top:22px}.hero p{font-size:15px}.hero p br{display:none}.hero-actions { flex-direction:column; width:100%; }.hero-actions a{width:100%;min-width:0}
  .wave-field { inset:330px -80% 0 -18%; }.orb{width:245px;height:245px;left:29%;top:18px}.orb span{font-size:38px}.grid-dots{height:110px}.wave-one{top:210px}.wave-two{top:245px}
  .products { padding:18px 12px; }.products h2{font-size:25px}.product-card{min-height:430px;padding:18px}.product-copy{width:100%}.product-copy p{min-height:auto}.sayitbuddy-product-image{width:94%;max-height:58%;right:3%;bottom:4px}.traderchamp-product-image{width:98%;max-height:56%;right:1%;bottom:18px}.sayitbuddy-product-image img,.traderchamp-product-image img{max-height:238px}.device-scene{inset:205px -20px 0 15px}.laptop{height:190px}.phone{left:69%}
  .about { grid-template-columns:1fr; padding:22px 18px; }.about-heading{border:0;padding:0}.about-heading h2{font-size:28px}.about-copy{padding:10px 0 22px}.feature-grid{grid-template-columns:1fr 1fr;}.feature{padding:18px 12px;border-bottom:1px solid #17202d}.feature:nth-child(2){border-right:0}.feature:nth-child(3),.feature:nth-child(4){border-bottom:0}footer { flex-direction:column; justify-content:center; gap:12px; text-align:center; }
  .inner-hero{min-height:490px}.inner-hero-copy{width:100%;padding:45px 6px}.inner-hero h1,.contact-hero h1{font-size:45px}.inner-glow{inset:170px -55% 0 5%;opacity:.55}.inner-orb{width:240px;height:240px;right:25%;top:70px}.story-card{padding:25px}.story-card h2,.values-intro h2,.contact-details h2{font-size:29px}.values-section{padding:25px 18px}.values-grid{grid-template-columns:1fr}.value-card,.value-card:nth-child(n+3){border-right:0;border-bottom:1px solid #17202d;padding:22px 5px}.value-card:last-child{border-bottom:0}.product-proof{grid-template-columns:1fr;padding:45px 5px;gap:25px}.proof-logos{justify-content:flex-start;flex-direction:column}.proof-logos a{width:100%}.cta-panel{flex-direction:column;align-items:flex-start;gap:20px;padding:28px 22px}.contact-hero{min-height:440px;padding:60px 6px 40px}.contact-orb{width:340px;height:340px;right:-45%;top:80px}.contact-layout{border-radius:12px}.contact-details,.contact-form{padding:28px 20px}.field-row{grid-template-columns:1fr}.submit-button{width:100%}.contact-bottom{gap:12px;text-align:center}.thank-you{min-height:600px}.thank-you-card{padding:44px 22px}.thank-you-card h1{font-size:45px}
}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.outline-button,.primary-button{transition:none}}
