:root{--bgc: #f4f6fb;--surface: #ffffff;--text-color: #1f2933;--muted-text: #52606d;--link-color: #3aafa9;--accent: #dce5f2;--border-color: rgba(31, 41, 51, .08);--shadow: 0 18px 40px rgba(58, 175, 169, .16)}.darkmode{--bgc: #0f1419;--surface: rgba(255, 255, 255, .04);--text-color: #f8fafc;--muted-text: #b6c2d1;--link-color: #56d6ce;--accent: rgba(255, 255, 255, .07);--border-color: rgba(255, 255, 255, .08);--shadow: 0 18px 40px rgba(86, 214, 206, .24)}*{box-sizing:border-box;font-family:Maven Pro,sans-serif;font-style:normal;transition:color .2s ease,background-color .2s ease,border-color .2s ease}.link-row{display:flex;flex-wrap:wrap;gap:16px}.fade-element{opacity:0;transition:opacity .4s ease}.fade-element.is-visible{opacity:1}.portrait-frame{position:relative;padding:14px;border-radius:28px;background:linear-gradient(135deg,#3aafa926,#3aafa900);border:1px solid var(--border-color)}#headshot{width:clamp(220px,26vw,260px);height:clamp(260px,30vw,300px);border-radius:22px;object-fit:cover;display:block}.feature-band{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.feature-card{background-color:var(--surface);border:1px solid var(--border-color);border-radius:24px;padding:24px}.feature-card h2{margin:0 0 12px;font-size:24px}.section-heading h2{margin:0 0 12px;font-size:34px}.project-grid{display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.project-card{background-color:var(--surface);border:1px solid var(--border-color);border-radius:24px;padding:28px;display:flex;flex-direction:column;gap:18px}.project-type{text-transform:uppercase;letter-spacing:.1rem;font-family:Questrial,sans-serif;font-size:12px;color:var(--muted-text);margin:0}.project-card h3{margin:0;font-size:24px}.project-card p{margin:0;color:var(--muted-text);line-height:1.6}.project-tags{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:10px}.project-tags li{background-color:var(--accent);color:var(--text-color);border-radius:999px;padding:6px 14px;font-size:13px;font-family:Questrial,sans-serif}.project-actions{display:flex;flex-wrap:wrap;gap:16px;align-items:center}.callout{background:linear-gradient(135deg,#3aafa92e,#3aafa900);border-radius:30px;border:1px solid var(--border-color);padding:clamp(32px,4vw,48px);text-align:center}.callout h2{margin:0 0 16px;font-size:clamp(32px,4.6vw,42px)}.callout p{margin:0 0 26px;color:var(--muted-text);font-size:18px}.callout-actions{display:flex;justify-content:center;gap:18px;flex-wrap:wrap}.footer{text-align:center;padding:40px 20px 60px;background:linear-gradient(180deg,transparent 0%,rgba(0,0,0,.05) 100%);color:var(--muted-text);font-size:16px}.footer-links{display:flex;gap:18px;justify-content:center;margin-bottom:12px}@media (max-width: 1024px){.hero{grid-template-columns:1fr}.hero-visual{order:-1}.feature-band{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}}@media (max-width: 720px){.site-header{flex-wrap:wrap;gap:16px}.header-nav{order:3;width:100%;justify-content:flex-start}main{padding:28px 20px 80px}section{margin-bottom:70px}.hero-actions,.project-actions,.callout-actions,.link-row{flex-direction:column;align-items:stretch}.footer-links{flex-direction:column;align-items:center}}:root{--bgc: #f4f6fb;--text-color: #2b2b2b;--muted-text: #5a5a5a;--link-color: #3aafa9;--accent: #dcdcdc;--card-bg: #ffffff;--border-color: rgba(0, 0, 0, .08)}.darkmode{--bgc: #1e1e1e;--text-color: #f5f7fa;--muted-text: #bac3cc;--link-color: #64d4ce;--accent: #2c2c2c;--card-bg: rgba(255, 255, 255, .04);--border-color: rgba(255, 255, 255, .08)}body{margin:0;background-color:var(--bgc);color:var(--text-color);min-height:100vh}.site-header{display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;padding:24px clamp(20px,4vw,60px);background:linear-gradient(180deg,var(--bgc) 70%,transparent);z-index:10}.brand{font-weight:700;font-size:18px;color:var(--text-color)}.header-nav{display:flex;align-items:center;gap:16px}.nav-link{font-family:Questrial,sans-serif;letter-spacing:.06rem;color:var(--text-color)}main{max-width:1100px;margin:0 auto;padding:40px clamp(18px,5vw,60px) 0px}section{margin-bottom:80px}.hero{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:clamp(24px,6vw,48px);align-items:start}.eyebrow{font-family:Questrial,sans-serif;text-transform:uppercase;letter-spacing:.2rem;font-size:12px;color:var(--link-color);margin-bottom:12px}.hero h1{font-weight:900;font-size:clamp(44px,6vw,68px);margin:0 0 16px}.tagline{font-size:clamp(18px,2.3vw,22px);line-height:1.5;color:var(--muted-text)}.cta-group{margin:32px 0 12px;display:flex;flex-wrap:wrap;gap:16px}.btn{display:inline-flex;align-items:center;justify-content:center;padding:14px 22px;border-radius:999px;font-weight:600;font-size:16px;border:1px solid transparent;transition:transform .15s ease,box-shadow .15s ease,background-color .2s ease,border-color .2s ease}.btn:hover,.btn:focus-visible{transform:translateY(-2px);text-decoration:none;box-shadow:0 12px 24px #3aafa92e}.btn.primary{background-color:var(--link-color);color:#fff}.btn.primary:hover,.btn.primary:focus-visible{box-shadow:0 16px 30px #3aafa940}.btn.secondary{background-color:transparent;border-color:var(--border-color);color:var(--text-color)}.disclaimer{margin:0;font-size:14px;color:var(--muted-text)}.hero-highlights{display:grid;gap:16px}.highlight{background-color:var(--card-bg);border:1px solid var(--border-color);border-radius:18px;padding:24px}.highlight h3{margin:0 0 8px;font-size:20px}.highlight p{margin:0;color:var(--muted-text);line-height:1.5}.notice{background-color:var(--card-bg);border:1px solid var(--border-color);border-radius:20px;padding:clamp(24px,3vw,36px)}.notice h2{margin:0 0 12px;font-size:26px}.notice p{margin:0;color:var(--muted-text);line-height:1.6}.section-heading h2,.feature-grid h2,.setup h2,.requirements h2,.roadmap h2,.support h2{font-size:32px;margin:0 0 12px}.section-subtitle{margin:0 0 24px;color:var(--muted-text);font-size:18px}.video-frame{border-radius:24px;overflow:hidden;border:1px solid var(--border-color);background-color:#000;aspect-ratio:16 / 9}.video-frame iframe{width:100%;height:100%;border:none}.feature-grid .grid,.roadmap .grid{display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.feature-card{background-color:var(--card-bg);border:1px solid var(--border-color);border-radius:20px;padding:24px;color:var(--text-color)}.feature-card h3{margin:0 0 10px;font-size:20px}.feature-card p{margin:0;color:var(--muted-text);line-height:1.6}.setup .steps{counter-reset:step;list-style:none;margin:0;padding:0;display:grid;gap:18px}.setup .steps li{background-color:var(--card-bg);border:1px solid var(--border-color);border-radius:18px;padding:20px 24px 20px 60px;position:relative;color:var(--muted-text);line-height:1.6}.setup .steps li strong{color:var(--text-color)}.setup .steps li:before{counter-increment:step;content:counter(step);position:absolute;top:18px;left:20px;height:28px;width:28px;border-radius:50%;background-color:var(--link-color);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:16px}.requirements ul{margin:0;padding:0;display:grid;gap:14px}.requirements li{background-color:var(--card-bg);border:1px solid var(--border-color);border-radius:16px;padding:18px 22px;line-height:1.5;color:var(--muted-text)}.support p{color:var(--muted-text);font-size:18px;margin:0 0 24px}.support-actions{display:flex;flex-wrap:wrap;gap:16px}kbd{padding:4px 8px;border-radius:6px;border:1px solid var(--border-color);background-color:var(--card-bg);font-family:Questrial,sans-serif;font-size:14px}.footer{text-align:center;padding:32px 20px 48px;font-family:Questrial,sans-serif;font-size:16px;color:var(--muted-text)}.footer a{color:var(--link-color)}@media (max-width: 960px){.site-header{flex-wrap:wrap;gap:16px}.header-nav{width:100%;justify-content:flex-start;order:3}.hero{grid-template-columns:1fr}.hero-highlights{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}}@media (max-width: 680px){.site-header{padding:16px 20px}main{padding:24px 20px 80px}section{margin-bottom:64px}.hero h1{font-size:42px}.cta-group{flex-direction:column;align-items:stretch}.feature-grid .grid,.roadmap .grid{grid-template-columns:1fr}}:root{--bgc: #f4f6fb;--surface: #ffffff;--text-color: #1f2933;--muted-text: #52606d;--link-color: #3aafa9;--accent: #dce5f2;--border-color: rgba(31, 41, 51, .08);--shadow: 0 18px 40px rgba(58, 175, 169, .16);--grid-font: "IBM Plex Mono", monospace}.darkmode{--bgc: #0f1419;--surface: rgba(255, 255, 255, .04);--text-color: #f8fafc;--muted-text: #b6c2d1;--link-color: #56d6ce;--accent: rgba(255, 255, 255, .08);--border-color: rgba(255, 255, 255, .1);--shadow: 0 18px 40px rgba(86, 214, 206, .24)}*{box-sizing:border-box;font-family:Maven Pro,sans-serif;transition:color .2s ease,background-color .2s ease,border-color .2s ease}body{margin:0;min-height:100vh;background-color:var(--bgc);color:var(--text-color)}a{color:var(--link-color);text-decoration:none}a:hover,a:focus-visible{text-decoration:underline}.site-header{position:sticky;top:0;display:flex;align-items:center;justify-content:space-between;padding:24px clamp(20px,4vw,60px);background:linear-gradient(180deg,var(--bgc) 75%,transparent);z-index:20}.brand{font-weight:900;font-size:20px;letter-spacing:.06rem;color:var(--text-color)}.header-nav{display:flex;gap:16px;align-items:center}.nav-link{font-family:Questrial,sans-serif;letter-spacing:.08rem;text-transform:uppercase;font-size:12px;color:var(--muted-text)}.nav-link:hover,.nav-link:focus-visible{color:var(--link-color)}#theme-switch{height:44px;width:44px;padding:0;border:none;border-radius:50%;background-color:var(--accent);display:flex;justify-content:center;align-items:center;cursor:pointer}#theme-switch svg{fill:var(--text-color)}#theme-switch svg:last-child{display:none}.darkmode #theme-switch svg:first-child{display:none}.darkmode #theme-switch svg:last-child{display:block}main{max-width:1100px;margin:0 auto;padding:40px clamp(18px,5vw,56px) 0px}section{margin-bottom:90px}.hero{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:clamp(32px,7vw,56px);align-items:center}.hero-copy{display:flex;flex-direction:column;gap:22px}.eyebrow{font-family:Questrial,sans-serif;text-transform:uppercase;letter-spacing:.18rem;font-size:12px;color:var(--link-color)}.hero h1{font-weight:900;font-size:clamp(48px,6vw,68px);margin:0}.lead{font-size:clamp(18px,2.4vw,22px);line-height:1.6;color:var(--muted-text);margin:0}.hero-actions{display:flex;flex-wrap:wrap;gap:16px}.btn{display:inline-flex;align-items:center;justify-content:center;padding:14px 24px;border-radius:999px;font-weight:600;font-size:16px;border:1px solid transparent;transition:transform .15s ease,box-shadow .15s ease}.btn:hover,.btn:focus-visible{transform:translateY(-2px);text-decoration:none}.btn.primary{background-color:var(--link-color);color:#fff;box-shadow:var(--shadow)}.btn.primary:hover,.btn.primary:focus-visible{box-shadow:0 22px 42px #3aafa942}.btn.secondary{background-color:transparent;border:1px solid var(--border-color);color:var(--text-color)}.btn.secondary:hover,.btn.secondary:focus-visible{border-color:var(--link-color);color:var(--link-color);box-shadow:none}.btn.small{padding:10px 18px;font-size:15px}.hero-meta{list-style:none;margin:0;padding:0;display:grid;gap:10px}.hero-meta li{background-color:var(--surface);border:1px solid var(--border-color);border-radius:16px;padding:14px 18px;color:var(--muted-text);line-height:1.5}.meta-label{display:inline-block;font-weight:700;margin-right:6px;color:var(--text-color)}.hero-visual{display:flex;justify-content:center}.glow-card{width:100%;background:linear-gradient(135deg,#3aafa92e,#3aafa900);border-radius:28px;border:1px solid var(--border-color);padding:clamp(20px,3vw,32px);display:flex;flex-direction:column;gap:16px}.preview-title{margin:0;font-size:16px;font-weight:600;text-transform:uppercase;letter-spacing:.08rem;color:var(--muted-text)}.preview-grid{margin:0;padding:18px;background-color:var(--surface);border:1px solid var(--border-color);border-radius:16px;font-family:var(--grid-font);font-size:16px;line-height:1.6;color:var(--text-color)}.preview-footnote{margin:0;font-size:14px;color:var(--muted-text)}.section-heading h2{margin:0 0 12px;font-size:32px}.section-subtitle{margin:0 0 28px;color:var(--muted-text);font-size:18px}.generator-form{background-color:var(--surface);border:1px solid var(--border-color);border-radius:28px;padding:clamp(24px,3vw,36px);display:grid;gap:20px}.input-label{font-weight:700;font-size:16px;color:var(--text-color)}input[type=text],textarea{width:100%;border-radius:16px;border:1px solid var(--border-color);background-color:var(--surface);padding:14px 16px;font-size:16px;color:var(--text-color);resize:vertical;min-height:54px}textarea{min-height:160px}input[type=text]:focus,textarea:focus{outline:none;border-color:var(--link-color);box-shadow:0 0 0 3px #3aafa933}.input-hint{font-size:14px;color:var(--muted-text);margin:-8px 0 0}.btn.submit{justify-self:start}.results{margin-top:40px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.results h3{margin:0 0 14px;font-size:22px}.grid-output{background-color:var(--surface);border:1px solid var(--border-color);border-radius:24px;padding:20px;min-height:200px;font-family:var(--grid-font);font-size:16px;line-height:1.5;color:var(--text-color);white-space:pre-line}.word-list{background-color:var(--surface);border:1px solid var(--border-color);border-radius:24px;padding:18px;font-size:16px;line-height:1.6;color:var(--muted-text)}.download-link{margin-top:18px}.tips-grid{display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.tip-card{background-color:var(--surface);border:1px solid var(--border-color);border-radius:24px;padding:24px}.tip-card h3{margin:0 0 12px;font-size:20px}.tip-card p{margin:0;color:var(--muted-text);line-height:1.6}code{font-family:var(--grid-font);background-color:var(--accent);padding:2px 6px;border-radius:6px;font-size:14px}.support{text-align:center}.support h2{margin:0 0 16px;font-size:clamp(32px,4.6vw,42px)}.support p{margin:0 0 26px;color:var(--muted-text);font-size:18px}.support-actions{display:flex;justify-content:center;gap:18px;flex-wrap:wrap}.footer{text-align:center;padding:40px 20px 60px;color:var(--muted-text);font-size:16px}.inline-link{font-family:Questrial,sans-serif;letter-spacing:.08rem;text-transform:uppercase;font-size:12px;color:var(--muted-text)}.inline-link:hover,.inline-link:focus-visible{color:var(--link-color)}@media (max-width: 1024px){.hero{grid-template-columns:1fr}.hero-visual{order:-1}}@media (max-width: 720px){.site-header{flex-wrap:wrap;gap:16px}.header-nav{order:3;width:100%;justify-content:flex-start}main{padding:28px 20px 80px}section{margin-bottom:70px}.hero-actions,.support-actions{flex-direction:column;align-items:stretch}}:root{font-family:Maven Pro,sans-serif;font-size:16px;line-height:1.5;font-weight:400;color-scheme:light dark}*,*:before,*:after{box-sizing:border-box}body{margin:0;min-height:100vh;background-color:var(--bgc, #f4f6fb);color:var(--text-color, #1f2933)}a{color:inherit}p{margin:0}