.integ-hero{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:40px;align-items:center}.integ-hero__h1{font-size:64px;margin-top:18px;line-height:1.02}.integ-hero__lede{color:var(--sd-cream-soft);font-size:17px;max-width:540px;margin-top:18px;line-height:1.55}.integ-hero__pills{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}.integ-hero__visual{position:relative;aspect-ratio:5 / 4;display:flex;align-items:center;justify-content:center}.integ-hero__file{position:absolute;width:200px;padding:18px;background:var(--sd-panel);border:1px solid var(--sd-rule);border-radius:18px;box-shadow:0 24px 60px #00000073;transition:transform .25s ease}.integ-hero__file--a{transform:rotate(-9deg) translate(-50px,-30px)}.integ-hero__file--b{transform:rotate(-2deg) translateY(-8px);z-index:2}.integ-hero__file--c{transform:rotate(7deg) translate(50px,14px)}.integ-hero__file-ext{font-family:var(--sd-mono);font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--sd-vaure-glow)}.integ-hero__file-name{margin-top:12px;font-weight:600;color:var(--sd-cream)}.integ-hero__file-meta{margin-top:6px;font-size:12px;color:var(--sd-muted)}.integ-hero__arrow{position:absolute;right:14%;top:58%;font-size:28px;color:var(--sd-vaure-glow);text-shadow:0 0 14px var(--sd-vaure-glow);transform:rotate(20deg)}.integ-hero__app{position:absolute;right:0;bottom:6%;display:flex;align-items:center;gap:10px;padding:14px 18px;background:var(--sd-vaure);color:var(--sd-cream);border-radius:16px;box-shadow:0 20px 50px color-mix(in oklab,var(--sd-vaure-glow) 40%,transparent);font-weight:600}.integ-hero__app img{filter:brightness(0) invert(1) opacity(.94)}@media(max-width:900px){.integ-hero{grid-template-columns:1fr}.integ-hero__h1{font-size:44px}.integ-hero__visual{aspect-ratio:4 / 3}}.integ-h2{font-size:44px;margin-top:14px;letter-spacing:-.02em}.integ-lede{color:var(--sd-cream-soft);font-size:16px;max-width:720px;margin-top:14px}.integ-steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;margin-top:28px}.integ-step{background:var(--sd-panel);border:1px solid var(--sd-rule);border-radius:18px;padding:22px;transition:border-color .25s ease,transform .25s ease}.integ-step:hover{border-color:var(--sd-vaure-glow);transform:translateY(-2px)}.integ-step__n{font-family:var(--sd-mono);font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--sd-vaure-glow)}.integ-step__t{margin:10px 0 8px;font-size:18px;font-weight:600}.integ-step__d{color:var(--sd-cream-soft);font-size:14px;line-height:1.5}.integ-anatomy{margin-top:24px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;align-items:start}.integ-tree{background:var(--sd-bg-soft);border:1px solid var(--sd-rule);border-radius:14px;padding:22px;font-family:var(--sd-mono);font-size:13px;line-height:1.7;color:var(--sd-cream-soft);white-space:pre;overflow-x:auto;margin:0}.integ-tree__root{color:var(--sd-cream);font-weight:600}.integ-tree__br{color:var(--sd-faint)}.integ-tree__dir{color:var(--sd-vaure-glow)}.integ-tree__file--key{color:var(--sd-vaure);font-weight:600}.integ-mime{margin-top:16px;display:flex;gap:12px;align-items:baseline}.integ-mime__label{font-family:var(--sd-mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--sd-muted)}.integ-mime__val{font-family:var(--sd-mono);color:var(--sd-cream);padding:4px 8px;border:1px solid var(--sd-rule);border-radius:6px;background:var(--sd-panel)}@media(max-width:900px){.integ-anatomy{grid-template-columns:1fr}}.integ-manifest{margin-top:26px}.integ-manifest__tabs{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}.integ-tab{background:transparent;color:var(--sd-muted);border:1px solid var(--sd-rule);border-radius:10px;padding:7px 14px;cursor:pointer;font-size:13px;font-family:var(--sd-mono);letter-spacing:.06em;transition:all .2s ease}.integ-tab:hover{color:var(--sd-cream);border-color:var(--sd-vaure-glow)}.integ-tab.is-active{background:var(--sd-vaure);color:var(--sd-cream);border-color:transparent}.integ-code{background:var(--sd-bg-soft);border:1px solid var(--sd-rule);border-radius:14px;padding:22px;font-family:var(--sd-mono);font-size:12.5px;line-height:1.6;color:var(--sd-cream-soft);overflow:auto;max-height:460px;margin:0}.j-k{color:var(--sd-vaure-glow)}.j-s{color:#80cd82}.j-n{color:#12cbf5}.j-b{color:#efa831}.j-u{color:var(--sd-faint)}.integ-tips{display:grid;gap:8px;margin-top:16px}.integ-tip{display:flex;gap:10px;align-items:flex-start;font-size:14px;color:var(--sd-cream-soft)}.integ-tip__dot{width:8px;height:8px;border-radius:999px;margin-top:7px;flex:0 0 8px}.integ-tip__dot--ok{background:var(--sd-good);box-shadow:0 0 10px var(--sd-good)}.integ-bg-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:14px;margin-top:24px}.integ-bg{padding:20px;border-radius:18px;border:1px solid var(--sd-rule);background:var(--sd-panel);display:flex;flex-direction:column;gap:6px;position:relative}.integ-bg--bad{border-color:#9b1e22;background:linear-gradient(180deg,oklch(.22 .05 25) 0%,var(--sd-panel) 100%)}.integ-bg--ok{border-color:var(--sd-good);background:linear-gradient(180deg,var(--sd-good-bg) 0%,var(--sd-panel) 100%)}.integ-bg__icon{font-size:18px;font-weight:700;width:30px;height:30px;border-radius:999px;display:flex;align-items:center;justify-content:center;align-self:flex-start;margin-bottom:6px}.integ-bg--bad .integ-bg__icon{background:#9b1e22;color:var(--sd-cream)}.integ-bg--ok .integ-bg__icon{background:var(--sd-good);color:var(--sd-bg)}.integ-bg__t{font-size:16px;font-weight:600}.integ-bg__d{color:var(--sd-cream-soft);font-size:14px;line-height:1.5}.integ-codecs{margin-top:26px}.integ-codecs__label{font-family:var(--sd-mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--sd-muted);margin-bottom:10px}.integ-codecs__row{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-bottom:8px}.integ-codec{padding:6px 12px;border-radius:999px;font-size:13px;font-family:var(--sd-mono);border:1px solid var(--sd-rule)}.integ-codec--ok{color:var(--sd-good);border-color:var(--sd-good);background:var(--sd-good-bg)}.integ-codec--bad{color:oklch(.82 .12 25);border-color:#9b1e22;text-decoration:line-through;opacity:.85}.integ-codecs__note{color:var(--sd-muted);font-size:12px}.integ-host-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px;margin-top:28px}.integ-host{background:var(--sd-panel);border:1px solid var(--sd-rule);border-radius:18px;padding:20px;transition:border-color .25s ease}.integ-host:hover{border-color:var(--sd-vaure-glow)}.integ-host__n{font-family:var(--sd-mono);font-size:11px;letter-spacing:.16em;color:var(--sd-vaure-glow)}.integ-host__t{margin:8px 0 6px;font-size:16px;font-weight:600}.integ-host__d{color:var(--sd-cream-soft);font-size:13.5px;line-height:1.5}.integ-builder{margin-top:26px;background:var(--sd-panel);border:1px solid var(--sd-rule);border-radius:22px;padding:26px;display:flex;flex-direction:column;gap:18px}.integ-builder__field{display:flex;flex-direction:column;gap:8px;font-family:var(--sd-mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--sd-muted)}.integ-builder__field input{background:var(--sd-bg-soft);color:var(--sd-cream);border:1px solid var(--sd-rule);border-radius:12px;padding:13px 16px;font-family:var(--sd-mono);font-size:14px;letter-spacing:0;text-transform:none}.integ-builder__field input:focus{outline:none;border-color:var(--sd-vaure-glow)}.integ-builder__schemes{display:flex;flex-wrap:wrap;gap:6px}.integ-scheme{background:transparent;color:var(--sd-muted);border:1px solid var(--sd-rule);border-radius:10px;padding:7px 14px;cursor:pointer;font-size:13px;font-family:var(--sd-mono)}.integ-scheme.is-active{background:var(--sd-vaure);color:var(--sd-cream);border-color:transparent}.integ-builder__out-label{font-family:var(--sd-mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--sd-muted);margin-bottom:8px}.integ-builder__result{display:flex;align-items:stretch;gap:8px;background:var(--sd-bg-soft);border:1px solid var(--sd-rule);border-radius:12px;padding:12px 14px}.integ-builder__code{flex:1;min-width:0;word-break:break-all;font-family:var(--sd-mono);font-size:13.5px;color:var(--sd-cream)}.integ-builder__copy{flex-shrink:0;background:var(--sd-vaure);color:var(--sd-cream);border:0;border-radius:10px;padding:8px 16px;font:inherit;font-weight:500;cursor:pointer;transition:background-color .2s ease}.integ-builder__copy:hover{background:var(--sd-vaure-soft)}.integ-builder__copy.is-disabled{opacity:.35;cursor:default;pointer-events:none}.integ-builder__copy.is-flash{background:var(--sd-good)}.integ-builder__err{color:oklch(.82 .12 25);font-size:13px;margin-top:-6px}.integ-short{margin-top:22px;padding:24px;border:1px dashed var(--sd-rule);border-radius:18px;display:flex;flex-direction:column;gap:12px;align-items:flex-start}.integ-short__t{font-size:17px;font-weight:600}.integ-short__d{color:var(--sd-cream-soft);font-size:14px;line-height:1.55}.integ-short__example{background:var(--sd-bg-soft);padding:6px 10px;border-radius:8px;font-family:var(--sd-mono);font-size:12.5px;color:var(--sd-vaure-glow);border:1px solid var(--sd-rule)}.integ-checklist{list-style:none;padding:0;margin:26px 0 0;display:flex;flex-direction:column;gap:6px}.integ-check label{display:flex;align-items:flex-start;gap:14px;padding:14px 16px;background:var(--sd-panel);border:1px solid var(--sd-rule);border-radius:14px;cursor:pointer;transition:border-color .2s ease,background .2s ease}.integ-check label:hover{border-color:var(--sd-vaure-glow)}.integ-check input{position:absolute;opacity:0;pointer-events:none}.integ-check__box{flex:0 0 22px;width:22px;height:22px;border-radius:7px;border:1.5px solid var(--sd-rule);margin-top:1px;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.integ-check input:checked+.integ-check__box{background:var(--sd-vaure);border-color:var(--sd-vaure)}.integ-check__box:after{content:"✓";color:var(--sd-cream);font-size:14px;font-weight:700;opacity:0;transform:scale(.5);transition:all .2s ease}.integ-check input:checked+.integ-check__box:after{opacity:1;transform:scale(1)}.integ-check__text{color:var(--sd-cream-soft);font-size:14.5px;line-height:1.5}.integ-check input:checked~.integ-check__text{color:var(--sd-cream)}.integ-progress{margin-top:22px;display:flex;align-items:center;gap:14px}.integ-progress__bar{flex:1;height:8px;border-radius:999px;background:var(--sd-bg-soft);overflow:hidden;border:1px solid var(--sd-rule)}.integ-progress__fill{height:100%;width:0%;border-radius:999px;background:linear-gradient(90deg,var(--sd-vaure),var(--sd-vaure-glow));transition:width .35s ease}.integ-progress__label{font-family:var(--sd-mono);font-size:12px;color:var(--sd-muted);min-width:50px;text-align:right}.integ-done{margin-top:14px;padding:14px 18px;border-radius:14px;background:var(--sd-good-bg);border:1px solid var(--sd-good);display:flex;gap:12px;align-items:baseline}.integ-done strong{color:var(--sd-good);font-size:15px}.integ-done span{color:var(--sd-cream-soft);font-size:14px}.integ-contact{display:flex;flex-wrap:wrap;gap:22px;align-items:center;justify-content:space-between;padding:26px;background:var(--sd-panel);border:1px solid var(--sd-rule);border-radius:22px;margin-top:20px}.integ-contact__cta{flex-shrink:0}