@import "https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;700&family=Inter:wght@400;500;600;700&display=swap";:root{color:#f4f1e8;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#07090d;font-family:Arial,Helvetica,sans-serif}html,body,#root{width:100%;min-width:320px;min-height:100vh;margin:0}body{overflow-x:hidden}button,input,textarea,select{font:inherit}:root{--bg:#05080f;--bg-soft:#0a0f18;--panel:#0a0f18c7;--line:#7896be2e;--line-strong:#00dcff47;--text:#eef4ff;--muted:#9eafc7;--soft:#cad4e4;--accent:#00d9ff;--accent-soft:#00d9ff24;--shadow:0 0 0 1px #ffffff05, 0 18px 60px #00000073;--max:1120px;--radius:18px}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{min-height:100%}html{scroll-behavior:smooth}body{color:var(--text);background:radial-gradient(circle at 0 0,#00d9ff14,#0000 28%),radial-gradient(circle at 80% 20%,#5882ff14,#0000 24%),linear-gradient(#03060b 0%,#05080f 100%);min-height:100vh;font-family:Inter,system-ui,sans-serif;line-height:1.6;overflow-x:hidden}body:before{content:"";pointer-events:none;opacity:.35;background-image:linear-gradient(#ffffff05 1px,#0000 1px),linear-gradient(90deg,#ffffff05 1px,#0000 1px);background-size:56px 56px;position:fixed;inset:0;-webkit-mask-image:radial-gradient(circle,#000 55%,#0000 100%);mask-image:radial-gradient(circle,#000 55%,#0000 100%)}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:none}.wrap{width:min(100% - 40px, var(--max));margin:0 auto}.nav{z-index:30;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#05080fb8;border-bottom:1px solid #ffffff0a;position:sticky;top:0}.nav-inner{width:min(100% - 40px, var(--max));justify-content:space-between;align-items:center;gap:20px;min-height:68px;margin:0 auto;display:flex}.brand{color:var(--soft);letter-spacing:.02em;align-items:center;gap:14px;font-family:JetBrains Mono,monospace;font-size:.92rem;display:flex}.brand-mark{background:var(--accent);border-radius:999px;flex:none;width:10px;height:10px;box-shadow:0 0 20px #00d9ff99}.nav-links{flex-wrap:wrap;gap:20px;display:flex}.nav-links button{color:var(--muted);font-size:.92rem;transition:color .22s}.nav-links button:hover{color:var(--text)}.hero{align-items:center;min-height:calc(100vh - 68px);padding:108px 0 88px;display:flex}.hero-grid{width:min(100% - 40px, var(--max));grid-template-columns:1.15fr .85fr;align-items:end;gap:42px;margin:0 auto;display:grid}.eyebrow{border:1px solid var(--line);color:var(--muted);letter-spacing:.02em;background:#ffffff05;border-radius:999px;margin-bottom:18px;padding:7px 12px;font-family:JetBrains Mono,monospace;font-size:.78rem;display:inline-block}h1{letter-spacing:-.05em;margin-bottom:18px;font-size:clamp(2.8rem,7vw,5.4rem);line-height:.96}.lead{color:var(--soft);max-width:760px;margin-bottom:14px;font-size:clamp(1.12rem,2vw,1.45rem)}.sublead{color:var(--muted);max-width:650px;margin-bottom:34px;font-size:1rem}.cta-row{flex-wrap:wrap;gap:14px;display:flex}.btn{border:1px solid var(--line);border-radius:12px;justify-content:center;align-items:center;min-height:46px;padding:0 18px;font-weight:500;transition:transform .2s,border-color .2s,background .2s,color .2s;display:inline-flex}.btn:hover{border-color:var(--line-strong);transform:translateY(-1px)}.btn.primary{color:var(--text);background:linear-gradient(#00d9ff24,#00d9ff0f);border-color:#00d9ff57;box-shadow:0 0 28px #00d9ff14}.btn.secondary{color:var(--muted);background:#ffffff05}.hero-panel,.about-main,.about-side,.contact-box{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.hero-panel{padding:24px;position:relative;overflow:hidden}.hero-panel:before{content:"";pointer-events:none;background:linear-gradient(120deg,#0000 0%,#00d9ff0f 45%,#0000 100%);position:absolute;inset:0}.panel-label{color:var(--accent);margin-bottom:16px;font-family:JetBrains Mono,monospace;font-size:.8rem}.signal-list{gap:14px;display:grid}.signal{border-top:1px solid #ffffff0f;padding:14px 0}.signal:first-child{border-top:0;padding-top:0}.signal-title{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;margin-bottom:4px;font-family:JetBrains Mono,monospace;font-size:.82rem}.signal-copy{color:var(--soft);font-size:.95rem}.section{border-top:1px solid #ffffff0d;padding:92px 0}.section-head{grid-template-columns:220px 1fr;gap:24px;margin-bottom:34px;display:grid}.section-kicker{color:var(--accent);letter-spacing:.04em;text-transform:uppercase;font-family:JetBrains Mono,monospace;font-size:.84rem}.section-title{letter-spacing:-.04em;margin-bottom:10px;font-size:clamp(1.5rem,3vw,2.3rem);line-height:1.08}.section-copy{color:var(--muted);max-width:760px}.projects{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.card{border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);background:linear-gradient(#ffffff05,#ffffff03);padding:22px;transition:transform .22s,border-color .22s,background .22s}.card:hover{border-color:var(--line-strong);background:linear-gradient(#00d9ff0d,#ffffff04);transform:translateY(-4px)}.card-index{color:var(--accent);margin-bottom:14px;font-family:JetBrains Mono,monospace;font-size:.78rem}.card h3{margin-bottom:10px;font-size:1.18rem;line-height:1.2}.card p{color:var(--soft);font-size:.97rem}.card .insight{color:var(--muted);border-top:1px solid #ffffff12;margin-top:14px;padding-top:14px;font-size:.93rem}.tags{flex-wrap:wrap;gap:8px;margin-top:18px;display:flex}.tag{background:var(--accent-soft);color:#a9f2ff;border:1px solid #00d9ff2e;border-radius:999px;padding:6px 10px;font-family:JetBrains Mono,monospace;font-size:.78rem}.tag.status-finished{color:#9effcb;background:#5fffaa1a;border-color:#5fffaa40}.tag.status-progress{color:#ffd76a;background:#ffc4001a;border-color:#ffc40040}.tag.status-validation{color:#ffb37a;background:#ff914d1a;border-color:#ff914d40}.thinking-list{gap:14px;display:grid}.thinking-item{border-top:1px solid #ffffff0f;grid-template-columns:1fr 1.4fr;gap:18px;padding:20px 0;display:grid}.thinking-item:first-child{border-top:0;padding-top:0}.thinking-item h3{font-size:1.05rem;line-height:1.25}.thinking-item p{color:var(--muted);max-width:620px}.about-box{grid-template-columns:1.15fr .85fr;align-items:start;gap:18px;display:grid}.about-main,.about-side{padding:24px}.about-main p{color:var(--soft);max-width:720px;margin-bottom:16px;font-size:1.02rem}.about-main p:last-child{margin-bottom:0}.about-side h3{color:var(--accent);margin-bottom:14px;font-family:JetBrains Mono,monospace;font-size:.95rem;font-weight:500}.about-side ul{gap:12px;list-style:none;display:grid}.about-side li{color:var(--muted);border-bottom:1px solid #ffffff0f;padding-bottom:12px}.about-side li:last-child{border-bottom:0;padding-bottom:0}.contact-box{padding:28px}.contact-box a{letter-spacing:-.03em;font-size:clamp(1.2rem,2.5vw,2rem);transition:color .2s}.contact-box a:hover{color:var(--accent)}.reveal{opacity:0;transition:opacity .7s,transform .7s;transform:translateY(18px)}.reveal.visible{opacity:1;transform:translateY(0)}@media (width<=960px){.hero-grid,.about-box,.thinking-item,.section-head,.projects{grid-template-columns:1fr}.hero{min-height:auto;padding:86px 0 70px}}@media (width<=680px){.wrap,.nav-inner,.hero-grid{width:min(100% - 28px, var(--max))}.nav-inner{min-height:62px}.nav-links{gap:14px}.hero{padding-top:72px}.section{padding:72px 0}.card,.hero-panel,.about-main,.about-side,.contact-box{padding:18px}.cta-row{flex-direction:column;align-items:stretch}.btn{width:100%}}.after-canal-hub{color:#eef4fb;background:radial-gradient(circle at 50% 0,#2c5f9240,#0000 42%),linear-gradient(145deg,#06101c 0%,#091727 48%,#050b13 100%);justify-content:center;align-items:center;min-height:100vh;padding:64px 24px;display:flex}.after-canal-hub__content{width:min(1180px,100%)}.after-canal-hub__header{text-align:center;max-width:760px;margin:0 auto 46px}.after-canal-hub__eyebrow{color:#82b7e8;letter-spacing:.18em;text-transform:uppercase;margin-bottom:14px;font-size:.75rem;font-weight:700;display:inline-block}.after-canal-hub__header h1{letter-spacing:-.055em;margin:0;font-size:clamp(2.7rem,7vw,5.3rem);font-weight:650}.after-canal-hub__header p{color:#aebed0;max-width:620px;margin:18px auto 0;line-height:1.7}.after-canal-tabs{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;display:grid}.after-canal-tab{color:#eef4fb;background:linear-gradient(145deg,#15273df0,#0b1726f5);border:1px solid #a4c2e033;border-radius:20px;flex-direction:column;align-items:flex-start;min-height:310px;padding:34px;text-decoration:none;transition:transform .18s,border-color .18s,box-shadow .18s;display:flex;box-shadow:0 24px 65px #00000047}.after-canal-tab:hover{border-color:#64b5f6b8;transform:translateY(-7px);box-shadow:0 30px 75px #0006}.after-canal-tab__icon{color:#8bc5f2;background:#4a8fc81f;border:1px solid #78baee38;border-radius:16px;place-items:center;width:72px;height:72px;margin-bottom:38px;display:grid}.after-canal-tab__title{font-size:1.38rem;font-weight:700}.after-canal-tab__description{color:#9fb0c2;margin-top:12px;line-height:1.6}.after-canal-tab__action{color:#7ec0f3;letter-spacing:.1em;text-transform:uppercase;margin-top:auto;padding-top:34px;font-size:.82rem;font-weight:750}@media (width<=900px){.after-canal-tabs{grid-template-columns:1fr}.after-canal-tab{min-height:230px}}.after-canal-media{color:#edf3f9;background:radial-gradient(circle at 50% -10%,#3165963d,#0000 35%),#07111d;min-height:100vh;padding-bottom:100px}.after-canal-media__hero{border-bottom:1px solid #97b6d326;padding:34px max(24px,50vw - 610px)}.after-canal-media__back{color:#9fc7e8;align-items:center;gap:9px;margin-bottom:70px;text-decoration:none;display:inline-flex}.after-canal-media__hero-content{max-width:790px;padding-bottom:55px}.after-canal-media__eyebrow{color:#82b7e8;letter-spacing:.18em;text-transform:uppercase;margin-bottom:14px;font-size:.75rem;font-weight:700;display:inline-block}.after-canal-media__hero h1{letter-spacing:-.06em;margin:0;font-size:clamp(3rem,8vw,6rem)}.after-canal-media__hero p{color:#a7b8c9;max-width:720px;margin:20px 0 0;line-height:1.75}.media-section{width:min(1220px,100% - 48px);margin:78px auto 0}.media-section__heading{color:#86bde7;align-items:center;gap:15px;margin-bottom:27px;display:flex}.media-section__heading span{letter-spacing:.15em;text-transform:uppercase;font-size:.72rem;font-weight:750;display:block}.media-section__heading h2{color:#edf4fb;margin:4px 0 0}.media-video-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:26px;display:grid}.media-video-card,.media-image-card{background:#0d1b2a;border:1px solid #97b7d52e;border-radius:17px;overflow:hidden;box-shadow:0 24px 60px #0000004d}.media-video-card__player{aspect-ratio:16/9;background:#02070c}.media-video-card video{object-fit:contain;width:100%;height:100%;display:block}.media-video-card__body{padding:24px}.media-video-card__body h3{margin:0}.media-video-card__body p{color:#9cabb9;margin:10px 0 0;line-height:1.62}.media-image-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;display:grid}.media-image-card a{color:#fff;height:100%;display:block;position:relative}.media-image-card img{object-fit:cover;width:100%;height:100%;min-height:420px;transition:transform .3s;display:block}.media-image-card:hover img{transform:scale(1.025)}.media-image-card__overlay{background:linear-gradient(#0000,#03080ef0);justify-content:space-between;padding:34px 19px 17px;font-weight:650;display:flex;position:absolute;bottom:0;left:0;right:0}@media (width<=1000px){.media-image-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=720px){.media-video-grid,.media-image-grid{grid-template-columns:1fr}}