:root{--ink:#163936;--muted:#718682;--line:#dce8e5;--teal:#0d7068;--lime:#ddec74;--paper:#f3f7f5;--white:#fff;font-family:"Noto Sans KR","DM Sans",sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 78% 2%,#dff2ec,transparent 27%),var(--paper)}a{color:inherit;text-decoration:none}button,input{font:inherit}.integration-header{display:flex;align-items:center;justify-content:space-between;max-width:1240px;margin:auto;padding:28px 32px}.integration-brand{display:flex;gap:10px;align-items:center;font-weight:800}.integration-brand span{display:grid;place-items:center;width:30px;height:30px;border:1px solid #7ba49d;border-radius:50%;color:var(--teal)}.integration-header nav{display:flex;gap:22px;color:#607b76;font-size:10px;font-weight:700}main{max-width:1180px;margin:auto;padding:25px 30px 90px}.integration-hero{display:grid;grid-template-columns:1.25fr .75fr;align-items:center;min-height:390px;padding:55px 62px;border-radius:28px;color:#fff;background:radial-gradient(circle at 78% 45%,rgba(67,184,163,.27),transparent 27%),linear-gradient(135deg,#0b4b45,#082f2c);box-shadow:0 25px 70px rgba(10,58,54,.17)}.eyebrow{color:var(--teal);font-size:8px;font-weight:800;letter-spacing:1.7px}.integration-hero .eyebrow{color:var(--lime)}.integration-hero h1{margin:17px 0;font-size:clamp(38px,5vw,58px);line-height:1.17;letter-spacing:-3px}.integration-hero p{max-width:600px;color:#a5c6bf;font-size:10px;line-height:1.8}.connection-orbit{position:relative;display:grid;place-items:center;width:240px;height:240px;margin:auto;border:1px solid rgba(255,255,255,.14);border-radius:50%}.connection-orbit:before,.connection-orbit i{content:"";position:absolute;border:1px solid rgba(255,255,255,.12);border-radius:50%}.connection-orbit:before{inset:35px}.connection-orbit i:first-child{inset:70px}.connection-orbit i:nth-child(2){width:8px;height:8px;right:35px;top:73px;border:0;background:var(--lime);box-shadow:0 0 17px var(--lime)}.connection-orbit i:nth-child(3){width:7px;height:7px;left:52px;bottom:55px;border:0;background:#62c7b3}.connection-orbit b{font-size:38px}.connection-orbit span{position:absolute;bottom:78px;color:#9fc1bb;font-size:8px}.integration-section{margin-top:22px;padding:30px;border:1px solid rgba(14,89,82,.08);border-radius:24px;background:rgba(255,255,255,.88);box-shadow:0 14px 45px rgba(24,59,56,.05)}.integration-section>header{display:flex;align-items:center;justify-content:space-between}.integration-section h2{margin:6px 0 0;font-size:22px;letter-spacing:-1px}.privacy-badge{padding:8px 10px;border-radius:999px;color:var(--teal);background:#e5f3ef;font-size:8px;font-weight:800}.privacy-badge.lock{color:#665d9d;background:#efedfa}.permission-strip{display:flex;align-items:center;gap:13px;margin:23px 0 16px;padding:13px 15px;border:1px solid var(--line);border-radius:13px;background:#f8fbfa;font-size:9px}.permission-strip strong{margin-right:auto}.permission-strip label{color:#5e7873}.permission-strip input{accent-color:var(--teal)}.device-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.device-card{padding:21px;border:1px solid var(--line);border-radius:17px;background:#fff}.device-top{display:flex;align-items:center;justify-content:space-between}.device-icon{display:grid;place-items:center;width:36px;height:36px;border-radius:12px;color:#fff;background:#252525}.android .device-icon{background:#5b79cc}.clothing .device-icon{background:#4aa893}.device-status{color:#839792;font-size:7px}.device-card h3{margin:18px 0 7px;font-size:14px}.device-card p{min-height:49px;margin:0;color:var(--muted);font-size:8px;line-height:1.7}.device-card ul{margin:15px 0;padding-left:15px;color:#607b76;font-size:8px;line-height:1.9}.device-card button{width:100%;padding:10px;border:1px solid var(--line);border-radius:9px;color:var(--teal);background:#f7faf9;font-size:8px;font-weight:800;cursor:pointer}.device-card button:hover{color:#fff;border-color:var(--teal);background:var(--teal)}.integration-message{position:relative;margin-top:12px;padding:14px 45px 14px 16px;border-radius:12px;color:#4f6f69;background:#e6f2ef;font-size:9px}.integration-message strong,.integration-message span{display:block}.integration-message strong{margin-bottom:4px;color:var(--ink)}.integration-message button{position:absolute;right:12px;top:12px;border:0;background:transparent}.channel-list{display:grid;gap:9px;margin-top:23px}.channel-card{display:grid;grid-template-columns:auto 1fr auto auto;align-items:center;gap:14px;padding:15px 17px;border:1px solid var(--line);border-radius:14px;background:#fff}.channel-icon{display:grid;place-items:center;width:36px;height:36px;border-radius:11px;color:#fff;background:var(--teal);font-size:12px}.channel-icon.kakao{color:#342f16;background:#fee500;font-weight:900}.channel-card h3{margin:0 0 4px;font-size:11px}.channel-card p{margin:0;color:var(--muted);font-size:8px;line-height:1.5}.channel-state{padding:6px 8px;border-radius:999px;color:#8b7534;background:#f6edce;font-size:7px}.channel-state.ready{color:#3c806f;background:#e2f2ed}.channel-state.pending{color:#8c675c;background:#f7e9e4}.channel-card button{padding:9px 11px;border:1px solid var(--line);border-radius:9px;color:var(--teal);background:#fff;font-size:8px;font-weight:800;cursor:pointer}.privacy-default{display:flex;align-items:center;gap:13px;margin-top:14px;padding:15px;border-radius:14px;background:#f0eff8}.privacy-default>span{font-size:20px}.privacy-default strong{font-size:10px}.privacy-default p{margin:4px 0 0;color:#706d86;font-size:8px}.native-roadmap{margin-top:22px;padding:36px;border-radius:22px;color:#d9ebe7;background:#113f3b}.native-roadmap>span{color:var(--lime);font-size:8px;letter-spacing:1px}.native-roadmap h2{max-width:760px;margin:12px 0;font-size:22px}.native-roadmap p{max-width:880px;color:#9bbab4;font-size:9px;line-height:1.8}.native-roadmap a{display:inline-block;margin-top:10px;color:var(--lime);font-size:9px;font-weight:800}.app-notice{position:fixed;right:25px;top:25px;z-index:10;display:grid;grid-template-columns:auto 1fr auto;gap:11px;align-items:center;width:min(390px,calc(100% - 30px));padding:14px;border:1px solid #d9e7e4;border-radius:14px;background:#fff;box-shadow:0 18px 50px rgba(13,57,53,.18)}.app-notice[hidden]{display:none}.app-notice>span{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;color:#fff;background:var(--teal);font-size:8px;font-weight:800}.app-notice strong{font-size:10px}.app-notice p{margin:3px 0 0;color:var(--muted);font-size:8px}.app-notice button{border:0;background:transparent}@media(max-width:900px){.integration-hero{grid-template-columns:1fr}.connection-orbit{display:none}.device-grid{grid-template-columns:1fr 1fr}.device-card:last-child{grid-column:1/-1}}@media(max-width:650px){.integration-header{padding:22px 20px}main{padding:10px 15px 70px}.integration-hero{min-height:340px;padding:35px 25px}.integration-hero h1{font-size:38px}.integration-section{padding:22px 16px}.permission-strip{align-items:flex-start;flex-wrap:wrap}.permission-strip strong{width:100%}.device-grid{grid-template-columns:1fr}.device-card:last-child{grid-column:auto}.channel-card{grid-template-columns:auto 1fr}.channel-state,.channel-card button{justify-self:start}.channel-card button{grid-column:2}.native-roadmap{padding:28px 22px}}