.ip-hero h1{max-width:940px}
.ip-app-section{padding:0 0 clamp(4rem,8vw,7rem);background:linear-gradient(#f1efe9 0,#f7f5f0 210px)}
.ip-shell{display:grid;gap:1.25rem;transform:translateY(-2.4rem)}
.ip-primary-card,.ip-info-card,.ip-user-agent-card{border:1px solid rgba(10,29,58,.12);border-radius:var(--radius-lg);background:#fff;box-shadow:0 25px 70px -48px rgba(5,15,34,.5)}
.ip-primary-card{position:relative;overflow:hidden;padding:clamp(1.35rem,4vw,2.7rem);background:linear-gradient(135deg,#fff 0%,#fbfaf6 100%)}
.ip-primary-card::after{content:"";position:absolute;right:-90px;bottom:-120px;width:320px;height:320px;border:1px solid rgba(201,169,97,.14);border-radius:50%;box-shadow:0 0 0 45px rgba(201,169,97,.035),0 0 0 90px rgba(10,29,58,.025);pointer-events:none}
.ip-primary-heading{position:relative;z-index:1;display:flex;align-items:start;justify-content:space-between;gap:1rem}.ip-primary-heading h2{margin-top:.25rem;color:var(--navy-deep);font-size:clamp(1.45rem,3vw,2.1rem)}
.ip-state{display:flex;align-items:center;gap:.45rem;padding:.45rem .7rem;border:1px solid rgba(53,114,80,.18);border-radius:99px;background:#f3faf6;color:#357250;font-size:.68rem;white-space:nowrap}.ip-state i{width:6px;height:6px;border-radius:50%;background:#45a46a;box-shadow:0 0 0 3px rgba(69,164,106,.12)}.ip-state.is-error{border-color:rgba(157,48,48,.18);background:#fff4f4;color:#9d3030}.ip-state.is-error i{background:#b94343;box-shadow:0 0 0 3px rgba(185,67,67,.12)}
.ip-value-row{position:relative;z-index:1;display:flex;align-items:center;gap:1.25rem;margin-top:clamp(1.6rem,4vw,2.7rem)}
.ip-value{min-width:0;color:var(--navy-deep);font:600 clamp(1.8rem,6vw,4.7rem)/1.15 var(--f-mono);letter-spacing:-.045em;overflow-wrap:anywhere;word-break:break-word}
.ip-copy-button{display:flex;align-items:center;justify-content:center;gap:.5rem;flex:none;padding:.75rem 1rem;border:1px solid var(--navy-deep);border-radius:var(--radius);background:var(--navy-deep);color:#fff;font:600 .76rem var(--f-sans);transition:background .25s,color .25s,border-color .25s,transform .25s}.ip-copy-button:hover{border-color:var(--gold);background:var(--gold);color:var(--navy-deep);transform:translateY(-1px)}.ip-copy-button svg{width:16px;height:16px}
.ip-version{position:relative;z-index:1;display:inline-flex;margin-top:1rem;padding:.35rem .62rem;border:1px solid rgba(201,169,97,.28);border-radius:99px;background:rgba(201,169,97,.08);color:var(--gold-deep);font:600 .67rem var(--f-mono)}
.ip-load-error{position:relative;z-index:1;margin-top:1.5rem;padding:1rem;border:1px solid rgba(157,48,48,.2);border-radius:var(--radius-md);background:#fff5f5;color:#8e3030;font-size:.84rem}
.ip-info-grid{display:grid;gap:1.25rem}.ip-info-card{min-width:0;padding:clamp(1.2rem,3vw,1.8rem)}
.ip-card-title{display:flex;align-items:center;gap:.85rem;padding-bottom:1.2rem;border-bottom:1px solid var(--line-dark)}.ip-card-title h2{margin-top:.2rem;color:var(--navy-deep);font-size:1.45rem}.ip-card-icon{display:grid;place-items:center;width:43px;height:43px;flex:none;border-radius:var(--radius-md);background:var(--navy-deep);color:var(--gold);font-family:var(--f-mono)}
.ip-data-list>div{display:grid;grid-template-columns:minmax(115px,.75fr) minmax(0,1.25fr);gap:1rem;padding:.85rem 0;border-bottom:1px solid var(--line-dark)}.ip-data-list>div:last-child{border-bottom:0}.ip-data-list dt{color:var(--smoke);font-size:.72rem}.ip-data-list dd{min-width:0;text-align:right;color:var(--navy-deep);font:600 .76rem/1.5 var(--f-sans);overflow-wrap:anywhere}.ip-data-list [hidden]{display:none}
.ip-noscript{margin-top:1rem;padding:.75rem;border-radius:var(--radius);background:#fff4f4;color:#8e3030;font-size:.72rem}
.ip-user-agent-card{display:grid;gap:1rem;padding:clamp(1.2rem,3vw,1.8rem)}.ip-user-agent-card h2{margin-top:.25rem;color:var(--navy-deep);font-size:1.45rem}.user-agent-row{display:flex;align-items:stretch;min-width:0;border:1px solid rgba(10,29,58,.18);border-radius:var(--radius-md);background:#f7f8fa;overflow:hidden}.user-agent-row code{min-width:0;flex:1;padding:1rem;color:var(--graphite);font:.72rem/1.7 var(--f-mono);overflow-wrap:anywhere}.ip-secondary-button{flex:none;padding:.75rem 1rem;border:0;border-left:1px solid rgba(10,29,58,.12);background:var(--navy-deep);color:#fff;font:600 .72rem var(--f-sans)}.ip-secondary-button:hover{background:var(--gold);color:var(--navy-deep)}
.ip-privacy-box{display:flex;align-items:start;gap:1rem;padding:clamp(1.2rem,3vw,1.7rem);border:1px solid rgba(201,169,97,.3);border-radius:var(--radius-lg);background:linear-gradient(145deg,#07162f,#0b2347);color:#fff}.ip-privacy-box .privacy-icon{margin-top:.15rem}.ip-privacy-box h2{color:#fff;font-size:1.45rem}.ip-privacy-box p{max-width:920px;margin-top:.45rem;color:rgba(255,255,255,.64);font-size:.8rem;line-height:1.75}
.ip-guide-section{padding:clamp(4rem,8vw,7rem) 0;background:#fff;border-top:1px solid var(--line-dark)}.ip-guide-grid{display:grid;gap:1px;border:1px solid var(--line-dark);border-radius:var(--radius-lg);background:var(--line-dark);overflow:hidden}.ip-guide-grid article{padding:clamp(1.35rem,3vw,2rem);background:#fff}.ip-guide-grid h2{font-size:clamp(1.4rem,2.4vw,1.9rem)}.ip-guide-grid p{margin-top:.75rem;color:var(--graphite);font-size:.84rem;line-height:1.8}.ip-inline-link{display:inline-flex;align-items:center;gap:.45rem;color:var(--gold-deep);font-weight:600}.ip-inline-link:hover{color:var(--navy-deep)}
.ip-related-section{padding:clamp(3.5rem,7vw,5.5rem) 0;background:var(--cream);border-top:1px solid var(--line-dark)}.ip-related-wrap{display:grid;gap:2rem}.ip-related-wrap h2{margin-top:.35rem;font-size:clamp(1.8rem,3vw,2.7rem)}.ip-related-links{border-top:1px solid var(--line-dark)}.ip-related-links a{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 0;border-bottom:1px solid var(--line-dark);color:var(--navy-deep);font-size:.82rem;font-weight:600}.ip-related-links i{color:var(--gold-deep);font-size:1.1rem;font-style:normal;transition:transform .25s}.ip-related-links a:hover i{transform:translateX(4px)}
.ip-faq-section>div>div:first-child p{max-width:520px;margin-top:.8rem;color:var(--smoke);font-size:.84rem;line-height:1.7}
body:not(.home-designcode) .ip-app-section,body:not(.home-designcode) .ip-guide-section,body:not(.home-designcode) .ip-related-section{background:#05070d;border-color:rgba(255,255,255,.08)}
body:not(.home-designcode) .ip-primary-card,body:not(.home-designcode) .ip-info-card,body:not(.home-designcode) .ip-user-agent-card,body:not(.home-designcode) .ip-guide-grid article{background:linear-gradient(145deg,#0d1120,#080b14);border-color:rgba(255,255,255,.09);box-shadow:none}
body:not(.home-designcode) .ip-primary-heading h2,body:not(.home-designcode) .ip-card-title h2,body:not(.home-designcode) .ip-user-agent-card h2,body:not(.home-designcode) .ip-guide-grid h2,body:not(.home-designcode) .ip-related-wrap h2{color:#edf0ff}
body:not(.home-designcode) .ip-primary-card::after{border-color:rgba(143,132,255,.14);box-shadow:0 0 0 45px rgba(143,132,255,.035),0 0 0 90px rgba(102,243,209,.018)}
body:not(.home-designcode) .ip-state{border-color:rgba(102,243,209,.2);background:rgba(102,243,209,.07);color:#66f3d1}
body:not(.home-designcode) .ip-state.is-error{border-color:rgba(255,122,136,.24);background:rgba(255,122,136,.08);color:#ff9aa5}
body:not(.home-designcode) .ip-value{color:#f2f4ff}
body:not(.home-designcode) .ip-copy-button,body:not(.home-designcode) .ip-secondary-button{border-color:rgba(143,132,255,.35);background:#8f84ff;color:#070911}
body:not(.home-designcode) .ip-copy-button:hover,body:not(.home-designcode) .ip-secondary-button:hover{background:#a69dff;color:#05070d}
body:not(.home-designcode) .ip-version{border-color:rgba(143,132,255,.3);background:rgba(143,132,255,.08);color:#ada5ff}
body:not(.home-designcode) .ip-load-error{border-color:rgba(255,122,136,.2);background:rgba(255,122,136,.07);color:#ffadb6}
body:not(.home-designcode) .ip-card-title,body:not(.home-designcode) .ip-data-list>div,body:not(.home-designcode) .ip-guide-grid,body:not(.home-designcode) .ip-related-links,body:not(.home-designcode) .ip-related-links a{border-color:rgba(255,255,255,.08)}
body:not(.home-designcode) .ip-card-icon{background:#05070d;color:#9b91ff;border:1px solid rgba(143,132,255,.25)}
body:not(.home-designcode) .ip-data-list dt{color:#848da9}body:not(.home-designcode) .ip-data-list dd{color:#e7eaf6}
body:not(.home-designcode) .user-agent-row{border-color:rgba(255,255,255,.1);background:#05070d}body:not(.home-designcode) .user-agent-row code{color:#aeb5ce}body:not(.home-designcode) .ip-secondary-button{border-color:rgba(255,255,255,.08)}
body:not(.home-designcode) .ip-privacy-box{border-color:rgba(102,243,209,.16);background:radial-gradient(circle at 85% 5%,rgba(102,243,209,.08),transparent 30%),#070b14}
body:not(.home-designcode) .ip-guide-grid{background:rgba(255,255,255,.08)}body:not(.home-designcode) .ip-guide-grid p,body:not(.home-designcode) .ip-faq-section>div>div:first-child p{color:#929ab5}
body:not(.home-designcode) .ip-related-links a{color:#dce1f2}body:not(.home-designcode) .ip-inline-link{color:#9b91ff}
@media(min-width:850px){.ip-info-grid,.ip-guide-grid,.ip-related-wrap{grid-template-columns:1fr 1fr}.ip-user-agent-card{grid-template-columns:minmax(180px,.35fr) minmax(0,1.65fr);align-items:center}}
@media(max-width:640px){.ip-shell{transform:translateY(-1.5rem)}.ip-primary-heading{display:block}.ip-state{display:inline-flex;margin-top:.8rem}.ip-value-row{display:block}.ip-copy-button{width:100%;margin-top:1rem}.ip-data-list>div{grid-template-columns:minmax(96px,.7fr) minmax(0,1.3fr);gap:.65rem}.user-agent-row{display:block}.ip-secondary-button{width:100%;border-top:1px solid rgba(10,29,58,.12);border-left:0}.ip-privacy-box{display:block}.ip-privacy-box .privacy-icon{margin-bottom:.8rem}.ip-guide-grid{display:block;border:0;background:transparent;overflow:visible}.ip-guide-grid article{border:1px solid var(--line-dark);border-radius:var(--radius-lg);margin-bottom:.8rem}.ip-value{font-size:clamp(1.65rem,9vw,2.6rem)}}