.arn-home-api{--hap-red:#d81d1d;--hap-rose:#ff2f6d;--hap-ink:#f4f6fc;position:relative;isolation:isolate;overflow:hidden;padding:88px 0 92px;border-top:1px solid rgba(124,136,166,.22);background:radial-gradient(ellipse at 3% 96%,rgba(216,29,75,.12),transparent 49%),radial-gradient(ellipse at 96% 10%,rgba(102,119,181,.16),transparent 52%),linear-gradient(125deg,#242b3c 0%,#1c2332 54%,#1a2130 100%);color:var(--hap-ink);font-family:inherit}
.arn-home-api::before{content:"";position:absolute;z-index:-1;inset:0;pointer-events:none;background-image:linear-gradient(rgba(202,212,237,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(202,212,237,.035) 1px,transparent 1px);background-size:48px 48px;mask-image:linear-gradient(100deg,transparent 26%,#000 100%)}
.arn-home-api,.arn-home-api *,.arn-home-api *::before,.arn-home-api *::after{box-sizing:border-box}
.arn-home-api__container{width:min(1180px,calc(100% - 30px));margin:0 auto;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:64px;align-items:center}
.arn-home-api__content,.arn-home-api__visual{min-width:0}
.arn-home-api__eyebrow{display:inline-flex;align-items:center;gap:9px;padding:8px 13px;margin:0 0 20px;border:1px solid rgba(255,137,167,.25);border-radius:999px;background:rgba(255,111,150,.08);color:#ffb3c8;font-size:12px;line-height:1.4;font-weight:800;letter-spacing:.65px}
.arn-home-api h2{margin:0;max-width:650px;color:var(--hap-ink);font-size:clamp(35px,3.6vw,49px);line-height:1.12;letter-spacing:-1.6px;font-weight:900;overflow-wrap:anywhere}
.arn-home-api__description{margin:21px 0 0;color:#bac5da;font-size:17px;line-height:1.8}
.arn-home-api__features{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:15px 18px;margin:27px 0 30px;padding:0;list-style:none}
.arn-home-api__features li{display:flex;align-items:flex-start;gap:9px;margin:0;padding:0;font-size:15px;line-height:1.6;font-weight:400;color:#f5f7fc;min-width:0;font-synthesis:none;text-shadow:none;-webkit-text-stroke:0}
.arn-home-api__check{display:inline-flex;flex:0 0 23px;align-items:center;justify-content:center;width:23px;height:23px;margin-top:0;border-radius:7px;background:rgba(255,111,150,.11);color:#ffabc1}
.arn-home-api__actions{display:flex;flex-wrap:wrap;align-items:stretch;gap:11px}
.arn-home-api .arn-home-api__button{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:49px;padding:13px 20px;border-radius:12px;border:1px solid transparent;font:inherit;font-size:15px;line-height:1.5;font-weight:400;font-synthesis:none;text-shadow:none;-webkit-text-stroke:0;text-decoration:none!important;transition:transform .18s ease,box-shadow .18s ease,background .18s ease;text-align:center}
.arn-home-api .arn-home-api__button--primary{background:linear-gradient(120deg,#ce192b,#d22157);color:#fff!important;box-shadow:0 8px 22px rgba(216,29,29,.14)}
.arn-home-api .arn-home-api__button--secondary{border-color:#59657d;background:rgba(255,255,255,.035);color:#fff!important}
.arn-home-api .arn-home-api__button:hover{transform:translateY(-2px);box-shadow:0 10px 25px rgba(216,29,29,.14)}
.arn-home-api .arn-home-api__button--secondary:hover{background:rgba(255,255,255,.085);border-color:#8896b0}
.arn-home-api .arn-home-api__button:focus-visible{outline:3px solid #ffa0bb;outline-offset:4px}
.arn-home-api__button svg{flex:0 0 18px}
.arn-home-api__sdk-note{margin:17px 0 0;max-width:520px;color:#acb8d0;font-size:12.5px;line-height:1.8}
.arn-home-api__visual{position:relative;padding-top:9px}
.arn-home-api__visual::before{content:"";position:absolute;z-index:-1;inset:20px 12px 42px 22px;border:1px solid rgba(175,183,220,.16);border-radius:30px;background:linear-gradient(145deg,rgba(156,135,179,.10),rgba(90,108,159,.07));transform:rotate(3deg);pointer-events:none}
.arn-home-api__window{position:relative;overflow:hidden;border:1px solid #48526b;border-radius:20px;background:#151a29;box-shadow:0 28px 65px -26px rgba(5,10,22,.62);color:#dce2ee}
.arn-home-api__window-bar{display:flex;align-items:center;gap:13px;padding:17px 21px;border-bottom:1px solid #2a3042;background:#1d2233;color:#f1f3fa;font-size:12px;font-weight:700;letter-spacing:.2px}
.arn-home-api__dots{display:flex;gap:5px;flex:0 0 auto}
.arn-home-api__dots i{width:7px;height:7px;border-radius:50%;background:#eb6b78}.arn-home-api__dots i:nth-child(2){background:#deb86b}.arn-home-api__dots i:nth-child(3){background:#68b89d}
.arn-home-api__slash{color:#687186;margin:0 3px}
.arn-home-api__version{margin-left:auto;padding:3px 8px;border:1px solid #3b4154;border-radius:6px;color:#c1cadb;font-size:10px;font-weight:500}
.arn-home-api__request{display:flex;align-items:center;gap:12px;margin:23px 22px 22px;padding:13px 14px;background:#202638;border:1px solid #353c50;border-radius:10px;min-width:0}
.arn-home-api__method{flex:0 0 auto;border-radius:5px;background:#284b43;padding:4px 7px;font-size:10px;color:#a1e0c4;font-weight:800;letter-spacing:.5px}
.arn-home-api__request code{min-width:0;background:none;padding:0;color:#f3f4fb;font:12px/1.5 ui-monospace,SFMono-Regular,Consolas,monospace;overflow-wrap:anywhere}
.arn-home-api__response-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 25px 13px;color:#a9b3c8;font-size:10.5px;line-height:1.5}
.arn-home-api__http{flex:0 0 auto;border:1px solid #304f46;border-radius:5px;background:#1a302c;padding:3px 7px;color:#92d3b5;font-size:9px;font-weight:600}
.arn-home-api__code{margin:0;padding:1px 24px 24px;border:0;border-radius:0;background:none;color:#cad1df;font:13.5px/1.95 ui-monospace,SFMono-Regular,Consolas,monospace;white-space:pre;overflow:hidden;text-align:left;direction:ltr}
.arn-home-api__code code{display:block;margin:0;padding:0;border:0;background:none;color:inherit;font:inherit}
.arn-home-api .hap-number{display:inline-block;width:28px;margin-right:10px;color:#8e9bb4;user-select:none;text-align:right}
.arn-home-api .hap-key{color:#b8c9fa}.arn-home-api .hap-boolean{color:#ec9da9}.arn-home-api .hap-value{color:#efce9c}.arn-home-api .hap-string{color:#a6d5c4}
.arn-home-api__languages{display:flex;flex-wrap:wrap;gap:7px;margin:0;padding:17px 23px;border-top:1px solid #2a3042;background:#191f2f}
.arn-home-api__languages span{padding:5px 9px;border:1px solid #3a4157;border-radius:6px;font-size:10px;font-weight:500;line-height:1.4;color:#b9c3d7}
.arn-home-api__flow{display:flex;align-items:center;justify-content:center;gap:13px;margin-top:22px;color:#8f9cb4}
.arn-home-api__flow>span{display:inline-flex;align-items:center;gap:7px;font-size:11px;line-height:1.5;font-weight:600;color:#c5cfe2;min-width:0}
.arn-home-api__flow i{display:inline-flex;align-items:center;justify-content:center;flex:0 0 23px;width:23px;height:23px;background:rgba(255,111,150,.08);border:1px solid rgba(255,137,167,.23);border-radius:7px;color:#ffb3c8;font-style:normal;font-size:9px}
.arn-home-api__flow>svg{flex:0 0 16px}
@media(min-width:1600px){.arn-home-api__container{gap:72px}}
@media(max-width:1050px){.arn-home-api__container{gap:35px}.arn-home-api__features{grid-template-columns:1fr;gap:11px}.arn-home-api__description{font-size:16px}.arn-home-api__actions{flex-direction:column;align-items:stretch}}
@media(max-width:800px){.arn-home-api{padding:66px 0 70px}.arn-home-api__container{grid-template-columns:1fr;gap:38px;max-width:620px}.arn-home-api__features{grid-template-columns:1fr 1fr}.arn-home-api__actions{flex-direction:row}.arn-home-api__visual{width:100%;max-width:540px;justify-self:center}.arn-home-api h2{font-size:clamp(34px,6vw,45px)}.arn-home-api__visual::before{inset:20px 12px 42px 17px}}
@media(max-width:480px){.arn-home-api{padding:54px 0 58px}.arn-home-api__container{width:calc(100% - 30px);gap:32px}.arn-home-api h2{font-size:34px;letter-spacing:-1px}.arn-home-api__description{font-size:15px;line-height:1.8}.arn-home-api__features{grid-template-columns:1fr;gap:12px;margin:23px 0 26px}.arn-home-api__actions{flex-direction:column}.arn-home-api__button{width:100%}.arn-home-api__window{border-radius:16px}.arn-home-api__window-bar{padding:15px 16px}.arn-home-api__request{margin:19px 15px 18px;padding:11px;gap:10px}.arn-home-api__request code{font-size:10.5px}.arn-home-api__response-head{margin-right:18px;margin-left:18px}.arn-home-api__code{padding:2px 12px 21px;font-size:12px}.arn-home-api .hap-number{width:20px;margin-right:8px}.arn-home-api__languages{padding:15px;gap:6px}.arn-home-api__languages span{padding:5px 8px}.arn-home-api__flow{gap:7px}.arn-home-api__flow>span{gap:4px;font-size:10px}.arn-home-api__flow i{flex-basis:20px;width:20px;height:20px}.arn-home-api__flow>svg{width:13px;flex-basis:13px}.arn-home-api__sdk-note{font-size:12px}}
@media(prefers-reduced-motion:reduce){.arn-home-api .arn-home-api__button{transition:none}.arn-home-api .arn-home-api__button:hover{transform:none}}