@font-face{font-family:Exo;src:url('/assets/fonts/Exo-600-latin.woff2') format('woff2');font-weight:600;font-display:swap}
@font-face{font-family:Exo;src:url('/assets/fonts/Exo-400-latin.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:Kanit;src:url('/assets/fonts/Kanit-400-latin.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:Mono;src:url('/assets/fonts/JetBrainsMono-400-latin.woff2') format('woff2');font-display:swap}
:root{--paper:#f2e8d8;--ink:#1d1711;--muted:#6b5c50;--line:#cabbab;--orange:#df5d21;--bright:#f58b4b;--dark:#110d09;--teal:#a9cfcb;--white:#fff8ee;--font:Kanit,Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--font);font-size:18px;line-height:1.55}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button,a,input,select{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:default}button,input,select{border-radius:0}img{max-width:100%;display:block}h1,h2,h3,p,figure{margin:0}h1,h2,h3{font-family:Exo,Arial,sans-serif;font-weight:600;line-height:1.13;letter-spacing:-.04em}h1{font-size:clamp(44px,6.5vw,96px)}h2{font-size:clamp(30px,3.9vw,56px)}h3{font-size:25px}em{font-style:normal;color:#b74216}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #238b9a;outline-offset:5px}::selection{background:var(--bright);color:var(--ink)}.wrap{max-width:1320px;margin:auto;padding-left:40px;padding-right:40px}.mono,.eyebrow,kbd,.preview-strip{font-family:Mono,monospace;font-size:11px;line-height:1.6;letter-spacing:.045em}.eyebrow{text-transform:uppercase;display:flex;justify-content:space-between;gap:25px;padding:15px 0;border-top:1px solid var(--line)}.status-dot{display:inline-block;width:6px;height:6px;background:var(--bright);border-radius:50%;margin-right:7px}.preview-strip{background:var(--dark);color:var(--paper);padding:6px 40px;display:flex;align-items:center;gap:4px;font-size:9px;letter-spacing:.1em}.preview-strip>span:last-child{margin-left:auto;color:#c5b09a}.site-header{height:88px;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 40px;gap:30px;background:var(--paper);position:sticky;top:0;z-index:20}.brand{font-family:Exo,sans-serif;display:flex;align-items:center;gap:8px;font-size:21px;font-weight:600;letter-spacing:-.03em;white-space:nowrap}.brand img{border-radius:6px}.brand span{font-size:14px;color:var(--muted);margin-left:4px}.site-header nav{display:flex;gap:27px;margin-left:auto;font-size:15px}.site-header nav a{padding:9px 0;border-bottom:2px solid transparent}.site-header nav a:hover,.site-header nav a[aria-current]{border-color:var(--orange)}.search-open{border:1px solid var(--line);background:transparent;padding:9px 14px;font-size:13px;display:flex;align-items:center;gap:30px}.search-open kbd{font-size:12px;padding:1px 5px;border:1px solid var(--line)}.skip{position:fixed;top:0;left:0;z-index:100;transform:translateY(-120%);background:var(--ink);color:var(--paper);padding:14px}.skip:focus{transform:translateY(0)}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.button{display:inline-flex;justify-content:space-between;align-items:center;gap:30px;background:#b34217;color:#fff8ef;border:1px solid #b34217;font-family:var(--font);font-size:15px;padding:16px 22px;letter-spacing:0;transition:background .18s}.button:hover{background:#ac3f14;border-color:#ac3f14}.text-link{display:inline-block;border-bottom:1px solid currentColor;padding-bottom:5px;font-size:16px}.text-link:hover{color:#9a350e}.guide-hero{padding-top:30px}.hero-title{display:grid;grid-template-columns:minmax(0,1fr) 280px;align-items:end;gap:40px;padding:25px 0 36px}.hero-title h1{font-size:clamp(82px,11vw,160px);line-height:.91;letter-spacing:-.063em;position:relative}.hero-title h1>span{color:var(--orange)}.hero-title h1>i{display:inline-block;font-style:normal;color:var(--orange);margin-left:40px;font-size:.83em;font-weight:400}.hero-intro .mono{display:block;color:var(--muted);margin-bottom:24px}.hero-intro p{font-size:18px;line-height:1.6;margin-bottom:25px}.hero-reel{height:340px;position:relative;background:#100c08;overflow:hidden;border:8px solid var(--ink)}.hero-reel>img{width:100%;height:auto;min-height:100%;object-fit:cover;object-position:top;transform:translateY(-25px)}.reel-label{position:absolute;bottom:0;left:0;right:0;background:var(--ink);padding:13px 20px;color:var(--paper);font-family:Mono,monospace;font-size:10px;display:flex;align-items:center}.reel-label>span:last-child{margin-left:auto;color:var(--teal)}.route-index{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:0;margin-bottom:120px}.route-index a{border:1px solid var(--line);border-top:0;border-right:0;padding:27px 26px;position:relative;transition:background .2s}.route-index a:last-child{border-right:1px solid var(--line)}.route-index a:hover{background:#eadbc6}.route-index span{font-family:Mono,monospace;font-size:10px}.route-index h2{font-size:31px;margin:30px 0 12px}.route-index p{font-size:14px;color:var(--muted)}.route-index b{position:absolute;right:25px;top:24px;font-size:28px;font-weight:400}.feature-story{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:80px;align-items:center;margin-bottom:120px}.feature-story h2{font-size:clamp(40px,4.8vw,69px);margin:24px 0}.feature-story p{max-width:440px;margin-bottom:24px;color:var(--muted)}.bridge-art{display:flex;flex-direction:column;justify-content:center;position:relative;min-height:440px;background:#242015;color:#f7be64;overflow:hidden;border:1px solid #67523a;padding:38px}.bridge-art:before,.bridge-mini:before{content:'';position:absolute;inset:18px;border:1px solid #786140;pointer-events:none}.bridge-art:after{content:'→  →  →  →';position:absolute;right:20px;top:25px;font-family:Mono,monospace;font-size:11px;writing-mode:vertical-rl;letter-spacing:14px;color:#9a845e}.bridge-art>span{font-family:Exo,sans-serif;font-size:230px;line-height:1;font-weight:600;letter-spacing:-.09em;align-self:center}.bridge-art i{font-family:Mono,monospace;font-size:11px;letter-spacing:.15em;font-style:normal;text-align:center;position:relative;transform:rotate(0deg);background:var(--bright);color:var(--ink);padding:15px;max-width:270px;align-self:center;margin-top:-14px}.bridge-art small{position:absolute;bottom:28px;left:32px;font-family:Mono,monospace;font-size:9px;color:#cbbb9b}.dark-band{background:var(--dark);color:var(--paper);padding:80px 0 90px;--line:#47392e;--muted:#bdab97}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:30px;padding-bottom:32px}.section-heading h2{margin-top:15px}.comparison-row{display:grid;grid-template-columns:76px minmax(0,1fr) 180px 30px;align-items:center;gap:25px;border-top:1px solid var(--line);padding:25px 12px;transition:background .18s}.comparison-row:last-child{border-bottom:1px solid var(--line)}.comparison-row:hover{background:#dbc8ad30}.comparison-row h3{font-size:27px;letter-spacing:-.025em;margin-bottom:5px}.comparison-row p{font-size:14px;color:var(--muted);max-width:650px}.comparison-row>b{font-size:28px;font-weight:400}.vendor-mark{border:1px solid var(--line);width:64px;height:60px;display:flex;align-items:center;justify-content:center;font-family:Exo,sans-serif;font-size:29px;letter-spacing:-.08em}.category-label{font-family:Mono,monospace;font-size:10px;color:var(--muted)}.split-feature{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:80px;align-items:center;margin-top:105px;margin-bottom:110px}.split-feature h2{margin:22px 0}.split-feature p{color:var(--muted);max-width:440px;margin-bottom:28px}.learn-feature .capture{max-height:600px;overflow:hidden;border:12px solid var(--ink);background:var(--ink)}.learn-feature img{height:620px!important;object-fit:cover!important;object-position:top}.closing{padding-top:65px;padding-bottom:105px;border-top:1px solid var(--line)}.closing h2{font-size:clamp(45px,7vw,100px);margin:25px 0 35px}.hub-heading{padding-top:35px;padding-bottom:65px}.hub-heading h1{margin:30px 0}.heading-bottom{display:flex;align-items:end;justify-content:space-between;gap:35px}.heading-bottom p{max-width:570px;font-size:21px}.heading-bottom .mono{color:var(--muted)}.dek{font-size:22px;max-width:810px;line-height:1.55;color:var(--muted)}.filter-tabs{display:flex;flex-wrap:wrap;border-top:1px solid var(--line);padding:15px 0;gap:8px}.filter-tabs button,.route-buttons button{border:1px solid var(--line);background:transparent;padding:10px 17px;font-size:13px}.filter-tabs button.active{background:var(--ink);color:var(--paper);border-color:var(--ink)}.comparison-list{margin-bottom:100px}.migration-index{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0}.migration-index>a{padding:35px 32px 40px;border:1px solid var(--line);margin-right:-1px;margin-bottom:-1px}.migration-index>a:hover{background:#e8d8c1}.migration-index h2{font-size:33px;margin:25px 0 20px}.migration-index p{font-size:16px;color:var(--muted);margin-bottom:25px}.migration-index strong{font-size:14px;font-weight:400;border-bottom:1px solid var(--muted)}.migration-principle{padding-top:100px;padding-bottom:100px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:30px 70px}.migration-principle>.mono{grid-column:1/-1}.migration-principle p{font-size:21px;color:var(--muted);align-self:end}.editorial-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:70px 45px;margin-bottom:110px}.editorial-item img{width:100%;height:295px;object-fit:cover;background:var(--ink);border:7px solid var(--ink)}.editorial-item .mono{display:block;margin:22px 0 13px;color:var(--muted)}.editorial-item h2{font-size:33px;margin:12px 0 16px;max-width:550px}.editorial-item p{font-size:16px;color:var(--muted);max-width:550px}.editorial-item>b{font-size:14px;font-weight:400;display:inline-block;margin-top:18px;border-bottom:1px solid var(--ink)}.editorial-item:hover h2{color:#b74216}.bridge-mini{height:295px;background:#242015;color:#f7be64;display:flex;position:relative;align-items:center;justify-content:center;font-family:Exo;font-size:165px;font-weight:600;letter-spacing:-.1em}.bridge-mini span{position:absolute;right:16px;bottom:28px;font-family:Mono;font-size:13px;letter-spacing:.1em;transform:rotate(0deg);background:var(--orange);color:white;padding:10px 25px}
.article-heading{padding-top:38px;padding-bottom:55px}.article-heading h1{font-size:clamp(38px,5.4vw,77px);max-width:1080px;margin:30px 0 25px;line-height:1.13}.article-heading .dek{max-width:770px}.article-heading .bridge-art{margin-top:40px;min-height:350px}.article-heading .bridge-art>span{font-size:210px}.article-layout{display:grid;grid-template-columns:240px minmax(0,780px);gap:65px;align-items:start;justify-content:space-between;margin-bottom:100px}.article-rail{position:sticky;top:120px;max-height:calc(100vh - 155px);overflow:auto;font-size:13px;padding-right:17px;border-right:1px solid var(--line);scrollbar-width:thin}.article-rail>a:first-child{margin-bottom:28px;color:var(--ink)}.article-rail p{margin:0 0 14px;color:var(--muted)}.article-rail a{display:block;line-height:1.5;margin:0 0 12px;color:var(--muted)}.article-rail a:hover,.article-rail a.active{color:#a63b13}.prose{min-width:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;font-size:17px;line-height:1.85}.prose h2{font-size:29px;line-height:1.3;margin:48px 0 18px;letter-spacing:-.035em}.prose h3{font-size:23px;margin:34px 0 16px}.prose p{margin:18px 0}.prose a{color:#9a350e;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px;overflow-wrap:anywhere}.prose a:hover{color:#321b10}.prose strong{font-weight:650}.prose ul,.prose ol{padding-left:24px;margin:23px 0}.prose li{padding-left:5px;margin:12px 0}.prose code{font-family:Mono,monospace;font-size:13px;background:#e4d7c4;padding:2px 5px;overflow-wrap:anywhere}.prose table{width:100%;border-collapse:collapse;font-size:14px;line-height:1.6;margin:25px 0;display:block;overflow:auto}.prose th{background:#e3d5c2;font-weight:600;text-align:left}.prose td,.prose th{padding:15px 13px;vertical-align:top;border:1px solid var(--line);min-width:155px}.prose .button{color:var(--white);text-decoration:none}.capture{margin:0 0 35px}.capture .zoom-image{display:block;width:100%;padding:0;background:var(--ink);border:0;position:relative}.capture img{width:100%;height:auto;max-height:460px;object-fit:contain;object-position:center}.capture .zoom-image>span{position:absolute;right:12px;bottom:12px;background:var(--paper);color:var(--ink);border:1px solid var(--line);font-family:Mono;font-size:10px;padding:6px 9px}.capture figcaption{font-family:var(--font);font-size:12px;line-height:1.6;color:var(--muted);margin-top:10px}.source-notes{border-top:1px solid var(--line);margin-top:45px;padding-top:0;font-size:13px;line-height:1.6}.source-notes h2{font-size:20px;margin-top:30px}.source-notes ol{padding-left:20px}.source-notes li{margin:12px 0}.source-notes p{font-size:13px;color:var(--muted)}.next-step{background:var(--ink);color:var(--paper);padding:35px;margin-top:50px;font-family:var(--font)}.next-step h2{margin-top:15px;font-size:34px}.next-step p{color:#cbbbA5;font-size:16px}.next-step .button{font-size:14px}.workflow-diagram{background:var(--dark);color:var(--paper);padding:23px;font-family:var(--font);margin-bottom:35px}.diagram-top{display:flex;justify-content:space-between;color:var(--teal);gap:15px}.diagram-top .mono{font-size:9px}.workflow-track{display:flex;gap:10px;align-items:center;margin:25px 0}.workflow-track>div{flex:1;min-width:0;display:flex;flex-direction:column;gap:7px;padding:10px 0}.workflow-track span{font-family:Mono;font-size:8px;color:#cbb79f}.workflow-track strong{font-family:Exo;font-size:18px}.workflow-track small{font-size:10px;line-height:1.5;color:#cbb79f}.workflow-track b{font-weight:400;color:var(--orange)}.workflow-track .focus strong{color:var(--bright)}.workflow-diagram figcaption{font-size:11px;color:#cbb79f;border-top:1px solid #4b3b2d;padding-top:13px}.migration-strip{display:flex;align-items:center;justify-content:space-between;gap:10px;background:#e2d2bb;padding:23px 20px;font-family:Mono;font-size:12px;margin-bottom:32px}.migration-strip b{font-weight:400}.migration-strip span{color:var(--orange)}
.learn-hero{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:40px;align-items:center;padding-top:40px;padding-bottom:65px}.learn-hero h1{font-size:clamp(42px,4.7vw,68px);margin:30px 0 22px}.learn-hero p{max-width:490px;color:var(--muted);font-size:19px;margin-bottom:25px}.learn-hero .eyebrow{font-size:9px}.learn-screen{background:var(--ink);padding:12px;margin-top:50px;transform:rotate(0deg)}.learn-screen .capture{margin:0}.learn-screen figcaption{color:#cbb79f;padding:2px 8px}.docs-index{display:grid;grid-template-columns:240px minmax(0,1fr);gap:65px;align-items:start;margin-bottom:110px}.docs-index>aside{position:sticky;top:120px;border-top:1px solid var(--line);padding-top:20px;display:flex;flex-direction:column;gap:15px;font-size:15px}.docs-index>aside p{font-size:12px;color:var(--muted);line-height:1.7;margin-top:18px;max-width:210px}.docs-index>div>section{margin-bottom:70px}.docs-index h2{font-size:36px}.resource-row{display:flex;align-items:center;gap:30px;justify-content:space-between;border-top:1px solid var(--line);padding:25px 0}.resource-row:last-child{border-bottom:1px solid var(--line)}.resource-row h3{font-size:23px;line-height:1.3;letter-spacing:-.02em}.resource-row p{font-size:15px;color:var(--muted);margin-top:9px}.resource-row b{font-size:26px;font-weight:400}.resource-row:hover h3{color:#b74216}.reference-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.reference-grid>a{border:1px solid var(--line);margin-bottom:-1px;margin-right:-1px;position:relative;padding:23px;min-height:135px}.reference-grid>a:hover{background:#e7d7bf}.reference-grid h3{font-size:21px;line-height:1.3;margin-top:19px;max-width:270px}.reference-grid b{position:absolute;right:18px;top:17px;font-weight:400}.reference-grid .mono{color:var(--muted)}#walkthrough p{margin:20px 0;color:var(--muted)}.routing-demo,.palette-demo,.calculator{padding:30px;background:var(--dark);color:var(--paper);margin-bottom:35px;font-family:var(--font);--line:#675341}.routing-demo>.mono,.palette-demo>.mono,.calculator>.mono{color:var(--teal);font-size:9px}.route-buttons{display:flex;gap:10px;margin-top:20px;flex-wrap:wrap}.route-buttons button{color:var(--paper);font-family:Mono;font-size:11px}.route-buttons button.active{background:var(--bright);color:var(--dark);border-color:var(--bright)}.route-path{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:32px 0 10px}.route-path span{font-family:Mono;font-size:8px;color:#d0bba1;line-height:2;min-width:0}.route-path b{font-family:var(--font);font-weight:400;font-size:13px;color:var(--paper);display:block}.route-path i{color:var(--orange)}.routing-demo p,.palette-demo p{font-size:12px;color:#d0bba1;line-height:1.65}.palette-demo>label{display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:14px;margin:22px 0}.palette-demo select{background:#28221b;color:var(--paper);padding:9px 12px;border:1px solid var(--line);max-width:160px}.palette-demo fieldset{border:1px solid var(--line);padding:15px;display:flex;gap:17px;flex-wrap:wrap}.palette-demo legend,.palette-demo fieldset label{font-size:12px}.palette-demo input{accent-color:var(--bright)}.calculator h2{font-family:Exo;font-size:31px;margin-top:20px}.calculator-inputs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:25px 0}.calculator label{font-size:11px;color:#d0bba1}.calculator input{width:100%;min-width:0;margin-top:6px;padding:9px;background:#28221b;border:1px solid var(--line);color:var(--paper)}.calculator output{font-family:Exo;font-size:60px;letter-spacing:-.06em;color:var(--bright)}.calculator p{font-size:15px;margin-top:0}.calculator small{display:block;font-size:11px;line-height:1.7;color:#cbb79f}.sources-page{max-width:820px;padding-bottom:100px}.sources-page li>p{font-size:12px;color:var(--muted);margin:0}footer{background:var(--dark);color:var(--paper);padding:50px 40px;display:flex;justify-content:space-between;align-items:start;gap:40px;border-top:1px solid #5a4837}footer p{font-size:14px;color:#cbb79f}footer>a:last-child{font-family:Mono;font-size:11px;color:#cbb79f}dialog{color:var(--ink);background:var(--paper);border:1px solid var(--ink);padding:35px;max-width:720px;width:calc(100% - 32px);max-height:85vh;overscroll-behavior:contain;box-shadow:0 25px 100px #0005}dialog::backdrop{background:#100b07b8;backdrop-filter:blur(4px)}dialog form{margin:0}.dialog-close{position:absolute;top:10px;right:15px;border:0;background:transparent;font-size:28px;padding:3px 8px;color:inherit}#search-dialog>label{display:block;font-family:Exo;font-size:34px;line-height:1.2;margin:5px 35px 22px 0;letter-spacing:-.04em}#site-search{width:100%;border:0;border-bottom:2px solid var(--ink);background:transparent;padding:12px 0;outline-offset:4px}#search-count{font-family:Mono;font-size:10px;color:var(--muted);margin:15px 0}#search-results a{display:block;padding:18px 0;border-top:1px solid var(--line)}#search-results strong{display:block;font-family:Exo;font-size:19px;font-weight:600;line-height:1.35}#search-results small{font-family:Mono;font-size:9px;color:#9a350e;text-transform:uppercase}#search-results p{font-size:13px;line-height:1.6;color:var(--muted);margin-top:6px}#image-dialog{max-width:1300px;width:calc(100% - 30px);padding:35px 10px 10px;background:var(--dark);color:var(--paper)}#image-dialog img{max-height:calc(85vh - 55px);object-fit:contain;width:100%}[hidden]{display:none!important}
@media(min-width:1500px){.site-header,.preview-strip{padding-left:calc((100vw - 1240px)/2);padding-right:calc((100vw - 1240px)/2)}}
@media(max-width:1000px){.site-header{gap:18px;padding:0 24px}.brand span{display:none}.site-header nav{gap:19px}.wrap{padding-left:25px;padding-right:25px}.hero-title{grid-template-columns:minmax(0,1fr) 240px;gap:20px}.hero-title h1{font-size:12vw}.hero-title h1>i{margin-left:15px}.feature-story{gap:40px}.bridge-art{min-height:370px}.bridge-art>span{font-size:195px}.comparison-row{grid-template-columns:65px minmax(0,1fr) 130px 25px;gap:15px}.split-feature{gap:40px}.article-layout,.docs-index{grid-template-columns:195px minmax(0,1fr);gap:35px}.learn-hero{grid-template-columns:1fr;gap:0}.learn-screen{transform:none;margin-top:35px;max-width:850px}.learn-hero h1{font-size:64px}.learn-hero p{max-width:650px}.learn-screen img{max-height:370px;object-fit:cover;object-position:top}.article-heading h1{max-width:850px}.prose{font-size:16px}.workflow-track{flex-wrap:wrap}.workflow-track>div{min-width:75px}.migration-strip{flex-wrap:wrap}footer{padding-left:25px;padding-right:25px}}
@media(max-width:700px){html{scroll-padding-top:130px}.preview-strip{padding:6px 18px;font-size:8px}.preview-strip>span:last-child{font-size:7px}.site-header{height:106px;flex-wrap:wrap;gap:0;padding:13px 18px 0}.brand{font-size:20px;order:0}.brand img{width:25px;height:25px}.site-header>.search-open{order:1;margin-left:auto;padding:6px 10px;gap:15px;font-size:11px}.site-header nav{width:100%;justify-content:space-between;margin:6px 0 0;order:2;gap:15px;font-size:13px}.site-header nav a{padding:8px 0 10px}.wrap{padding-left:20px;padding-right:20px}.eyebrow{font-size:8px;gap:15px;align-items:start}.eyebrow>span:last-child{text-align:right}.guide-hero{padding-top:20px}.guide-hero .eyebrow>span:first-child{max-width:210px}.guide-hero .eyebrow>span:last-child{max-width:80px}.hero-title{grid-template-columns:1fr;padding-top:19px;gap:28px}.hero-title h1{font-size:clamp(72px,17vw,117px)}.hero-title h1>i{margin-left:20px;font-size:.8em}.hero-intro{display:grid;grid-template-columns:minmax(0,1fr);gap:0}.hero-intro .mono{display:none}.hero-intro p{font-size:16px;margin-bottom:20px}.hero-intro p br{display:none}.hero-intro .button{justify-self:start}.hero-reel{height:200px;border-width:5px}.hero-reel>img{width:auto;min-width:650px;max-width:none;height:400px;object-fit:cover;transform:translateY(-8px)}.reel-label{padding:9px 10px;font-size:7px}.route-index{grid-template-columns:1fr;margin-bottom:65px}.route-index a{padding:23px 20px;border-right:1px solid var(--line)}.route-index h2{font-size:27px;margin:14px 0 8px}.route-index p{font-size:13px}.route-index b{top:45px}.feature-story{grid-template-columns:1fr;gap:30px;margin-bottom:65px}.bridge-art{min-height:315px;padding:28px}.bridge-art>span{font-size:185px}.bridge-art i{font-size:9px;padding:12px 20px}.bridge-art small{font-size:8px}.feature-story h2{font-size:43px;margin:16px 0}.feature-story p{font-size:16px}.section-heading{display:block}.section-heading>a,.section-heading>.mono{margin-top:20px;display:inline-block}.section-heading h2{font-size:34px}.dark-band{padding:55px 0}.comparison-row{grid-template-columns:49px minmax(0,1fr) 24px;gap:15px;padding:22px 0}.vendor-mark{width:45px;height:47px;font-size:24px}.comparison-row h3{font-size:23px}.comparison-row p{font-size:12px;line-height:1.65}.comparison-row .category-label{display:none}.comparison-row>b{font-size:24px}.split-feature{grid-template-columns:1fr;gap:30px;margin:60px auto}.split-feature h2{font-size:38px}.split-feature p{font-size:16px}.learn-feature .capture{max-height:440px}.learn-feature img{height:550px!important}.closing{padding-top:50px;padding-bottom:65px}.closing h2{font-size:43px}.hub-heading{padding-top:25px;padding-bottom:40px}.hub-heading h1{font-size:44px;margin:22px 0}.heading-bottom{display:block}.heading-bottom p{font-size:18px}.heading-bottom .mono{display:block;margin-top:20px;font-size:9px}.dek{font-size:18px}.filter-tabs{gap:6px}.filter-tabs button{font-size:11px;padding:8px 10px}.comparison-list{margin-bottom:60px}.migration-index{grid-template-columns:1fr}.migration-index>a{padding:27px 23px}.migration-index h2{font-size:28px}.migration-index p{font-size:14px}.migration-principle{padding-top:60px;padding-bottom:60px;grid-template-columns:1fr;gap:25px}.migration-principle h2{font-size:38px}.migration-principle p{font-size:17px}.editorial-grid{grid-template-columns:1fr;gap:50px;margin-bottom:65px}.editorial-item img,.bridge-mini{height:230px}.editorial-item h2{font-size:29px}.editorial-item p{font-size:15px}.article-heading{padding-top:25px;padding-bottom:30px}.article-heading h1{font-size:39px;letter-spacing:-.045em;line-height:1.17;margin:23px 0 20px;overflow-wrap:break-word}.article-heading .eyebrow{font-size:8px}.article-heading .bridge-art{min-height:270px}.article-layout{display:block;margin-bottom:60px}.article-rail{position:static;max-height:none;border:1px solid var(--line);padding:18px 20px;margin-bottom:30px;display:flex;flex-wrap:wrap;gap:10px 18px;font-size:11px}.article-rail p{width:100%;margin:0}.article-rail a{margin:0;max-width:100%}.article-rail>a:first-child{width:100%;margin-bottom:3px}.article-rail>a:nth-of-type(n+9){display:none}.prose{font-size:16px;line-height:1.8}.prose h2{font-size:26px;margin-top:37px}.prose table{font-size:12px}.prose th,.prose td{min-width:135px;padding:13px 11px}.prose li{padding-left:0}.capture figcaption{font-size:10px}.next-step{padding:25px}.next-step h2{font-size:29px}.next-step .button{font-size:12px;padding:14px 16px}.workflow-diagram{padding:17px}.diagram-top .mono{font-size:7px}.workflow-track{display:grid;grid-template-columns:minmax(0,1fr) 15px minmax(0,1fr);gap:10px}.workflow-track>b:nth-of-type(2){display:none}.workflow-track>div{min-width:0}.workflow-track strong{font-size:19px}.workflow-track span{font-size:8px}.workflow-track small{font-size:11px}.workflow-track>div:nth-of-type(3){grid-column:1}.workflow-track>b:nth-of-type(3){grid-column:2;grid-row:2}.workflow-track>div:nth-of-type(4){grid-column:3;grid-row:2}.workflow-diagram figcaption{font-size:10px}.migration-strip{font-size:9px;padding:16px 10px;gap:7px}.learn-hero{padding-top:25px;padding-bottom:45px}.learn-hero h1{font-size:42px}.learn-hero p{font-size:17px}.learn-screen{margin-top:30px;padding:8px}.learn-screen img{height:240px;object-fit:cover;object-position:center}.learn-screen .capture figcaption{font-size:10px}.docs-index{display:block;margin-bottom:65px}.docs-index>aside{position:static;display:flex;flex-direction:row;flex-wrap:wrap;gap:13px 23px;padding:15px 0;margin-bottom:35px;font-size:13px;border-bottom:1px solid var(--line)}.docs-index>aside>.mono{width:100%}.docs-index>aside p{display:none}.docs-index h2{font-size:30px}.docs-index>div>section{margin-bottom:50px}.resource-row{padding:22px 0;gap:18px}.resource-row h3{font-size:21px}.resource-row p{font-size:13px}.reference-grid>a{padding:18px;min-height:125px}.reference-grid h3{font-size:18px;line-height:1.35}.reference-grid b{font-size:16px;right:13px}.reference-grid .mono{font-size:9px}.routing-demo,.palette-demo,.calculator{padding:21px}.route-path{flex-direction:column;align-items:stretch;gap:8px}.route-path i{transform:rotate(0deg);align-self:center}.route-path span{font-size:9px}.route-path b{font-size:14px}.route-buttons{gap:6px}.route-buttons button{padding:9px 11px;font-size:10px}.calculator-inputs{grid-template-columns:1fr;gap:12px}.calculator label{font-size:12px;display:grid;grid-template-columns:1fr 100px;align-items:center;gap:10px}.calculator input{margin:0}.calculator h2{font-size:29px}.calculator output{font-size:53px}footer{padding:35px 20px;display:flex;flex-direction:column;gap:23px}dialog{padding:30px 23px}#search-dialog>label{font-size:28px}#search-results strong{font-size:17px}.sources-page{padding-bottom:65px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}
@media print{.site-header,.preview-strip,footer,.article-rail,.search-open,.next-step,dialog{display:none}.article-layout{display:block}.wrap{padding:0}.prose{font-size:11pt}.article-heading h1{font-size:32pt}.capture{break-inside:avoid}.prose a{color:inherit}.prose table{display:table}.article-heading{padding-top:0}}

.walkthrough-topics{margin-top:26px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:18px 0;font-size:15px}.walkthrough-topics summary{cursor:pointer;font-family:Exo;font-weight:600}.walkthrough-topics ol{columns:2;column-gap:45px;padding-left:22px;margin:24px 0 8px}.walkthrough-topics li{break-inside:avoid;padding:8px 0}.walkthrough-topics a{text-decoration:underline;text-underline-offset:3px}.walkthrough-topics summary:focus-visible{outline:3px solid #238b9a;outline-offset:5px}@media(max-width:700px){.walkthrough-topics ol{columns:1}}