@import"https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&display=swap";html.lenis,html.lenis body{height:auto}.lenis:not(.lenis-autoToggle).lenis-stopped{overflow:clip}.lenis [data-lenis-prevent],.lenis [data-lenis-prevent-wheel],.lenis [data-lenis-prevent-touch],.lenis [data-lenis-prevent-vertical],.lenis [data-lenis-prevent-horizontal]{overscroll-behavior:contain}.lenis.lenis-smooth iframe{pointer-events:none}.lenis.lenis-autoToggle{transition-property:overflow;transition-duration:1ms;transition-behavior:allow-discrete}:root{font-family:Manrope,sans-serif;color:#27231f;background:#fffdfa;font-synthesis:none;--orange: #f97316;--orange-dark: #c94f0c;--orange-soft: #fff1e7;--ink: #27231f;--muted: #716a62;--line: #eadfd5}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;background:#fffdfa}a{color:inherit;text-decoration:none}button{font:inherit}.topbar{height:76px;padding:0 max(28px,calc((100vw - 1180px)/2));display:flex;align-items:center;justify-content:space-between;gap:30px;background:#fffdfaf5;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.brand{display:flex;align-items:center;gap:11px;min-width:150px}.brand-mark{width:36px;height:36px;display:grid;place-items:center;background:var(--orange);color:#fff;border-radius:10px 3px;font-weight:800;font-size:20px}.brand>span:last-child{display:flex;flex-direction:column;line-height:1.05}.brand strong{font-size:17px}.brand small{font-size:10px;color:var(--muted);letter-spacing:.12em;margin-top:4px}nav{display:flex;align-items:center;gap:28px;font-size:13px;font-weight:600;color:#5d554e}nav a{position:relative;padding:28px 0 25px;transition:color .25s ease}nav a:after{content:"";position:absolute;left:0;right:0;bottom:17px;height:2px;background:var(--orange);transform:scaleX(0);transform-origin:left;transition:transform .3s cubic-bezier(.22,1,.36,1)}nav a:hover,nav a.active{color:var(--orange-dark)}nav a.active:after{transform:scaleX(1)}.print-button{border:0;border-radius:9px;color:#fff;background:#302b27;padding:11px 15px;font-size:12px;font-weight:700;cursor:pointer}.print-button:hover{background:var(--orange-dark)}.scroll-progress{position:fixed;z-index:30;top:75px;left:0;right:0;height:3px;pointer-events:none}.scroll-progress span{display:block;width:100%;height:100%;background:linear-gradient(90deg,#ffb174,var(--orange),#d74e00);transform:scaleX(0);transform-origin:left;box-shadow:0 0 14px #f9731670;will-change:transform}.scroll-rail{position:fixed;z-index:15;right:20px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:9px;padding:11px 8px;border:1px solid #eadfd5cc;border-radius:30px;background:#fffdfadd;box-shadow:0 12px 40px #4a2a1712;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.scroll-rail button{width:8px;height:8px;padding:0;border:0;border-radius:50%;background:#d9cec5;cursor:pointer;position:relative;transition:height .3s ease,background .3s ease,box-shadow .3s ease}.scroll-rail button.active{height:25px;background:var(--orange);box-shadow:0 4px 12px #f9731655}.scroll-rail button span{position:absolute;right:20px;top:50%;transform:translateY(-50%) translate(6px);padding:5px 7px;color:#fff;background:#302b27;border-radius:5px;font:9px DM Mono;opacity:0;pointer-events:none;transition:opacity .2s ease,transform .2s ease}.scroll-rail button:hover span{opacity:1;transform:translateY(-50%) translate(0)}.back-to-top{position:fixed;z-index:16;right:18px;bottom:20px;width:42px;height:42px;border:0;border-radius:50%;color:#fff;background:#302b27;box-shadow:0 12px 30px #302b2730;cursor:pointer;opacity:0;transform:translateY(14px) scale(.9);pointer-events:none;transition:opacity .3s ease,transform .3s cubic-bezier(.22,1,.36,1),background .2s ease}.back-to-top.visible{opacity:1;transform:translateY(0) scale(1);pointer-events:auto}.back-to-top:hover{background:var(--orange)}main{overflow:hidden}.hero{min-height:570px;padding:92px max(28px,calc((100vw - 1180px)/2));display:grid;grid-template-columns:1.25fr .75fr;align-items:center;gap:88px;background:radial-gradient(circle at 75% 20%,#ffe5d1 0,transparent 25%),linear-gradient(135deg,#fffdfa 52%,#fff7f0);position:relative}.hero:before{content:"";position:absolute;inset:0;opacity:.3;pointer-events:none;background-image:linear-gradient(#eee5dc 1px,transparent 1px),linear-gradient(90deg,#eee5dc 1px,transparent 1px);background-size:48px 48px;-webkit-mask-image:linear-gradient(to right,transparent,#000);mask-image:linear-gradient(to right,transparent,#000)}.hero-copy,.status-panel{position:relative;z-index:1}.eyebrow{color:var(--orange-dark);font-weight:800;font-size:11px;letter-spacing:.15em;display:flex;align-items:center;gap:9px}.eyebrow i{width:22px;height:2px;background:var(--orange)}h1{font-size:clamp(43px,5.1vw,68px);line-height:1.03;letter-spacing:-.055em;max-width:760px;margin:23px 0 24px}h1 em{color:var(--orange);font-style:normal}.hero-copy>p{max-width:620px;font-size:18px;line-height:1.65;color:var(--muted)}.hero-actions{display:flex;gap:13px;margin-top:32px}.hero-actions a{padding:14px 18px;border-radius:9px;font-size:13px;font-weight:800}.primary{background:var(--orange);color:#fff;box-shadow:0 10px 30px #f9731630}.primary span{margin-left:18px}.secondary{border:1px solid var(--line);background:#fff}.quick-facts{display:flex;gap:24px;margin-top:31px;font-size:12px;color:var(--muted)}.quick-facts b{color:var(--orange)}.status-panel{background:#302b27;color:#fff;border-radius:18px;overflow:hidden;box-shadow:0 28px 70px #4a2a1730;transform:rotate(1deg)}.panel-head,.metric,.panel-foot{padding:18px 22px;display:flex;justify-content:space-between;align-items:center}.panel-head{background:#27231f;font-size:12px;font-weight:700}.live{color:#75d89b;font-size:9px;letter-spacing:.1em}.live i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#5fe391;margin-right:5px;box-shadow:0 0 0 4px #5fe39120}.metric{border-top:1px solid #4b443e;font-size:12px;color:#c6bdb5}.metric strong{color:#fff;font-size:13px}.metric strong.muted{color:#ffb27e}.panel-foot{background:var(--orange);font-size:10px;justify-content:flex-start;gap:8px}.section{max-width:1180px;margin:0 auto;padding:96px 28px;scroll-margin-top:70px}.section.warm{max-width:none;padding-left:max(28px,calc((100vw - 1124px)/2));padding-right:max(28px,calc((100vw - 1124px)/2));background:#fff8f2;border-block:1px solid #f5e7dc}.section-heading{display:flex;align-items:center;gap:17px}.section-heading .number{font-family:DM Mono;color:var(--orange);font-size:12px;width:43px;height:43px;border:1px solid #f6c7a8;border-radius:50%;display:grid;place-items:center}.section-heading p{margin:0 0 4px;color:var(--orange-dark);font-weight:800;font-size:9px;letter-spacing:.16em}h2{margin:0;font-size:clamp(27px,3vw,38px);letter-spacing:-.04em}.lead{margin:25px 0 38px 60px;color:var(--muted);max-width:700px;line-height:1.7}.environment-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.environment-card{border:1px solid #f1b58e;background:#fffaf6;padding:28px;border-radius:14px;box-shadow:inset 0 3px var(--orange);transition:border-color .3s ease,box-shadow .3s ease,translate .3s cubic-bezier(.22,1,.36,1)}.environment-card:hover{translate:0 -5px;border-color:var(--orange);box-shadow:inset 0 3px var(--orange),0 18px 45px #6f361516}.environment-card.production{border-color:var(--line);background:#fff;box-shadow:inset 0 3px #b9afa6}.environment-title{display:flex;align-items:center;gap:14px}.environment-icon{width:43px;height:43px;display:grid;place-items:center;color:var(--orange-dark);background:var(--orange-soft);border-radius:10px;font-size:21px}.environment-title h3{margin:0 0 3px;font-size:19px}.badge{color:#278a50;background:#eaf8ef;padding:3px 7px;border-radius:20px;font-size:9px;font-weight:800;text-transform:uppercase}.production .badge{color:#716a62;background:#eeeae6}.environment-card>code{display:block;margin:23px 0 14px;background:#302b27;color:#ffd1b2;border-radius:8px;padding:13px;font:11px DM Mono;overflow-wrap:anywhere}.environment-card>p{min-height:50px;color:var(--muted);font-size:13px;line-height:1.6}.environment-card ul{list-style:none;padding:14px 0 0;margin:19px 0 0;border-top:1px solid var(--line)}.environment-card li{font-size:11px;color:#5d554e;padding:5px 0}.environment-card li:before{content:"✓";color:var(--orange);font-weight:800;margin-right:9px}.notice{margin-top:20px;display:flex;gap:17px;align-items:center;background:#fff4e8;border-left:3px solid var(--orange);padding:17px 20px;font-size:12px;color:#665d55}.notice b{color:var(--orange-dark)}.steps{margin:42px 0 55px;display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.step{padding:20px 16px;background:#fff;border:1px solid var(--line);border-radius:11px;min-height:205px;transition:border-color .25s ease,box-shadow .25s ease,translate .25s ease}.step:hover{translate:0 -4px;border-color:#efb58f;box-shadow:0 14px 35px #7a3d1710}.step-number{font:22px DM Mono;color:#f4b184}.step h3{font-size:14px;margin:25px 0 10px}.step p{font-size:11px;line-height:1.65;color:var(--muted)}.example-title{font-size:14px;margin:32px 0 10px}pre{margin:0;padding:22px;color:#f8ede6;background:#28231f;border-radius:12px;overflow-x:auto;box-shadow:inset 4px 0 var(--orange)}pre code{font:11px/1.7 DM Mono,monospace;white-space:pre}.endpoint-list{margin-top:38px;border:1px solid var(--line);border-radius:12px;overflow:hidden}.endpoint{display:grid;grid-template-columns:68px minmax(320px,1fr) 1fr;align-items:center;gap:18px;min-height:64px;padding:12px 18px;border-bottom:1px solid var(--line);transition:background .25s ease,padding-left .25s ease}.endpoint:hover{background:#fff8f2;padding-left:24px}.endpoint:last-child{border:0}.method{font:700 10px DM Mono;color:#24794a;background:#e8f7ee;text-align:center;padding:7px;border-radius:5px}.method.post{color:#b64b0d;background:#fff0e5}.method.put{color:#7b4bb7;background:#f2eaff}.endpoint code{font:11px DM Mono}.endpoint p{margin:0;font-size:11px;color:var(--muted)}.flow-section{max-width:none;padding-left:max(28px,calc((100vw - 1124px)/2));padding-right:max(28px,calc((100vw - 1124px)/2));color:#fff;background:#302b27}.flow-section .section-heading .number{color:#ffa66c;border-color:#745340}.flow-section .section-heading p{color:#ffa66c}.flow{display:flex;align-items:center;justify-content:space-between;margin:45px 0 30px}.flow>div{flex:1;display:flex;gap:13px;align-items:center}.flow>div b{min-width:38px;height:38px;display:grid;place-items:center;color:#ffb27e;background:#493a31;border-radius:50%;font:12px DM Mono}.flow span{display:flex;flex-direction:column}.flow strong{font-size:12px}.flow small{margin-top:4px;color:#a99e95;font-size:9px}.flow>i{margin:0 18px;color:var(--orange);font-style:normal}.flow-note{margin:0;padding:18px;border:1px solid #5b4f46;border-radius:9px;color:#c7bdb5;font-size:11px;line-height:1.65}.faq-grid{margin-top:40px;display:grid;grid-template-columns:1fr 1fr;gap:14px}.faq-grid article{padding:23px;border:1px solid var(--line);border-radius:10px;background:#fff}.faq-grid article{transition:border-color .25s ease,box-shadow .25s ease,translate .25s ease}.faq-grid article:hover{translate:0 -3px;border-color:#efb58f;box-shadow:0 14px 30px #7a3d170d}.faq-grid h3{margin:0 0 11px;font-size:13px}.faq-grid p{margin:0;font-size:11px;color:var(--muted);line-height:1.7}.faq-grid b{color:var(--orange-dark)}.security{max-width:1124px;margin:0 auto 96px;padding:35px;border-radius:14px;color:#fff;background:linear-gradient(120deg,#e75e0e,#ff8432);display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.security>div{display:flex;gap:17px;align-items:center}.security>div>span{width:45px;height:45px;display:grid;place-items:center;background:#fff2;border-radius:10px}.security p{margin:0;font-size:11px;line-height:1.7;color:#fff4ed}.security div p{font-size:9px;font-weight:800;letter-spacing:.15em}.security h2{font-size:22px;margin-top:5px}footer{padding:30px max(28px,calc((100vw - 1180px)/2));background:#27231f;color:#c9bfb7;display:flex;align-items:center;gap:30px;font-size:10px}.footer-brand{margin-right:auto;color:#fff}@media(max-width:860px){nav{display:none}.scroll-rail{display:none}.hero{grid-template-columns:1fr;gap:45px;padding-top:60px}.status-panel{max-width:520px;transform:none}.steps{grid-template-columns:1fr 1fr}.endpoint{grid-template-columns:62px 1fr}.endpoint p{grid-column:2}.flow{display:grid;grid-template-columns:1fr;gap:12px}.flow>i{transform:rotate(90deg);justify-self:center}.security{margin-inline:28px;grid-template-columns:1fr;gap:20px}}@media(max-width:590px){.topbar{padding:0 16px}.print-button{font-size:0}.print-button span{font-size:16px}.hero,.section{padding-left:20px;padding-right:20px}.hero-actions,.quick-facts{flex-wrap:wrap}.environment-grid,.steps,.faq-grid{grid-template-columns:1fr}.step{min-height:auto}.lead{margin-left:0}.endpoint{gap:9px;padding:13px 10px}.endpoint code{overflow-wrap:anywhere}.security{margin-inline:20px;padding:25px}footer{flex-wrap:wrap}}@page{size:A4;margin:13mm}@media print{:root{color:#181512;background:#fff}body{background:#fff;print-color-adjust:exact;-webkit-print-color-adjust:exact}.topbar{position:static;height:55px;padding:0;border-bottom:2px solid var(--orange)}nav,.print-button,.hero-actions,.scroll-progress,.scroll-rail,.back-to-top{display:none}.hero{min-height:0;padding:22mm 0 18mm;grid-template-columns:1.2fr .8fr;gap:12mm;background:#fff;page-break-after:always}.hero:before{display:none}h1{font-size:38px}.hero-copy>p{font-size:13px}.status-panel{transform:none;box-shadow:none}.section,.section.warm,.flow-section{padding:18mm 0 8mm;background:#fff;color:var(--ink);border:0}.section{break-before:page}.section-heading{break-after:avoid}.environment-grid,.faq-grid{gap:8px}.environment-card,.faq-grid article,.step,pre,.endpoint{break-inside:avoid}.steps{grid-template-columns:repeat(2,1fr)}.step{min-height:0}pre{white-space:pre-wrap;overflow:visible}pre code{white-space:pre-wrap;overflow-wrap:anywhere;font-size:8px}.flow{color:var(--ink)}.flow>div b{color:var(--orange-dark);background:var(--orange-soft)}.flow small{color:var(--muted)}.flow-note{color:var(--muted);border-color:var(--line)}.security{margin:15mm 0 0;break-inside:avoid}footer{background:#fff;color:var(--muted);padding:12mm 0 0;border-top:1px solid var(--line)}.footer-brand{color:var(--ink)}.section-heading,.environment-card,.step,.endpoint,.faq-grid article,.security,.flow>div{opacity:1!important;transform:none!important;translate:none!important}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}