:root{--mint:#00cc99;--blue:#0066cc;--pale:#f0f8ff;--ink:#152c42;--muted:#607080}*{box-sizing:border-box}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--ink);line-height:1.7}a{color:inherit;text-decoration:none}a:hover{color:var(--blue)}button,input{font:inherit}button,a,input{ -webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid #0066cc;outline-offset:5px}.wrap{width:min(1180px,90%);margin:auto}.nav{height:100px;display:flex;align-items:center;justify-content:space-between}.brand{font-size:23px;font-weight:800;letter-spacing:-1px;display:flex;align-items:center;gap:7px}.brand>span:not(.logo):not(.dot){font-weight:400}.logo{background:var(--blue);color:white;border-radius:14px;padding:5px 10px;margin-right:4px;font-family:monospace}.nav nav{display:flex;gap:35px;align-items:center;font-weight:600;font-size:14px}.button{display:inline-block;background:var(--blue);color:white;border-radius:30px;padding:13px 25px;font-weight:700;transition:transform .2s,background .2s}.button:hover{background:#004d99;color:white;transform:translateY(-2px)}.small{padding:10px 22px}.menu{display:none}.hero,.page-hero,.article-hero{background:linear-gradient(115deg,#0066cc 0%,#0089bb 48%,#00cc99 100%);color:white;position:relative;overflow:hidden}.hero{border-radius:0 0 75px 0}.hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;min-height:660px;padding:65px 0}.eyebrow{font-size:11px;font-weight:800;letter-spacing:2px;color:#00795c;margin-bottom:14px}.light{color:#cbfff1}h1,h2,h3{line-height:1.18;letter-spacing:-1.5px;margin:0 0 22px}h1{font-size:60px}h1 span{color:#b9ffe9}.hero p{max-width:490px;color:#e5f7ff;font-size:17px;margin-bottom:30px}.white{background:white;color:#005bad}.white:hover{background:#d1fff0;color:#005bad}.hero-link{margin-left:22px;color:white;font-size:14px}.hero-art{position:relative}.code-window{background:#102d45;border:1px solid #75dcca;border-radius:18px;box-shadow:0 35px 70px #004c7040;transform:rotate(-4deg);position:relative;z-index:1}.window-bar{border-bottom:1px solid #ffffff20;padding:18px;display:flex;gap:6px;align-items:center}.window-bar i{width:9px;height:9px;background:var(--mint);border-radius:50%}.window-bar i:nth-child(2){background:#ffcf7d}.window-bar i:nth-child(3){background:#f78689}.window-bar span{font:12px monospace;margin:auto;color:#aec6d7}.code-window pre{padding:28px;font-size:15px;line-height:1.9;color:#b4fff0;overflow:auto}.code-window pre span{color:#8eb0c7}.orbit{position:absolute;width:420px;height:420px;border:1px solid #ffffff45;border-radius:50%;top:-65px;left:40px}.floating{position:absolute;z-index:2;border-radius:30px;background:white;color:#004f86;padding:12px 20px;font-size:13px;font-weight:bold;box-shadow:0 12px 30px #003d6020}.label-one{top:-32px;right:-10px}.label-two{bottom:-24px;left:-15px;background:#c8ffeb}.section{padding-top:80px;padding-bottom:80px}.section-heading{display:flex;justify-content:space-between;gap:25px;align-items:center;margin-bottom:35px}h2{font-size:36px}.dot{color:var(--mint)}.cards{display:grid;grid-template-columns:1fr 1fr;gap:30px}.card{border:1px solid #dce8ef;border-radius:22px;overflow:hidden;transition:box-shadow .2s,transform .2s;background:white}.card:hover{transform:translateY(-4px);box-shadow:0 18px 40px #003e7210}.art{height:260px;display:flex;flex-direction:column;justify-content:space-between;padding:25px 30px;color:white;overflow:hidden}.art:hover{color:white}.cloud{background:linear-gradient(140deg,#0a467d,#0066cc)}.ai{background:linear-gradient(135deg,#00665e,#00b38b)}.art-label,.art-bottom{font:11px monospace;letter-spacing:2px;opacity:.85}.terminal{background:#08283dbb;border:1px solid #ffffff30;border-radius:12px;padding:14px 20px;margin:12px auto;width:90%;font:14px monospace;transform:rotate(-3deg)}.terminal>span{color:#73b3d7;letter-spacing:5px}.mint{color:#7fffd4}.diagram{display:flex;align-items:center;gap:3px;flex-direction:column;margin:5px}.diagram>span{padding:4px 22px;border:1px solid #ffffff66;border-radius:9px;font:12px monospace;background:#ffffff12}.diagram b{line-height:1.1}.diagram .answer{background:#c1ffeb;color:#005d4a}.card-body{padding:30px}.meta{font-size:12px;color:var(--muted);display:flex;align-items:center;gap:12px;margin-bottom:18px}.tag{background:#d8fff1;color:#006c52;padding:3px 12px;border-radius:20px;font-weight:bold}h3{font-size:25px;letter-spacing:-.7px}.card p{color:var(--muted);font-size:15px}.read{font-size:14px;color:var(--blue);font-weight:700;display:flex;justify-content:space-between;gap:20px}.callout{background:var(--pale);border-radius:25px;padding:45px;margin-bottom:80px;display:flex;align-items:center;justify-content:space-between;gap:45px}.callout h2{font-size:28px;margin-bottom:10px}.callout p{color:var(--muted);margin:0}.callout .button{flex-shrink:0}footer{border-top:1px solid #e1ebf1;padding:35px 0}.footer{display:flex;align-items:center;justify-content:space-between;gap:25px}.footer p{font-size:12px;color:var(--muted)}.page-hero{padding:70px 0;border-radius:0 0 60px 0}.page-hero h1{font-size:50px}.page-hero p{color:#e5fff8;font-size:18px}.filters{display:flex;justify-content:space-between;gap:25px;margin-bottom:35px;align-items:center}.filters>div{display:flex;gap:10px}.filter{border:1px solid #dae6ed;background:white;border-radius:30px;padding:10px 22px;cursor:pointer;color:var(--muted)}.filter.active{background:var(--blue);color:white;border-color:var(--blue)}.filter span{font-size:10px;opacity:.7;margin-left:6px}input{border:1px solid #dae6ed;border-radius:30px;padding:10px 20px;max-width:100%}.empty{text-align:center;padding:35px;color:var(--muted)}[hidden]{display:none!important}.about{display:grid;grid-template-columns:1fr 1.6fr;gap:70px;align-items:center}.about p{color:var(--muted)}.avatar{height:350px;border-radius:35px;background:linear-gradient(140deg,var(--pale),#b2ffe8);display:flex;align-items:center;justify-content:center;color:var(--blue);font:90px monospace;position:relative}.avatar span{position:absolute;bottom:35px;font:bold 13px Arial;border-radius:30px;background:white;padding:12px 20px}.skills{display:flex;flex-wrap:wrap;gap:10px;margin:25px 0}.skills span{background:var(--pale);color:var(--blue);padding:6px 14px;border-radius:20px;font-size:12px}.article-width{max-width:820px}.article-hero{padding:45px 0 65px}.article-hero h1{font-size:46px}.article-hero p{font-size:13px;color:#d8fff3}.back{display:inline-block;color:#e6fff6;margin-bottom:35px;font-size:14px}.article-layout{padding-top:55px;padding-bottom:70px}.prose{font-size:17px;color:#405566}.prose .lead{font-size:22px;color:var(--ink);line-height:1.65}.prose h2{font-size:28px;color:var(--ink);margin-top:45px}.prose pre{background:#102d45;color:#c5ffed;padding:25px;border-radius:15px;overflow:auto;font-size:14px;line-height:1.8}.prose p code{background:var(--pale);padding:3px 5px;color:#0055a5;border-radius:4px}.prose li{margin-bottom:14px}.note{background:#edfff8;border-left:4px solid var(--mint);padding:25px;border-radius:0 15px 15px 0;margin-top:30px}.note p{margin-bottom:0}.prose hr{border:0;border-top:1px solid #dce8ef;margin:45px 0 20px}.sample{font-size:13px;color:var(--muted)}.next{display:block;background:var(--pale);padding:30px;border-radius:18px;margin-top:30px}.next small{color:var(--blue);font-size:11px;font-weight:bold;letter-spacing:2px}.next h3{margin:15px 0 0}@media(max-width:800px){.hero-grid{grid-template-columns:1fr;gap:65px;padding:55px 0 80px}.hero-art{max-width:530px;width:95%;margin:auto}.hero h1{font-size:48px}.hero{border-radius:0 0 40px 0}.cards{grid-template-columns:1fr}.section{padding-top:50px;padding-bottom:50px}.section-heading{align-items:flex-start}h2{font-size:29px}.callout{flex-direction:column;align-items:flex-start;padding:30px;margin-bottom:50px;gap:25px}.footer{flex-direction:column;gap:5px;align-items:flex-start}.nav{height:80px;position:relative}.brand{font-size:19px}.menu{display:block;border:0;background:var(--pale);border-radius:10px;padding:5px 12px;color:var(--blue);font-size:22px}.nav nav{display:none;position:absolute;top:80px;left:-5.5%;width:111%;background:white;padding:25px;z-index:10;box-shadow:0 15px 20px #002a4515}.nav nav.open{display:flex;flex-direction:column;align-items:flex-start;gap:20px}.filters{flex-direction:column;align-items:flex-start}.filters input{width:100%}.page-hero h1{font-size:37px}.about{grid-template-columns:1fr;gap:35px}.avatar{height:240px}.article-hero h1{font-size:34px}.hero-link{display:inline-block;margin:20px}.code-window pre{font-size:12px;padding:18px}.orbit{width:280px;height:280px}.floating{font-size:11px}.meta{flex-wrap:wrap}.art{height:240px}.card-body{padding:24px}}@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}