:root{--ink:#0f1720;--muted:#5e6a74;--paper:#f6f4ef;--white:#fff;--line:#d9dfe4;--accent:#ff6b3d;--accent2:#4f6cff;--deep:#101b2d;--soft:#eef2ff;--shadow:0 18px 50px rgba(15,23,32,.10)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Arial,Helvetica,sans-serif;color:var(--ink);background:#fff;line-height:1.7}a{color:#233f9a}img{max-width:100%;height:auto;display:block}.skip{position:absolute;left:-9999px}.skip:focus{left:1rem;top:1rem;background:#fff;padding:.7rem 1rem;z-index:999}.top{background:#0b1220;color:#dfe7ff;text-align:center;padding:.45rem 1rem;font-size:.88rem}.nav{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.96);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}.navin{max-width:1200px;margin:auto;display:flex;align-items:center;gap:1rem;padding:.85rem 1rem}.brand{font-weight:900;font-size:1.32rem;letter-spacing:-.04em;text-decoration:none;color:var(--ink)}.brand span{color:var(--accent)}.links{margin-left:auto;display:flex;align-items:center;gap:.25rem}.links>a,.drop>button{padding:.65rem .76rem;border-radius:999px;border:0;background:none;font:inherit;font-weight:800;color:var(--ink);text-decoration:none;cursor:pointer}.links>a:hover,.drop>button:hover{background:#f0f3f8}.drop{position:relative}.menu{display:none;position:absolute;top:100%;left:0;min-width:280px;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow);border-radius:18px;padding:.5rem}.drop:hover .menu,.drop:focus-within .menu,.drop.open .menu{display:grid}.menu a{padding:.65rem .75rem;border-radius:10px;text-decoration:none;color:var(--ink)}.menu a:hover{background:#f6f7fa}.toggle{display:none;margin-left:auto;border:1px solid var(--line);background:#fff;padding:.55rem .7rem;border-radius:9px}.wrap{max-width:1160px;margin:auto;padding:0 1.25rem}.hero{padding:5.5rem 0 4.5rem;background:linear-gradient(135deg,#fff 0%,#f7f4ef 52%,#eef2ff 100%);overflow:hidden}.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:2.25rem;align-items:center}.eyebrow{text-transform:uppercase;letter-spacing:.14em;color:var(--accent);font-size:.78rem;font-weight:900}.hero h1,.article-hero h1{font-size:clamp(2.7rem,6vw,5.7rem);line-height:.98;letter-spacing:-.055em;margin:.4rem 0 1rem}.hero p{font-size:1.15rem;max-width:700px;color:#33414d}.buttons{display:flex;flex-wrap:wrap;gap:.65rem;margin-top:1.2rem}.btn{display:inline-block;text-decoration:none;padding:.85rem 1.05rem;border-radius:999px;background:var(--deep);color:#fff;font-weight:900}.btn.alt{background:var(--accent);color:#161616}.pattern-board{background:#0f1720;border-radius:28px;padding:1rem;box-shadow:0 32px 80px rgba(15,23,32,.18)}.pattern-head{display:flex;justify-content:space-between;align-items:center;color:#fff;padding:.3rem .3rem 1rem}.dots{display:flex;gap:.35rem}.dots i{width:10px;height:10px;border-radius:50%;background:#637083}.dots i:nth-child(1){background:#ff6b3d}.dots i:nth-child(2){background:#ffcf5c}.dots i:nth-child(3){background:#5fd293}.wire{display:grid;grid-template-columns:1.1fr .9fr;gap:.75rem}.wire-box{background:#182334;border:1px solid #263246;border-radius:18px;padding:1rem;color:#e7eefb;min-height:130px}.wire-box strong{display:block;color:#fff}.wire-box .bar{height:10px;border-radius:99px;background:#31405a;margin:.6rem 0}.wire-box .bar.short{width:65%}.wire-box.highlight{background:linear-gradient(135deg,#ff6b3d,#ff8b61);color:#1a1a1a}.wire-box.highlight strong{color:#161616}.section{padding:5rem 0}.soft{background:#f7f7f8}.dark{background:#101826;color:#eaf0f7}.dark h2,.dark h3{color:#fff}.lead{font-size:1.12rem;color:#4a5863;max-width:840px}.dark .lead{color:#c3cedc}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.15rem}.card{background:#fff;border:1px solid var(--line);border-radius:22px;padding:1.3rem;box-shadow:0 7px 24px rgba(15,23,32,.05)}.card h3{margin:.2rem 0 .5rem;font-size:1.2rem}.card a{font-weight:900;text-decoration:none}.num{font-size:.82rem;font-weight:900;letter-spacing:.1em;color:var(--accent)}.pattern-card{min-height:210px;position:relative;overflow:hidden}.pattern-card:after{content:"";position:absolute;width:120px;height:120px;border-radius:30px;right:-30px;bottom:-35px;background:linear-gradient(135deg,rgba(79,108,255,.12),rgba(255,107,61,.12));transform:rotate(18deg)}.shot-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.2rem}.shot{background:#fff;border:1px solid var(--line);border-radius:24px;overflow:hidden;box-shadow:var(--shadow)}.shot img{width:100%;height:330px;object-fit:cover;object-position:top}.shot .pad{padding:1.15rem 1.2rem 1.35rem}.shot h3{margin:.2rem 0 .45rem}.two{display:grid;grid-template-columns:1.08fr .92fr;gap:2rem;align-items:start}.check li{margin:.5rem 0}.note{border-left:4px solid var(--accent);background:#fff5f0;padding:1rem 1.15rem;border-radius:0 14px 14px 0}.article-hero{padding:4rem 0 2.6rem;background:linear-gradient(135deg,#f5f2ec,#eef2ff);border-bottom:1px solid var(--line)}.article-hero h1{font-size:clamp(2.4rem,5vw,4.5rem)}.article{max-width:860px}.article h2{font-size:2rem;letter-spacing:-.03em;margin-top:2.4rem}.article h3{margin-top:1.7rem}.related{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.mini-layout{border:1px solid var(--line);border-radius:18px;padding:1rem;background:#fff}.mini-layout .row{display:grid;grid-template-columns:1.2fr .8fr;gap:.6rem}.mini-layout .block{height:68px;background:#e9edf4;border-radius:10px}.mini-layout .block.hot{background:#ffd8ca}.mini-layout .block.blue{background:#dfe5ff}.footer{background:#0d1522;color:#d5dfeb;padding:3rem 0}.footer a{color:#fff}.footgrid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:2rem}.small{font-size:.92rem;color:var(--muted)}:focus-visible{outline:3px solid #ff9c7d;outline-offset:3px}@media(max-width:900px){.hero-grid,.two{grid-template-columns:1fr}.shot-grid{grid-template-columns:1fr}.shot img{height:280px}}@media(max-width:820px){.toggle{display:block}.links{display:none;position:absolute;left:0;right:0;top:100%;background:#fff;border-bottom:1px solid var(--line);padding:1rem;align-items:stretch}.links.open{display:grid}.drop>button{width:100%;text-align:left}.menu{position:static;box-shadow:none;border:0;padding-left:1rem}.grid,.related,.footgrid{grid-template-columns:1fr}.wire{grid-template-columns:1fr}.navin{position:relative}.hero{padding-top:4rem}.shot img{height:230px}}