:root{--bg-primary: #0B1220;--bg-secondary: #111A2B;--surface: #151F32;--surface-soft: #121C2E;--blue-primary: #2563EB;--blue-hover: #3B74EF;--blue-soft: #60A5FA;--text-primary: #FFFFFF;--text-secondary: #B8C1D1;--text-muted: #7F8A9E;--border: rgba(255,255,255,.09);--border-strong: rgba(96,165,250,.28);--shadow: 0 24px 80px rgba(0,0,0,.32);--max: 1200px;--radius-sm: 10px;--radius-md: 16px;--radius-lg: 20px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;background:radial-gradient(circle at 76% 6%,rgba(37,99,235,.16),transparent 28rem),radial-gradient(circle at 15% 38%,rgba(37,99,235,.07),transparent 24rem),var(--bg-primary);color:var(--text-primary);font-family:Manrope,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input{font:inherit}img{max-width:100%;display:block}::selection{background:#2563eb8c;color:#fff}.container{width:min(calc(100% - 40px),var(--max));margin-inline:auto}.section{padding:104px 0}.section--tight{padding:76px 0}.eyebrow{display:inline-flex;align-items:center;gap:9px;color:#89b4ff;font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.eyebrow:before{content:"";width:22px;height:1px;background:#60a5fa;box-shadow:0 0 12px #60a5facc}.section-title{margin:14px 0;font-size:clamp(34px,4.2vw,50px);line-height:1.06;letter-spacing:-.04em}.section-copy{max-width:720px;margin:0;color:var(--text-secondary);font-size:18px}.site-header{position:sticky;top:0;z-index:30;border-bottom:1px solid transparent;background:#0b1220b8;backdrop-filter:blur(18px);transition:border-color .2s ease,background .2s ease}.site-header.scrolled{border-bottom-color:var(--border);background:#0b1220eb}.nav{height:76px;display:flex;align-items:center;justify-content:space-between;gap:28px}.logo{width:205px;flex:0 0 auto}.nav-links{display:flex;align-items:center;gap:30px;color:#d6deea;font-size:14px;font-weight:650}.nav-links a{transition:color .18s ease}.nav-links a:hover{color:#fff}.nav-actions{display:flex;align-items:center;gap:12px}.menu-toggle{display:none;width:44px;height:44px;border-radius:10px;border:1px solid var(--border);background:#ffffff08;color:#fff;cursor:pointer}.menu-toggle span,.menu-toggle:before,.menu-toggle:after{display:block;content:"";width:19px;height:2px;margin:4px auto;background:currentColor;border-radius:2px}.btn{min-height:46px;display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:0 18px;border:1px solid transparent;border-radius:var(--radius-sm);font-size:14px;font-weight:800;cursor:pointer;transition:transform .18s ease,background .18s ease,border-color .18s ease,box-shadow .18s ease}.btn:hover{transform:translateY(-2px)}.btn-primary{background:var(--blue-primary);color:#fff;box-shadow:0 10px 34px #2563eb3d}.btn-primary:hover{background:var(--blue-hover);box-shadow:0 14px 38px #2563eb57}.btn-secondary{border-color:var(--border);color:#eaf0f7;background:#ffffff09}.btn-secondary:hover{border-color:#ffffff2e;background:#ffffff0f}.btn-link{display:inline-flex;align-items:center;gap:8px;font-weight:800;color:#9bc0ff}.arrow{transition:transform .18s ease}.btn-link:hover .arrow,.btn:hover .arrow{transform:translate(4px)}.hero{padding:34px 0 58px;min-height:610px;display:grid;align-items:center}.hero-grid{display:grid;grid-template-columns:1.04fr .96fr;align-items:center;gap:66px}.hero h1{margin:16px 0 22px;max-width:680px;font-size:clamp(50px,5.55vw,70px);line-height:.99;letter-spacing:-.052em}.hero h1 .accent{color:#80adff;text-shadow:0 0 30px rgba(37,99,235,.25)}.hero-copy{max-width:650px;margin:0 0 30px;color:var(--text-secondary);font-size:clamp(18px,1.7vw,21px);line-height:1.62}.hero-actions{display:flex;flex-wrap:wrap;gap:12px}.hero-note{margin:20px 0 0;color:#9caabd;font-size:13px;font-weight:700}.hero-visual{position:relative;min-height:510px;display:grid;place-items:center}.hero-visual:before{content:"";position:absolute;inset:8% 2% 4%;background:radial-gradient(circle,rgba(37,99,235,.18),transparent 61%);filter:blur(18px)}.visual-shell{position:relative;width:min(100%,520px);border:1px solid rgba(96,165,250,.36);border-radius:24px;padding:18px;background:linear-gradient(180deg,#19253cfa,#0d1626f7);box-shadow:var(--shadow),inset 0 1px #ffffff0d;transform:perspective(1100px) rotateY(-4deg) rotateX(2deg)}.window-bar{display:flex;align-items:center;justify-content:space-between;padding:2px 4px 16px;border-bottom:1px solid var(--border)}.window-dots{display:flex;gap:6px}.window-dots i{width:7px;height:7px;border-radius:50%;background:#ffffff47}.window-label{font-size:11px;color:#9eadc2;letter-spacing:.09em;text-transform:uppercase}.flow{padding-top:18px;display:grid;gap:13px}.flow-card{border:1px solid rgba(255,255,255,.11);border-radius:14px;background:#ffffff0b;padding:16px}.flow-card--prompt{margin-right:42px}.flow-card--result{margin-left:42px;border-color:#60a5fa57;background:#2563eb1c}.flow-label{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;color:#b7c5d8;font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.pill{padding:3px 8px;border:1px solid rgba(96,165,250,.28);border-radius:999px;color:#93baff;font-size:9px;letter-spacing:.08em}.fake-lines{display:grid;gap:7px}.fake-lines span{height:7px;border-radius:8px;background:#ffffff29}.fake-lines span:nth-child(2){width:86%}.fake-lines span:nth-child(3){width:62%}.ai-process{display:flex;align-items:center;gap:12px;padding:3px 0}.ai-orb{width:38px;height:38px;display:grid;place-items:center;border-radius:12px;background:linear-gradient(145deg,#1d4ed8,#60a5fa);box-shadow:0 0 28px #2563eb57;font-weight:900}.process-bars{flex:1;display:grid;gap:7px}.process-bars span{height:5px;border-radius:10px;background:linear-gradient(90deg,#2563eb 0 58%,#ffffff14 58%)}.process-bars span:nth-child(2){background:linear-gradient(90deg,#60a5fa 0 78%,#ffffff14 78%)}.result-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.result-grid div{min-height:64px;padding:10px;border:1px solid rgba(255,255,255,.11);border-radius:10px;background:#ffffff0b}.result-grid b{display:block;margin-bottom:3px;color:#fff;font-size:12px}.result-grid span{color:#93a2b8;font-size:10px}.float-badge{position:absolute;right:-18px;bottom:54px;display:flex;gap:8px;align-items:center;padding:11px 14px;border:1px solid rgba(96,165,250,.25);border-radius:12px;background:#111a2bf0;box-shadow:0 12px 35px #00000040;color:#dce9ff;font-size:12px;font-weight:750}.float-badge i{width:7px;height:7px;border-radius:50%;background:#60a5fa;box-shadow:0 0 12px #60a5fa}.benefit-grid{margin-top:42px;display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.card{border:1px solid var(--border);border-radius:var(--radius-md);background:#151f32ad;box-shadow:inset 0 1px #ffffff06}.benefit-card{padding:28px;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.benefit-card:hover{transform:translateY(-3px);border-color:#60a5fa4d;box-shadow:0 16px 34px #00000029}.icon-box{width:44px;height:44px;display:grid;place-items:center;margin-bottom:22px;border-radius:12px;background:#2563eb29;border:1px solid rgba(96,165,250,.3);color:#a8c8ff}.icon-box svg{width:22px;height:22px}.benefit-card h3{margin:0 0 8px;font-size:21px;letter-spacing:-.025em}.benefit-card p{margin:0;color:var(--text-secondary)}.content-section{background:linear-gradient(180deg,transparent,rgba(17,26,43,.48),transparent)}.category-tabs{margin-top:30px;display:flex;flex-wrap:wrap;gap:9px}.category-tabs span{padding:8px 12px;border:1px solid var(--border);border-radius:999px;color:#bfc9d7;font-size:12px;font-weight:700;background:#ffffff06}.category-tabs span:first-child{color:#fff;border-color:#60a5fa47;background:#2563eb1f}.content-grid{margin-top:32px;display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.content-card{overflow:hidden;display:grid;grid-template-rows:auto 1fr;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.content-card:hover{transform:translateY(-3px);border-color:#60a5fa47;box-shadow:0 18px 40px #00000029}.thumb{aspect-ratio:16/8.6;position:relative;overflow:hidden;display:grid;place-items:center;background:#0d1626;border-bottom:1px solid var(--border)}.thumb:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 55% 42%,rgba(37,99,235,.27),transparent 43%),linear-gradient(145deg,rgba(255,255,255,.025),transparent)}.thumb:after{content:"";position:absolute;inset:auto -10% -45% 35%;height:70%;border-radius:50%;background:#2563eb24;filter:blur(28px)}.cover-tools,.cover-flow,.cover-prompt{position:relative;z-index:1;width:78%}.cover-kicker{color:#91b8ff;font-size:10px;font-weight:800;letter-spacing:.12em}.cover-number{margin:3px 0 -4px;font-size:64px;line-height:1;font-weight:800;letter-spacing:-.06em;color:#fff;text-shadow:0 0 28px rgba(37,99,235,.22)}.cover-chip-row{display:flex;flex-wrap:wrap;gap:6px}.cover-chip-row span{padding:5px 8px;border:1px solid rgba(96,165,250,.22);border-radius:999px;background:#111a2bd1;color:#b9d1ff;font-size:8px;font-weight:800;letter-spacing:.06em}.cover-flow{display:grid;grid-template-columns:1fr auto 52px auto 1fr;align-items:center;gap:9px}.cover-flow span{padding:8px 7px;border:1px solid rgba(255,255,255,.1);border-radius:9px;background:#ffffff0a;color:#b9c6d8;text-align:center;font-size:8px;font-weight:800;letter-spacing:.06em}.cover-flow b{width:52px;height:52px;display:grid;place-items:center;border-radius:14px;background:linear-gradient(145deg,#1d4ed8,#60a5fa);box-shadow:0 0 30px #2563eb47}.cover-flow i,.cover-prompt>i{color:#6ea8ff;font-style:normal}.cover-prompt{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px}.cover-prompt>div{min-height:76px;padding:11px;border:1px solid rgba(255,255,255,.1);border-radius:11px;background:#111a2bd1}.cover-prompt span{display:block;margin-bottom:7px;color:#7ea9f6;font-size:8px;font-weight:800;letter-spacing:.1em}.cover-prompt strong{display:block;color:#e7eef9;font-size:10px;line-height:1.4}.cover-answer{border-color:#60a5fa3d!important;background:#2563eb1c!important}.card-body{padding:22px;display:flex;flex-direction:column}.card-meta{margin-bottom:9px;color:#83aefb;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.1em}.content-card h3{margin:0 0 8px;font-size:20px;line-height:1.26;letter-spacing:-.025em}.content-card p{margin:0 0 18px;color:var(--text-secondary);font-size:14px}.content-card .btn-link{margin-top:auto;padding-top:4px}.tools-header{display:flex;align-items:end;justify-content:space-between;gap:24px}.tools-grid{margin-top:34px;display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.tool-card{padding:20px;display:grid;grid-template-columns:44px 1fr auto;align-items:center;gap:14px;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.tool-card:hover{transform:translateY(-2px);border-color:#60a5fa4d;box-shadow:0 14px 30px #00000024}.tool-mark{width:44px;height:44px;display:grid;place-items:center;border-radius:12px;color:#eaf2ff;font-weight:850;background:#ffffff0e;border:1px solid var(--border);overflow:hidden}.tool-mark span{display:grid;place-items:center;width:100%;height:100%}.mark-knot{font-size:23px}.mark-gemini{font-size:24px;color:#8ab5ff}.mark-perplexity{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:19px}.mark-eleven{font-size:19px;letter-spacing:-5px;padding-right:5px}.mark-canva{font-family:Georgia,serif;font-style:italic;font-size:22px;color:#a8caff}.mark-notion{width:28px!important;height:28px!important;border:1px solid rgba(255,255,255,.58);border-radius:4px;font-family:Georgia,serif;font-size:17px}.tool-card h3{margin:0;font-size:16px}.tool-card p{margin:2px 0 0;color:#93a2b8;font-size:12px}.tool-arrow{color:#85b2ff;font-size:18px;transition:transform .18s ease}.tool-card:hover .tool-arrow{transform:translate(3px)}.tools-header>.btn-link{font-size:15px;color:#a8c8ff}.newsletter-card{position:relative;overflow:hidden;padding:58px;border:1px solid rgba(96,165,250,.24);border-radius:22px;background:linear-gradient(135deg,#2563eb29,#111a2be0 52%,#151f32d6);box-shadow:var(--shadow)}.newsletter-card:after{content:"";position:absolute;width:340px;height:340px;right:-120px;top:-120px;border-radius:50%;background:#2563eb2b;filter:blur(26px)}.newsletter-inner{position:relative;z-index:1;display:grid;grid-template-columns:1.04fr .96fr;gap:44px;align-items:end}.newsletter-card h2{margin:14px 0 15px;font-size:clamp(36px,4.2vw,52px);line-height:1.04;letter-spacing:-.045em}.newsletter-card p{margin:0;color:#c1cdde;font-size:17px}.newsletter-form{display:grid;gap:10px}.input-wrap{display:flex;padding:5px;border:1px solid rgba(255,255,255,.12);border-radius:12px;background:#0b1220c2}.input-wrap input{min-width:0;flex:1;border:0;outline:none;padding:0 14px;background:transparent;color:#fff}.input-wrap input::placeholder{color:#77859a}.form-note{margin:0;color:#738197!important;font-size:11px!important}.form-status{min-height:18px;color:#93baff;font-size:12px}.promise-grid{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}.promise-copy h2{margin:14px 0 16px;font-size:clamp(38px,4.4vw,55px);line-height:1.04;letter-spacing:-.045em}.promise-copy p{color:var(--text-secondary);font-size:18px}.workflow{position:relative;display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.workflow:before{content:"";position:absolute;left:8%;right:8%;top:31px;height:2px;background:linear-gradient(90deg,#60a5fa1f,#60a5fab8,#60a5fa1f);box-shadow:0 0 18px #60a5fa1f}.workflow-step{position:relative;z-index:1;text-align:center}.workflow-step b{width:62px;height:62px;margin:0 auto 13px;display:grid;place-items:center;border:1px solid rgba(96,165,250,.3);border-radius:16px;background:#111a2b;color:#a8c8ff;font-size:15px;box-shadow:0 10px 26px #0003}.workflow-step span{color:#e1e8f2;font-size:11px;font-weight:800;letter-spacing:.055em;text-transform:uppercase}.social-grid{margin-top:34px;display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.social-card{min-height:116px;padding:24px;display:flex;align-items:center;justify-content:space-between;gap:18px;transition:transform .18s ease,border-color .18s ease}.social-card:hover{transform:translateY(-3px);border-color:#60a5fa47}.social-card strong{display:block;margin-bottom:3px;font-size:18px}.social-card span{color:#93a2b8;font-size:13px}.social-icon{width:44px;height:44px;display:grid;place-items:center;border:1px solid var(--border);border-radius:13px;background:#ffffff09;color:#9bc0ff}.social-icon svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8}.social-icon .fill-dot,.social-icon .fill-play{fill:currentColor;stroke:none}.social-icon--youtube{color:#ff9aa6}.social-icon--instagram{color:#a9c9ff}.social-icon--tiktok{color:#b9f2ff}.final-cta{text-align:center;padding:72px 0 96px}.final-cta h2{max-width:760px;margin:0 auto 26px;font-size:clamp(42px,5vw,62px);line-height:1.03;letter-spacing:-.05em}footer{border-top:1px solid var(--border);background:#09101c}.footer-grid{padding:62px 0 44px;display:grid;grid-template-columns:1.4fr repeat(3,.75fr);gap:44px}.footer-brand img{width:190px}.footer-brand p{max-width:320px;margin:18px 0;color:var(--text-secondary)}.footer-email{color:#9bc0ff;font-weight:700;font-size:14px}.footer-col h4{margin:0 0 15px;font-size:12px;letter-spacing:.09em;text-transform:uppercase;color:#e6edf7}.footer-col a{display:block;margin:9px 0;color:#8997aa;font-size:13px}.footer-col a:hover{color:#fff}.footer-bottom{padding:19px 0 28px;border-top:1px solid var(--border);display:flex;justify-content:space-between;gap:18px;color:#647186;font-size:11px}.footer-bottom span:last-child{color:#738197}@media(min-width:961px){.workflow:after{content:"";position:absolute;top:28px;left:8%;width:8px;height:8px;border-radius:50%;background:#60a5fa;box-shadow:0 0 16px #60a5facc;animation:workflowPulse 5.5s linear infinite}}@keyframes workflowPulse{0%{left:8%;opacity:.45}12%{opacity:1}88%{opacity:1}to{left:calc(92% - 8px);opacity:.45}}@media(min-width:961px){.hero{min-height:500px;padding:20px 0 30px}.hero-visual{min-height:450px}}@media(max-width:960px){.nav-links,.nav-actions .btn{display:none}.menu-toggle{display:block}.nav-links.open{position:absolute;top:76px;left:20px;right:20px;display:grid;gap:0;padding:10px;border:1px solid var(--border);border-radius:14px;background:#0b1220fa;box-shadow:var(--shadow)}.nav-links.open a{padding:14px;border-radius:8px}.nav-links.open a:hover{background:#ffffff0a}.hero{min-height:auto;padding:42px 0 60px}.hero-grid{grid-template-columns:1fr;gap:48px}.hero-copy{max-width:720px}.hero-visual{min-height:450px}.visual-shell{transform:none}.benefit-grid,.content-grid,.tools-grid,.social-grid{grid-template-columns:repeat(2,1fr)}.newsletter-inner,.promise-grid{grid-template-columns:1fr}.newsletter-inner{gap:30px}.footer-grid{grid-template-columns:1.25fr repeat(2,.8fr)}.footer-col:last-child{grid-column:2 / -1}}@media(max-width:640px){.container{width:min(calc(100% - 28px),var(--max))}.section{padding:76px 0}.section--tight{padding:62px 0}.nav{height:68px}.logo{width:168px}.nav-links.open{top:68px;left:14px;right:14px}.hero{min-height:auto;padding:38px 0 50px}.hero h1{font-size:clamp(42px,12.5vw,55px)}.hero-copy{font-size:17px}.hero-actions{display:grid}.hero-actions .btn{width:100%;min-height:50px}.hero-note{text-align:center}.hero-visual{min-height:370px}.visual-shell{padding:13px;border-radius:18px}.flow-card--prompt{margin-right:20px}.flow-card--result{margin-left:20px}.float-badge{right:4px;bottom:12px}.benefit-grid,.content-grid,.tools-grid,.social-grid{grid-template-columns:1fr}.benefit-card{padding:23px}.content-card p{min-height:unset}.tools-header{display:block}.tools-header .btn-link{margin-top:18px}.newsletter-card{padding:28px 20px;border-radius:18px}.newsletter-card h2{font-size:37px}.input-wrap{display:grid;padding:5px}.input-wrap input{min-height:46px}.input-wrap .btn{width:100%}.workflow{grid-template-columns:repeat(2,1fr);row-gap:26px}.workflow:before{display:none}.footer-grid{grid-template-columns:1fr 1fr;gap:32px 22px}.footer-brand{grid-column:1 / -1}.footer-col:last-child{grid-column:auto}.footer-bottom{flex-direction:column}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}
