/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */
@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before{box-sizing:border-box;border:0 solid;margin:0;padding:0}::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){-webkit-appearance:button;appearance:button}::file-selector-button{-webkit-appearance:button;appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.relative{position:relative}.start{inset-inline-start:var(--spacing)}.block{display:block}.table{display:table}}:root{--navy:#09233f;--navy-2:#123b5d;--teal:#08a6a6;--aqua:#dff8f5;--ice:#f3f8f8;--amber:#f59e0b;--ink:#183044;--muted:#5d7180;--line:#d8e5e7;--white:#fff}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:88px}body{color:var(--ink);background:#fbfdfd;margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.7}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}:focus-visible{outline-offset:3px;border-radius:4px;outline:3px solid #fbbf24}.progress{z-index:100;background:linear-gradient(90deg,var(--teal),#5eead4);height:4px;transition:width .1s linear;position:fixed;inset:0 auto auto 0}.site-header{z-index:50;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#fbfdfdf0;border-bottom:1px solid #d8e5e7cc;align-items:center;gap:28px;height:72px;padding:0 max(24px,50vw - 620px);display:flex;position:sticky;top:0}.logo{color:var(--navy);white-space:nowrap;align-items:center;gap:10px;font-size:18px;font-weight:850;display:flex}.logo span{color:#fff;background:var(--teal);border-radius:10px 10px 10px 3px;place-items:center;width:34px;height:34px;display:grid}.nav{color:#345062;align-items:center;gap:24px;margin-left:auto;font-size:13px;font-weight:700;display:flex}.nav a:hover{color:var(--teal)}.button{border:1px solid #0000;border-radius:10px;justify-content:center;align-items:center;gap:18px;min-height:46px;padding:12px 19px;font-size:14px;font-weight:800;transition:transform .2s,box-shadow .2s,background .2s;display:inline-flex}.button:hover{transform:translateY(-2px)}.button.primary{color:#fff;background:var(--teal);box-shadow:0 12px 28px #08a6a633}.button.primary:hover{background:#078d8d;box-shadow:0 16px 34px #08a6a647}.button.secondary{color:var(--navy);background:#fff;border-color:#a9c4c9}.button.compact{color:#fff;background:var(--navy);min-height:38px;padding:8px 13px;font-size:12px}.menu-button{border:1px solid var(--line);background:#fff;border-radius:9px;width:42px;height:42px;padding:10px;display:none}.menu-button span{background:var(--navy);height:2px;margin:4px 0;display:block}.section,.hero{width:min(1180px,100% - 40px);margin:0 auto}.hero{grid-template-columns:1.15fr .85fr;align-items:center;gap:70px;min-height:720px;padding:80px 0 90px;display:grid}.eyebrow{text-transform:uppercase;letter-spacing:.16em;color:var(--teal);margin:0 0 12px;font-size:12px;font-weight:900}.hero h1{color:var(--navy);letter-spacing:-.065em;margin:0;font-size:clamp(56px,7vw,94px);font-weight:900;line-height:.91}.hero h1 em{color:var(--teal);font-style:normal}.hero h2{max-width:650px;color:var(--navy-2);letter-spacing:-.03em;margin:26px 0 16px;font-size:clamp(22px,3vw,34px);line-height:1.2}.lead{color:var(--muted);max-width:720px;font-size:18px}.badges{flex-wrap:wrap;gap:9px;margin:26px 0;display:flex}.badges span{color:#196162;background:#f0fafa;border:1px solid #b9dddd;border-radius:99px;padding:7px 12px;font-size:12px;font-weight:800}.actions{flex-wrap:wrap;gap:12px;display:flex}.download-note{color:#6b7d87;margin:12px 0 0;font-size:12px}.architecture{background:var(--navy);color:#fff;border-radius:28px;padding:32px 34px;position:relative;overflow:hidden;box-shadow:0 28px 80px #09233f38}.architecture:after{content:"";background:#0fb9b126;border-radius:50%;width:220px;height:220px;position:absolute;top:-90px;right:-90px}.architecture-label{color:#9adbd7;text-transform:uppercase;letter-spacing:.14em;margin:0 0 16px;font-size:11px;font-weight:900}.arch-row{border-top:1px solid #ffffff1a;grid-template-columns:30px 1fr 24px;align-items:center;min-height:62px;display:grid;position:relative}.arch-row>span{color:#5eead4;font-family:ui-monospace,monospace;font-size:11px}.arch-row strong,.arch-row small{display:block}.arch-row strong{letter-spacing:.03em;font-size:14px}.arch-row small{color:#92aabb;font-size:11px}.arch-row i{color:#49cfc8;z-index:2;font-style:normal;position:absolute;bottom:-10px;left:50%}.learn{padding:110px 0}.section>h2,.section-heading h2{letter-spacing:-.045em;color:var(--navy);margin:0;font-size:clamp(36px,5vw,58px);line-height:1.05}.learning-grid{border-top:1px solid var(--line);border-left:1px solid var(--line);grid-template-columns:repeat(3,1fr);margin-top:46px;display:grid}.learning-grid article{border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:#fff;min-height:225px;padding:32px;transition:background .2s}.learning-grid article:hover{background:var(--aqua)}.learning-grid span{color:var(--teal);font:700 12px ui-monospace,monospace}.learning-grid h3{color:var(--navy);margin:28px 0 9px;font-size:19px}.learning-grid p{color:var(--muted);margin:0;font-size:14px}.toc-section{border-top:1px solid var(--line);padding:100px 0}.section-heading{justify-content:space-between;align-items:flex-end;gap:40px;margin-bottom:42px;display:flex}.section-heading p{color:var(--muted)}.section-heading>div:last-child{flex-direction:column;align-items:center;gap:8px;display:flex}.section-heading small{color:var(--muted);font-size:11px}.search-wrap{max-width:680px;margin-bottom:32px;position:relative}.search-wrap label{color:var(--navy);margin-bottom:7px;font-size:12px;font-weight:900;display:block}.search-wrap input{width:100%;color:var(--navy);background:#fff;border:1px solid #a8c4c9;border-radius:12px;min-height:52px;padding:14px 17px}.search-results{z-index:10;border:1px solid var(--line);background:#fff;border-radius:10px;width:100%;padding:8px;position:absolute;top:100%;box-shadow:0 15px 40px #09233f26}.search-results a,.search-results span{border-radius:6px;padding:9px 10px;font-size:13px;display:block}.search-results a:hover{background:var(--aqua)}.parts{border-top:1px solid var(--line);grid-template-columns:1fr 1fr;display:grid}.parts details{border-bottom:1px solid var(--line);padding:0 28px}.parts details:nth-child(odd){border-right:1px solid var(--line);padding-left:0}.parts summary{cursor:pointer;grid-template-columns:82px 1fr auto;align-items:center;gap:18px;padding:25px 0;list-style:none;display:grid}.parts summary::-webkit-details-marker{display:none}.parts summary span{color:var(--teal);letter-spacing:.08em;font-size:12px;font-weight:900}.parts summary strong{color:var(--navy);font-size:16px;line-height:1.3}.parts summary small{color:var(--muted)}.parts details>div{padding:0 0 22px 100px}.parts details>div a{color:#496271;text-transform:none;grid-template-columns:34px 1fr;align-items:start;padding:7px 0;font-size:13px;line-height:1.4;display:grid}.parts details>div b{color:#97aaaf;font:600 11px ui-monospace,monospace}.parts details>div a:hover{color:var(--teal)}.guide-shell{grid-template-columns:240px minmax(0,1fr);align-items:start;gap:70px;padding:90px 0 120px;display:grid}.side-nav{border-right:1px solid var(--line);padding-right:24px;position:sticky;top:100px}.side-nav>p{color:#91a2a9;text-transform:uppercase;letter-spacing:.15em;font-size:11px;font-weight:800}.side-nav>a:not(.button){color:#617785;grid-template-columns:24px 1fr;gap:9px;padding:9px 0;font-size:12px;line-height:1.35;display:grid}.side-nav>a span{color:var(--teal);font-weight:800}.side-nav .button{width:100%;margin-top:20px}.guide-part{margin-bottom:100px}.part-title{border-bottom:3px solid var(--navy);margin-bottom:12px;padding-bottom:20px}.part-title span{color:var(--teal);letter-spacing:.14em;font-size:12px;font-weight:900}.part-title h2{color:var(--navy);letter-spacing:-.035em;margin:6px 0 0;font-size:32px;line-height:1.2}.topic{border-bottom:1px solid var(--line);padding:64px 0 70px;position:relative}.topic-number{color:var(--teal);margin-bottom:12px;font:800 12px ui-monospace,monospace}.topic>h2{color:var(--navy);letter-spacing:-.035em;text-wrap:balance;margin:0 0 30px;font-size:clamp(28px,4vw,42px);line-height:1.15}.topic-body{max-width:780px}.topic-body p{color:#405967;margin:0 0 18px}.topic-body h3{color:var(--navy);margin:34px 0 12px;font-size:22px;line-height:1.3}.topic-body li{color:#405967;margin:0 0 9px 22px;padding-left:5px}.callout{background:var(--aqua);border-left:4px solid var(--teal);border-radius:0 12px 12px 0;gap:14px;margin:26px 0;padding:20px 22px;display:flex}.callout>span{font-size:20px}.callout strong{color:#097878;letter-spacing:.12em;font-size:11px;display:block}.callout p{color:#1b5051;margin:3px 0 0;font-weight:650}.callout.warning{border-color:var(--amber);background:#fff5dc}.callout.warning strong,.callout.warning p{color:#754b08}.table-scroll{border:1px solid var(--line);border-radius:12px;margin:24px 0;overflow-x:auto}table{border-collapse:collapse;background:#fff;width:100%;min-width:460px;font-size:14px}th,td{border-bottom:1px solid var(--line);text-align:left;vertical-align:top;padding:13px 16px}th{color:var(--navy);text-transform:uppercase;letter-spacing:.04em;background:#edf6f6;font-size:12px}tr:last-child td{border-bottom:0}.code-wrap{margin:25px 0;position:relative}pre{white-space:pre-wrap;margin:0;overflow:auto}.code-wrap pre{color:#d8f8f4;white-space:pre;background:#071d30;border-radius:12px;padding:24px;font:13px/1.75 ui-monospace,SFMono-Regular,Consolas,monospace}.copy-button{color:#145d60;cursor:pointer;background:#fff;border:1px solid #9bbfc0;border-radius:7px;padding:7px 10px;font-size:11px;font-weight:800}.code-wrap .copy-button{z-index:2;color:#b9f7ef;background:#173b52;border-color:#315c70;position:absolute;top:10px;right:10px}.next-link{color:var(--teal);text-transform:uppercase;letter-spacing:.09em;margin-top:24px;font-size:12px;font-weight:900;display:inline-block}.dns-visual{border-top:1px solid var(--line);padding:110px 0}.dns-flow{background:var(--navy);color:#fff;border-radius:20px;justify-content:center;align-items:center;gap:28px;margin:45px 0;padding:38px;display:flex}.dns-flow div{border:1px solid #315778;border-radius:10px;min-width:210px;padding:18px 24px}.dns-flow small,.dns-flow strong{display:block}.dns-flow small{color:#87a8ba;letter-spacing:.12em;font-size:10px}.dns-flow strong{font-size:20px}.dns-flow span{color:#74e2d9;font-weight:900}.dns-flow em{font-size:11px;font-style:normal}.dns-cards{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.dns-cards article{border:1px solid var(--line);background:#fff;border-radius:14px;padding:25px;overflow:hidden}.dns-cards h3{color:var(--navy);margin:0}.dns-cards p{color:var(--muted);font-size:13px}.dns-cards table{min-width:0}.dns-cards th,.dns-cards td{padding:9px;font-size:11px}.routing{background:#edf8f7;border-radius:16px;max-width:760px;margin:45px auto 0;padding:30px}.routing>div{border-bottom:1px solid #cde4e3;grid-template-columns:1fr 30px 120px;padding:12px 0;display:grid}.routing code{color:var(--navy);font-weight:800}.routing span{color:var(--teal)}.routing b{font-size:13px}.routing p{color:#47656a;margin:22px 0 0}.cloudflare{color:#fff;background:var(--navy);border-radius:24px;grid-template-columns:.8fr 1.2fr;align-items:center;gap:70px;padding:95px 70px;display:grid}.cloudflare h2{color:#fff;margin:0;font-size:44px;line-height:1.1}.cloudflare p:not(.eyebrow){color:#a9c2d0}.cf-flow{justify-content:center;align-items:center;gap:16px;display:flex}.cf-flow div{text-align:center;border:1px solid #315778;border-radius:12px;flex:1;padding:22px 10px;font-size:12px;font-weight:900}.cf-flow small{color:#7ee9df;margin-top:4px;font-weight:500;display:block}.cf-flow span{color:#5eead4}.timeline{padding:120px 0}.timeline-grid{border-left:1px solid var(--line);border-top:1px solid var(--line);grid-template-columns:repeat(4,1fr);margin-top:48px;display:grid}.timeline-grid article{border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:#fff;min-height:130px;padding:22px}.timeline-grid span{color:var(--teal);font:800 11px ui-monospace,monospace}.timeline-grid p{color:var(--navy);margin:18px 0 0;font-weight:750;line-height:1.4}.prompts{border-top:1px solid var(--line);padding:110px 0}.prompt-grid{grid-template-columns:1fr 1fr;gap:20px;margin-top:45px;display:grid}.prompt-grid article{border:1px solid var(--line);background:#fff;border-radius:16px;flex-direction:column;min-height:430px;padding:28px;display:flex;box-shadow:0 15px 50px #09233f0d}.prompt-grid article>div span{color:var(--teal);letter-spacing:.12em;font-size:11px;font-weight:900}.prompt-grid h3{color:var(--navy);margin:6px 0 20px;font-size:24px}.prompt-grid pre{color:#39525f;background:#f1f7f7;border-radius:9px;flex:1;max-height:260px;padding:18px;font:12px/1.7 ui-monospace,monospace;overflow:auto}.prompt-grid .copy-button{align-self:flex-start;margin-top:18px;padding:10px 14px}.final-cta{text-align:center;background:linear-gradient(135deg,#e0f7f4,#f4faf9);border-radius:24px;margin-bottom:100px;padding:90px 70px}.final-cta h2{max-width:760px;margin:0 auto}.final-cta>p:not(.eyebrow){max-width:700px;color:var(--muted);margin:20px auto 30px;font-size:17px}.final-cta .actions{justify-content:center}.contact{color:#5b707c;flex-wrap:wrap;justify-content:center;gap:12px 24px;margin-top:45px;font-size:12px;display:flex}.contact a:hover{color:var(--teal)}footer{color:#9bb2bf;background:#071d30;grid-template-columns:1fr 1fr 1fr auto;align-items:start;gap:40px;padding:60px max(24px,50vw - 590px);font-size:13px;display:grid}.logo.light{color:#fff}footer p{margin:0}footer div a{display:block}footer div a:hover{color:#fff}footer small{color:#718a97}.back-top{z-index:40;color:#fff;background:var(--navy);border-radius:9px;padding:10px 13px;font-size:12px;font-weight:800;position:fixed;bottom:24px;right:24px;box-shadow:0 8px 30px #09233f47}.mobile-download{display:none}@media (max-width:1050px){.nav{gap:14px}.nav a:nth-child(4),.nav a:nth-child(5){display:none}.hero{gap:35px}.guide-shell{grid-template-columns:200px minmax(0,1fr);gap:40px}.cloudflare{width:calc(100% - 40px);margin-left:20px;margin-right:20px}.timeline-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:800px){html{scroll-padding-top:72px}.site-header{height:64px;padding:0 18px}.site-header>.button{margin-left:auto}.menu-button{display:block}.nav{border-bottom:1px solid var(--line);background:#fff;margin:0;padding:16px 20px 24px;display:none;position:absolute;top:63px;left:0;right:0;box-shadow:0 16px 30px #09233f1f}.nav.open{display:grid}.nav a,.nav a:nth-child(4),.nav a:nth-child(5){padding:8px 0;display:block}.section,.hero{width:min(100% - 32px,720px)}.hero{grid-template-columns:1fr;padding:58px 0 80px}.hero h1{font-size:66px}.architecture{width:100%;max-width:600px}.learn,.toc-section,.dns-visual,.timeline,.prompts{padding:80px 0}.learning-grid{grid-template-columns:1fr 1fr}.section-heading{align-items:flex-start}.parts{grid-template-columns:1fr}.parts details:nth-child(odd){border-right:0;padding-left:0}.parts details{padding:0}.parts summary{grid-template-columns:75px 1fr auto}.parts details>div{padding-left:93px}.guide-shell{display:block}.side-nav{display:none}.topic{padding:55px 0}.dns-cards{grid-template-columns:1fr}.cloudflare{grid-template-columns:1fr;padding:60px 34px}.timeline-grid{grid-template-columns:repeat(2,1fr)}.prompt-grid{grid-template-columns:1fr}footer{grid-template-columns:1fr 1fr}.mobile-download{z-index:39;background:var(--teal);color:#fff;border-radius:9px;padding:12px 15px;font-size:12px;font-weight:900;display:block;position:fixed;bottom:16px;left:16px;box-shadow:0 10px 30px #08a6a659}.back-top{bottom:16px}.back-top span{display:none}}@media (max-width:500px){body{padding-bottom:58px;font-size:15px}.site-header>.button{display:none}.site-header{gap:10px}.menu-button{margin-left:auto}.hero{min-height:auto;padding-top:46px}.hero h1{font-size:54px}.hero h2{font-size:24px}.lead{font-size:16px}.actions{grid-template-columns:1fr;display:grid}.actions .button{width:100%}.architecture{border-radius:18px;padding:25px 22px}.learning-grid{grid-template-columns:1fr}.learning-grid article{min-height:auto}.section-heading{display:block}.section-heading>div:last-child{align-items:stretch;margin-top:25px}.parts summary{grid-template-columns:62px 1fr;gap:10px}.parts summary small{display:none}.parts details>div{padding-left:72px}.part-title h2{font-size:26px}.topic>h2{font-size:29px}.callout{padding:17px 15px}.topic-body h3{font-size:20px}.dns-flow{flex-direction:column;gap:10px;padding:25px 18px}.dns-flow div{width:100%;min-width:0}.dns-flow span{transform:rotate(90deg)}.routing{padding:20px 16px}.routing>div{grid-template-columns:1fr 20px 90px;font-size:12px}.cloudflare{border-radius:0;width:100%;margin:0}.cloudflare h2{font-size:36px}.cf-flow{flex-direction:column}.cf-flow div{width:100%}.cf-flow span{transform:rotate(90deg)}.timeline-grid{border-top:0;grid-template-columns:1fr}.timeline-grid article{grid-template-columns:38px 1fr;min-height:auto;display:grid}.timeline-grid p{margin:0}.prompt-grid article{min-height:400px;padding:20px}.final-cta{border-radius:0;width:100%;margin-bottom:0;padding:70px 20px}.contact{display:grid}footer{grid-template-columns:1fr;padding-bottom:100px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}