:root{--bg:#07111f;--surface:#0d1b2d;--surface2:#12243a;--text:#eef6ff;--muted:#9fb2c9;--line:#203753;--blue:#48a8ff;--cyan:#37e0c4;--yellow:#ffd166;--max:1180px;--radius:18px;--shadow:0 18px 50px rgba(0,0,0,.28)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.65 system-ui,-apple-system,Segoe UI,sans-serif}a{color:inherit;text-decoration:none}img{max-width:100%}.container{width:min(calc(100% - 40px),var(--max));margin:auto}.skip-link{position:absolute;left:-9999px}.skip-link:focus{left:16px;top:12px;z-index:99;background:#fff;color:#000;padding:10px}.site-header{position:sticky;top:0;z-index:30;background:rgba(7,17,31,.9);backdrop-filter:blur(18px);border-bottom:1px solid rgba(255,255,255,.07)}.nav-wrap{height:74px;display:flex;align-items:center;justify-content:space-between}.brand{display:inline-flex;align-items:center;gap:10px;font-weight:800;font-size:1.2rem}.brand>span:last-child>span{color:var(--cyan)}.brand-mark{width:38px;height:38px;display:grid;place-items:center;border-radius:11px;background:linear-gradient(135deg,var(--blue),var(--cyan));color:#07111f;font-weight:900}.site-nav{display:flex;gap:6px;align-items:center}.site-nav a{padding:9px 13px;border-radius:10px;color:var(--muted);font-weight:650}.site-nav a:hover,.site-nav a.active{color:white;background:var(--surface2)}.nav-toggle{display:none;background:none;border:0;padding:8px}.nav-toggle span:not(.sr-only){display:block;width:24px;height:2px;background:white;margin:5px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
.hero{padding:82px 0 64px;position:relative;overflow:hidden}.hero:after{content:"";position:absolute;width:600px;height:600px;right:-180px;top:-230px;background:radial-gradient(circle,rgba(55,224,196,.2),transparent 65%);pointer-events:none}.eyebrow{display:inline-flex;gap:8px;align-items:center;color:var(--cyan);font-size:.82rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.eyebrow:before{content:"";width:24px;height:2px;background:currentColor}.hero-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:64px;align-items:center}.hero h1,.page-hero h1{font-size:clamp(2.8rem,7vw,5.7rem);line-height:.96;letter-spacing:-.055em;margin:18px 0 24px}.hero h1 span,.page-hero h1 span{color:var(--cyan)}.hero-copy{font-size:1.17rem;color:var(--muted);max-width:660px}.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid var(--line);border-radius:12px;padding:12px 18px;font-weight:800;background:var(--surface2)}.button.primary{background:linear-gradient(135deg,var(--blue),var(--cyan));color:#06101c;border:0}.button:hover{transform:translateY(-2px)}.code-window{background:#091525;border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden;transform:rotate(1deg)}.window-bar{padding:12px 16px;border-bottom:1px solid var(--line);display:flex;gap:7px}.window-bar i{width:10px;height:10px;border-radius:50%;background:#ff6b6b}.window-bar i:nth-child(2){background:var(--yellow)}.window-bar i:nth-child(3){background:var(--cyan)}pre{margin:0;padding:25px;overflow:auto;color:#c6d8eb;font:14px/1.7 ui-monospace,SFMono-Regular,monospace}.token{color:var(--cyan)}
.section{padding:72px 0}.section.alt{background:#091626}.section-head{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:28px}.section-head h2{font-size:clamp(2rem,4vw,3.3rem);line-height:1.05;letter-spacing:-.04em;margin:8px 0}.section-head p{color:var(--muted);max-width:600px}.text-link{color:var(--cyan);font-weight:800}.grid{display:grid;gap:18px}.grid.three{grid-template-columns:repeat(3,1fr)}.grid.four{grid-template-columns:repeat(4,1fr)}.card{background:linear-gradient(145deg,var(--surface),#0a1727);border:1px solid var(--line);border-radius:var(--radius);padding:25px;position:relative;transition:.2s}.card:hover{border-color:#37638f;transform:translateY(-3px)}.card h3{font-size:1.25rem;line-height:1.25;margin:12px 0 8px}.card p{color:var(--muted);margin:0}.icon{width:46px;height:46px;border-radius:13px;display:grid;place-items:center;background:rgba(72,168,255,.12);color:var(--blue);font-size:1.3rem}.tag{display:inline-block;padding:4px 9px;border-radius:999px;background:rgba(55,224,196,.1);color:var(--cyan);font-size:.76rem;font-weight:800}.meta{display:flex;gap:10px;align-items:center;color:var(--muted);font-size:.84rem;margin:12px 0}.card .arrow{display:inline-block;color:var(--cyan);font-weight:800;margin-top:18px}.feature-card{grid-column:span 2;background:linear-gradient(135deg,#102a46,#0d3338)}.feature-card h3{font-size:1.8rem}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.stat{background:var(--surface);padding:24px;text-align:center}.stat strong{display:block;font-size:1.65rem;color:var(--cyan)}
.page-hero{padding:62px 0 42px}.page-hero h1{font-size:clamp(2.7rem,6vw,4.8rem);max-width:900px}.page-hero p{font-size:1.12rem;color:var(--muted);max-width:760px}.search-box{width:100%;padding:15px 18px;border-radius:13px;border:1px solid var(--line);background:var(--surface);color:white;font:inherit;margin:20px 0 30px}.search-box:focus{outline:2px solid var(--blue);border-color:transparent}.tool-shell{display:grid;grid-template-columns:240px 1fr;gap:28px;align-items:start}.tool-nav{position:sticky;top:94px;background:var(--surface);border:1px solid var(--line);padding:14px;border-radius:15px}.tool-nav a{display:block;padding:9px 11px;border-radius:9px;color:var(--muted)}.tool-nav a:hover{background:var(--surface2);color:white}.tool-panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:26px;margin-bottom:22px}.tool-panel h2{margin-top:0}.tool-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.field label{display:block;font-weight:750;margin-bottom:7px}.input,textarea,select{width:100%;border:1px solid var(--line);background:#071321;color:white;border-radius:10px;padding:12px;font:inherit}textarea{min-height:210px;resize:vertical}.output{min-height:120px;background:#071321;border:1px solid var(--line);border-radius:10px;padding:14px;white-space:pre-wrap;overflow-wrap:anywhere}.notice{padding:16px;border-left:3px solid var(--cyan);background:rgba(55,224,196,.07);color:#cceee8;border-radius:0 10px 10px 0}.article{max-width:820px}.article h1{font-size:clamp(2.4rem,6vw,4.5rem);line-height:1.03;letter-spacing:-.04em}.article-body{font-size:1.08rem}.article-body h2{margin-top:42px;font-size:1.8rem}.article-body p,.article-body li{color:#c1d0e1}.article-body code{background:#12243a;padding:2px 6px;border-radius:5px;color:var(--cyan)}.article-body pre{background:#071321;border:1px solid var(--line);border-radius:12px;margin:22px 0}.filter-row{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:22px}.filter-row a{padding:7px 12px;border:1px solid var(--line);border-radius:999px;color:var(--muted)}.filter-row a.active{background:var(--cyan);color:#07111f;border-color:var(--cyan)}
.page-hero.compact{padding-bottom:20px}.tool-directory .card h2{font-size:1.22rem;line-height:1.25}.card-top{display:flex;align-items:center;justify-content:space-between;gap:12px}.chip{padding:8px 13px;border:1px solid var(--line);border-radius:999px;background:transparent;color:var(--muted);font:inherit;font-weight:700;cursor:pointer}.chip:hover,.chip.active{background:var(--cyan);border-color:var(--cyan);color:#07111f}.tool-heading{padding-bottom:30px}.tool-heading h1{font-size:clamp(2.2rem,5vw,4rem);margin:8px 0}.tool-title{display:flex;align-items:center;gap:18px;margin-top:18px}.tool-title>.icon{width:64px;height:64px;font-size:1.3rem}.back-link{color:var(--muted);font-weight:750}.back-link:hover{color:var(--cyan)}.tool-workspace{padding-top:20px}.tool-workspace>.container{max-width:980px}.visual-preview{height:170px;border-radius:14px;margin-bottom:15px;border:1px solid var(--line)}.preview-text{display:grid;place-items:center;padding:20px}.result-space{margin-top:18px}.large-text{min-height:320px}.counter-stats{grid-template-columns:repeat(4,1fr);margin-top:18px}.shadow-preview{height:210px;display:grid;place-items:center;margin:20px;background:linear-gradient(145deg,#152b44,#0c1929);border-radius:18px;font-weight:800}.password-output{font-size:1.15rem;min-height:auto}.check{display:block;margin:12px 0;color:var(--muted)}.tool-info{padding:18px 6px;max-width:760px}.tool-info p{color:var(--muted)}.contact-layout{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(260px,.7fr);gap:24px;align-items:start}.contact-layout aside{display:grid;gap:18px}.contact-layout aside .card{margin:0}.contact-form .field{margin-bottom:18px}.honeypot{position:absolute!important;left:-10000px!important;width:1px;height:1px;overflow:hidden}.alert{padding:14px 16px;border-radius:10px;margin-bottom:16px}.alert.success{background:rgba(55,224,196,.12);border:1px solid rgba(55,224,196,.4);color:#bff7ed}.alert.error{background:rgba(255,107,107,.1);border:1px solid rgba(255,107,107,.35);color:#ffd1d1}.resource-card{margin-top:18px!important}.course-icon{font-size:.82rem}.process-list{display:grid;gap:1px;background:var(--line);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.process-list article{display:grid;grid-template-columns:140px 1fr 1.2fr;gap:20px;align-items:center;background:var(--surface);padding:22px}.process-list strong{color:var(--cyan);font-size:.82rem;text-transform:uppercase;letter-spacing:.1em}.process-list h3,.process-list p{margin:0}.process-list p{color:var(--muted)}.nav-contact{border:1px solid var(--line)}
.book-grid{align-items:stretch}.book-card{padding:0;display:grid;grid-template-columns:66px 1fr;overflow:hidden}.book-card:hover{transform:translateY(-3px)}.book-spine{background:linear-gradient(180deg,#194c69,#12323f);border-right:1px solid #38667a;padding:18px 12px;display:flex;flex-direction:column;justify-content:space-between;min-height:390px}.book-spine span{font-size:.72rem;color:var(--cyan);font-weight:800;text-transform:uppercase;letter-spacing:.08em;writing-mode:vertical-rl}.book-spine strong{font-size:.78rem;line-height:1.2;writing-mode:vertical-rl;transform:rotate(180deg);max-height:220px;overflow:hidden}.book-content{padding:24px}.book-content h2{font-size:1.35rem;line-height:1.16}.book-content>p:not(.book-subtitle){color:var(--muted)}.book-subtitle{color:#d8e8f8!important;font-weight:650;line-height:1.45}.book-year{float:right;color:var(--muted);font-size:.82rem;font-weight:800}.home-book{border-top:3px solid var(--blue)}
.video-card{padding:0;overflow:hidden}.video-thumb{position:relative;display:block;aspect-ratio:16/9;background:#06101c;overflow:hidden}.video-thumb img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .25s}.video-card:hover .video-thumb img{transform:scale(1.035)}.video-content{padding:20px 22px 24px}.video-content h3{font-size:1.15rem;line-height:1.3;margin:0 0 10px}.play-badge{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:52px;height:38px;border-radius:11px;background:rgba(255,0,0,.9);color:white;font-size:1rem;padding-left:3px;box-shadow:0 8px 25px rgba(0,0,0,.45)}.feed-fallback{padding:26px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface)}.feed-fallback p{color:var(--muted);margin-top:0}
.site-footer{border-top:1px solid var(--line);padding:52px 0 22px;background:#050d18}.footer-grid{display:grid;grid-template-columns:2fr repeat(3,1fr);gap:36px}.footer-grid h2{font-size:.85rem;text-transform:uppercase;letter-spacing:.12em;color:var(--muted)}.footer-grid p{color:var(--muted);max-width:330px}.footer-grid>div>a:not(.brand){display:block;color:var(--muted);padding:4px 0}.footer-grid a:hover{color:var(--cyan)}.footer-bottom{display:flex;justify-content:space-between;border-top:1px solid var(--line);margin-top:36px;padding-top:20px;color:#748ba4;font-size:.84rem}

/* Light production theme */
:root{--bg:#fff;--surface:#fff;--surface2:#edf5ff;--text:#142033;--muted:#56677d;--line:#d9e3ee;--blue:#1769c2;--cyan:#087f71;--yellow:#a96700;--shadow:0 18px 48px rgba(29,55,84,.12)}
body{background:var(--bg);color:var(--text)}
.site-header{background:rgba(255,255,255,.94);border-bottom-color:#e2e9f1;box-shadow:0 5px 18px rgba(29,55,84,.05)}
.brand-mark{color:#fff;background:linear-gradient(135deg,#1769c2,#0c9483)}
.site-nav a{color:#4d6077}.site-nav a:hover,.site-nav a.active{color:#12385e;background:#eaf4ff}
.nav-toggle span:not(.sr-only){background:#142033}
.hero:after{background:radial-gradient(circle,rgba(23,105,194,.13),transparent 65%)}
.hero-copy,.section-head p,.page-hero p,.card p,.tool-info p,.process-list p,.footer-grid p{color:var(--muted)}
.button{background:#fff;color:#17324f;border-color:#cbd8e5;box-shadow:0 5px 14px rgba(29,55,84,.06)}
.button.primary{background:linear-gradient(135deg,#1769c2,#0c9483);color:#fff}
.section.alt{background:#f5f8fc}
.card{background:#fff;border-color:#dce5ee;box-shadow:0 8px 24px rgba(29,55,84,.07)}
.card:hover{border-color:#84afd8;box-shadow:0 14px 32px rgba(29,55,84,.12)}
.feature-card{background:linear-gradient(135deg,#eaf4ff,#e9faf6)}
.icon{background:#eaf4ff;color:#1769c2}.tag{background:#e5f6f2;color:#087668}
.stat,.process-list article{background:#fff}.stats,.process-list{background:#d9e3ee;border-color:#d9e3ee}
.search-box,.tool-nav,.tool-panel,.input,textarea,select,.output{background:#fff;color:#142033;border-color:#cfdbe7}
.input:focus,textarea:focus,select:focus{outline:2px solid #5795d2;outline-offset:1px}
.output{background:#f7f9fc}.tool-nav a{color:#53667c}.tool-nav a:hover{background:#edf5ff;color:#174d80}
.notice{background:#eaf8f5;color:#215b54}.article-body p,.article-body li{color:#33475e}.article-body code{background:#edf5ff;color:#075f80}.article-body pre{background:#0b1726;border-color:#233b55}
.filter-row a{color:#53667c}.filter-row a.active,.chip:hover,.chip.active{background:#1769c2;border-color:#1769c2;color:#fff}
.chip{color:#53667c;border-color:#cdd9e5}.back-link{color:#586b80}.visual-preview{border-color:#cfdbe7}.shadow-preview{background:linear-gradient(145deg,#eef4fa,#dfe9f3)}
.alert.success{background:#e8f7f2;border-color:#95d2c3;color:#175c50}.alert.error{background:#fff0f0;border-color:#e9abab;color:#8c2525}
.book-spine{background:linear-gradient(180deg,#2d75ad,#125d69);border-right-color:#8ab0ca}.book-spine span,.book-spine strong{color:#fff}
.video-thumb{background:#e6edf4}.feed-fallback{background:#fff;border-color:#d9e3ee}
.site-footer{background:#f1f5f9;border-top-color:#d9e3ee}.footer-grid h2,.footer-grid>div>a:not(.brand),.footer-grid p{color:#586b80}.footer-grid a:hover{color:#1769c2}.footer-bottom{border-top-color:#d5e0ea;color:#687a8e}
.email-options{display:grid;grid-template-columns:1fr 1fr;gap:0 18px;padding:14px 18px;margin-bottom:16px;border:1px solid var(--line);border-radius:12px;background:#f7f9fc}.email-options .field{grid-column:1/-1}.email-options select{min-height:46px}.email-summary{min-height:44px;margin-bottom:12px;padding:10px 13px;border-radius:10px;background:#eaf8f5;color:#215b54;font-weight:700}.email-extractor-grid textarea[readonly]{background:#f7f9fc}
.tool-note{color:var(--muted);font-size:.9rem;margin:16px 0 0;padding:12px 14px;border-radius:10px;background:#f7f9fc;border:1px solid var(--line)}
@media(max-width:1180px){.nav-toggle{display:block}.site-nav{display:none;position:absolute;left:20px;right:20px;top:68px;flex-direction:column;align-items:stretch;background:#fff;border:1px solid var(--line);border-radius:15px;padding:10px;box-shadow:var(--shadow)}.site-nav.open{display:flex}.site-nav a{padding:12px}.nav-contact{border:0}.hero{padding-top:55px}}
@media(max-width:900px){.hero-grid{grid-template-columns:1fr}.code-window{display:none}.grid.four{grid-template-columns:repeat(2,1fr)}.grid.three{grid-template-columns:1fr 1fr}.tool-shell,.contact-layout{grid-template-columns:1fr}.tool-nav{position:static}.footer-grid{grid-template-columns:1fr 1fr}.process-list article{grid-template-columns:1fr}.process-list article{gap:7px}}
@media(max-width:620px){.container{width:min(calc(100% - 28px),var(--max))}.grid.three,.grid.four,.tool-grid,.stats,.footer-grid,.counter-stats,.email-options{grid-template-columns:1fr}.feature-card{grid-column:auto}.section{padding:52px 0}.section-head{align-items:start;flex-direction:column}.hero h1{font-size:3rem}.footer-bottom{flex-direction:column;gap:5px}.tool-title{align-items:flex-start}.shadow-preview{margin:12px 0}.book-card{grid-template-columns:46px 1fr}.book-spine{min-height:360px;padding:14px 8px}.book-content{padding:20px}}