#root{min-height:100svh}:root{--bg:#05070c;--bg-soft:#0a0f18;--panel:#0c121dc7;--panel-strong:#111b2aeb;--line:#8ef0ff29;--line-strong:#8ef0ff57;--text:#d7e4ec;--muted:#91a6b5;--dim:#60717f;--white:#fff;--cyan:#5deaff;--teal:#2dd4bf;--orange:#ffb86b;--green:#7ef7c6;--shadow:0 24px 80px #00000073;--radius-xl:34px;--radius-lg:24px;--radius-md:16px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-width:320px;color:var(--text);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;background:radial-gradient(circle at 15% 8%,#5deaff33,#0000 30rem),radial-gradient(circle at 84% 14%,#ffb86b29,#0000 28rem),linear-gradient(#03050a 0%,#07101a 42%,#04070d 100%);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;overflow-x:hidden}body:before{content:"";z-index:-2;background-image:linear-gradient(#ffffff09 1px,#0000 1px),linear-gradient(90deg,#ffffff09 1px,#0000 1px);background-size:56px 56px;position:fixed;inset:0;-webkit-mask-image:linear-gradient(#000000d9,#0003);mask-image:linear-gradient(#000000d9,#0003)}body:after{content:"";z-index:-1;pointer-events:none;background:linear-gradient(120deg,#5deaff0d,#0000 28%,#ffb86b0a);animation:12s ease-in-out infinite alternate ambientShift;position:fixed;inset:0}a{color:inherit}button,a{-webkit-tap-highlight-color:transparent}.site-shell{width:min(1180px,100% - 32px);margin:0 auto}.nav{z-index:20;border:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#05070cb8;border-radius:999px;justify-content:space-between;align-items:center;gap:18px;margin:14px 0 22px;padding:12px 14px 12px 18px;display:flex;position:sticky;top:14px;box-shadow:0 16px 44px #0000004d}.brand{align-items:center;min-width:126px;text-decoration:none;display:inline-flex}.brand img{width:118px;height:auto;display:block}.nav-links{background:#ffffff09;border:1px solid #ffffff0f;border-radius:999px;justify-content:center;align-items:center;gap:4px;padding:4px;display:flex}.nav-links a,.nav-cta{white-space:nowrap;font-size:.92rem;line-height:1;text-decoration:none}.nav-links a{color:var(--muted);border-radius:999px;padding:11px 14px;transition:color .18s,background-color .18s}.nav-links a:hover{color:var(--white);background:#ffffff12}.nav-cta{color:#031014;background:linear-gradient(135deg, var(--cyan), var(--teal));border-radius:999px;padding:12px 16px;font-weight:750;box-shadow:0 12px 36px #2dd4bf38}.section,.hero-section{border:1px solid var(--line);box-shadow:var(--shadow);background:linear-gradient(#ffffff0e,#ffffff06);position:relative;overflow:hidden}.hero-section{border-radius:var(--radius-xl);min-height:690px;padding:56px}.section{border-radius:var(--radius-xl);margin-top:18px;padding:42px}.section-grid,.split-section,.workflow-section,.contact-section{grid-template-columns:minmax(0,1.05fr) minmax(360px,.95fr);align-items:center;gap:34px;display:grid}.orb{pointer-events:none;filter:blur(6px);opacity:.86;border-radius:999px;position:absolute}.orb-one{background:radial-gradient(circle,#5deaff52,#0000 70%);width:280px;height:280px;animation:9s ease-in-out infinite floatSlow;top:36px;left:-100px}.orb-two{background:radial-gradient(circle,#ffb86b42,#0000 68%);width:360px;height:360px;animation:11s ease-in-out infinite reverse floatSlow;bottom:-120px;right:-160px}.hero-copy,.hero-panel,.section-copy,.workflow-copy,.section-header,.workflow-visual,.audience-section>div,.quote-card,.contact-section>div{z-index:1;position:relative}.eyebrow{width:fit-content;color:var(--cyan);letter-spacing:.13em;text-transform:uppercase;background:#5deaff14;border:1px solid #5deaff40;border-radius:999px;align-items:center;gap:10px;margin:0 0 16px;padding:8px 12px;font-size:.82rem;font-weight:800;display:inline-flex}.eyebrow:before{content:"";background:var(--cyan);width:7px;height:7px;box-shadow:0 0 18px var(--cyan);border-radius:999px}h1,h2,h3,p{margin-top:0}h1{max-width:760px;color:var(--white);letter-spacing:-.07em;margin-bottom:20px;font-size:clamp(3.15rem,7vw,6.7rem);line-height:.9}h2{color:var(--white);letter-spacing:-.055em;margin-bottom:14px;font-size:clamp(2rem,4vw,4rem);line-height:.98}h3{color:var(--white);letter-spacing:-.025em;margin-bottom:10px;font-size:1.1rem}p{color:var(--muted);line-height:1.72}.hero-lead{max-width:650px;margin-bottom:28px;font-size:clamp(1.05rem,2vw,1.25rem)}.hero-actions,.contact-card{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.button{border-radius:999px;justify-content:center;align-items:center;gap:10px;min-height:48px;padding:14px 18px;font-weight:800;text-decoration:none;transition:transform .18s,border-color .18s,background-color .18s,box-shadow .18s;display:inline-flex}.button:hover{transform:translateY(-2px)}.button-primary{color:#031014;background:linear-gradient(135deg, var(--cyan), var(--green));box-shadow:0 16px 40px #5deaff38}.button-secondary{color:var(--white);border:1px solid var(--line-strong);background:#ffffff0e}.button-secondary:hover{background:#5deaff14;border-color:#5deaff9e}.trust-row{flex-wrap:wrap;gap:10px;margin-top:28px;display:flex}.trust-row span,.audience-list span,.logo-strip span{color:var(--muted);background:#ffffff0b;border:1px solid #ffffff14;border-radius:999px;align-items:center;display:inline-flex}.trust-row span{padding:9px 12px;font-size:.9rem}.hero-panel{gap:14px;display:grid}.product-card{isolation:isolate;background:linear-gradient(145deg,#101b2bf0,#070c15f5),url(/howtaku-ai-funnel.png) 50%/cover;border:1px solid #5deaff33;border-radius:30px;padding:22px;position:relative;overflow:hidden}.product-card:before{content:"";z-index:-1;background:linear-gradient(130deg,#05070cb8 0%,#05070ce6 44%,#05070cad 100%),radial-gradient(circle at 75% 20%,#5deaff40,#0000 30%);position:absolute;inset:0}.floating-card{animation:7s ease-in-out infinite floatCard}.card-topline{color:var(--text);align-items:center;gap:8px;margin-bottom:18px;font-size:.9rem;font-weight:750;display:flex}.status-dot{background:var(--green);border-radius:999px;width:10px;height:10px;box-shadow:0 0 20px #7ef7c6cc}.prompt-box{background:#ffffff0f;border:1px solid #5deaff29;border-radius:22px;padding:18px}.prompt-box span{color:var(--cyan);letter-spacing:.12em;text-transform:uppercase;margin-bottom:8px;font-size:.78rem;font-weight:850;display:block}.prompt-box strong{color:var(--white);letter-spacing:-.035em;font-size:clamp(1.1rem,2.4vw,1.55rem);line-height:1.2;display:block}.match-list{gap:10px;margin-top:18px;display:grid}.match-list article{background:#03080e94;border:1px solid #ffffff14;border-radius:18px;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:14px;display:grid}.match-list .rank{color:#051016;background:linear-gradient(135deg, var(--cyan), var(--teal));border-radius:12px;place-items:center;width:38px;height:38px;font-size:.82rem;font-weight:900;display:inline-grid}.match-list strong{color:var(--white)}.match-list p{color:var(--dim);margin:1px 0 0;font-size:.9rem;line-height:1.35}.match-list small{color:var(--green);font-weight:900}.mini-stats{grid-template-columns:repeat(2,1fr);gap:14px;display:grid}.mini-stats div{background:#ffffff0d;border:1px solid #ffffff14;border-radius:22px;padding:18px}.mini-stats strong,.mini-stats span{display:block}.mini-stats strong{color:var(--white);letter-spacing:-.04em;font-size:1.35rem}.mini-stats span{color:var(--muted);margin-top:4px;font-size:.92rem}.logo-strip{border:1px solid var(--line);scrollbar-width:none;background:#ffffff0b;border-radius:26px;gap:10px;margin:18px 0 0;padding:16px;display:flex;overflow:auto}.logo-strip::-webkit-scrollbar{display:none}.logo-strip span{flex:none;padding:10px 15px;font-size:.92rem;font-weight:750}.section-copy p,.workflow-copy>p,.contact-section p{max-width:620px}.problem-grid{gap:14px;display:grid}.problem-grid article{border-radius:var(--radius-lg);background:linear-gradient(145deg,#ffffff12,#ffffff06);border:1px solid #ffffff17;min-height:190px;padding:24px}.problem-grid span{color:var(--cyan);letter-spacing:.12em;text-transform:uppercase;margin-bottom:28px;font-size:.78rem;font-weight:850;display:inline-flex}.feature-section{background:linear-gradient(#ffffff0f,#ffffff06),radial-gradient(circle at 50% 20%,#2dd4bf24,#0000 36rem)}.section-header{max-width:860px;margin-bottom:26px}.feature-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.feature-card{border-radius:var(--radius-lg);background:#060b13a3;border:1px solid #ffffff16;min-height:255px;padding:22px;transition:transform .18s,border-color .18s,background-color .18s}.feature-card:hover{background:#0b131fc7;border-color:#5deaff59;transform:translateY(-5px)}.feature-icon{background:radial-gradient(circle at 35% 35%, var(--cyan), transparent 30%), linear-gradient(135deg, #5deaff29, #2dd4bf14);border:1px solid #5deaff3d;border-radius:16px;width:48px;height:48px;margin-bottom:32px;box-shadow:0 0 36px #5deaff1f}.feature-card p{font-size:.96rem}.workflow-section{grid-template-columns:minmax(360px,.95fr) minmax(0,1.05fr)}.workflow-visual{background:linear-gradient(130deg,#03080e8c,#03080ed6),url(/howtaku-search-flow.png) 50%/cover;border:1px solid #5deaff29;border-radius:30px;gap:18px;padding:24px;display:grid}.flow-card{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#050a11b8;border:1px solid #ffffff1c;border-radius:22px;padding:20px}.flow-card span,.flow-card strong{display:block}.flow-card span{color:var(--cyan);letter-spacing:.12em;text-transform:uppercase;margin-bottom:8px;font-size:.78rem;font-weight:850}.flow-card strong{color:var(--white);letter-spacing:-.035em;font-size:1.28rem}.flow-prompt{margin-left:42px}.flow-result{margin-left:84px}.flow-line{background:linear-gradient(to bottom, transparent, var(--cyan), transparent);width:2px;height:28px;margin-left:32px;box-shadow:0 0 22px #5deaffcc}.step-list{gap:12px;margin-top:24px;display:grid}.step-list article{background:#ffffff0b;border:1px solid #ffffff16;border-radius:22px;grid-template-columns:auto 1fr;gap:16px;padding:18px;display:grid}.step-list span{color:var(--cyan);font-weight:900}.step-list h3{margin-bottom:4px}.step-list p{line-height:1.55}.audience-section{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:center;gap:28px;display:grid}.audience-list{flex-wrap:wrap;gap:10px;display:flex}.audience-list span{color:var(--white);padding:13px 15px;font-weight:760}.quote-section{padding:20px}.quote-card{background:radial-gradient(circle at 10% 20%,#5deaff29,#0000 24rem),linear-gradient(135deg,#091420f5,#070a11f5);border:1px solid #5deaff38;border-radius:28px;padding:clamp(26px,5vw,58px)}.quote-card p{max-width:900px;color:var(--white);letter-spacing:-.055em;margin-bottom:18px;font-size:clamp(1.5rem,3vw,3.2rem);line-height:1.08}.quote-card span{color:var(--cyan);font-weight:800}.faq-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}details{background:#ffffff0b;border:1px solid #ffffff17;border-radius:22px;overflow:hidden}summary{cursor:pointer;color:var(--white);padding:20px;font-weight:850;list-style:none}summary::-webkit-details-marker{display:none}details p{padding:0 20px 20px;font-size:.96rem}.contact-section{background:radial-gradient(circle at 70% 40%,#5deaff29,#0000 28rem),linear-gradient(#ffffff12,#ffffff08)}.contact-card{background:#04090f9e;border:1px solid #ffffff17;border-radius:28px;justify-content:flex-start;padding:24px}.contact-card small{color:var(--dim);flex-basis:100%;line-height:1.5;display:block}.footer{color:var(--dim);grid-template-columns:auto 1fr auto;align-items:center;gap:18px;padding:28px 6px 42px;display:grid}.footer img{width:118px;height:auto}.footer p,.footer span{color:var(--dim);margin:0;font-size:.94rem}[data-reveal]{opacity:0;transition:opacity .7s,transform .7s;transform:translateY(24px)}[data-reveal].is-visible{opacity:1;transform:translateY(0)}@keyframes ambientShift{0%{transform:translate(-1%,-1%)scale(1)}to{transform:translate(1%,1%)scale(1.03)}}@keyframes floatSlow{0%,to{transform:translate(0,0)scale(1)}50%{transform:translate(12px,-18px)scale(1.06)}}@keyframes floatCard{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@media (width<=980px){.site-shell{width:min(100% - 24px,780px)}.nav{border-radius:24px;flex-wrap:wrap;top:10px}.brand{min-width:auto}.nav-links{order:3;justify-content:space-between;width:100%}.nav-links a{text-align:center;flex:1}.section-grid,.split-section,.workflow-section,.audience-section,.contact-section{grid-template-columns:1fr}.hero-section,.section{border-radius:26px;padding:28px}.hero-section{min-height:unset}.feature-grid,.faq-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.feature-card{min-height:220px}.workflow-section{gap:24px}.footer{grid-template-columns:1fr}}@media (width<=640px){.site-shell{width:min(100% - 18px,100%)}.nav{align-items:center;padding:10px}.brand img,.footer img{width:104px}.nav-cta{padding:11px 13px;font-size:.86rem}.nav-links a{padding:10px 8px;font-size:.82rem}.hero-section,.section{padding:22px}h1{font-size:clamp(3rem,17vw,4.6rem)}h2{font-size:clamp(2rem,10vw,3.1rem)}.hero-actions .button,.contact-card .button{width:100%}.match-list article{grid-template-columns:auto 1fr}.match-list small{grid-column:2}.mini-stats,.feature-grid,.faq-grid{grid-template-columns:1fr}.flow-prompt,.flow-result{margin-left:0}.flow-line{margin-left:22px}.footer{padding-bottom:28px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}[data-reveal]{opacity:1;transform:none}}