.hero{text-align:center;max-width:960px;margin:0 auto;position:relative;padding:var(--space-3xl) var(--space-xl);background:radial-gradient(circle at 50% 30%,rgba(14,165,233,.08) 0,transparent 60%)}.hero h1{font-size:clamp(2.5rem, 6vw, 4.25rem);font-weight:800;line-height:1.1;letter-spacing:-.04em;background:linear-gradient(135deg,var(--text-primary) 30%,var(--accent-blue) 75%,var(--accent-cyan) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:var(--space-lg);filter:drop-shadow(0 2px 10px rgba(37, 99, 235, .05))}.hero p{font-size:clamp(1rem, 2vw, 1.25rem);color:var(--text-secondary);margin-bottom:var(--space-2xl);line-height:1.7;max-width:720px;margin-left:auto;margin-right:auto;font-weight:500;letter-spacing:-.01em}.hero nav{display:flex;justify-content:center;gap:var(--space-md);flex-wrap:wrap}.searchContainer{margin-top:var(--space-2xl);max-width:680px;margin-left:auto;margin-right:auto;display:flex;flex-direction:column;gap:var(--space-md);position:relative;z-index:10}.searchForm{display:flex;align-items:center;gap:var(--space-sm);background:var(--glass-bg);border:1px solid var(--border-color);border-radius:var(--radius-full);padding:var(--space-2xs) var(--space-xs) var(--space-2xs) var(--space-lg);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:var(--shadow-md),var(--glass-shadow);transition:var(--transition-smooth);width:100%}.searchForm:focus-within{border-color:var(--accent-blue);box-shadow:var(--shadow-lg),var(--border-glow-blue)}.searchInputWrapper{display:flex;align-items:center;flex:1;gap:var(--space-3xs)}.searchPrefixInput{flex:1;border:none;background:0 0;outline:0;color:var(--text-primary);font-family:var(--font-sans);font-size:1rem;font-weight:600;min-width:120px}.searchPrefixInput::placeholder{color:var(--text-muted);font-weight:400}.atSymbol{color:var(--accent-cyan);font-weight:800;font-size:1.1rem}.searchDomainSelect{border:none;background:0 0;outline:0;color:var(--text-secondary);font-family:var(--font-sans);font-size:.95rem;font-weight:700;cursor:pointer;padding-right:var(--space-2xs)}.searchDomainSelect option{background:var(--bg-secondary);color:var(--text-primary)}.btnSearch{background:linear-gradient(135deg,var(--accent-blue) 0,var(--accent-blue-hover) 100%);color:var(--text-inverse);padding:var(--space-sm) var(--space-xl);border-radius:var(--radius-full);font-weight:800;font-size:.9rem;box-shadow:var(--glow-blue);white-space:nowrap;transition:var(--transition-smooth)}.btnSearch:hover{transform:translateY(-2px);box-shadow:var(--shadow-md),var(--border-glow-blue)}.searchResult{display:block;width:100%;padding:var(--space-md) var(--space-xl);border-radius:var(--radius-lg);font-size:.95rem;font-weight:700;text-align:center;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:var(--shadow-sm);transition:var(--transition-smooth);box-sizing:border-border-box}.searchResult.available,.searchResult.success{background:var(--accent-green-light);color:var(--accent-green);border:1px solid rgba(16,185,129,.3);box-shadow:0 8px 24px rgba(16,185,129,.12)}.searchResult.error,.searchResult.taken,.searchResult.unavailable{background:var(--accent-red-light);color:var(--accent-red);border:1px solid rgba(220,38,38,.3);box-shadow:var(--glow-red)}.searchResult.info{background:var(--accent-blue-light);color:var(--accent-blue);border:1px solid rgba(37,99,235,.3);box-shadow:var(--glow-blue)}.feature,.usecase,.workflow{padding:var(--space-3xl) var(--space-xl);position:relative}.feature{background:radial-gradient(ellipse at 50% 0,rgba(14,165,233,.05) 0,transparent 65%)}.usecase{background:radial-gradient(ellipse at 0 50%,rgba(37,99,235,.04) 0,transparent 60%)}.workflow{border-top:1px solid var(--border-color);background:radial-gradient(ellipse at 100% 50%,rgba(14,165,233,.04) 0,transparent 60%)}.feature header,.pricing header,.usecase header,.workflow header{text-align:center;margin-bottom:var(--space-2xl)}.feature header span,.pricing header span,.usecase header span,.workflow header span{font-size:.75rem;font-weight:800;letter-spacing:.2em;color:var(--accent-cyan);text-transform:uppercase;margin-bottom:var(--space-xs);display:block}.feature header h2,.pricing header h2,.usecase header h2,.workflow header h2{font-size:clamp(1.8rem, 4vw, 2.5rem);font-weight:800;letter-spacing:-.03em;margin-bottom:var(--space-sm)}.feature header p,.pricing header p,.usecase header p,.workflow header p{color:var(--text-secondary);font-size:1.05rem;max-width:640px;margin:0 auto;line-height:1.6}.feature .grid,.usecase .grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(280px,100%),1fr));gap:var(--space-xl)}.feature .grid article,.usecase .grid article{background:var(--bg-secondary);border:1px solid var(--border-color);padding:var(--space-2xl) var(--space-xl);border-radius:var(--radius-xl) var(--radius-sm) var(--radius-xl) var(--radius-sm);transition:var(--transition-smooth);box-shadow:var(--shadow-sm);backdrop-filter:blur(10px)}.feature .grid article:hover,.usecase .grid article:hover{transform:translateY(-6px);background:var(--bg-secondary);border-color:var(--accent-blue-light);box-shadow:var(--shadow-md),var(--glow-cyan)}.feature .grid article figure,.usecase .grid article figure{width:54px;height:54px;background:var(--accent-blue-light);border:1px solid rgba(37,99,235,.15);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;color:var(--accent-blue);margin-bottom:var(--space-lg);transition:var(--transition-smooth)}.usecase .grid article figure{background:var(--accent-cyan-light);border-color:rgba(14,165,233,.15);color:var(--accent-cyan)}.feature .grid article:hover figure{background:var(--accent-blue);color:var(--text-inverse)}.usecase .grid article:hover figure{background:var(--accent-cyan);color:var(--text-inverse)}.feature .grid article figure svg,.usecase .grid article figure svg{width:26px;height:26px;fill:currentColor}.feature .grid article h3,.usecase .grid article h3{font-size:1.3rem;margin-bottom:var(--space-xs);font-weight:700;letter-spacing:-.02em}.feature .grid article p,.usecase .grid article p{color:var(--text-secondary);font-size:.95rem;line-height:1.6}.workflow{border-top:1px solid var(--border-color)}.workflow .step{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(280px,100%),1fr));gap:var(--space-xl)}.workflow .step article{position:relative;background:var(--bg-secondary);border:1px solid var(--border-color);padding:var(--space-2xl) var(--space-xl);border-radius:var(--radius-sm) var(--radius-xl) var(--radius-sm) var(--radius-xl);backdrop-filter:blur(8px);overflow:hidden;transition:var(--transition-smooth);box-shadow:var(--shadow-sm)}.workflow .step article:hover{border-color:var(--border-color-hover);background:var(--bg-secondary);transform:translateY(-4px);box-shadow:var(--shadow-md)}.workflow .step article span{font-size:4.5rem;font-weight:900;line-height:1;background:linear-gradient(135deg,rgba(15,23,42,.05) 0,transparent 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;position:absolute;top:-.5rem;right:.5rem;pointer-events:none}.workflow .step article h3{font-size:1.25rem;margin-bottom:var(--space-xs);font-weight:700;color:var(--text-primary);letter-spacing:-.02em}.workflow .step article p{color:var(--text-secondary);font-size:.925rem;line-height:1.6}.pricing{padding:var(--space-3xl) var(--space-xl);position:relative;background:radial-gradient(circle at 50% 50%,rgba(37,99,235,.06) 0,transparent 60%);border-top:1px solid var(--border-color)}.pricing .plan{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(320px,100%),1fr));gap:var(--space-2xl);max-width:960px;margin:0 auto}.pricing .plan article{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-xl) var(--radius-md) var(--radius-xl) var(--radius-md);padding:var(--space-2xl) var(--space-xl);display:flex;flex-direction:column;transition:var(--transition-smooth);backdrop-filter:blur(12px);box-shadow:var(--shadow-sm)}.pricing .plan article:nth-child(2){border-color:rgba(37,99,235,.3);background:linear-gradient(180deg,rgba(37,99,235,.04),transparent 80%) var(--bg-secondary);position:relative;box-shadow:var(--shadow-md)}.pricing .plan article:hover{transform:translateY(-6px);border-color:var(--border-color-hover);box-shadow:var(--shadow-lg)}.pricing .plan article:nth-child(2):hover{border-color:var(--accent-blue);box-shadow:var(--glow-blue),var(--shadow-lg)}.pricing .plan article:nth-child(2)::before{content:"BEST VALUE";position:absolute;top:var(--space-lg);right:var(--space-lg);background:linear-gradient(135deg,var(--accent-blue),var(--accent-cyan));color:var(--text-inverse);font-size:.65rem;font-weight:800;padding:var(--space-3xs) var(--space-sm);border-radius:var(--radius-full);letter-spacing:.08em;border:1px solid rgba(255,255,255,.25)}.pricing .plan article header{text-align:left;margin-bottom:var(--space-xl)}.pricing .plan article header h4{font-size:1.35rem;color:var(--text-secondary);margin-bottom:var(--space-xs);font-weight:700;letter-spacing:-.02em}.pricing .plan article header .price{font-size:3rem;font-weight:800;color:var(--text-primary);display:inline-block;line-height:1;letter-spacing:-.04em}.pricing .plan article header span{font-size:.95rem;color:var(--text-muted);display:inline-block;margin-left:var(--space-2xs);font-weight:600}.pricing .plan article ul{list-style:none;display:flex;flex-direction:column;gap:var(--space-md);margin-bottom:var(--space-2xl);flex-grow:1;padding:0}.pricing .plan article ul li{font-size:.95rem;color:var(--text-secondary);display:flex;align-items:center;gap:var(--space-sm);font-weight:500}.pricing .plan article ul li::before{content:"✓";color:var(--accent-cyan);font-weight:900;font-size:1.05rem}.pricing .plan article a{padding:var(--space-sm);border-radius:var(--radius-full);font-weight:700;text-align:center;transition:var(--transition-smooth);border:1px solid var(--border-color);background:var(--bg-tertiary);color:var(--text-primary)}.pricing .plan article a:hover{background:var(--bg-primary);border-color:var(--border-color-hover);transform:translateY(-1px)}@media (max-width:768px){.hero{padding:var(--space-2xl) var(--space-md)}.searchForm{flex-direction:column;border-radius:var(--radius-xl);padding:var(--space-md);gap:var(--space-md)}.btnSearch,.searchInputWrapper{width:100%}.feature,.pricing,.usecase,.workflow{padding:var(--space-2xl) var(--space-md)}}