.ip-hero{position:relative;padding:8rem 0 4rem;overflow:hidden;min-height:50vh;display:flex;align-items:center}.ip-hero-bg{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;z-index:0}.ip-hero-orb{position:absolute;border-radius:50%;filter:blur(80px);opacity:.5}.ip-hero-orb-1{width:500px;height:500px;background:linear-gradient(135deg,hsl(var(--primary)),hsl(var(--accent)));top:-150px;right:-100px;animation:float 8s ease-in-out infinite}.ip-hero-orb-2{width:350px;height:350px;background:linear-gradient(135deg,hsl(var(--accent)),hsl(var(--primary)));bottom:-100px;left:-100px;animation:float 10s ease-in-out infinite reverse}@keyframes float{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-20px) rotate(5deg)}}.ip-hero-grid{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(to right,hsl(var(--foreground) / .03) 1px,transparent 1px),linear-gradient(to bottom,hsl(var(--foreground) / .03) 1px,transparent 1px);background-size:40px 40px}.ip-hero-content{position:relative;z-index:1;text-align:center;max-width:800px;margin:0 auto}.ip-hero-badge{display:inline-flex;align-items:center;gap:.5rem;background:hsl(var(--primary) / .1);border:1px solid hsl(var(--primary) / .2);padding:.5rem 1rem;border-radius:9999px;font-size:.875rem;color:hsl(var(--primary));margin-bottom:1.5rem}.ip-hero-badge .badge-dot{width:8px;height:8px;background:hsl(var(--primary));border-radius:50%;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.2)}}.ip-hero-title{font-size:clamp(2.5rem,6vw,4.5rem);font-weight:800;line-height:1.1;margin-bottom:1rem;color:hsl(var(--foreground))}.ip-hero-subtitle{font-size:1.25rem;color:hsl(var(--muted-foreground));max-width:600px;margin:0 auto 2rem;line-height:1.6}.ip-hero-buttons{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.section-header{text-align:center;margin-bottom:3rem}.section-title{font-size:clamp(1.75rem,4vw,2.5rem);font-weight:700;margin-bottom:1rem;color:hsl(var(--foreground))}.section-subtitle{font-size:1.125rem;color:hsl(var(--muted-foreground));max-width:600px;margin:0 auto}.ip-lookup-section{padding:4rem 0;background:hsl(var(--background))}.ip-lookup-header{text-align:center;margin-bottom:3rem}.ip-lookup-grid{display:grid;grid-template-columns:1fr 1fr;gap:2rem;max-width:1200px;margin:0 auto}@media (max-width: 1024px){.ip-lookup-grid{grid-template-columns:1fr}}.ip-result-card,.ip-manual-card{background:hsl(var(--card));border:1px solid hsl(var(--border));border-radius:16px;overflow:hidden;transition:all .3s ease}.ip-result-card:hover,.ip-manual-card:hover{border-color:hsl(var(--primary) / .3);box-shadow:0 20px 40px -20px hsl(var(--primary) / .15)}.ip-card-header{display:flex;align-items:center;justify-content:space-between;padding:1.5rem;border-bottom:1px solid hsl(var(--border));background:hsl(var(--muted) / .3)}.ip-card-title-group{display:flex;align-items:center;gap:1rem}.ip-card-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,hsl(var(--primary)),hsl(var(--accent)));border-radius:12px;color:#fff}.ip-card-header h3{font-size:1.125rem;font-weight:600;color:hsl(var(--foreground));margin-bottom:.25rem}.ip-card-header p{font-size:.875rem;color:hsl(var(--muted-foreground))}.ip-address-display{font-family:JetBrains Mono,monospace;font-size:.875rem;color:hsl(var(--primary))}.ip-refresh-btn{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:hsl(var(--secondary));border:1px solid hsl(var(--border));border-radius:10px;color:hsl(var(--muted-foreground));cursor:pointer;transition:all .2s ease}.ip-refresh-btn:hover{background:hsl(var(--primary));color:#fff;border-color:hsl(var(--primary))}.ip-refresh-btn.loading svg{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.ip-loading{padding:1.5rem}.ip-skeleton-row{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.ip-skeleton-row:last-child{margin-bottom:0}.ip-skeleton{background:linear-gradient(90deg,hsl(var(--muted)) 25%,hsl(var(--muted) / .5),hsl(var(--muted)) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:6px}.ip-skeleton-label{width:100px;height:16px}.ip-skeleton-value{flex:1;height:20px}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.ip-details{padding:1.5rem}.ip-detail-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}@media (max-width: 480px){.ip-detail-grid{grid-template-columns:1fr}}.ip-detail-item{display:flex;flex-direction:column;gap:.25rem;padding:.75rem;background:hsl(var(--muted) / .3);border-radius:10px}.ip-detail-label{font-size:.75rem;font-weight:500;color:hsl(var(--muted-foreground));text-transform:uppercase;letter-spacing:.5px}.ip-detail-value{font-size:.95rem;font-weight:600;color:hsl(var(--foreground));font-family:JetBrains Mono,monospace}.ip-flags-row{display:flex;gap:1rem;margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid hsl(var(--border))}.ip-flag-item{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:hsl(var(--muted) / .3);border-radius:8px;font-size:.875rem;color:hsl(var(--muted-foreground))}.ip-flag-indicator{width:10px;height:10px;border-radius:50%;background:hsl(var(--muted-foreground))}.ip-flag-item.active .ip-flag-indicator{background:hsl(var(--destructive));box-shadow:0 0 8px hsl(var(--destructive) / .5)}.ip-flag-item.inactive .ip-flag-indicator{background:hsl(var(--accent));box-shadow:0 0 8px hsl(var(--accent) / .5)}.ip-error{padding:3rem 1.5rem;text-align:center}.ip-error-icon{width:60px;height:60px;margin:0 auto 1rem;display:flex;align-items:center;justify-content:center;background:hsl(var(--destructive) / .1);border-radius:50%;color:hsl(var(--destructive))}.ip-error p{color:hsl(var(--muted-foreground));margin-bottom:1rem}.ip-manual-form{padding:1.5rem;border-bottom:1px solid hsl(var(--border))}.ip-input-wrapper{display:flex;gap:.75rem}@media (max-width: 480px){.ip-input-wrapper{flex-direction:column}}.ip-input{flex:1;padding:.875rem 1rem;background:hsl(var(--background));border:1px solid hsl(var(--border));border-radius:10px;color:hsl(var(--foreground));font-size:.95rem;font-family:JetBrains Mono,monospace;transition:all .2s ease}.ip-input:focus{outline:none;border-color:hsl(var(--primary));box-shadow:0 0 0 3px hsl(var(--primary) / .1)}.ip-input::placeholder{color:hsl(var(--muted-foreground));font-family:Inter,sans-serif}.ip-lookup-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.875rem 1.5rem;background:linear-gradient(135deg,hsl(var(--primary)),hsl(var(--accent)));color:#fff;border:none;border-radius:10px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .3s ease;white-space:nowrap}.ip-lookup-btn:hover{transform:translateY(-2px);box-shadow:0 10px 30px -10px hsl(var(--primary) / .5)}.ip-lookup-btn:disabled{opacity:.7;cursor:not-allowed;transform:none}.ip-manual-results{padding:1.5rem}.ip-manual-placeholder{padding:3rem 1.5rem;text-align:center}.ip-manual-placeholder .placeholder-icon{width:60px;height:60px;margin:0 auto 1rem;display:flex;align-items:center;justify-content:center;background:hsl(var(--muted) / .5);border-radius:50%;color:hsl(var(--muted-foreground))}.ip-manual-placeholder p{color:hsl(var(--muted-foreground));font-size:.95rem}.ip-features-section{padding:6rem 0;background:hsl(var(--muted) / .3)}.ip-features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;max-width:1200px;margin:0 auto}.ip-feature-card{padding:2rem;background:hsl(var(--card));border:1px solid hsl(var(--border));border-radius:16px;transition:all .3s ease}.ip-feature-card:hover{border-color:hsl(var(--primary) / .3);transform:translateY(-4px);box-shadow:0 20px 40px -20px hsl(var(--primary) / .15)}.ip-feature-icon{width:56px;height:56px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,hsl(var(--primary) / .1),hsl(var(--accent) / .1));border-radius:14px;color:hsl(var(--primary));margin-bottom:1.25rem}.ip-feature-card h3{font-size:1.125rem;font-weight:600;color:hsl(var(--foreground));margin-bottom:.75rem}.ip-feature-card p{font-size:.95rem;color:hsl(var(--muted-foreground));line-height:1.6}.ip-examples-section{padding:6rem 0;background:hsl(var(--background))}.ip-code-container{max-width:800px;margin:0 auto;background:hsl(var(--code-bg));border-radius:16px;overflow:hidden;box-shadow:0 25px 50px -12px hsl(var(--primary) / .2)}.ip-code-tabs{display:flex;background:hsl(var(--code-bg));border-bottom:1px solid hsl(var(--foreground) / .1);padding:0 1rem}.ip-code-tab{padding:1rem 1.5rem;background:transparent;border:none;color:hsl(var(--code-foreground) / .6);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;position:relative}.ip-code-tab:hover{color:hsl(var(--code-foreground))}.ip-code-tab.active{color:hsl(var(--primary))}.ip-code-tab.active:after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:hsl(var(--primary))}.ip-code-block,.ip-response-block{padding:1.5rem}.ip-code-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.ip-code-label{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:hsl(var(--code-foreground) / .5)}.ip-copy-btn{display:inline-flex;align-items:center;gap:.375rem;padding:.375rem .75rem;background:hsl(var(--foreground) / .1);border:none;border-radius:6px;color:hsl(var(--code-foreground) / .7);font-size:.75rem;cursor:pointer;transition:all .2s ease}.ip-copy-btn:hover{background:hsl(var(--foreground) / .15);color:hsl(var(--code-foreground))}.ip-copy-btn.copied{background:hsl(var(--accent) / .2);color:hsl(var(--accent))}.ip-code-block pre,.ip-response-block pre{margin:0;font-family:JetBrains Mono,monospace;font-size:.875rem;line-height:1.6;color:hsl(var(--code-foreground));overflow-x:auto}.ip-response-block{border-top:1px solid hsl(var(--foreground) / .1);background:hsl(var(--code-bg) / .5)}.ip-usecases-section{padding:6rem 0;background:hsl(var(--muted) / .3)}.ip-usecases-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;max-width:1200px;margin:0 auto}.ip-usecase-card{padding:2rem;background:hsl(var(--card));border:1px solid hsl(var(--border));border-radius:16px;text-align:center;transition:all .3s ease}.ip-usecase-card:hover{border-color:hsl(var(--primary) / .3);transform:translateY(-4px);box-shadow:0 20px 40px -20px hsl(var(--primary) / .15)}.ip-usecase-icon{width:64px;height:64px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,hsl(var(--primary)),hsl(var(--accent)));border-radius:16px;color:#fff;margin:0 auto 1.25rem}.ip-usecase-card h3{font-size:1.125rem;font-weight:600;color:hsl(var(--foreground));margin-bottom:.75rem}.ip-usecase-card p{font-size:.95rem;color:hsl(var(--muted-foreground));line-height:1.6}.ip-pricing-section{padding:6rem 0;background:hsl(var(--background))}.ip-pricing-card{margin:0 auto;border-radius:24px;padding:3rem;text-align:center}.ip-pricing-content h2{font-size:2rem;font-weight:700;color:hsl(var(--foreground));margin-bottom:.75rem}.ip-pricing-content>p{font-size:1.125rem;color:hsl(var(--muted-foreground));margin-bottom:2.5rem}.ip-pricing-tiers{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-bottom:2.5rem}@media (max-width: 768px){.ip-pricing-tiers{grid-template-columns:1fr}}.ip-pricing-tier{padding:1.5rem;background:hsl(var(--card));border:1px solid hsl(var(--border));border-radius:16px;position:relative}.ip-pricing-tier.featured{border-color:hsl(var(--primary));box-shadow:0 10px 40px -10px hsl(var(--primary) / .3)}.ip-pricing-badge{position:absolute;top:-10px;left:50%;transform:translate(-50%);padding:.25rem .75rem;background:linear-gradient(135deg,hsl(var(--primary)),hsl(var(--accent)));color:#fff;font-size:.75rem;font-weight:600;border-radius:9999px}.ip-pricing-tier h4{font-size:1rem;font-weight:600;color:hsl(var(--foreground));margin-bottom:.5rem}.ip-pricing-value{font-size:2rem;font-weight:700;color:hsl(var(--primary));margin-bottom:.5rem}.ip-pricing-value span{font-size:.875rem;font-weight:400;color:hsl(var(--muted-foreground))}.ip-pricing-tier p{font-size:.875rem;color:hsl(var(--muted-foreground))}.ip-pricing-buttons{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.ip-faq-section{padding:6rem 0;background:hsl(var(--muted) / .3)}.ip-faq-list{max-width:800px;margin:0 auto}.ip-faq-item{background:hsl(var(--card));border:1px solid hsl(var(--border));border-radius:12px;margin-bottom:1rem;overflow:hidden;transition:all .3s ease}.ip-faq-item:hover{border-color:hsl(var(--primary) / .3)}.ip-faq-trigger{width:100%;display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem;background:transparent;border:none;color:hsl(var(--foreground));font-size:1rem;font-weight:500;text-align:left;cursor:pointer;transition:all .2s ease}.ip-faq-trigger:hover{background:hsl(var(--muted) / .3)}.ip-faq-trigger svg{color:hsl(var(--muted-foreground));transition:transform .3s ease}.ip-faq-trigger[aria-expanded=true] svg{transform:rotate(180deg)}.ip-faq-content{display:none;padding:0 1.5rem 1.25rem}.ip-faq-content p{font-size:.95rem;color:hsl(var(--muted-foreground));line-height:1.7}.ip-faq-item.open .ip-faq-content{display:block;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.footer{background:hsl(var(--card));border-top:1px solid hsl(var(--border));padding:4rem 0 2rem}.footer-grid{display:grid;grid-template-columns:1fr 2fr;gap:4rem;margin-bottom:3rem}@media (max-width: 768px){.footer-grid{grid-template-columns:1fr;gap:2rem}}.footer-brand .logo{margin-bottom:1rem}.footer-desc{font-size:.95rem;color:hsl(var(--muted-foreground));line-height:1.6}.footer-links{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}@media (max-width: 480px){.footer-links{grid-template-columns:repeat(2,1fr)}}.footer-column h4{font-size:.875rem;font-weight:600;color:hsl(var(--foreground));margin-bottom:1rem;text-transform:uppercase;letter-spacing:.5px}.footer-column ul{list-style:none}.footer-column li{margin-bottom:.5rem}.footer-column a{font-size:.875rem;color:hsl(var(--muted-foreground));transition:color .2s ease}.footer-column a:hover{color:hsl(var(--primary))}.footer-bottom{padding-top:2rem;border-top:1px solid hsl(var(--border));text-align:center}.footer-bottom p{font-size:.875rem;color:hsl(var(--muted-foreground))}