:root{--primary: #FF894F;--primary-dark: #e0722a;--secondary: #ffffff;--accent: #2a8fd6;--accent-blue: #2a8fd6;--accent-yellow: #d99a1f;--accent-pink: #d44560;--text-light: #1a1a2e;--text-muted: #5a6478;--card-bg: #ffffff;--card-border: #e2e8f0;--gradient-hero: linear-gradient(135deg, #f5f8fc 0%, #e8f0f9 50%, #f5f8fc 100%)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:auto}body{font-family:Inter,sans-serif;background:var(--secondary);color:var(--text-light);line-height:1.8;font-size:1rem;min-height:100vh}h1{font-family:Inter,sans-serif;font-size:3.5rem;font-weight:900;line-height:1.1}h2{font-family:Inter,sans-serif;font-size:2.2rem;font-weight:700;line-height:1.2}h3{font-family:Inter,sans-serif;font-size:1.5rem;font-weight:600}h4{font-family:Inter,sans-serif;font-size:1.2rem;font-weight:600}a{color:var(--accent);text-decoration:none;transition:color .2s}a:hover{color:var(--primary)}.navbar{position:sticky;top:0;z-index:1000;background:#fffffff7;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid rgba(255,137,79,.25);box-shadow:0 2px 12px #141e320f;padding:0 2.5%;display:flex;align-items:center;justify-content:space-between;gap:1rem;height:70px;transition:all .3s ease}.navbar.scrolled{height:56px}.nav-logo{cursor:pointer;display:flex;align-items:center;flex-shrink:0}.nav-logo-img{height:56px;width:auto;max-width:240px;display:block;object-fit:contain}.footer-logo-img{height:62px;width:auto;max-width:260px;display:block;object-fit:contain;margin-bottom:1rem}.nav-links{display:flex;gap:0;align-items:center;list-style:none;flex-wrap:nowrap}.nav-item{position:relative}.nav-link{display:block;padding:0 .85rem;height:70px;line-height:70px;color:var(--text-light);font-weight:500;font-size:.9rem;cursor:pointer;transition:color .2s;white-space:nowrap;border:none;background:none;font-family:Inter,sans-serif}@media(min-width:1400px){.navbar{padding:0 5%}.nav-link{padding:0 1.1rem}}@media(max-width:1180px)and (min-width:901px){.nav-link{padding:0 .65rem;font-size:.85rem}}.navbar.scrolled .nav-link{height:56px;line-height:56px}.nav-link:hover{color:var(--primary)}.mega-menu{display:none;position:absolute;top:100%;left:0;background:#fff;border:1px solid var(--card-border);border-top:2px solid var(--primary);border-radius:0 0 12px 12px;padding:1.5rem;min-width:600px;box-shadow:0 20px 60px #141e3226;animation:fadeInDown .2s ease;z-index:999}.nav-item:hover .mega-menu{display:flex;gap:2rem}.mega-col{flex:1}.mega-col h4{color:var(--primary);font-size:.75rem;letter-spacing:2px;text-transform:uppercase;margin-bottom:.8rem;border-bottom:1px solid var(--card-border);padding-bottom:.5rem}.mega-link{display:block;color:var(--text-muted);padding:.3rem 0;font-size:.85rem;cursor:pointer;transition:color .2s}.mega-link:hover{color:var(--accent)}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.nav-search-btn{background:none;border:none;color:var(--text-muted);cursor:pointer;padding:8px;border-radius:50%;transition:all .2s;font-size:1.1rem}.nav-search-btn:hover{color:var(--accent);background:#77bef01a}.hamburger{display:none;flex-direction:column;gap:5px;cursor:pointer;background:none;border:none;padding:5px}.hamburger span{display:block;width:24px;height:2px;background:var(--text-light);transition:all .3s}.search-overlay{display:none;position:fixed;inset:0;z-index:9999;background:#141e328c;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);justify-content:center;align-items:flex-start;padding-top:15vh}.search-overlay.open{display:flex}.search-box{width:90%;max-width:700px;background:var(--card-bg);border-radius:12px;border:1px solid var(--card-border);overflow:hidden}.search-input-row{display:flex;align-items:center;padding:.8rem 1.2rem}.search-input-row input{flex:1;background:none;border:none;outline:none;font-size:1.2rem;color:var(--text-light);font-family:Inter,sans-serif}.search-input-row input::placeholder{color:var(--text-muted)}.search-close{background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:1.5rem;padding:4px 8px}.search-results{padding:.5rem 1.2rem 1rem;max-height:400px;overflow-y:auto}.search-result-item{padding:.7rem .8rem;border-radius:8px;cursor:pointer;display:flex;align-items:center;gap:.8rem;transition:background .2s}.search-result-item:hover{background:#77bef01a}.search-result-item .cat{font-size:.75rem;color:var(--primary);background:#ff894f26;padding:2px 8px;border-radius:20px;white-space:nowrap}.search-result-item .title{color:var(--text-light);font-size:.9rem}.hero-banner{position:relative;width:100%;padding-bottom:38%;min-height:400px;overflow:hidden;background:var(--gradient-hero)}.hero-bg{position:absolute;inset:0}.hero-particles{position:absolute;inset:0;width:100%;height:100%}.hero-content{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:0 8%;z-index:10}.hero-grid-overlay{position:absolute;inset:0;background-image:linear-gradient(rgba(119,190,240,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(119,190,240,.05) 1px,transparent 1px);background-size:60px 60px;animation:gridPulse 4s ease-in-out infinite}.hero-glow-orb{position:absolute;border-radius:50%;filter:blur(80px);opacity:.2;animation:orbFloat 6s ease-in-out infinite}.orb-1{width:400px;height:400px;background:var(--primary);top:-100px;right:-50px}.orb-2{width:300px;height:300px;background:var(--accent);bottom:-80px;left:30%;animation-delay:-3s}.orb-3{width:200px;height:200px;background:var(--accent-yellow);top:20%;left:60%;animation-delay:-1.5s}.hero-badge{background:#ff894f26;border:1px solid rgba(255,137,79,.4);color:var(--primary);padding:6px 18px;border-radius:50px;font-size:.72rem;letter-spacing:3px;text-transform:uppercase;margin-bottom:1.2rem;display:inline-block;animation:fadeInUp .6s ease}.hero-title{font-family:Inter,sans-serif;font-size:clamp(1.8rem,4.5vw,3.5rem);font-weight:900;color:#1a1a2e;line-height:1.1;margin-bottom:.8rem;animation:fadeInUp .7s ease;text-shadow:0 0 40px rgba(255,137,79,.3)}.hero-subtitle{color:#4a5568;font-size:1rem;max-width:500px;animation:fadeInUp .8s ease;margin-bottom:.5rem}.hero-stats{display:flex;gap:2rem;margin-top:1.5rem;animation:fadeInUp .9s ease}.hero-stats span{color:#4a5568;font-size:.85rem}.scanline{position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(0deg,transparent,transparent 28px,rgba(119,190,240,.08) 28px,rgba(119,190,240,.08) 29px),repeating-linear-gradient(90deg,transparent,transparent 28px,rgba(119,190,240,.08) 28px,rgba(119,190,240,.08) 29px)}.site-wrapper{max-width:1320px;margin:0 auto;padding:0 5%}.page-content{padding:3rem 0 4rem}.breadcrumb{display:flex;align-items:center;gap:.4rem;font-size:.8rem;color:var(--text-muted);margin-bottom:2rem;flex-wrap:wrap}.breadcrumb span{color:var(--text-muted)}.breadcrumb a{color:var(--accent);cursor:pointer}.breadcrumb a:hover{color:var(--primary)}.content-layout{display:grid;grid-template-columns:240px 1fr;gap:3rem;align-items:start}.toc-sidebar{position:sticky;top:90px;background:var(--card-bg);border:1px solid var(--card-border);border-radius:12px;padding:1.2rem;max-height:calc(100vh - 110px);overflow-y:auto}.toc-sidebar h4{color:var(--primary);font-size:.75rem;letter-spacing:2px;text-transform:uppercase;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:1px solid var(--card-border)}.toc-link{display:block;color:var(--text-muted);font-size:.82rem;padding:.35rem .5rem;border-radius:6px;cursor:pointer;transition:all .2s;line-height:1.4}.toc-link:hover,.toc-link.active{color:var(--accent);background:#77bef01a}.toc-link.h3-link{padding-left:1rem;font-size:.78rem}.article-content h2{color:var(--text-light);margin:2.5rem 0 1rem;font-size:1.8rem;padding-bottom:.5rem;border-bottom:2px solid var(--card-border)}.article-content h3{color:var(--accent);margin:1.8rem 0 .8rem;font-size:1.25rem}.article-content h4{color:var(--accent-yellow);margin:1.4rem 0 .6rem}.article-content p{color:var(--text-muted);margin-bottom:1.2rem;line-height:1.9}.article-content ul,.article-content ol{padding-left:1.8rem;margin-bottom:1.2rem}.article-content li{color:var(--text-muted);margin-bottom:.4rem;line-height:1.7}.article-content strong{color:var(--text-light);font-weight:600}.info-box{background:#77bef014;border:1px solid rgba(119,190,240,.25);border-left:4px solid var(--accent);border-radius:8px;padding:1.2rem 1.5rem;margin:2rem 0}.info-box .info-label{color:var(--accent);font-size:.72rem;letter-spacing:2px;text-transform:uppercase;font-weight:700;margin-bottom:.5rem}.info-box p{color:var(--text-light);margin:0}.warning-box{background:#ea5b6f14;border:1px solid rgba(234,91,111,.25);border-left:4px solid var(--accent-pink);border-radius:8px;padding:1.2rem 1.5rem;margin:2rem 0}.warning-box .warn-label{color:var(--accent-pink);font-size:.72rem;letter-spacing:2px;text-transform:uppercase;font-weight:700;margin-bottom:.5rem}.tip-box{background:#ffcb6114;border:1px solid rgba(255,203,97,.25);border-left:4px solid var(--accent-yellow);border-radius:8px;padding:1.2rem 1.5rem;margin:2rem 0}.tip-box .tip-label{color:var(--accent-yellow);font-size:.72rem;letter-spacing:2px;text-transform:uppercase;font-weight:700;margin-bottom:.5rem}.inline-illustration{margin:2rem 0;text-align:center}.illustration-caption{color:var(--text-muted);font-size:.82rem;margin-top:.6rem;font-style:italic;text-align:center}.styled-table{width:100%;border-collapse:collapse;margin:2rem 0;background:var(--card-bg);border-radius:10px;overflow:hidden;border:1px solid var(--card-border)}.styled-table th{background:#f0f4fa;color:var(--primary);padding:.8rem 1rem;text-align:left;font-size:.8rem;letter-spacing:1px;text-transform:uppercase}.styled-table td{padding:.75rem 1rem;color:var(--text-muted);border-top:1px solid var(--card-border);font-size:.9rem}.styled-table tr:hover td{background:#77bef00d}.faq-section{margin:3rem 0}.faq-section h2{margin-bottom:1.5rem}.faq-item{background:var(--card-bg);border:1px solid var(--card-border);border-radius:10px;margin-bottom:.8rem;overflow:hidden;transition:border-color .2s}.faq-item.open{border-color:var(--primary)}.faq-question{padding:1rem 1.2rem;cursor:pointer;display:flex;justify-content:space-between;align-items:center;color:var(--text-light);font-weight:500;font-size:.95rem}.faq-question .faq-icon{color:var(--primary);font-size:1.2rem;transition:transform .3s}.faq-item.open .faq-icon{transform:rotate(45deg)}.faq-answer{display:none;padding:0 1.2rem 1rem;color:var(--text-muted);font-size:.9rem;line-height:1.8}.faq-item.open .faq-answer{display:block;animation:fadeInUp .2s ease}.related-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1rem;margin:2rem 0 3rem}.related-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:10px;padding:1rem;cursor:pointer;transition:all .25s;display:flex;flex-direction:column;gap:.4rem}.related-card:hover{border-color:var(--primary);transform:translateY(-3px);box-shadow:0 8px 24px #ff894f26}.related-card .rc-cat{font-size:.7rem;color:var(--primary);letter-spacing:1px;text-transform:uppercase}.related-card .rc-title{color:var(--text-light);font-size:.9rem;font-weight:500}.disclaimer-bar{background:#ea5b6f1a;border:1px solid rgba(234,91,111,.2);border-radius:8px;padding:.8rem 1.2rem;margin:3rem 0 1rem;color:var(--text-muted);font-size:.82rem;text-align:center}.disclaimer-bar strong{color:var(--accent-pink)}.home-hero{padding-bottom:44%;min-height:480px}.home-hero .hero-title{font-size:clamp(2rem,5.5vw,4.2rem)}.home-hero .hero-cta{display:inline-flex;align-items:center;gap:.5rem;background:var(--primary);color:#fff;padding:.75rem 1.8rem;border-radius:50px;font-weight:600;cursor:pointer;margin-top:1.5rem;font-size:.95rem;transition:all .25s;border:none;font-family:Inter,sans-serif;box-shadow:0 4px 20px #ff894f66}.home-hero .hero-cta:hover{background:var(--primary-dark);transform:translateY(-2px)}.category-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1.2rem;margin:2.5rem 0}.category-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:14px;padding:1.5rem 1.2rem;cursor:pointer;transition:all .3s;text-align:center;position:relative;overflow:hidden}.category-card:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,137,79,.05) 0%,transparent 100%);opacity:0;transition:opacity .3s}.category-card:hover:before{opacity:1}.category-card:hover{border-color:var(--primary);transform:translateY(-5px);box-shadow:0 15px 40px #ff894f33}.cat-icon{font-size:2.5rem;margin-bottom:.8rem;display:block}.cat-title{color:var(--text-light);font-weight:600;font-size:1rem;margin-bottom:.3rem}.cat-count{color:var(--text-muted);font-size:.8rem}.stats-bar{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin:3rem 0;text-align:center}.stat-item{background:var(--card-bg);border:1px solid var(--card-border);border-radius:12px;padding:1.5rem}.stat-number{font-family:Inter,sans-serif;font-size:2.2rem;font-weight:900;color:var(--primary);display:block}.stat-label{color:var(--text-muted);font-size:.82rem;margin-top:.3rem}.tutorials-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem;margin:2rem 0}.tutorial-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:14px;overflow:hidden;cursor:pointer;transition:all .3s}.tutorial-card:hover{border-color:var(--accent);transform:translateY(-4px);box-shadow:0 12px 35px #77bef026}.tutorial-card-hero{height:160px;display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative;background:linear-gradient(135deg,#0f1e38,#1a3060)}.tutorial-card-img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s ease}.tutorial-card:hover .tutorial-card-img{transform:scale(1.05)}.tutorial-card-body{padding:1.2rem}.tutorial-cat{font-size:.7rem;color:var(--primary);letter-spacing:2px;text-transform:uppercase;margin-bottom:.4rem}.tutorial-title{color:var(--text-light);font-weight:600;font-size:1rem;margin-bottom:.5rem;line-height:1.4}.tutorial-excerpt{color:var(--text-muted);font-size:.82rem;line-height:1.6}.section-label{display:inline-flex;align-items:center;gap:.5rem;background:#ff894f1a;border:1px solid rgba(255,137,79,.3);color:var(--primary);padding:4px 14px;border-radius:20px;font-size:.7rem;letter-spacing:2px;text-transform:uppercase;font-weight:700;margin-bottom:.8rem}footer{background:#f7f9fc;border-top:1px solid var(--card-border);padding:4rem 5% 2rem;margin-top:4rem}.footer-top{display:grid;grid-template-columns:1.8fr repeat(4,minmax(0,1fr));gap:2rem;margin-bottom:3rem;align-items:start}.footer-brand{min-width:0}.footer-brand p{color:var(--text-muted);font-size:.85rem;line-height:1.7;margin:1rem 0}.footer-col{min-width:0}.footer-col h4{color:var(--primary);font-size:.72rem;letter-spacing:1.5px;text-transform:uppercase;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:1px solid var(--card-border);white-space:nowrap}.footer-col a{display:block;color:var(--text-muted);font-size:.82rem;margin-bottom:.5rem;cursor:pointer;transition:color .2s;line-height:1.45}.footer-col a:hover{color:var(--accent)}.footer-sitemap{border-top:1px solid var(--card-border);padding-top:2.5rem;margin-top:1rem}.footer-sitemap>h3{color:var(--accent);font-family:Inter,sans-serif;font-size:1rem;margin-bottom:2rem;text-transform:uppercase;letter-spacing:2px}.sitemap-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:2rem}.sitemap-cat h5{color:var(--primary);font-size:.72rem;letter-spacing:1px;text-transform:uppercase;margin-bottom:.6rem}.sitemap-cat a{display:block;color:var(--text-muted);font-size:.78rem;margin-bottom:.2rem;cursor:pointer}.sitemap-cat a:hover{color:var(--accent-yellow)}.footer-disclaimer{background:#fff7ee;border:1px solid #ffd9b5;border-left:4px solid var(--accent);border-radius:10px;padding:1.25rem 1.5rem;margin-top:1rem}.footer-disclaimer h4{color:var(--accent);font-size:.72rem;letter-spacing:2px;text-transform:uppercase;margin:0 0 .5rem}.footer-disclaimer p{color:var(--text-muted);font-size:.82rem;line-height:1.65;margin:0}.footer-readmore{color:var(--primary);font-weight:600;cursor:pointer;white-space:nowrap;margin-left:.25rem}.footer-readmore:hover{color:var(--accent)}.footer-bottom{border-top:1px solid var(--card-border);margin-top:2rem;padding-top:1.5rem;text-align:center}.footer-bottom p{color:var(--text-muted);font-size:.8rem;margin-bottom:.3rem}.cookie-banner{position:fixed;bottom:0;left:0;right:0;z-index:999;background:#fff;border-top:1px solid var(--card-border);box-shadow:0 -4px 16px #141e3214;padding:1rem 5%;display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}.cookie-banner.hidden{display:none}.cookie-banner p{color:var(--text-muted);font-size:.82rem;flex:1}.cookie-btn{background:var(--primary);color:#fff;border:none;border-radius:6px;padding:.5rem 1.2rem;cursor:pointer;font-size:.82rem;white-space:nowrap;font-family:Inter,sans-serif;transition:background .2s}.cookie-btn:hover{background:var(--primary-dark)}.cookie-btn-outline{background:none;border:1px solid var(--card-border);color:var(--text-muted);border-radius:6px;padding:.5rem 1.2rem;cursor:pointer;font-size:.82rem;font-family:Inter,sans-serif;transition:all .2s}.cookie-btn-outline:hover{border-color:var(--accent);color:var(--accent)}.policy-content h2{color:var(--accent);font-size:1.5rem;margin:2.5rem 0 1rem;font-family:Inter,sans-serif}.policy-content p{color:var(--text-muted);margin-bottom:1rem}.policy-content ul{padding-left:1.5rem;margin-bottom:1rem}.policy-content li{color:var(--text-muted);margin-bottom:.3rem}.policy-content strong{color:var(--text-light)}.sitemap-heading{color:var(--accent);font-family:Inter,sans-serif;font-size:1.4rem;text-transform:uppercase;letter-spacing:3px;margin-bottom:1rem;font-weight:700}.sitemap-fullpage-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:2.5rem 2rem;margin:2rem 0 4rem}.sitemap-fullpage-col{min-width:0}.sitemap-col-heading{color:var(--primary);font-family:Inter,sans-serif;font-size:.95rem;text-transform:uppercase;letter-spacing:2px;font-weight:700;margin-bottom:1rem;padding-bottom:.6rem;border-bottom:2px solid rgba(255,137,79,.18)}.sitemap-col-links{list-style:none;padding:0;margin:0}.sitemap-col-links li{margin:0;padding:0}.sitemap-col-links li a{display:block;color:var(--accent);font-size:.88rem;line-height:1.45;padding:.45rem 0;cursor:pointer;transition:color .2s,transform .15s;border-bottom:1px solid rgba(20,30,50,.04)}.sitemap-col-links li a:hover{color:var(--primary);transform:translate(2px)}.sitemap-page-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:2rem;margin:2rem 0}.sitemap-page-cat{background:var(--card-bg);border:1px solid var(--card-border);border-radius:10px;padding:1.5rem}.sitemap-page-cat h3{color:var(--primary);font-size:.9rem;margin-bottom:1rem;border-bottom:1px solid var(--card-border);padding-bottom:.5rem}.sitemap-page-cat a{display:block;color:var(--text-muted);font-size:.82rem;padding:.2rem 0;cursor:pointer;transition:color .2s}.sitemap-page-cat a:hover{color:var(--accent)}.blog-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem;margin:2rem 0}.blog-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:14px;overflow:hidden;cursor:pointer;transition:all .3s}.blog-card:hover{border-color:var(--accent);transform:translateY(-4px)}.blog-card-img{height:160px;overflow:hidden}.blog-card-body{padding:1.2rem}.blog-tag{font-size:.7rem;color:var(--accent);letter-spacing:1px;text-transform:uppercase;margin-bottom:.5rem}.blog-title{color:var(--text-light);font-weight:600;margin-bottom:.5rem;line-height:1.4}.blog-excerpt{color:var(--text-muted);font-size:.82rem}.contact-form{max-width:600px}.form-group{margin-bottom:1.2rem}.form-group label{display:block;color:var(--text-light);font-size:.9rem;margin-bottom:.4rem}.form-group input,.form-group textarea,.form-group select{width:100%;background:var(--card-bg);border:1px solid var(--card-border);border-radius:8px;padding:.75rem 1rem;color:var(--text-light);font-family:Inter,sans-serif;font-size:.9rem;outline:none;transition:border-color .2s}.form-group input:focus,.form-group textarea:focus{border-color:var(--accent)}.form-group textarea{min-height:140px;resize:vertical}.form-submit{background:var(--primary);color:#fff;border:none;border-radius:8px;padding:.8rem 2rem;font-size:1rem;cursor:pointer;font-family:Inter,sans-serif;font-weight:600;transition:all .25s}.form-submit:hover{background:var(--primary-dark);transform:translateY(-2px)}.glossary-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1rem;margin:2rem 0}.glossary-term{background:var(--card-bg);border:1px solid var(--card-border);border-radius:10px;padding:1rem}.glossary-term dt{color:var(--accent);font-weight:700;margin-bottom:.3rem}.glossary-term dd{color:var(--text-muted);font-size:.88rem}.glossary-letter{font-family:Inter,sans-serif;font-size:2rem;color:var(--primary);margin:2rem 0 1rem;padding-bottom:.5rem;border-bottom:2px solid var(--card-border)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes gridPulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes orbFloat{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-25px) scale(1.05)}}@keyframes glowPulse{0%,to{box-shadow:0 0 20px #ff894f4d}50%{box-shadow:0 0 40px #ff894f99}}@keyframes scanLine{0%{top:-2px}to{top:100%}}@keyframes countUp{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.animate-in{animation:fadeInUp .6s ease both}.animate-left{animation:fadeInLeft .6s ease both}.delay-1{animation-delay:.1s}.delay-2{animation-delay:.2s}.delay-3{animation-delay:.3s}.section-heading{margin-bottom:2rem}.section-heading h2{margin-bottom:.5rem}.section-heading p{color:var(--text-muted)}.divider{border:none;border-top:1px solid var(--card-border);margin:3rem 0}.mobile-nav{display:none;position:fixed;inset:0;z-index:998;background:#fffffffa;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);flex-direction:column;padding:5rem 5% 2rem;overflow-y:auto}.mobile-nav.open{display:flex}.mobile-nav-link{display:block;color:var(--text-light);font-size:1.1rem;padding:.8rem 0;border-bottom:1px solid var(--card-border);cursor:pointer;font-weight:500;transition:color .2s}.mobile-nav-link:hover{color:var(--primary)}.mobile-nav-sub{padding-left:1rem}.mobile-nav-sub a{display:block;color:var(--text-muted);font-size:.9rem;padding:.4rem 0;cursor:pointer}.mobile-nav-sub a:hover{color:var(--accent)}.back-to-top{position:fixed;bottom:5rem;right:2rem;background:var(--primary);color:#fff;width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:1.2rem;z-index:500;opacity:0;transform:translateY(20px);transition:all .3s;border:none;box-shadow:0 4px 15px #ff894f66}.back-to-top.visible{opacity:1;transform:translateY(0)}.back-to-top:hover{background:var(--primary-dark)}.hero-illustration{position:absolute;right:5%;top:50%;transform:translateY(-50%);width:280px;opacity:.85;animation:orbFloat 5s ease-in-out infinite;filter:drop-shadow(0 8px 24px rgba(20,30,50,.12))}.home-hero-v2{position:relative;padding:0;min-height:640px;background:radial-gradient(ellipse 80% 60% at 15% 20%,rgba(255,203,97,.18),transparent 60%),radial-gradient(ellipse 70% 60% at 85% 30%,rgba(119,190,240,.2),transparent 60%),radial-gradient(ellipse 60% 50% at 50% 100%,rgba(255,137,79,.15),transparent 60%),linear-gradient(180deg,#fbfdff,#f4f8fd);overflow:hidden}.mesh-blob{position:absolute;border-radius:50%;filter:blur(90px);opacity:.45;z-index:1;animation:meshFloat 14s ease-in-out infinite}.mesh-blob-1{width:380px;height:380px;background:#ffcb61;top:-80px;left:-60px}.mesh-blob-2{width:460px;height:460px;background:#77bef0;top:20%;right:-120px;animation-delay:-3s}.mesh-blob-3{width:320px;height:320px;background:#ff894f;bottom:-100px;left:30%;animation-delay:-7s;opacity:.35}.mesh-blob-4{width:260px;height:260px;background:#ea5b6f;top:40%;left:40%;animation-delay:-10s;opacity:.25}@keyframes meshFloat{0%,to{transform:translate(0) scale(1)}33%{transform:translate(40px,-30px) scale(1.05)}66%{transform:translate(-30px,25px) scale(.95)}}.home-hero-grid{position:relative;z-index:5;max-width:1280px;margin:0 auto;display:grid;grid-template-columns:1.1fr 1fr;gap:3rem;align-items:center;padding:5rem 5%}.home-hero-text{animation:fadeInUp .6s ease both}.hero-eyebrow{display:inline-flex;align-items:center;gap:.55rem;background:#ffffffb3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,137,79,.22);color:#1a1a2e;padding:7px 16px;border-radius:50px;font-size:.78rem;font-weight:500;margin-bottom:1.4rem;box-shadow:0 4px 14px #ff894f14}.dot-pulse{width:8px;height:8px;border-radius:50%;background:#ff894f;box-shadow:0 0 #ff894fb3;animation:dotPulse 2s infinite}@keyframes dotPulse{0%{box-shadow:0 0 #ff894fb3}70%{box-shadow:0 0 0 10px #ff894f00}to{box-shadow:0 0 #ff894f00}}.hero-mega-title{font-family:Inter,sans-serif;font-size:clamp(1.9rem,3.8vw,3.2rem);font-weight:900;line-height:1.1;color:#0f1729;letter-spacing:-.5px;margin-bottom:1.4rem;max-width:580px}.grad-orange{background:linear-gradient(135deg,#ff894f,#ffcb61 60%,#ff894f);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;background-size:200% auto;animation:gradShift 6s ease infinite}.grad-blue{background:linear-gradient(135deg,#4a9fd9,#77bef0 60%,#4a9fd9);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;background-size:200% auto;animation:gradShift 7s ease infinite}@keyframes gradShift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.hero-mega-subtitle{font-size:1.05rem;color:#4a5568;max-width:560px;line-height:1.7;margin-bottom:2rem}.hero-cta-row{display:flex;gap:.9rem;margin-bottom:2.4rem;flex-wrap:wrap}.btn-mega-primary{display:inline-flex;align-items:center;gap:.6rem;background:linear-gradient(135deg,#ff894f,#ff6b2c);color:#fff;border:none;padding:.95rem 1.8rem;border-radius:50px;font-family:Inter,sans-serif;font-weight:600;font-size:.95rem;cursor:pointer;box-shadow:0 10px 30px #ff894f59,inset 0 1px #ffffff40;transition:transform .25s,box-shadow .25s}.btn-mega-primary:hover{transform:translateY(-2px);box-shadow:0 15px 40px #ff894f73,inset 0 1px #ffffff4d}.btn-mega-primary .arrow-icon{transition:transform .25s;display:inline-block}.btn-mega-primary:hover .arrow-icon{transform:translate(4px)}.btn-mega-ghost{display:inline-flex;align-items:center;background:#ffffffb3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#1a1a2e;border:1px solid rgba(20,30,50,.12);padding:.95rem 1.6rem;border-radius:50px;font-family:Inter,sans-serif;font-weight:600;font-size:.95rem;cursor:pointer;transition:all .25s}.btn-mega-ghost:hover{background:#fff;border-color:#ff894f;color:#ff894f;transform:translateY(-2px)}.hero-trust-row{display:grid;grid-template-columns:repeat(4,1fr);gap:.8rem;max-width:560px}.trust-pill{display:flex;align-items:center;gap:.7rem;background:#ffffffa6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.9);border-radius:14px;padding:.7rem .85rem;box-shadow:0 4px 14px #141e320d;transition:transform .25s}.trust-pill:hover{transform:translateY(-3px)}.trust-pill-icon{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:1.05rem;flex-shrink:0}.trust-num{font-family:Inter,sans-serif;font-weight:700;font-size:1.05rem;color:#0f1729;line-height:1;white-space:nowrap}.trust-label{font-size:.7rem;color:#5a6478;margin-top:2px;white-space:nowrap}.home-hero-visual{position:relative;height:460px;animation:fadeInUp .8s ease both}.device-cluster{position:relative;width:100%;height:100%}.float-card{position:absolute;background:#fff;border:1px solid rgba(20,30,50,.06);border-radius:18px;padding:1rem 1.2rem;display:flex;align-items:center;gap:.8rem;cursor:pointer;box-shadow:0 20px 50px #141e321a,0 4px 12px #141e320a;transition:transform .3s,box-shadow .3s;animation:floatY 6s ease-in-out infinite;z-index:3}.float-card:hover{transform:translateY(-6px) scale(1.03);box-shadow:0 30px 70px #141e3226}.fc-icon{font-size:1.8rem}.fc-title{color:#0f1729;font-weight:700;font-size:.95rem;line-height:1}.fc-meta{color:#5a6478;font-size:.78rem;margin-top:4px}.fc-pc{top:5%;left:0%;animation-delay:0s;border-top:3px solid #FF894F}.fc-phone{top:0%;right:5%;animation-delay:-1.5s;border-top:3px solid #EA5B6F}.fc-tv{bottom:12%;left:4%;animation-delay:-3s;border-top:3px solid #77BEF0}.fc-circuit{bottom:6%;right:0%;animation-delay:-4.5s;border-top:3px solid #FFCB61}@keyframes floatY{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}.hero-center-orb{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:240px;height:240px;z-index:2}.hero-center-orb svg{width:100%;height:100%;filter:drop-shadow(0 12px 32px rgba(255,137,79,.2))}.back-button-row{margin:1.4rem 0 .8rem;display:flex}.back-button{display:inline-flex;align-items:center;gap:.55rem;background:#fff;color:#1a1a2e;border:1px solid rgba(20,30,50,.1);border-radius:50px;padding:.55rem 1.05rem .55rem .85rem;font-family:Inter,sans-serif;font-size:.88rem;font-weight:600;cursor:pointer;box-shadow:0 4px 12px #141e320f;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease,background .2s ease}.back-button:hover{transform:translate(-3px);border-color:#ff894f;background:#fff7f1;box-shadow:0 8px 20px #ff894f2e}.back-button:focus-visible{outline:2px solid #FF894F;outline-offset:2px}.back-button-arrow{font-size:1.1rem;line-height:1;color:#ff894f;transition:transform .2s ease}.back-button:hover .back-button-arrow{transform:translate(-2px)}.hero-photo-frame{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:78%;aspect-ratio:16 / 11;border-radius:22px;overflow:hidden;background:#fff;border:1px solid rgba(20,30,50,.08);box-shadow:0 30px 70px #141e322e,0 8px 24px #ff894f1f;z-index:1;animation:floatY 8s ease-in-out infinite}.hero-photo-img{width:100%;height:100%;object-fit:cover;display:block}.hero-photo-shade{position:absolute;inset:0;background:radial-gradient(circle at 80% 20%,rgba(255,137,79,.12) 0%,transparent 55%),linear-gradient(180deg,transparent 50%,rgba(15,23,41,.4) 100%);pointer-events:none}.hero-photo-tag{position:absolute;left:14px;bottom:14px;display:inline-flex;align-items:center;gap:.5rem;background:#fffffff2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#0f1729;font-size:.74rem;font-weight:600;padding:6px 12px;border-radius:50px;box-shadow:0 6px 18px #141e322e}.page-hero-v2{position:relative;padding:0;min-height:360px;background:radial-gradient(ellipse 70% 50% at 20% 30%,rgba(255,203,97,.16),transparent 60%),radial-gradient(ellipse 60% 50% at 85% 40%,rgba(119,190,240,.18),transparent 60%),linear-gradient(180deg,#fbfdff,#f4f8fd);overflow:hidden}.page-hero-grid{position:relative;z-index:5;max-width:1280px;margin:0 auto;display:grid;grid-template-columns:1.4fr 1fr;gap:2.5rem;align-items:center;padding:4rem 5%}.page-hero-text{animation:fadeInUp .6s ease both}.page-hero-text .hero-title{font-family:Inter,sans-serif;font-size:clamp(1.9rem,4vw,3.2rem);font-weight:900;color:#0f1729;line-height:1.08;margin:.6rem 0 1rem;letter-spacing:-.5px;text-shadow:none}.page-hero-text .hero-subtitle{color:#4a5568;font-size:1rem;line-height:1.7;max-width:580px;margin-bottom:1.4rem}.page-hero-meta{display:flex;gap:.6rem;flex-wrap:wrap}.meta-chip{display:inline-flex;align-items:center;gap:.45rem;background:#ffffffbf;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(20,30,50,.06);color:#1a1a2e;padding:6px 12px;border-radius:50px;font-size:.78rem;font-weight:500}.mc-dot{width:7px;height:7px;border-radius:50%;display:inline-block}.page-hero-visual{position:relative;display:flex;justify-content:center;animation:fadeInUp .8s ease both}.visual-frame{position:relative;width:100%;max-width:360px;background:#fff;border:1px solid rgba(20,30,50,.06);border-radius:22px;padding:1.5rem;box-shadow:0 25px 60px #141e321a,0 6px 20px #141e320d;animation:floatY 7s ease-in-out infinite}.visual-frame .hero-illustration{position:static;transform:none;width:100%;opacity:1;animation:none;filter:none}.visual-frame-photo{position:relative;width:100%;max-width:440px;padding:0;overflow:hidden;aspect-ratio:4 / 3;border-radius:22px;background:linear-gradient(135deg,#ff894f14,#77bef014)}.visual-photo{width:100%;height:100%;object-fit:cover;display:block}.visual-photo-shade{position:absolute;inset:0;background:linear-gradient(180deg,transparent 60%,rgba(15,23,41,.2) 100%),radial-gradient(circle at 80% 20%,rgba(255,137,79,.1) 0%,transparent 55%);pointer-events:none}.stats-bar .stat-item{position:relative;overflow:hidden;border-radius:16px;padding:1.6rem 1.2rem;background:#fff;border:1px solid rgba(20,30,50,.06);box-shadow:0 8px 24px #141e320a;transition:transform .25s,box-shadow .25s}.stats-bar .stat-item:hover{transform:translateY(-4px);box-shadow:0 14px 36px #141e3214}.stats-bar .stat-item:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#ff894f,#ffcb61,#77bef0,#ea5b6f)}.category-card-v2{position:relative;overflow:hidden;background:#fff;border:1px solid rgba(20,30,50,.06);border-radius:18px;cursor:pointer;transition:all .3s;display:flex;flex-direction:column;box-shadow:0 6px 18px #141e320a}.category-card-v2:hover{transform:translateY(-6px);border-color:var(--cat-color);box-shadow:0 18px 44px var(--cat-tint-strong)}.cc-image-wrap{position:relative;width:100%;aspect-ratio:4 / 3;overflow:hidden;background:var(--cat-tint)}.cc-image{width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s cubic-bezier(.2,.7,.2,1)}.category-card-v2:hover .cc-image{transform:scale(1.06)}.cc-image-shade{position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(15,23,41,.3) 100%),radial-gradient(circle at top right,var(--cat-tint-strong) 0%,transparent 55%);pointer-events:none}.cc-image-badge{position:absolute;top:12px;left:12px;width:42px;height:42px;border-radius:12px;background:#ffffffeb;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;font-size:1.3rem;box-shadow:0 6px 18px #141e322e;border-top:3px solid var(--cat-color)}.cc-body{padding:1.2rem 1.3rem 1.3rem;display:flex;flex-direction:column;gap:.5rem;flex:1}.cc-title{color:#0f1729;font-weight:700;font-size:1.05rem;font-family:Inter,sans-serif}.cc-excerpt{color:#5a6478;font-size:.82rem;line-height:1.55;flex:1}.cc-footer{display:flex;align-items:center;justify-content:space-between;padding-top:.8rem;margin-top:.4rem;border-top:1px solid rgba(20,30,50,.06)}.cc-count{font-size:.75rem;color:var(--cat-color);font-weight:600;letter-spacing:.5px;text-transform:uppercase}.cc-arrow{color:var(--cat-color);font-size:1.1rem;font-weight:700;transition:transform .25s}.category-card-v2:hover .cc-arrow{transform:translate(4px)}.tutorial-card-v2{background:#fff;border:1px solid rgba(20,30,50,.06);border-radius:18px;overflow:hidden;cursor:pointer;transition:all .3s;display:flex;flex-direction:column;box-shadow:0 6px 18px #141e320a}.tutorial-card-v2:hover{transform:translateY(-6px);box-shadow:0 22px 48px #141e321f}.tcv2-photo{position:relative;width:100%;aspect-ratio:16 / 10;overflow:hidden}.tcv2-photo img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s cubic-bezier(.2,.7,.2,1)}.tutorial-card-v2:hover .tcv2-photo img{transform:scale(1.06)}.tcv2-photo-shade{position:absolute;inset:0;background:linear-gradient(180deg,transparent 50%,rgba(15,23,41,.45) 100%);pointer-events:none}.tcv2-cat-chip{position:absolute;top:12px;left:12px;background:#fffffff2;color:#0f1729;font-size:.7rem;font-weight:700;letter-spacing:.6px;text-transform:uppercase;padding:5px 11px;border-radius:50px;z-index:2;box-shadow:0 4px 12px #141e322e;display:inline-flex;align-items:center;gap:.35rem}.tcv2-body{padding:1.3rem 1.3rem 1.4rem;display:flex;flex-direction:column;gap:.5rem;flex:1}.tcv2-title{color:#0f1729;font-weight:700;font-size:1.02rem;line-height:1.4}.tcv2-excerpt{color:#5a6478;font-size:.84rem;line-height:1.6;flex:1}.tcv2-link{display:inline-flex;align-items:center;gap:.4rem;color:#ff894f;font-weight:600;font-size:.85rem;margin-top:.4rem}.tutorial-card-v2:hover .tcv2-link .arrow-icon{transform:translate(4px)}.arrow-icon{display:inline-block;transition:transform .25s}.journey-grid{position:relative;display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem;margin:2rem 0 3rem}.journey-line{position:absolute;top:50px;left:8%;right:8%;height:2px;background-image:linear-gradient(90deg,#ff894f,#ffcb61,#77bef0 66%,#ea5b6f);opacity:.25;z-index:0;border-radius:2px}.journey-step{position:relative;z-index:2;background:#fff;border:1px solid rgba(20,30,50,.06);border-radius:18px;padding:1.5rem 1.2rem 1.4rem;text-align:center;box-shadow:0 8px 22px #141e320d;transition:transform .25s,box-shadow .25s,border-color .25s}.journey-step:hover{transform:translateY(-6px);border-color:var(--js-color);box-shadow:0 18px 40px var(--js-tint)}.js-number{position:absolute;top:-16px;left:50%;transform:translate(-50%);width:36px;height:36px;border-radius:50%;background:var(--js-color);color:#fff;display:flex;align-items:center;justify-content:center;font-family:Inter,sans-serif;font-weight:800;font-size:.75rem;letter-spacing:.5px;box-shadow:0 6px 16px var(--js-tint);border:3px solid #fff}.js-icon-wrap{width:60px;height:60px;border-radius:16px;background:var(--js-tint);display:flex;align-items:center;justify-content:center;margin:1rem auto}.js-icon{font-size:1.8rem;line-height:1}.js-title{color:#0f1729;font-weight:700;font-size:1rem;margin-bottom:.5rem}.js-desc{color:#5a6478;font-size:.84rem;line-height:1.6}.mastery-grid{display:flex;flex-direction:column;gap:2rem;margin:2rem 0 3rem}.mastery-card{display:grid;grid-template-columns:1fr 1.1fr;gap:0;background:#fff;border:1px solid rgba(20,30,50,.06);border-radius:24px;overflow:hidden;cursor:pointer;box-shadow:0 10px 28px #141e320f;transition:transform .3s,box-shadow .3s}.mastery-card:hover{transform:translateY(-4px);box-shadow:0 24px 50px #141e321f}.mastery-card.reverse{grid-template-columns:1.1fr 1fr}.mastery-card.reverse .mc-visual{order:2}.mastery-card.reverse .mc-text{order:1}.mc-visual{position:relative;min-height:320px;display:flex;align-items:center;justify-content:center;background:var(--mc-tint);overflow:hidden}.mc-visual-bg{position:absolute;inset:0;background:radial-gradient(circle at 30% 30%,var(--mc-color),transparent 55%),radial-gradient(circle at 75% 70%,var(--mc-accent),transparent 50%);opacity:.25}.mc-pattern{position:absolute;inset:0;background-image:repeating-linear-gradient(45deg,transparent 0 14px,rgba(255,255,255,.5) 14px 15px),repeating-linear-gradient(-45deg,transparent 0 14px,rgba(255,255,255,.4) 14px 15px);opacity:.4;pointer-events:none}.mc-icon-orb{position:relative;z-index:2;width:140px;height:140px;border-radius:50%;background:#fff;border:4px solid rgba(255,255,255,.85);display:flex;align-items:center;justify-content:center;font-size:4rem;box-shadow:0 20px 50px #141e322e,0 0 0 12px var(--mc-tint),0 0 0 13px #fff6}.mc-icon-orb span{line-height:1}.mc-corner-chip{position:absolute;top:1.2rem;left:1.2rem;background:#ffffffe6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:var(--mc-color);font-size:.7rem;font-weight:700;letter-spacing:1px;padding:5px 12px;border-radius:50px;z-index:3}.mc-text{padding:2.5rem 2.2rem;display:flex;flex-direction:column;justify-content:center;gap:.6rem}.mc-eyebrow{display:inline-flex;align-items:center;gap:.5rem;color:var(--mc-color);font-size:.72rem;font-weight:700;letter-spacing:1.5px;text-transform:uppercase}.mc-eyebrow-dot{width:6px;height:6px;border-radius:50%;background:var(--mc-color)}.mc-title{font-family:Inter,sans-serif;font-size:clamp(1.4rem,2.2vw,1.8rem);font-weight:800;color:#0f1729;line-height:1.2;margin:.2rem 0 .4rem;letter-spacing:-.3px}.mc-desc{color:#4a5568;line-height:1.7;font-size:.92rem;margin-bottom:.6rem}.mc-bullets{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:1fr 1fr;gap:.55rem}.mc-bullets li{display:flex;align-items:flex-start;gap:.55rem;color:#1a1a2e;font-size:.86rem;line-height:1.45}.mc-check{color:var(--mc-color);font-weight:800;flex-shrink:0;margin-top:1px}.mc-link{display:inline-flex;align-items:center;gap:.4rem;color:var(--mc-color);font-weight:600;font-size:.88rem;margin-top:1rem}.mastery-card:hover .mc-link .arrow-icon{transform:translate(5px)}.skill-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin:2rem 0 3rem}.skill-card{position:relative;background:#fff;border:1px solid rgba(20,30,50,.06);border-radius:20px;padding:1.8rem 1.6rem 2rem;display:flex;flex-direction:column;gap:.6rem;box-shadow:0 8px 22px #141e320d;transition:transform .25s,box-shadow .25s,border-color .25s;overflow:hidden}.skill-card:before{content:"";position:absolute;top:0;left:0;right:0;height:5px;background:var(--sk-color)}.skill-card:after{content:"";position:absolute;top:-40px;right:-40px;width:160px;height:160px;border-radius:50%;background:var(--sk-tint);opacity:.6;pointer-events:none}.skill-card:hover{transform:translateY(-6px);border-color:var(--sk-color);box-shadow:0 22px 48px var(--sk-tint)}.sk-bars{display:flex;gap:4px;margin-bottom:.4rem;position:relative;z-index:2}.sk-bar{width:28px;height:6px;border-radius:4px;background:#141e3214}.sk-bar.on{background:var(--sk-color)}.sk-label{color:var(--sk-color);font-size:.72rem;font-weight:800;letter-spacing:1.8px;text-transform:uppercase;position:relative;z-index:2}.sk-title{font-family:Inter,sans-serif;color:#0f1729;font-size:1.2rem;font-weight:700;margin:.3rem 0 .5rem;line-height:1.3;position:relative;z-index:2}.sk-desc{color:#5a6478;font-size:.86rem;line-height:1.6;margin-bottom:.6rem;position:relative;z-index:2}.sk-bullets{list-style:none;padding:0;margin:0 0 1rem;position:relative;z-index:2}.sk-bullets li{display:flex;align-items:center;gap:.6rem;color:#1a1a2e;font-size:.85rem;padding:.3rem 0}.sk-dot{width:6px;height:6px;border-radius:50%;background:var(--sk-color);flex-shrink:0}.sk-cta{align-self:flex-start;background:var(--sk-color);color:#fff;border:none;padding:.7rem 1.2rem;border-radius:50px;font-family:Inter,sans-serif;font-weight:600;font-size:.85rem;cursor:pointer;display:inline-flex;align-items:center;gap:.4rem;margin-top:auto;position:relative;z-index:2;box-shadow:0 6px 16px var(--sk-tint);transition:transform .25s,box-shadow .25s}.sk-cta:hover{transform:translateY(-2px)}.sk-cta:hover .arrow-icon{transform:translate(4px)}.tools-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin:2rem 0 3rem}.tool-card{background:#fff;border:1px solid rgba(20,30,50,.06);border-radius:16px;padding:1.4rem 1.1rem 1.2rem;text-align:center;display:flex;flex-direction:column;gap:.45rem;align-items:center;box-shadow:0 6px 16px #141e320a;transition:transform .25s,box-shadow .25s,border-color .25s}.tool-card:hover{transform:translateY(-5px);border-color:var(--tl-color);box-shadow:0 16px 38px var(--tl-tint)}.tl-icon-wrap{width:56px;height:56px;border-radius:14px;background:var(--tl-tint);display:flex;align-items:center;justify-content:center;margin-bottom:.4rem}.tl-icon{font-size:1.7rem;line-height:1}.tl-name{color:#0f1729;font-weight:700;font-size:.95rem;font-family:Inter,sans-serif}.tl-desc{color:#5a6478;font-size:.78rem;line-height:1.5}.dyk-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:1.2rem;margin:2rem 0 3rem}.dyk-card{position:relative;background:linear-gradient(135deg,#ffffff 0%,var(--dyk-tint) 100%);border:1px solid var(--dyk-color);border-radius:18px;padding:1.5rem 1.4rem;display:flex;flex-direction:column;gap:.5rem;box-shadow:0 6px 18px #141e320a;transition:transform .25s,box-shadow .25s;border-left:4px solid var(--dyk-color)}.dyk-card:hover{transform:translateY(-4px);box-shadow:0 18px 40px #141e3214}.dyk-icon{font-size:1.8rem;line-height:1;filter:drop-shadow(0 4px 10px rgba(0,0,0,.05))}.dyk-label{color:var(--dyk-color);font-size:.7rem;font-weight:800;letter-spacing:1.5px;text-transform:uppercase}.dyk-fact{color:#1a1a2e;font-size:.92rem;line-height:1.6;font-weight:500;margin:0}.kb-section{display:grid;grid-template-columns:.9fr 1.1fr;gap:3rem;align-items:center;margin:2rem 0 3rem;background:linear-gradient(135deg,#fff,#fbfdff);border:1px solid rgba(20,30,50,.06);border-radius:24px;padding:2.5rem;box-shadow:0 10px 30px #141e320d}.kb-text h2{margin:.5rem 0 1rem}.kb-text p{color:#4a5568;line-height:1.7;margin-bottom:1.2rem}.kb-highlights{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.7rem}.kb-highlights li{display:flex;align-items:flex-start;gap:.7rem;color:#1a1a2e;font-size:.9rem;line-height:1.55}.kb-highlights strong{color:#0f1729;font-weight:700}.kb-hi-dot{width:9px;height:9px;border-radius:50%;flex-shrink:0;margin-top:6px}.kb-bars{display:flex;flex-direction:column;gap:.85rem}.kb-row{display:grid;grid-template-columns:130px 1fr 36px;gap:.8rem;align-items:center}.kb-label{display:flex;align-items:center;gap:.5rem;color:#1a1a2e;font-weight:600;font-size:.88rem}.kb-icon{font-size:1.05rem}.kb-bar{position:relative;height:12px;border-radius:50px;background:var(--kb-tint);overflow:hidden}.kb-fill{position:absolute;inset:0;background:linear-gradient(90deg,var(--kb-color) 0%,var(--kb-color) 100%);border-radius:50px;width:0;animation:kbFill 1.4s cubic-bezier(.2,.8,.2,1) forwards}@keyframes kbFill{0%{width:0}}.kb-num{font-family:Inter,sans-serif;color:var(--kb-color);font-weight:700;font-size:.95rem;text-align:right}.why-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.2rem;margin:2rem 0 3rem}.why-card{display:flex;gap:1.2rem;align-items:flex-start;background:#fff;border:1px solid rgba(20,30,50,.06);border-radius:18px;padding:1.6rem 1.5rem;box-shadow:0 6px 18px #141e320a;transition:transform .25s,box-shadow .25s,border-color .25s;border-left:4px solid var(--wy-color)}.why-card:hover{transform:translateY(-4px);box-shadow:0 18px 40px var(--wy-tint)}.wy-icon-wrap{width:52px;height:52px;border-radius:14px;background:var(--wy-tint);display:flex;align-items:center;justify-content:center;flex-shrink:0}.wy-icon{font-size:1.6rem}.wy-title{color:#0f1729;font-weight:700;font-size:1.05rem;margin-bottom:.4rem}.wy-desc{color:#5a6478;font-size:.88rem;line-height:1.65;margin:0}.mission-layout{display:grid;grid-template-columns:1.1fr 1fr;gap:2.5rem;margin:1.5rem 0 3rem;align-items:start}.mission-text p{color:#4a5568;line-height:1.85;margin-bottom:1.1rem}.mission-checks{display:grid;grid-template-columns:1fr;gap:.7rem}.mission-check-card{display:flex;gap:.8rem;align-items:flex-start;background:#fff;border:1px solid rgba(20,30,50,.06);border-radius:12px;padding:.9rem 1rem;transition:transform .2s,box-shadow .2s}.mission-check-card:hover{transform:translate(4px);box-shadow:0 8px 20px #141e320f}.mc-emoji{font-size:1.3rem;line-height:1.2;flex-shrink:0}.mc-card-title{color:#0f1729;font-weight:600;font-size:.9rem;margin-bottom:.2rem}.mc-card-desc{color:#5a6478;font-size:.8rem;line-height:1.5}.final-cta{position:relative;margin:3rem 0 2rem;border-radius:28px;padding:4rem 3rem;overflow:hidden;text-align:center;background:linear-gradient(135deg,#fff7ee,#f0f7fd,#fff0f3);border:1px solid rgba(20,30,50,.06)}.final-cta-bg{position:absolute;inset:0;background:radial-gradient(ellipse 50% 50% at 20% 30%,rgba(255,137,79,.15),transparent 60%),radial-gradient(ellipse 50% 50% at 80% 70%,rgba(119,190,240,.18),transparent 60%),radial-gradient(ellipse 40% 40% at 50% 100%,rgba(234,91,111,.12),transparent 60%);pointer-events:none}.final-cta-content{position:relative;z-index:2}.final-cta-eyebrow{display:inline-flex;align-items:center;gap:.55rem;background:#fffc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,137,79,.18);color:#1a1a2e;padding:7px 16px;border-radius:50px;font-size:.78rem;font-weight:500;margin-bottom:1.4rem;box-shadow:0 4px 14px #ff894f14}.final-cta-title{font-family:Inter,sans-serif;font-size:clamp(1.8rem,3.5vw,2.6rem);font-weight:800;color:#0f1729;margin-bottom:.8rem;line-height:1.15}.final-cta-desc{color:#4a5568;font-size:1rem;line-height:1.7;max-width:560px;margin:0 auto 2rem}.final-cta-row{display:flex;gap:.8rem;justify-content:center;flex-wrap:wrap}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.mesh-blob,.float-card,.dot-pulse,.visual-frame,.hero-orb,.grad-orange,.grad-blue{animation:none!important}.hero-particles{display:none!important}}@media(max-width:1024px){.home-hero-grid{grid-template-columns:1fr;gap:3rem;padding:3.5rem 5%}.home-hero-visual{height:380px;max-width:520px;margin:0 auto;width:100%}.page-hero-grid{grid-template-columns:1fr;gap:2rem;padding:3rem 5%}.page-hero-visual{max-width:460px;margin:0 auto}.visual-frame-photo{max-width:460px}.journey-grid{grid-template-columns:repeat(2,1fr)}.journey-line{display:none}.mastery-card,.mastery-card.reverse{grid-template-columns:1fr}.mastery-card.reverse .mc-visual,.mastery-card.reverse .mc-text{order:0}.mc-visual{min-height:220px}.mc-icon-orb{width:110px;height:110px;font-size:3rem}.skill-grid{grid-template-columns:1fr}.tools-grid{grid-template-columns:repeat(3,1fr)}.dyk-strip{grid-template-columns:repeat(2,1fr)}.kb-section{grid-template-columns:1fr;gap:2rem;padding:2rem}.why-grid{grid-template-columns:1fr}.mission-layout{grid-template-columns:1fr;gap:2rem}.final-cta{padding:3rem 1.5rem}}@media(max-width:900px){.content-layout{grid-template-columns:1fr}.toc-sidebar{position:static;max-height:none}.footer-top{grid-template-columns:1fr 1fr}.stats-bar{grid-template-columns:repeat(2,1fr)}.hero-illustration{display:none}.visual-frame .hero-illustration{display:block}.home-hero-v2{min-height:auto}.home-hero-visual{height:340px}.float-card{padding:.7rem .9rem}.fc-icon{font-size:1.4rem}.fc-title{font-size:.85rem}.fc-meta{font-size:.7rem}.hero-center-orb{width:180px;height:180px}.hero-trust-row{grid-template-columns:repeat(2,1fr)}}@media(max-width:700px){.nav-links,.nav-search-btn{display:none}.hamburger{display:flex}.footer-top{grid-template-columns:1fr}.stats-bar{grid-template-columns:1fr 1fr}.hero-banner{padding-bottom:0;min-height:380px}.hero-content{position:relative;padding:3rem 6% 2rem}h1{font-size:2rem}h2{font-size:1.6rem}.hero-stats{flex-wrap:wrap;gap:.8rem}.mega-menu{display:none!important}.hero-mega-title{font-size:2.2rem}.home-hero-grid{padding:2.5rem 5% 3rem}.home-hero-visual{height:280px}.float-card{padding:.6rem .7rem;gap:.5rem;border-radius:14px}.fc-icon{font-size:1.2rem}.fc-title{font-size:.78rem}.fc-meta{font-size:.66rem}.hero-center-orb{width:140px;height:140px}.btn-mega-primary,.btn-mega-ghost{padding:.85rem 1.4rem;font-size:.9rem}.page-hero-text .hero-title{font-size:1.9rem}.fc-tv,.fc-circuit{display:none}.fc-pc{top:8%;left:0}.fc-phone{bottom:8%;right:0;top:auto}.journey-grid{grid-template-columns:1fr;gap:1.8rem}.tools-grid{grid-template-columns:repeat(2,1fr)}.dyk-strip{grid-template-columns:1fr}.kb-row{grid-template-columns:100px 1fr 30px;gap:.5rem}.kb-label{font-size:.78rem}.mc-text{padding:1.5rem 1.3rem}.mc-bullets{grid-template-columns:1fr}.mission-check-card{padding:.8rem}.final-cta{padding:2.5rem 1.2rem;border-radius:20px}.final-cta-row .btn-mega-ghost,.final-cta-row .btn-mega-primary{padding:.7rem 1.1rem;font-size:.85rem}}@media(max-width:480px){.stats-bar,.footer-top{grid-template-columns:1fr}.hero-title{font-size:1.7rem}.hero-mega-title{font-size:1.85rem}.hero-trust-row{grid-template-columns:1fr 1fr}.float-card{padding:.5rem .6rem}.fc-meta{display:none}.home-hero-visual{height:240px}.hero-center-orb{width:120px;height:120px}}.home-hero-v3{position:relative;padding:3rem 0 0;overflow:hidden;min-height:720px;isolation:isolate}.home-hero-v3 .hero-bg{position:absolute;inset:0;pointer-events:none;z-index:0}.home-hero-v3 .hero-particles{position:absolute;inset:0;opacity:.55}.home-hero-v3 .hero-grid-overlay{position:absolute;inset:0;background-image:linear-gradient(rgba(20,30,50,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(20,30,50,.045) 1px,transparent 1px);background-size:56px 56px;mask-image:radial-gradient(ellipse 80% 60% at 50% 30%,#000 30%,transparent 80%);-webkit-mask-image:radial-gradient(ellipse 80% 60% at 50% 30%,#000 30%,transparent 80%)}.aurora{position:absolute;border-radius:50%;filter:blur(80px);opacity:.55;mix-blend-mode:multiply;will-change:transform}.aurora-1{width:620px;height:620px;left:-180px;top:-120px;background:radial-gradient(circle,#ffcb61,#ffcb6100 65%);animation:aurora-drift-1 22s ease-in-out infinite alternate}.aurora-2{width:540px;height:540px;right:-120px;top:-80px;background:radial-gradient(circle,#77bef0,#77bef000 65%);animation:aurora-drift-2 26s ease-in-out infinite alternate}.aurora-3{width:480px;height:480px;left:24%;bottom:-160px;background:radial-gradient(circle,#ff894f,#ff894f00 65%);opacity:.42;animation:aurora-drift-3 30s ease-in-out infinite alternate}.aurora-4{width:420px;height:420px;right:18%;bottom:-120px;background:radial-gradient(circle,#ea5b6f,#ea5b6f00 65%);opacity:.32;animation:aurora-drift-4 28s ease-in-out infinite alternate}@keyframes aurora-drift-1{0%{transform:translate(0) scale(1)}to{transform:translate(60px,40px) scale(1.1)}}@keyframes aurora-drift-2{0%{transform:translate(0) scale(1)}to{transform:translate(-50px,30px) scale(1.08)}}@keyframes aurora-drift-3{0%{transform:translate(0) scale(1)}to{transform:translate(40px,-40px) scale(1.12)}}@keyframes aurora-drift-4{0%{transform:translate(0) scale(1)}to{transform:translate(-30px,-30px) scale(1.06)}}.hh3-noise{position:absolute;inset:0;background-image:radial-gradient(rgba(20,30,50,.18) 1px,transparent 1px);background-size:3px 3px;opacity:.05;pointer-events:none}.hh3-grid{position:relative;z-index:2;max-width:1280px;margin:0 auto;padding:1rem 2rem 2.5rem;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:3.5rem;align-items:center}.hh3-text{position:relative}.hh3-eyebrow{display:inline-flex;align-items:center;gap:.6rem;background:#ffffffd9;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(20,30,50,.08);padding:.45rem .95rem;border-radius:999px;font-size:.72rem;font-weight:700;letter-spacing:.08em;color:#1a1a2e;margin-bottom:1.5rem;box-shadow:0 4px 16px #141e320d}.hh3-pulse{width:8px;height:8px;border-radius:50%;background:#ff894f;position:relative}.hh3-pulse:after{content:"";position:absolute;inset:-4px;border-radius:50%;background:#ff894f66;animation:hh3-pulse 2s ease-out infinite}@keyframes hh3-pulse{0%{transform:scale(.5);opacity:1}to{transform:scale(2);opacity:0}}.hh3-eyebrow-label{color:#ff894f}.hh3-eyebrow-divider{width:4px;height:4px;border-radius:50%;background:#141e3240}.hh3-eyebrow-meta{color:#4a5568;font-weight:600;letter-spacing:.04em;text-transform:none;font-size:.72rem}.hh3-headline{font-family:Inter,sans-serif;color:#1a1a2e;margin:0 0 1.4rem;text-wrap:balance}.hh3-line{display:block}.hh3-phrase{display:inline-block;white-space:nowrap;margin-right:.18em}.hh3-line-primary{font-size:clamp(2.1rem,4vw,3.6rem);font-weight:800;line-height:1.05;letter-spacing:-.035em}.hh3-line-tagline{font-size:clamp(1.25rem,2.3vw,1.85rem);font-weight:600;line-height:1.25;letter-spacing:-.015em;color:#4a5568;margin-top:.55rem}.hh3-master{display:inline-block;position:relative;padding:0 .02em .05em}.hh3-master-mark{position:absolute;left:-2%;right:-2%;bottom:-.08em;width:104%;height:.32em;pointer-events:none;stroke-dasharray:240;stroke-dashoffset:240;animation:hh3-draw 1.4s ease-out .4s forwards}@keyframes hh3-draw{to{stroke-dashoffset:0}}.hh3-em{font-style:italic;font-weight:700;font-family:Inter,sans-serif;color:#1a1a2e;position:relative;padding:0 .08em;display:inline-block}.hh3-em:before{content:"";position:absolute;left:.05em;right:.05em;bottom:.08em;height:.36em;background:#77bef061;border-radius:3px;z-index:-1;transform:skew(-6deg)}.hh3-grad{background:linear-gradient(120deg,#ff894f,#ea5b6f 60%,#ffcb61);background-size:200% 200%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:hh3-grad-shift 8s ease-in-out infinite}@keyframes hh3-grad-shift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.hh3-subtitle{font-size:1.05rem;line-height:1.65;color:#4a5568;max-width:540px;margin:0 0 2rem;font-weight:400}.hh3-cmd{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:.9rem;background:#fff;border:1.5px solid rgba(20,30,50,.08);border-radius:16px;padding:.65rem .7rem .65rem 1.1rem;box-shadow:0 18px 50px -20px #141e322e,0 4px 12px #141e320d;transition:border-color .25s ease,box-shadow .25s ease,transform .25s ease;max-width:580px;margin-bottom:1.4rem;position:relative;overflow:hidden}.hh3-cmd:before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent 30%,rgba(255,137,79,.06) 50%,transparent 70%);background-size:200% 100%;background-position:-100% 0;pointer-events:none;transition:background-position .6s ease}.hh3-cmd:hover,.hh3-cmd:focus-within{border-color:#ff894f66;box-shadow:0 22px 60px -20px #ff894f47,0 4px 12px #141e320f;transform:translateY(-2px)}.hh3-cmd:hover:before,.hh3-cmd:focus-within:before{background-position:100% 0}.hh3-cmd-icon{width:38px;height:38px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#ff894f1f,#ea5b6f1f);color:#ff894f;border-radius:10px}.hh3-cmd-text{min-width:0}.hh3-cmd-label{font-size:.68rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#8a96a8;margin-bottom:.15rem}.hh3-cmd-rotator{position:relative;height:1.5em;font-size:.98rem;font-weight:600;color:#1a1a2e;overflow:hidden}.hh3-rot{position:absolute;left:0;right:0;top:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;opacity:0;transform:translateY(8px);animation:hh3-rotate 12s ease-in-out infinite}.hh3-rot-1{animation-delay:0s}.hh3-rot-2{animation-delay:3s}.hh3-rot-3{animation-delay:6s}.hh3-rot-4{animation-delay:9s}@keyframes hh3-rotate{0%{opacity:0;transform:translateY(8px)}4%,21%{opacity:1;transform:translateY(0)}25%,to{opacity:0;transform:translateY(-8px)}}.hh3-cmd-btn{display:inline-flex;align-items:center;gap:.5rem;background:linear-gradient(135deg,#ff894f,#ea5b6f);color:#fff;border:none;border-radius:10px;padding:.7rem 1.15rem;font-family:Inter,sans-serif;font-size:.92rem;font-weight:700;cursor:pointer;white-space:nowrap;box-shadow:0 8px 18px -6px #ff894f80;transition:transform .2s ease,box-shadow .2s ease,filter .2s ease;position:relative;z-index:1}.hh3-cmd-btn:hover{transform:translateY(-1px);box-shadow:0 12px 24px -6px #ff894f99;filter:brightness(1.05)}.hh3-cmd-arrow{font-weight:700;transition:transform .2s ease}.hh3-cmd-btn:hover .hh3-cmd-arrow{transform:translate(3px)}.hh3-chips{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;max-width:580px}.hh3-chips-label{display:inline-flex;align-items:center;gap:.4rem;font-size:.78rem;font-weight:700;color:#8a96a8;letter-spacing:.05em;text-transform:uppercase;margin-right:.3rem}.hh3-chips-spark{color:#ff894f;font-size:.85rem}.hh3-chip{background:#ffffffd9;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(20,30,50,.08);border-radius:999px;padding:.4rem .85rem;font-family:Inter,sans-serif;font-size:.82rem;font-weight:600;color:#2d3748;cursor:pointer;transition:all .2s ease}.hh3-chip:hover{background:#ff894f;color:#fff;border-color:#ff894f;transform:translateY(-2px);box-shadow:0 6px 14px -4px #ff894f80}.hh3-visual{position:relative;height:540px}.hh3-deck{position:absolute;inset:0;perspective:1400px}.hh3-polaroid{position:absolute;background:#fff;border-radius:14px;padding:10px 10px 12px;box-shadow:0 22px 60px -22px #141e3273,0 8px 16px -8px #141e322e;cursor:pointer;transition:transform .45s cubic-bezier(.22,1,.36,1),box-shadow .35s ease;width:240px;will-change:transform}.hh3-polaroid-frame{width:100%;aspect-ratio:1 / 1;border-radius:8px;overflow:hidden;background:#f5f7fb;position:relative}.hh3-polaroid-frame img{width:100%;height:100%;object-fit:cover;display:block}.hh3-polaroid-tag{display:flex;align-items:center;justify-content:space-between;padding:.55rem .3rem .1rem}.hh3-polaroid-cat{font-family:Inter,sans-serif;font-size:.92rem;font-weight:700;color:#1a1a2e}.hh3-polaroid-meta{font-size:.72rem;font-weight:600;color:#ff894f}.hh3-p-back{top:4%;right:12%;transform:rotate(8deg) translateZ(0);z-index:1}.hh3-p-mid-l{top:16%;left:2%;transform:rotate(-9deg) translateZ(0);z-index:2}.hh3-p-mid-r{top:42%;right:8%;transform:rotate(6deg) translateZ(0);z-index:3}.hh3-p-front{top:48%;left:22%;transform:rotate(-4deg) translateZ(0);z-index:4}.hh3-polaroid:hover{transform:rotate(0) translateY(-10px) scale(1.04);box-shadow:0 32px 70px -20px #141e328c,0 10px 20px -8px #ff894f40;z-index:10}.hh3-p-back{animation:hh3-float-a 8s ease-in-out infinite}.hh3-p-mid-l{animation:hh3-float-b 9s ease-in-out infinite}.hh3-p-mid-r{animation:hh3-float-a 7.5s ease-in-out infinite reverse}.hh3-p-front{animation:hh3-float-b 8.5s ease-in-out infinite reverse}.hh3-polaroid:hover{animation-play-state:paused}@keyframes hh3-float-a{0%,to{transform:rotate(var(--r,8deg)) translateY(0)}50%{transform:rotate(var(--r,8deg)) translateY(-10px)}}@keyframes hh3-float-b{0%,to{transform:rotate(var(--r,-9deg)) translateY(0)}50%{transform:rotate(var(--r,-9deg)) translateY(-10px)}}.hh3-p-back{--r: 8deg}.hh3-p-mid-l{--r: -9deg}.hh3-p-mid-r{--r: 6deg}.hh3-p-front{--r: -4deg}.hh3-orb{position:absolute;top:-10px;left:-8px;width:130px;height:130px;z-index:6;background:#fff;border-radius:50%;box-shadow:0 12px 32px -10px #141e3240;filter:drop-shadow(0 14px 30px rgba(255,137,79,.3));animation:hh3-orb-bob 6s ease-in-out infinite}@keyframes hh3-orb-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.hh3-orb svg{width:100%;height:100%;display:block}.hh3-orb-ring{stroke-dasharray:326.7;stroke-dashoffset:326.7;animation:hh3-orb-fill 2.4s cubic-bezier(.22,1,.36,1) .6s forwards}@keyframes hh3-orb-fill{to{stroke-dashoffset:26}}.hh3-orb-text{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.hh3-orb-num{font-family:Inter,sans-serif;font-size:1.65rem;font-weight:800;color:#1a1a2e;line-height:1;letter-spacing:-.02em}.hh3-orb-num span{color:#ff894f}.hh3-orb-label{font-size:.65rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#8a96a8;margin-top:.2rem}.hh3-free{position:absolute;bottom:4%;right:0;display:inline-flex;align-items:center;gap:.65rem;background:#1a1a2e;color:#fff;padding:.65rem 1rem .65rem .75rem;border-radius:14px;box-shadow:0 18px 40px -16px #141e3299;z-index:6;animation:hh3-orb-bob 7s ease-in-out infinite reverse}.hh3-free-icon{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#ffcb61,#ff894f);color:#1a1a2e;border-radius:8px;font-size:1.05rem;font-weight:800}.hh3-free-text{font-family:Inter,sans-serif;font-size:.92rem;font-weight:700;line-height:1.1}.hh3-free-sub{font-size:.7rem;font-weight:500;color:#ffffffa6;margin-top:.1rem}.hh3-dots{position:absolute;bottom:16%;left:-2%;width:90px;height:90px;background-image:radial-gradient(#1a1a2e 1.5px,transparent 1.5px);background-size:12px 12px;opacity:.18;z-index:0;border-radius:8px}.hh3-marquee{position:relative;z-index:2;margin-top:1.5rem;padding:1.2rem 0 1.6rem;border-top:1px solid rgba(20,30,50,.06);border-bottom:1px solid rgba(20,30,50,.06);background:#ffffff8c;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}.hh3-marquee-fade{display:none}.hh3-marquee-track{display:inline-flex;gap:.7rem;white-space:nowrap;animation:hh3-marquee 50s linear infinite;will-change:transform}@keyframes hh3-marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.hh3-marquee:hover .hh3-marquee-track,.hh3-marquee:focus-within .hh3-marquee-track{animation-play-state:paused}@media(prefers-reduced-motion:reduce){.hh3-marquee-track,.aurora,.hh3-grad,.hh3-p-back,.hh3-p-mid-l,.hh3-p-mid-r,.hh3-p-front,.hh3-orb,.hh3-free,.hh3-pulse:after,.hh3-rot,.hh3-master-mark,.hh3-orb-ring{animation:none!important}.hh3-rot-1{opacity:1;transform:none}}.hh3-marq-chip{display:inline-flex;align-items:center;gap:.5rem;background:#fff;border:1px solid rgba(20,30,50,.08);border-radius:999px;padding:.55rem 1.1rem;font-family:Inter,sans-serif;font-size:.88rem;font-weight:600;color:#1a1a2e;cursor:pointer;flex-shrink:0;transition:all .2s ease}.hh3-marq-chip:hover{background:#fff7f1;border-color:#ff894f;color:#ff894f;transform:translateY(-2px)}.hh3-marq-icon{font-size:1rem}@media(max-width:1100px){.hh3-grid{grid-template-columns:1fr;gap:2rem;padding:1rem 1.5rem 2rem}.hh3-visual{height:480px;max-width:540px;margin:0 auto}.hh3-headline{font-size:clamp(2.2rem,5.5vw,3.4rem)}}@media(max-width:720px){.home-hero-v3{min-height:auto;padding-top:2rem}.hh3-grid{padding:.5rem 1rem 1.5rem;gap:1.5rem}.hh3-headline{font-size:clamp(2rem,9vw,2.8rem)}.hh3-subtitle{font-size:.95rem;margin-bottom:1.4rem}.hh3-cmd{grid-template-columns:auto 1fr;padding:.6rem .6rem .6rem .9rem;gap:.7rem}.hh3-cmd-btn{grid-column:1 / -1;justify-content:center;padding:.65rem 1rem}.hh3-cmd-icon{width:34px;height:34px}.hh3-cmd-rotator{font-size:.88rem}.hh3-visual{height:380px}.hh3-polaroid{width:180px;padding:8px 8px 10px}.hh3-polaroid-cat{font-size:.82rem}.hh3-polaroid-meta{font-size:.66rem}.hh3-orb{width:100px;height:100px}.hh3-orb-num{font-size:1.3rem}.hh3-free{padding:.5rem .8rem .5rem .6rem}.hh3-free-text{font-size:.82rem}.hh3-free-sub{font-size:.65rem}.hh3-marq-chip{font-size:.82rem;padding:.45rem .9rem}.hh3-chips-label{display:none}.aurora{filter:blur(60px)}}@media(max-width:480px){.hh3-visual{height:340px}.hh3-polaroid{width:150px}.hh3-p-back{top:6%;right:6%}.hh3-p-mid-l{top:14%;left:2%}.hh3-p-mid-r{top:42%;right:0%}.hh3-p-front{top:50%;left:14%}.hh3-orb{width:86px;height:86px}.hh3-orb-num{font-size:1.1rem}.hh3-orb-label{font-size:.55rem}.hh3-free{bottom:2%}.hh3-eyebrow{font-size:.65rem;padding:.4rem .75rem}.hh3-eyebrow-meta{display:none}}.quick-summary-box{background:#77bef014;border-left:4px solid var(--accent-blue);border-radius:6px;padding:1.25rem 1.5rem;margin:0 0 2rem}.quick-summary-label{color:var(--accent-blue)}.quick-summary-title{margin:.5rem 0 1rem;font-size:1.3rem}.quick-summary-text{margin:0;line-height:1.7}.quick-summary-list{margin:0;padding-left:1.25rem;line-height:1.7}.card-link-reset{text-decoration:none;color:inherit;display:block}.footer-policy-link{margin:0 .5rem}.policy-color-swatch-orange{background:#ff894f}.policy-color-swatch-blue{background:#77bef0}.policy-color-swatch-yellow{background:#ffcb61}.section-color-blue{color:var(--accent-blue)}.section-color-orange{color:var(--accent)}.link-reset{text-decoration:none;color:inherit}.link-no-underline{text-decoration:none}.link-inline-block{text-decoration:none;display:inline-block}.tutorial-card-hero-bg,.blog-card-img-bg{background:linear-gradient(135deg,#0f1e38,#1a3060);display:flex;align-items:center;justify-content:center}.tutorial-card-hero-svg{width:100%;height:100%;opacity:.4}.blog-card-img-svg{width:100%;opacity:.4}.blog-card-img-photo{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s ease}.blog-card:hover .blog-card-img-photo{transform:scale(1.05)}.glossary-jump-btn{background:var(--card-bg);border:1px solid var(--card-border);color:var(--accent);border-radius:6px;padding:.3rem .7rem;cursor:pointer;font-family:Inter,sans-serif;font-size:.85rem;transition:border-color .2s,background .2s}.glossary-jump-btn:hover{border-color:var(--primary)}.muted{color:var(--text-muted)}.muted-sm{color:var(--text-muted);font-size:.85rem}.muted-xs{color:var(--text-muted);font-size:.82rem}.muted-md{color:var(--text-muted);font-size:.88rem}.muted-lg{color:var(--text-muted);font-size:.9rem}.text-light-bold{color:var(--text-light);font-weight:600}.label-row{color:var(--text-light);font-weight:600;font-size:.9rem;margin-bottom:.3rem}.label-pink{color:var(--accent-pink);font-weight:700}.label-accent{color:var(--accent);font-weight:600;margin-bottom:.3rem}.icon-md{font-size:1.5rem}.icon-lg{font-size:2rem;margin-bottom:.5rem}.icon-xl{font-size:2rem;margin-bottom:.8rem}.h2-tight{font-size:1.6rem;margin-bottom:1rem}.h3-tight{margin-bottom:.5rem}.feature-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:10px;padding:1.2rem}.feature-card-12{background:var(--card-bg);border:1px solid var(--card-border);border-radius:12px;padding:1.2rem}.feature-card-row{background:var(--card-bg);border:1px solid var(--card-border);border-radius:10px;padding:1.2rem;display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.path-chip{background:#77bef01a;border:1px solid rgba(119,190,240,.2);padding:.3rem .8rem;border-radius:20px;font-size:.82rem;cursor:pointer}.callout-pink{display:flex;gap:.8rem;align-items:flex-start;background:#ea5b6f14;border:1px solid rgba(234,91,111,.2);border-radius:8px;padding:1rem}.skip-link{position:absolute;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden}.skip-link:focus{position:static;width:auto;height:auto;left:auto;padding:.5rem 1rem;background:var(--primary);color:#fff}.flex-center{display:flex;align-items:center}.flex-center-gap{display:flex;align-items:center;gap:.5rem}.mobile-nav-close-pos{position:absolute;top:1rem;right:1.5rem}.icon-btn-close{background:none;border:none;color:var(--text-light);font-size:1.5rem;cursor:pointer}.search-prefix{color:var(--text-muted);margin-right:.5rem}.cookie-policy-link{color:var(--accent);cursor:pointer;text-decoration:none}.cookie-policy-link:hover{text-decoration:underline}.milestone-grad-1{background:linear-gradient(135deg,#ff894f,#ffcb61);color:#fff}.milestone-grad-2{background:linear-gradient(135deg,#ea5b6f,#ff894f);color:#fff}.milestone-grad-3{background:linear-gradient(135deg,#77bef0,#ffcb61);color:#fff}.milestone-grad-4{background:linear-gradient(135deg,#77bef0,#ea5b6f);color:#fff}.col-w-32{width:32%}.col-w-40{width:40%}.col-w-60{width:60%}.theme-blue{--cat-color: #77BEF0;--cat-tint: rgba(119,190,240,.1);--cat-tint-strong: rgba(119,190,240,.22);--kb-color: #77BEF0;--kb-tint: rgba(119,190,240,.12);--tl-color: #77BEF0;--tl-tint: rgba(119,190,240,.12);--dyk-color: #77BEF0;--dyk-tint: rgba(119,190,240,.1);--mc-color: #77BEF0;--mc-accent: #77BEF0;--mc-tint: rgba(119,190,240,.08);--js-color: #77BEF0;--js-tint: rgba(119,190,240,.12);--sk-color: #77BEF0;--sk-tint: rgba(119,190,240,.12);--wy-color: #77BEF0;--wy-tint: rgba(119,190,240,.12)}.theme-orange{--cat-color: #FF894F;--cat-tint: rgba(255,137,79,.1);--cat-tint-strong: rgba(255,137,79,.22);--kb-color: #FF894F;--kb-tint: rgba(255,137,79,.12);--tl-color: #FF894F;--tl-tint: rgba(255,137,79,.12);--dyk-color: #FF894F;--dyk-tint: rgba(255,137,79,.1);--mc-color: #FF894F;--mc-accent: #FF894F;--mc-tint: rgba(255,137,79,.08);--js-color: #FF894F;--js-tint: rgba(255,137,79,.12);--sk-color: #FF894F;--sk-tint: rgba(255,137,79,.12);--wy-color: #FF894F;--wy-tint: rgba(255,137,79,.12)}.theme-pink{--cat-color: #EA5B6F;--cat-tint: rgba(234,91,111,.1);--cat-tint-strong: rgba(234,91,111,.22);--kb-color: #EA5B6F;--kb-tint: rgba(234,91,111,.12);--tl-color: #EA5B6F;--tl-tint: rgba(234,91,111,.12);--dyk-color: #EA5B6F;--dyk-tint: rgba(234,91,111,.1);--mc-color: #EA5B6F;--mc-accent: #EA5B6F;--mc-tint: rgba(234,91,111,.08);--js-color: #EA5B6F;--js-tint: rgba(234,91,111,.12);--sk-color: #EA5B6F;--sk-tint: rgba(234,91,111,.12);--wy-color: #EA5B6F;--wy-tint: rgba(234,91,111,.12)}.theme-yellow{--cat-color: #FFCB61;--cat-tint: rgba(255,203,97,.1);--cat-tint-strong: rgba(255,203,97,.22);--kb-color: #FFCB61;--kb-tint: rgba(255,203,97,.12);--tl-color: #FFCB61;--tl-tint: rgba(255,203,97,.12);--dyk-color: #FFCB61;--dyk-tint: rgba(255,203,97,.1);--mc-color: #FFCB61;--mc-accent: #FFCB61;--mc-tint: rgba(255,203,97,.08);--js-color: #FFCB61;--js-tint: rgba(255,203,97,.12);--sk-color: #FFCB61;--sk-tint: rgba(255,203,97,.12);--wy-color: #FFCB61;--wy-tint: rgba(255,203,97,.12)}.tcv2-cat-chip{color:#fff}.cat-chip-pc{background:linear-gradient(135deg,#ff894f,#ffcb61)}.cat-chip-phone{background:linear-gradient(135deg,#ea5b6f,#ff894f)}.cat-chip-laptop{background:linear-gradient(135deg,#77bef0,#a5d3f3)}.cat-chip-tv{background:linear-gradient(135deg,#ea5b6f,#c44a5d)}.cat-chip-circuits{background:linear-gradient(135deg,#77bef0,#ffcb61)}.cat-chip-drivers{background:linear-gradient(135deg,#4a9fd9,#77bef0)}.cat-chip-default{background:linear-gradient(135deg,#77bef0,#ff894f)}.kb-w-100{width:100%}.kb-w-95{width:95%}.kb-w-90{width:90%}.kb-w-85{width:85%}.kb-w-80{width:80%}.kb-w-75{width:75%}.kb-w-70{width:70%}.kb-w-65{width:65%}.kb-w-60{width:60%}.kb-w-55{width:55%}.kb-w-50{width:50%}.kb-w-45{width:45%}.kb-w-40{width:40%}.kb-w-35{width:35%}.kb-w-32{width:32%}.kb-w-30{width:30%}.kb-w-25{width:25%}.kb-w-20{width:20%}.feature-card-soft{background:var(--card-bg);border:1px solid var(--card-border);border-radius:10px;padding:1rem}.feature-card-soft-row{background:var(--card-bg);border:1px solid var(--card-border);border-radius:10px;padding:1rem;display:flex;gap:.8rem}.callout-pink-box{display:flex;gap:.8rem;align-items:flex-start;background:#ea5b6f14;border:1px solid rgba(234,91,111,.2);border-radius:8px;padding:.8rem}.fundamentals-card{background:var(--card-bg);border-radius:12px;padding:1.2rem;text-align:center}.fundamentals-card.theme-orange{border:1px solid rgba(255,137,79,.2)}.fundamentals-card.theme-blue{border:1px solid rgba(119,190,240,.2)}.fundamentals-card.theme-yellow{border:1px solid rgba(255,203,97,.2)}.fundamentals-card.theme-pink{border:1px solid rgba(234,91,111,.2)}.fundamentals-card .fc-name{font-weight:700;font-size:1rem;margin:.4rem 0}.fundamentals-card.theme-orange .fc-name{color:#ff894f}.fundamentals-card.theme-blue .fc-name{color:#77bef0}.fundamentals-card.theme-yellow .fc-name{color:#ffcb61}.fundamentals-card.theme-pink .fc-name{color:#ea5b6f}.grid-3-1rem{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin:1.5rem 0}.grid-2-1rem{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin:1.5rem 0}.grid-2-3rem{display:grid;grid-template-columns:1fr 1fr;gap:3rem;margin:2rem 0}.grid-2-3rem-flat{display:grid;grid-template-columns:1fr 1fr;gap:3rem}.col-flex-stack{display:flex;flex-direction:column;gap:.8rem}.col-flex-stack-lg{display:flex;flex-direction:column;gap:1rem}.h2-section{font-size:1.6rem;margin:2rem 0 1rem}.h2-tight-block{font-size:1.6rem;margin-bottom:1.5rem}.h2-form{font-size:1.4rem;margin-bottom:1.5rem}.contact-aside-stack{margin-top:1.5rem;display:flex;flex-direction:column;gap:1rem}.feature-card-soft .label-accent-bold{color:var(--accent);font-weight:600;margin-bottom:.4rem}.muted-list{color:var(--text-muted)}.heading-mb-1{margin-bottom:1rem}.muted-mb-2{margin-bottom:2rem}.muted-mb-2-5{margin-bottom:2.5rem}.h2-mt-2{margin-top:2rem}.related-grid-mt-1{margin-top:1rem}.form-foot-note{font-size:.8rem;margin-top:.8rem}.muted-mb-3{margin-bottom:3rem}.h2-tight-section{font-size:1.4rem;margin:2rem 0 1rem}.lead-text{font-size:1.1rem}.glossary-jump-row{display:flex;gap:.5rem;flex-wrap:wrap}.grid-2-2rem{display:grid;grid-template-columns:1fr 1fr;gap:2rem}.how-to-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:12px;padding:1.5rem}.text-light-strong{color:var(--text-light)}