:root{--blue:#19639a;--blue-700:#124b76;--blue-900:#0d3554;--blue-50:#eef5fb;--blue-100:#d8e7f4;--orange:#ed804b;--orange-hover:#e0703a;--orange-600:#b8531f;--orange-50:#fdf2ec;--orange-100:#fbe1d4;--ink:#111827;--ink-800:#1f2937;--text:#1f2937;--muted:#4b5563;--soft:#6b7280;--line:#e5e7eb;--gray-50:#f9fafb;--gray-100:#f3f4f6;--page:#fff;--card:#fff;--dark:#111827;--dark-2:#1f2937;--r-sm:8px;--r:12px;--r-lg:18px;--sh:0 1px 2px #1118270d;--sh-md:0 12px 30px -14px #1118272e;--sh-lg:0 26px 60px -24px #11182747;--h:"Plus Jakarta Sans", system-ui, sans-serif;--b:"DM Sans", system-ui, sans-serif;--shell:1240px}html[data-theme=dark]{--blue:#4e9bd4;--blue-700:#7fbce8;--blue-900:#0b2438;--blue-50:#14293b;--blue-100:#1d3a52;--orange:#ed804b;--orange-hover:#f2915f;--orange-600:#f5a379;--orange-50:#2a1a12;--orange-100:#3d2418;--ink:#f3f4f6;--ink-800:#e5e7eb;--text:#e5e7eb;--muted:#b6bdc7;--soft:#98a1ae;--line:#2a323d;--gray-50:#151a21;--gray-100:#1c222b;--page:#0e1218;--card:#151a21;--dark:#080b10;--dark-2:#101620;--sh:0 1px 2px #0006;--sh-md:0 12px 30px -14px #0009;--sh-lg:0 26px 60px -24px #000000bf}html[data-theme=dark] body{background:var(--page)}html[data-theme=dark] img:not([src*=simpleicons]):not([src*=cropped-icon]){filter:brightness(.92)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--b);color:var(--text);background:var(--page);text-wrap:pretty;-webkit-font-smoothing:antialiased;margin:0}img,svg,video{max-width:100%;display:block}a{color:var(--blue);text-underline-offset:3px;text-decoration:none}a:hover{color:var(--blue-700)}button,input,select,textarea{font:inherit}:focus-visible{outline:2px solid var(--orange);outline-offset:2px}@keyframes ms-up{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}@keyframes ms-in{0%{opacity:0}to{opacity:1}}@keyframes ms-marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes ms-reel-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.3;transform:scale(.75)}}@keyframes ms-sweep{0%,to{opacity:.25;transform:translateY(0)}50%{opacity:1;transform:translateY(320px)}}@keyframes ms-scene{0%{opacity:0;transform:translateY(14px)scale(.985)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation:none!important}}h1,h2,h3,h4{font-family:var(--h);color:var(--ink);margin:0}.display{font-family:var(--h);letter-spacing:-.032em;color:var(--ink);margin:0 0 20px;font-size:clamp(34px,4.9vw,62px);font-weight:800;line-height:1.06}.h2{font-family:var(--h);letter-spacing:-.025em;color:var(--ink);margin:0 0 14px;font-size:clamp(28px,3.6vw,44px);font-weight:800;line-height:1.12}.h3{font-family:var(--h);color:var(--ink);margin:0 0 8px;font-size:20px;font-weight:700;line-height:1.3}.kicker{font-family:var(--h);letter-spacing:.14em;text-transform:uppercase;color:var(--orange-600);margin:0 0 14px;font-size:13px;font-weight:700}.kicker--blue{color:var(--blue);letter-spacing:.12em;font-size:11.5px}.lead{color:var(--muted);max-width:56ch;margin:0 0 26px;font-size:16.5px;line-height:1.7}.hero .lead{max-width:52ch;font-size:18px;line-height:1.72}.prose{color:var(--muted);max-width:68ch;font-size:16.5px;line-height:1.72}.prose p{margin:0 0 20px}.prose strong{color:var(--ink)}.muted{color:var(--soft)}.small{font-size:14px}.shell{width:100%;max-width:var(--shell);margin:0 auto;padding-inline:20px}.section{padding-block:clamp(52px,7vw,96px)}.section--tint{background:var(--gray-50);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.section--sunk{background:var(--blue-50);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.section--dark{background:var(--dark);color:#fff}.section--dark .h2,.section--dark h2,.section--dark h3{color:#fff}.section--dark .lead,.section--dark .prose{color:#ffffffb8}.section--dark .kicker{color:var(--orange)}.grid{gap:22px;display:grid}.grid--2{grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr))}.grid--3{grid-template-columns:repeat(auto-fit,minmax(min(100%,290px),1fr))}.grid--4{grid-template-columns:repeat(auto-fit,minmax(min(100%,210px),1fr))}.split{grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr));align-items:start;gap:clamp(32px,5vw,64px);display:grid}.sec-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:26px;margin-bottom:40px;display:flex}.btn{font-family:var(--h);border-radius:var(--r-sm);cursor:pointer;white-space:nowrap;border:1px solid #0000;align-items:center;gap:9px;padding:15px 26px;font-size:15.5px;font-weight:700;transition:transform .16s,background .16s,border-color .16s;display:inline-flex}.btn--primary{background:var(--orange);color:var(--ink);box-shadow:var(--sh-md)}.btn--primary:hover{background:var(--orange-hover);color:var(--ink);transform:translateY(-2px)}.btn--ghost{background:var(--card);color:var(--blue);border-color:var(--blue-100);font-weight:600}.btn--ghost:hover{background:var(--blue-50);border-color:var(--blue);color:var(--blue)}.btn--blue{background:var(--blue);color:#fff;font-weight:600}.btn--blue:hover{background:var(--blue-700);color:#fff}.btn--sm{padding:13px 20px;font-size:14.5px;font-weight:600}.btn--onDark{color:#fff;background:0 0;border-color:#fff6}.btn--onDark:hover{color:#fff;background:#ffffff1a}.link-arrow{font-family:var(--h);color:var(--orange-600);font-size:14px;font-weight:600}.link-arrow:hover{color:var(--orange-hover)}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--sh);flex-direction:column;transition:transform .2s,box-shadow .2s,border-color .2s;display:flex;overflow:hidden}.card--hover:hover{box-shadow:var(--sh-md);border-color:var(--blue-100);transform:translateY(-5px)}.card__media{object-fit:cover;background:var(--gray-100);width:100%;height:158px}.card__body{flex-direction:column;flex:1;gap:11px;padding:22px;display:flex}.card__foot{border-top:1px solid var(--gray-100);font-family:var(--h);color:var(--ink);justify-content:space-between;align-items:center;gap:12px;margin-top:auto;padding-top:16px;font-size:14px;font-weight:700;display:flex}.badge{background:var(--card);border:1px solid var(--line);box-shadow:var(--sh);color:var(--muted);border-radius:999px;align-items:center;gap:10px;padding:7px 16px 7px 8px;font-size:13px;font-weight:500;display:inline-flex}.badge__star{background:var(--orange-50);color:var(--orange-600);font-family:var(--h);letter-spacing:.06em;border-radius:999px;padding:4px 10px;font-size:11.5px;font-weight:700}.pill{border:1px solid var(--line);background:var(--gray-50);color:var(--muted);border-radius:999px;align-items:center;gap:6px;padding:6px 13px;font-size:13.5px;display:inline-flex}.tag-blue{background:var(--blue-50);color:var(--blue-700);font-family:var(--h);letter-spacing:.09em;text-transform:uppercase;border-radius:999px;padding:4px 10px;font-size:10.5px;font-weight:700}.tag-orange{background:var(--orange-50);color:var(--orange-600);font-family:var(--h);letter-spacing:.09em;text-transform:uppercase;border-radius:999px;padding:4px 10px;font-size:10.5px;font-weight:700}.mark{display:inline-block;position:relative}.mark>span:first-child{z-index:1;position:relative}.mark>i{background:var(--orange-100);z-index:0;border-radius:3px;height:12px;position:absolute;bottom:4px;left:-2px;right:-2px}.check{background:var(--blue-50);width:34px;height:34px;color:var(--blue);font-family:var(--h);border-radius:50%;flex:none;place-items:center;font-size:14px;font-weight:700;display:grid}.check--sm{width:22px;height:22px;font-size:12px}.crumbs{color:var(--soft);padding-block:18px 0;font-size:13.5px}.crumbs a{color:var(--soft)}.crumbs a:hover{color:var(--blue)}.crumbs span{opacity:.55;margin-inline:8px}.stat{font-family:var(--h);color:var(--ink);font-size:30px;font-weight:800;line-height:1}.stat+small{color:var(--soft);margin-top:7px;font-size:13.5px;display:block}.meter{background:var(--gray-100);border-radius:999px;height:8px;overflow:hidden}.meter>i{background:var(--orange);height:100%;display:block}.notice{border:1px solid var(--orange-100);background:var(--orange-50);border-radius:var(--r-lg);padding:24px}.utilbar{background:var(--dark-2);color:#ffffffbd;font-size:12.5px}.utilbar .shell{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:18px;padding-block:9px;display:flex}.utilbar b{color:#fff;font-weight:600}.utilbar a{color:inherit}.utilbar a.mail{color:var(--orange);font-weight:500}.utilbar__right{align-items:center;gap:18px;display:flex}.nav{z-index:60;background:var(--page);border-bottom:1px solid var(--line);position:sticky;top:0}.nav .shell{align-items:center;gap:12px;padding-block:12px;display:flex}.nav__brand{color:var(--ink);flex:none;align-items:center;gap:10px;display:flex}.nav__brand span{font-family:var(--h);letter-spacing:-.02em;font-size:22px;font-weight:800}.nav__links{align-items:center;gap:2px;margin-left:auto;display:flex}.nav__links a{border-radius:var(--r-sm);font-family:var(--h);color:var(--text);white-space:nowrap;padding:9px 11px;font-size:14.5px;font-weight:500}.nav__links a:hover{background:var(--gray-100);color:var(--text)}.nav__links a[data-active=true]{color:var(--blue)}.nav__icon{border:1px solid var(--line);background:var(--card);border-radius:var(--r-sm);cursor:pointer;width:40px;height:40px;color:var(--ink);flex:none;place-items:center;display:grid}.nav__icon:hover{border-color:var(--orange);color:var(--orange-600)}.nav__auth{flex:none;align-items:center;gap:8px;display:flex}.nav__login{border:1px solid var(--line);background:var(--card);color:var(--ink);border-radius:var(--r-sm);font-family:var(--h);cursor:pointer;white-space:nowrap;padding:10px 16px;font-size:14.5px;font-weight:600}.nav__login:hover{border-color:var(--blue);color:var(--blue)}.nav__signup{background:var(--orange);color:var(--ink);border-radius:var(--r-sm);font-family:var(--h);cursor:pointer;white-space:nowrap;box-shadow:var(--sh);border:0;padding:11px 18px;font-size:14.5px;font-weight:700;transition:background .16s,transform .16s}.nav__signup:hover{background:var(--orange-hover);color:var(--ink);transform:translateY(-1px)}.search{border:1px solid var(--line);background:var(--gray-50);border-radius:999px;flex:1;align-items:center;gap:10px;min-width:0;max-width:420px;padding:9px 14px;display:flex;position:relative}.search input{min-width:0;color:var(--ink);background:0 0;border:0;outline:none;flex:1;font-size:14.5px}.search:focus-within{border-color:var(--blue)}.nav__burger,.nav__mobile{display:none}@media (max-width:1080px){.search{display:none}}@media (max-width:900px){.utilbar__right .util-wa,.nav__links,.nav__auth{display:none}.nav__burger{display:grid}.nav__mobile{border-top:1px solid var(--line);background:var(--card);padding:14px 20px 20px;animation:.18s both ms-up;display:block}.nav__mobile a{border-radius:var(--r-sm);font-family:var(--h);color:var(--text);border-bottom:1px solid var(--gray-100);padding:13px 12px;font-size:16px;font-weight:600;display:block}}.footer{background:var(--dark);color:#ffffffb3;padding:clamp(44px,6vw,76px) 20px 24px}.footer a{color:inherit}.footer a:hover{color:var(--orange)}.footer__grid{max-width:var(--shell);grid-template-columns:repeat(auto-fit,minmax(min(100%,205px),1fr));gap:38px;margin:0 auto;display:grid}.footer h4{font-family:var(--h);letter-spacing:.12em;text-transform:uppercase;color:#fff;margin:0 0 18px;font-size:13px;font-weight:700}.footer__list{gap:11px;font-size:14.5px;display:grid}.footer__bottom{max-width:var(--shell);color:#ffffff8c;border-top:1px solid #ffffff1f;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:18px;margin:40px auto 0;padding-top:22px;font-size:13px;display:flex}.footer__social{border-radius:var(--r-sm);color:#fff;width:36px;height:36px;font-family:var(--h);border:1px solid #ffffff2e;place-items:center;font-size:12.5px;font-weight:600;display:grid}.footer__social:hover{background:var(--blue);border-color:var(--blue);color:#fff}.hero{background:linear-gradient(180deg, var(--blue-50), var(--page) 78%);border-bottom:1px solid var(--line);padding-block:clamp(40px,6vw,88px) clamp(36px,5vw,64px);position:relative;overflow:hidden}.hero__blob-a{pointer-events:none;background:radial-gradient(circle,#ed804b2e,#0000 66%);border-radius:50%;width:520px;height:520px;position:absolute;top:-140px;right:-120px}.hero__blob-b{pointer-events:none;background:radial-gradient(circle,#19639a29,#0000 66%);border-radius:50%;width:480px;height:480px;position:absolute;bottom:-180px;left:-140px}.hero .shell{position:relative}.field{flex-direction:column;gap:7px;margin-bottom:18px;display:flex}.field label{font-family:var(--h);color:var(--ink);font-size:14px;font-weight:600}.field input,.field textarea,.field select{font:inherit;color:var(--ink);background:var(--card);border:1px solid var(--line);border-radius:var(--r-sm);outline:none;width:100%;padding:12px 14px}.field input:focus,.field textarea:focus,.field select:focus{border-color:var(--blue)}.chips{flex-wrap:wrap;gap:10px;margin-bottom:20px;display:flex}.chip{border:1px solid var(--line);background:var(--card);color:var(--muted);font:inherit;cursor:pointer;border-radius:999px;padding:9px 18px;font-size:14px}.chip:hover{border-color:var(--blue-100);background:var(--blue-50)}.chip[aria-pressed=true]{border-color:var(--orange);background:var(--orange-50);color:var(--orange-600);font-family:var(--h);font-weight:700}.faq-item{border-bottom:1px solid var(--line)}.faq-item summary{cursor:pointer;font-family:var(--h);color:var(--ink);justify-content:space-between;gap:16px;padding:18px 0;font-size:17px;font-weight:700;list-style:none;display:flex}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary:after{content:"+";color:var(--orange-600)}.faq-item[open] summary:after{content:"–"}.faq-item p{color:var(--muted);margin:0 0 20px;font-size:15.5px;line-height:1.7}.chat-fab{z-index:60;background:var(--blue);color:#fff;cursor:pointer;width:56px;height:56px;box-shadow:var(--sh-lg);border:0;border-radius:50%;place-items:center;display:grid;position:fixed;bottom:22px;right:22px}.chat-fab:hover{background:var(--blue-700)}.steps{flex-direction:column;gap:20px;display:flex}.step{grid-template-columns:30px 1fr;gap:14px;display:grid}.step b{color:var(--blue);font-family:var(--h)}pre{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.hero-grid{grid-template-columns:minmax(0,1.08fr) minmax(0,1fr);align-items:center;gap:clamp(32px,5vw,64px);display:grid}@media (max-width:980px){.hero-grid{grid-template-columns:minmax(0,1fr)}}@keyframes ms-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.35;transform:scale(.8)}}@keyframes ms-float{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes ms-travel{0%{transform:translate(-110%)}to{transform:translate(400%)}}@keyframes ms-caret{0%,49%{opacity:1}50%,to{opacity:0}}@keyframes ms-bar{0%,to{transform-origin:bottom;transform:scaleY(.55)}50%{transform-origin:bottom;transform:scaleY(1)}}@keyframes ms-spin{to{transform:rotate(360deg)}}@keyframes ms-deploy{0%{width:8%}70%{width:92%}to{width:100%}}.svc-hero{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);align-items:center;gap:clamp(28px,4vw,56px);display:grid}.svc-body{grid-template-columns:minmax(0,2.2fr) minmax(260px,1fr);align-items:start;gap:clamp(28px,4vw,52px);display:grid}.svc-aside{gap:16px;min-width:0;display:grid;position:sticky;top:120px}@media (max-width:939px){.svc-hero,.svc-body{grid-template-columns:minmax(0,1fr)}.svc-aside{position:static}}.work-card:hover{box-shadow:var(--sh-lg);border-color:var(--blue-100)}.work-card:hover .work-shot{transform:translateY(calc(300px - 100%))}.post-card:hover{box-shadow:var(--sh-md);transform:translateY(-5px)}.post-card:hover .post-shot{transform:scale(1.04)}.guides-hero{grid-template-columns:minmax(0,1.55fr) minmax(300px,1fr);align-items:center;gap:clamp(28px,4vw,56px);display:grid}.guides-tool{grid-template-columns:minmax(0,1.1fr) minmax(300px,1fr);align-items:center;gap:clamp(28px,4vw,52px);display:grid}.guides-faq{grid-template-columns:minmax(0,1fr) minmax(0,1.5fr);align-items:start;gap:clamp(28px,4vw,56px);display:grid}@media (max-width:899px){.guides-hero,.guides-tool,.guides-faq{grid-template-columns:minmax(0,1fr)}}