:root{--sky:#eef4ff;--sky-2:#f7faff;--paper:#fff;--ink:#0b1220;--ink-soft:#243044;--mist:#5c6b82;--line:#0b122014;--line-strong:#0b122024;--coral:#ff3d6e;--coral-deep:#e11d48;--cyan:#00b4d8;--cyan-soft:#7dd3fc;--amber:#fbbf24;--glow-coral:#ff3d6e47;--glow-cyan:#00b4d838;--radius:18px;--radius-sm:12px;--font-display:"Bricolage Grotesque", system-ui, sans-serif;--font-body:"Plus Jakarta Sans", system-ui, sans-serif;--ease:cubic-bezier(.22, 1, .36, 1);--shadow:0 18px 50px #0b122014;--shadow-hover:0 24px 60px #0b12201f}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-body);color:var(--ink);-webkit-font-smoothing:antialiased;background:radial-gradient(ellipse 70% 50% at 15% 0%, var(--glow-cyan), transparent 55%), radial-gradient(ellipse 55% 45% at 90% 8%, var(--glow-coral), transparent 50%), radial-gradient(ellipse 40% 35% at 70% 90%, #fbbf2429, transparent 55%), linear-gradient(180deg, var(--sky) 0%, var(--sky-2) 40%, #fff 100%);background-attachment:fixed;min-height:100dvh;line-height:1.65;overflow-x:hidden}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button{font:inherit;cursor:pointer;color:inherit;background:0 0;border:none}.site{flex-direction:column;min-height:100dvh;display:flex}.site>main{flex:1}.nav{z-index:50;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);animation:fade-down .7s var(--ease) both;background:#f7faffb8;border-bottom:1px solid #0000;justify-content:space-between;align-items:center;padding:1rem clamp(1.25rem,4vw,3.5rem);display:flex;position:fixed;inset:0 0 auto}.logo{font-family:var(--font-display);letter-spacing:-.04em;align-items:baseline;font-size:1.4rem;font-weight:800;display:inline-flex}.logo span{color:var(--coral)}.nav-links{align-items:center;gap:.35rem 1.75rem;list-style:none;display:flex}.nav-links a{color:var(--ink-soft);transition:color .25s var(--ease);font-size:.92rem;font-weight:600}.nav-links a:hover,.nav-links a.active{color:var(--coral)}.nav-cta{background:var(--ink);border-radius:999px;color:#fff!important;transition:background .25s var(--ease), transform .25s var(--ease)!important;padding:.6rem 1.2rem!important}.nav-cta:hover{transform:translateY(-1px);background:var(--coral)!important;color:#fff!important}.nav-toggle{border:1px solid var(--line-strong);background:var(--paper);border-radius:999px;place-items:center;width:2.6rem;height:2.6rem;display:none}.nav-toggle span{background:var(--ink);border-radius:2px;width:1.05rem;height:2px;display:block;position:relative}.nav-toggle span:before,.nav-toggle span:after{content:"";background:inherit;border-radius:inherit;width:100%;height:100%;position:absolute;left:0}.nav-toggle span:before{top:-6px}.nav-toggle span:after{top:6px}.hero{align-items:center;min-height:100dvh;padding:7.5rem clamp(1.25rem,4vw,3.5rem) 4rem;display:grid;position:relative;overflow:hidden}.hero-visual{z-index:0;pointer-events:none;position:absolute;inset:0}.hero-grid{opacity:.55;background-image:radial-gradient(circle at 1px 1px,#0b12201a 1px,#0000 0);background-size:28px 28px;animation:24s linear infinite grid-drift;position:absolute;inset:0;-webkit-mask-image:radial-gradient(75% 65% at 60% 45%,#000 10%,#0000 70%);mask-image:radial-gradient(75% 65% at 60% 45%,#000 10%,#0000 70%)}.hero-orb{filter:blur(70px);border-radius:50%;position:absolute}.hero-orb--a{background:var(--coral);opacity:.22;width:min(52vw,480px);height:min(52vw,480px);animation:9s ease-in-out infinite orb-float;top:6%;right:2%}.hero-orb--b{background:var(--cyan);opacity:.28;width:min(42vw,380px);height:min(42vw,380px);animation:11s ease-in-out infinite reverse orb-float;bottom:12%;left:4%}.hero-orb--c{background:var(--amber);opacity:.2;width:min(28vw,240px);height:min(28vw,240px);animation:7s ease-in-out infinite orb-float;top:42%;left:42%}.neural{opacity:.85;width:62%;height:72%;position:absolute;inset:8% -5% 18% 38%}.neural circle{fill:var(--coral);animation:3.2s ease-in-out infinite node-blink}.neural circle:nth-child(odd){fill:var(--cyan);animation-delay:.7s}.neural circle:nth-child(3n){fill:var(--amber);animation-delay:1.4s}.neural line{stroke:var(--ink);stroke-width:1.25px;opacity:.14}.hero-content{z-index:1;max-width:760px;animation:fade-up .9s var(--ease) .1s both;position:relative}.brand-mark{font-family:var(--font-display);letter-spacing:-.06em;margin-bottom:1.35rem;font-size:clamp(4rem,14vw,8.5rem);font-weight:800;line-height:.9}.brand-mark span{background:linear-gradient(120deg, var(--coral), #ff7a59 45%, var(--cyan));color:#0000;-webkit-background-clip:text;background-clip:text}.hero-headline{font-family:var(--font-display);letter-spacing:-.03em;max-width:16ch;margin-bottom:1rem;font-size:clamp(1.45rem,3.4vw,2.15rem);font-weight:700;line-height:1.2}.hero-lead{color:var(--mist);max-width:38ch;margin-bottom:2rem;font-size:clamp(1.02rem,1.7vw,1.2rem)}.hero-actions{flex-wrap:wrap;gap:.85rem;display:flex}.btn{transition:transform .25s var(--ease), background .25s var(--ease), box-shadow .25s var(--ease), border-color .25s var(--ease);border-radius:999px;justify-content:center;align-items:center;gap:.5rem;padding:.95rem 1.55rem;font-size:.95rem;font-weight:700;display:inline-flex}.btn:hover{transform:translateY(-3px)}.btn-primary{background:var(--coral);color:#fff;box-shadow:0 12px 30px var(--glow-coral)}.btn-primary:hover{background:var(--coral-deep);box-shadow:0 16px 36px var(--glow-coral)}.btn-ghost{border:1.5px solid var(--line-strong);color:var(--ink);background:#ffffffa6}.btn-ghost:hover{border-color:var(--ink);background:var(--paper)}.scroll-hint{z-index:1;letter-spacing:.16em;text-transform:uppercase;color:var(--mist);animation:fade-up 1s var(--ease) .5s both;align-items:center;gap:.65rem;font-size:.72rem;font-weight:700;display:flex;position:absolute;bottom:1.75rem;right:clamp(1.25rem,4vw,3.5rem)}.scroll-hint:before{content:"";background:linear-gradient(to bottom, var(--coral), transparent);border-radius:2px;width:2px;height:2.6rem;animation:2s ease-in-out infinite scroll-line}section{padding:clamp(4rem,9vw,6.5rem) clamp(1.25rem,4vw,3.5rem)}.section-head{max-width:560px;margin-bottom:clamp(2rem,4vw,3rem)}.section-label{letter-spacing:.14em;text-transform:uppercase;color:var(--coral);align-items:center;gap:.4rem;margin-bottom:.85rem;font-size:.72rem;font-weight:700;display:inline-flex}.section-head h2{font-family:var(--font-display);letter-spacing:-.04em;margin-bottom:.85rem;font-size:clamp(1.85rem,4vw,2.85rem);font-weight:800;line-height:1.1}.section-head p{color:var(--mist);font-size:1.05rem}.section-head-row{justify-content:space-between;align-items:flex-end;gap:1.5rem;max-width:none;display:flex}.text-link{color:var(--coral);white-space:nowrap;font-size:.95rem;font-weight:700}.text-link:hover{color:var(--coral-deep)}.services{position:relative}.service-list{gap:.85rem;list-style:none;display:grid}.service-item{border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);transition:transform .3s var(--ease), border-color .3s var(--ease), box-shadow .3s var(--ease);background:#ffffffb8;grid-template-columns:auto 1fr auto;align-items:baseline;gap:1rem 1.75rem;padding:1.5rem 1.6rem;display:grid}.service-item:hover{box-shadow:var(--shadow-hover);border-color:#ff3d6e59;transform:translateY(-4px)}.service-num{font-family:var(--font-display);color:var(--cyan);font-size:.95rem;font-weight:800}.service-item h3{font-family:var(--font-display);letter-spacing:-.02em;margin-bottom:.35rem;font-size:clamp(1.15rem,2.2vw,1.4rem);font-weight:750}.service-item p{color:var(--mist);max-width:52ch;font-size:.95rem}.service-tag{color:var(--ink-soft);background:#00b4d81f;border-radius:999px;padding:.35rem .7rem;font-size:.78rem;font-weight:700}.cta-band{border-radius:calc(var(--radius) + 8px);background:radial-gradient(ellipse 80% 100% at 100% 0%, #ff3d6e59, transparent 55%), radial-gradient(ellipse 60% 80% at 0% 100%, #00b4d84d, transparent 50%), var(--ink);color:#fff;margin:0 clamp(1.25rem,4vw,3.5rem) clamp(2rem,5vw,3rem);padding:clamp(2.5rem,6vw,4rem) clamp(1.5rem,4vw,3rem);position:relative;overflow:hidden}.cta-band-inner{gap:1.1rem;max-width:620px;display:grid}.cta-band .section-label{color:var(--cyan-soft)}.cta-band h2{font-family:var(--font-display);letter-spacing:-.04em;font-size:clamp(1.85rem,4vw,2.85rem);font-weight:800;line-height:1.1}.cta-band p{color:#ffffffb8;max-width:40ch;font-size:1.05rem}.cta-band .btn-primary{justify-self:start;margin-top:.35rem}.cta-email{color:var(--cyan-soft);font-size:1.05rem;font-weight:700;display:inline-flex}.footer{border-top:1px solid var(--line);color:var(--mist);background:#ffffff73;grid-template-columns:1fr auto;gap:1.5rem 2rem;padding:2.5rem clamp(1.25rem,4vw,3.5rem) 2rem;font-size:.88rem;display:grid}.footer-brand .logo{color:var(--ink);margin-bottom:.45rem}.footer-brand p{max-width:34ch}.footer-links{flex-wrap:wrap;justify-content:end;align-items:start;gap:1.15rem;display:flex}.footer-links a{color:var(--ink-soft);transition:color .25s var(--ease);font-weight:600}.footer-links a:hover{color:var(--coral)}.footer-copy{border-top:1px solid var(--line);grid-column:1/-1;padding-top:1rem}.page{max-width:1120px;margin:0 auto;padding:7.5rem clamp(1.25rem,4vw,3.5rem) clamp(4rem,8vw,6rem)}.page-hero{max-width:680px;animation:fade-up .75s var(--ease) both;margin-bottom:clamp(2.25rem,5vw,3.25rem)}.page-hero h1{font-family:var(--font-display);letter-spacing:-.045em;margin-bottom:.9rem;font-size:clamp(2.2rem,5.5vw,3.5rem);font-weight:800;line-height:1.05}.page-hero p{color:var(--mist);font-size:1.12rem}.home-strip{padding-top:0}.home-strip-grid{grid-template-columns:repeat(3,1fr);gap:1rem;display:grid}.strip-card{border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);transition:transform .3s var(--ease), border-color .3s var(--ease), box-shadow .3s var(--ease);background:#ffffffc7;padding:clamp(1.5rem,3vw,2rem)}.strip-card:hover{box-shadow:var(--shadow-hover);border-color:#ff3d6e4d;transform:translateY(-6px)rotate(-.4deg)}.strip-card:nth-child(2):hover{rotate:.4deg}.strip-card:nth-child(3):hover{rotate:-.2deg}.strip-card h2{font-family:var(--font-display);letter-spacing:-.03em;margin-bottom:.45rem;font-size:1.3rem;font-weight:800}.strip-card p{color:var(--mist);font-size:.95rem}.card-grid{grid-template-columns:repeat(3,1fr);gap:1.15rem;display:grid}.card-grid--list{grid-template-columns:1fr;max-width:780px}.content-card{border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);transition:transform .3s var(--ease), border-color .3s var(--ease), box-shadow .3s var(--ease);background:#ffffffd1;flex-direction:column;gap:.65rem;padding:1.45rem 1.5rem;display:flex}.content-card:hover{box-shadow:var(--shadow-hover);border-color:#00b4d859;transform:translateY(-5px)}.content-card h2,.content-card h3{font-family:var(--font-display);letter-spacing:-.025em;font-size:1.2rem;font-weight:800;line-height:1.25}.content-card p{color:var(--mist);flex:1;font-size:.95rem}.content-card-meta{color:var(--coral);flex-wrap:wrap;gap:.65rem;font-size:.78rem;font-weight:700;display:flex}.content-card-meta time,.content-card-meta span:last-child{color:var(--mist);font-weight:600}.content-card-meta .level{color:var(--cyan)}.article{max-width:720px}.back-link{color:var(--mist);transition:color .25s var(--ease);margin-bottom:1.4rem;font-size:.9rem;font-weight:600;display:inline-block}.back-link:hover{color:var(--coral)}.article h1{font-family:var(--font-display);letter-spacing:-.04em;margin:.7rem 0 1rem;font-size:clamp(2rem,4.5vw,3rem);font-weight:800;line-height:1.1}.article-lead{color:var(--mist);border-bottom:1px solid var(--line);margin-bottom:2rem;padding-bottom:1.75rem;font-size:1.15rem}.article-body{flex-direction:column;gap:1.1rem;display:flex}.article-body p{color:var(--ink-soft);font-size:1.05rem;line-height:1.8}.lesson-section{border:1px solid var(--line);border-radius:var(--radius-sm);background:#ffffffb3;margin-top:.75rem;padding:1.35rem 1.4rem}.lesson-section h2{font-family:var(--font-display);letter-spacing:-.02em;margin-bottom:.7rem;font-size:1.2rem;font-weight:800}.article-footer{border-top:1px solid var(--line);flex-wrap:wrap;gap:.85rem;margin-top:2.5rem;padding-top:1.75rem;display:flex}.lesson-nav{border-top:1px solid var(--line);grid-template-columns:1fr 1fr;gap:1rem;margin-top:2.75rem;padding-top:1.75rem;display:grid}.lesson-nav-link{border:1px solid var(--line);border-radius:var(--radius-sm);transition:border-color .25s var(--ease), transform .25s var(--ease);background:#fffc;flex-direction:column;gap:.35rem;padding:1.15rem 1.25rem;display:flex}.lesson-nav-link:hover{border-color:#ff3d6e66;transform:translateY(-2px)}.lesson-nav-link span{text-transform:uppercase;letter-spacing:.1em;color:var(--mist);font-size:.72rem;font-weight:700}.lesson-nav-link strong{font-family:var(--font-display);font-size:.98rem;font-weight:800}.lesson-nav-link--next{text-align:right;justify-self:end;width:100%}.about-intro{flex-direction:column;gap:1rem;max-width:640px;margin-bottom:2.25rem;display:flex}.about-intro p{color:var(--ink-soft);font-size:1.08rem;line-height:1.75}.about-pillars{margin-bottom:1rem}.about-cta{margin-top:2.5rem;margin-left:0;margin-right:0}@keyframes fade-up{0%{opacity:0;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-down{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes grid-drift{0%{background-position:0 0}to{background-position:28px 28px}}@keyframes orb-float{0%,to{transform:translate(0)scale(1)}50%{transform:translate(18px,-22px)scale(1.08)}}@keyframes node-blink{0%,to{opacity:.35}50%{opacity:1}}@keyframes scroll-line{0%,to{opacity:.35;transform-origin:top;transform:scaleY(.55)}50%{opacity:1;transform:scaleY(1)}}.reveal{opacity:0;transition:opacity .7s var(--ease), transform .7s var(--ease);transform:translateY(22px)}.reveal.visible{opacity:1;transform:translateY(0)}@media (width<=900px){.home-strip-grid,.card-grid{grid-template-columns:1fr}.neural{opacity:.45;inset:4% -15% 35% 15%}}@media (width<=860px){.service-item{grid-template-columns:auto 1fr}.service-tag{display:none}}@media (width<=720px){.nav-links{opacity:0;pointer-events:none;transition:opacity .3s var(--ease);background:#eef4fff5;flex-direction:column;justify-content:center;gap:1.75rem;position:fixed;inset:0}.nav-links.open{opacity:1;pointer-events:auto}.nav-links a{font-size:1.35rem}.nav-toggle{z-index:60;display:grid}.hero{padding-top:6.5rem}.scroll-hint{display:none}.footer{grid-template-columns:1fr}.footer-links{justify-content:start}.section-head-row{flex-direction:column;align-items:flex-start}.lesson-nav{grid-template-columns:1fr}.article-footer{flex-direction:column}.cta-band{margin-left:1rem;margin-right:1rem}}
