.hp-container{flex-direction:column;width:100%;display:flex}.hp-section-container{max-width:var(--container);padding:0 var(--s-6);width:100%;margin:0 auto}.hp-section-label{font-size:var(--t-sm);color:var(--c-accent);text-transform:uppercase;letter-spacing:.1em;margin-bottom:var(--s-4);font-weight:600;display:inline-block}.hp-section-heading{font-size:var(--t-4xl);color:var(--c-text-main);letter-spacing:-.03em;margin-bottom:var(--s-4);font-weight:600;line-height:1.2}.hp-section-body{font-size:var(--t-lg);color:var(--c-text-secondary);line-height:1.6}.hp-text-left{text-align:left!important}.hp-m-0{margin:0!important}.hp-hero-wrapper{width:100%;position:relative;overflow:hidden}.hp-hero-wrapper:before{content:"";background:var(--c-accent);opacity:.12;filter:blur(120px);z-index:-2;pointer-events:none;border-radius:50%;width:800px;height:600px;position:absolute;top:-200px;left:50%;transform:translate(-50%)}.hp-hero-bg-gradient{z-index:-1;pointer-events:none;background-image:linear-gradient(90deg,#00000009 1px,#0000 1px),linear-gradient(#00000009 1px,#0000 1px);background-size:40px 40px;width:100%;height:100%;position:absolute;top:0;left:0;-webkit-mask-image:radial-gradient(80% 80% at 50% 0,#000 10%,#0000 100%);mask-image:radial-gradient(80% 80% at 50% 0,#000 10%,#0000 100%)}.hp-hero-section{padding:calc(var(--s-20) + 72px) 0 var(--s-16);text-align:center;position:relative}.hp-hero-eyebrow{align-items:center;gap:var(--s-2);background:var(--c-accent-subtle);color:var(--c-accent);border-radius:var(--r-full);letter-spacing:.02em;margin-bottom:var(--s-4);padding:.4rem .8rem;font-size:.75rem;font-weight:600;display:inline-flex}.hp-hero-title{font-size:var(--t-5xl);letter-spacing:-.04em;color:var(--c-text-main);max-width:900px;margin:0 auto var(--s-4);font-weight:800;line-height:1.1}.hp-hero-title em{background:linear-gradient(135deg, var(--c-accent), #004eeb);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-style:normal}.hp-hero-subtitle{font-size:var(--t-lg);color:var(--c-text-secondary);max-width:600px;margin:0 auto var(--s-8);line-height:1.6}.hp-hero-cta-wrapper{max-width:500px;margin:0 auto var(--s-6)}.hp-url-form{background:var(--c-surface);border-radius:var(--r-lg);border:1px solid var(--c-border);box-shadow:var(--shadow-lg);transition:var(--transition);gap:.5rem;padding:.5rem;display:flex}.hp-url-form:focus-within{border-color:var(--c-accent);box-shadow:0 0 0 4px #1a6aff1a, var(--shadow-xl)}.hp-url-input{font-size:var(--t-base);color:var(--c-text-main);background:0 0;border:none;outline:none;flex:1;min-width:0;padding:0 1.25rem}.hp-url-input::placeholder{color:var(--c-text-muted)}.hp-trust-row{justify-content:center;align-items:center;gap:var(--s-6);flex-wrap:wrap;margin-top:0;display:flex}.hp-trust-item{align-items:center;gap:var(--s-2);font-size:var(--t-sm);color:var(--c-text-muted);font-weight:500;display:flex}.hp-trust-dot{background:var(--c-success);border-radius:var(--r-full);width:6px;height:6px}.hp-brand-strip{padding:var(--s-8) 0;text-align:center;background:0 0;width:100%;max-width:1000px;margin:0 auto;overflow:hidden}.hp-ticker-container{width:100%;-webkit-mask-image:linear-gradient(90deg,#0000,#000 10% 90%,#0000);mask-image:linear-gradient(90deg,#0000,#000 10% 90%,#0000)}.hp-ticker-track{gap:var(--s-4);width:max-content;padding:var(--s-4) 0;animation:40s linear infinite hp-scroll;display:flex}.hp-ticker-group{gap:var(--s-4);flex-shrink:0;display:flex}.hp-feature-capsule{align-items:center;gap:var(--s-2);background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--r-full);font-size:var(--t-sm);color:var(--c-text-main);white-space:nowrap;transition:var(--transition);padding:.5rem 1.25rem;display:inline-flex}.hp-feature-capsule:hover{border-color:var(--c-accent);transform:translateY(-2px)}@keyframes hp-scroll{0%{transform:translate(0)}to{transform:translateX(calc(-50% - (var(--s-4) / 2)))}}.hp-steps-section{padding:var(--s-20) 0;background:var(--c-surface)}.hp-steps-grid{gap:var(--s-8);grid-template-columns:repeat(3,1fr);display:grid}.hp-step-card{background:var(--c-surface);padding:var(--s-4);border-radius:var(--r-xl);border:1px solid var(--c-border);box-shadow:var(--shadow-sm);gap:var(--s-6);flex-direction:column;display:flex}.hp-step-image{aspect-ratio:1;border-radius:var(--r-md);border:1px solid var(--c-border-subtle);background:#fff;width:100%;position:relative;overflow:hidden}.hp-step-image img{object-fit:cover;width:100%;height:100%}.hp-step-content{gap:var(--s-2);flex-direction:column;display:flex}.hp-step-title{font-size:var(--t-xl);color:var(--c-text-main);margin:0;font-weight:500}.hp-step-desc{font-size:var(--t-sm);color:var(--c-text-secondary);margin:0;line-height:1.6}.hp-features-section{padding:var(--s-20) 0;background:#fdfdfe}.hp-features-header{text-align:center;margin-bottom:var(--s-16);max-width:800px;margin-left:auto;margin-right:auto}.hp-features-grid-wrapper{max-height:480px;padding-top:8px;padding-bottom:var(--s-4);transition:max-height .6s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.hp-features-grid-wrapper.hp-expanded{max-height:2500px}.hp-features-fade{height:240px;padding-bottom:var(--s-6);z-index:10;pointer-events:none;background:linear-gradient(#fdfdfe00 0%,#fdfdfe 85%);justify-content:center;align-items:flex-end;display:flex;position:absolute;bottom:0;left:0;right:0}.hp-features-fade .hp-more-card{pointer-events:auto;cursor:pointer;background:var(--c-surface);margin-bottom:var(--s-2);z-index:11;border-width:2px}.hp-features-grid{gap:var(--s-4);grid-template-columns:repeat(auto-fit,minmax(250px,1fr));display:grid}.hp-feature-card{background:var(--c-surface);padding:var(--s-6);border-radius:var(--r-md);border:1px solid var(--c-border);transition:var(--transition);gap:var(--s-3);flex-direction:column;display:flex}.hp-feature-card:hover{border-color:var(--c-accent);box-shadow:var(--shadow-lg);transform:translateY(-4px)}.hp-feature-icon-wrapper{background:var(--c-accent-subtle);border-radius:var(--r-md);width:40px;height:40px;color:var(--c-accent);justify-content:center;align-items:center;display:flex}.hp-feature-icon-wrapper svg{width:20px;height:20px}.hp-feature-content{gap:var(--s-1);flex-direction:column;display:flex}.hp-feature-name{font-size:var(--t-base);color:var(--c-text-main);margin:0;font-weight:700}.hp-feature-desc{font-size:var(--t-sm);color:var(--c-text-secondary);margin:0;line-height:1.6}.hp-feature-card.hp-more-card{border:1px dashed var(--c-border);width:max-content;box-shadow:none;padding:var(--s-4) var(--s-6);justify-content:center;justify-self:center;align-items:center;gap:var(--s-3);background:0 0;flex-direction:row;grid-column:1/-1}.hp-feature-card.hp-more-card:hover{background:var(--c-surface);border:1px solid var(--c-accent);box-shadow:var(--shadow-sm);transform:translateY(-2px)}.hp-feature-card.hp-more-card .hp-feature-icon-wrapper{background:0 0;width:auto;height:auto}.hp-tech-section{padding:var(--s-20) 0;background:var(--c-surface);border-top:1px solid var(--c-border)}.hp-tech-layout{gap:var(--s-16);grid-template-columns:1fr 1.2fr;align-items:center;display:grid}.hp-tech-left{flex-direction:column;display:flex}.hp-tech-list{margin-top:var(--s-8);gap:var(--s-6);flex-wrap:wrap;display:flex}.hp-tech-list-item{align-items:center;gap:var(--s-2);font-size:var(--t-sm);font-weight:600;display:flex}.hp-plugin-web{background:radial-gradient(circle,#fff 0%,#ecf3ff 30%,#fff 70%,#0000 100%);justify-content:center;align-items:center;min-height:480px;display:flex;position:relative}.hp-web-ring{z-index:0;border:1px dashed #00000014;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.hp-ring-1{width:280px;height:280px}.hp-ring-2{border-color:#0000000a;width:440px;height:440px}.hp-plugin-node{z-index:2;position:absolute}.hp-node-center{z-index:10;position:relative}.hp-plugin-bubble{cursor:pointer;background:#fff;border:1px solid #00000008;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;transition:transform .3s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 10px 40px #0000000f}.hp-plugin-bubble:hover{transform:scale(1.1);box-shadow:0 15px 50px #0000001a}.hp-plugin-bubble img{object-fit:contain;width:65%;height:65%}.hp-bubble-text{background:var(--c-surface);border:2px solid #fff;width:160px;height:160px}.hp-node-0 .hp-plugin-bubble{width:120px;height:120px}.hp-node-1 .hp-plugin-bubble{width:95px;height:95px}.hp-node-2 .hp-plugin-bubble{width:130px;height:130px}.hp-node-3 .hp-plugin-bubble{width:110px;height:110px}.hp-node-4 .hp-plugin-bubble{width:85px;height:85px}@keyframes floatOrbit0{0%,to{transform:translate(-150px,-110px)translateY(0)}50%{transform:translate(-150px,-110px)translateY(-10px)}}@keyframes floatOrbit1{0%,to{transform:translate(150px,-140px)translateY(0)}50%{transform:translate(150px,-140px)translateY(-12px)}}@keyframes floatOrbit2{0%,to{transform:translate(180px,90px)translateY(0)}50%{transform:translate(180px,90px)translateY(-8px)}}@keyframes floatOrbit3{0%,to{transform:translate(-140px,140px)translateY(0)}50%{transform:translate(-140px,140px)translateY(-15px)}}@keyframes floatOrbit4{0%,to{transform:translateY(-200px)translateY(0)}50%{transform:translateY(-200px)translateY(-9px)}}.hp-node-0{animation:4s ease-in-out infinite floatOrbit0}.hp-node-1{animation:5s ease-in-out 1s infinite floatOrbit1}.hp-node-2{animation:4.5s ease-in-out .5s infinite floatOrbit2}.hp-node-3{animation:6s ease-in-out 1.5s infinite floatOrbit3}.hp-node-4{animation:5.5s ease-in-out .2s infinite floatOrbit4}.hp-plugin-more-count{font-size:var(--t-3xl);color:var(--c-text-main);margin-bottom:var(--s-1);font-weight:800;line-height:1}.hp-plugin-more-text{font-size:var(--t-xs);color:var(--c-text-muted);text-transform:uppercase;letter-spacing:.05em;font-weight:700}.hp-bridge-section{padding:var(--s-20) 0;background:var(--c-bg)}.hp-bridge-layout{gap:var(--s-16);grid-template-columns:1fr 1fr;align-items:center;display:grid}.hp-bridge-features{margin-top:var(--s-8);gap:var(--s-6);flex-direction:column;display:flex}.hp-bridge-feature{gap:var(--s-4);align-items:flex-start;display:flex}.hp-bridge-icon{background:var(--c-surface);border-radius:var(--r-xl);width:48px;height:48px;color:var(--c-accent);border:1px solid var(--c-border);flex-shrink:0;justify-content:center;align-items:center;display:flex;box-shadow:0 4px 12px #00000008}.hp-bridge-text h4{font-size:var(--t-lg);color:var(--c-text-main);margin:0 0 var(--s-1) 0;font-weight:600}.hp-bridge-text p{font-size:var(--t-sm);color:var(--c-text-muted);margin:0;line-height:1.5}.hp-bridge-right{width:100%;min-width:0;position:relative}.hp-code-window{border-radius:var(--r-xl);background:#1e1e1e;border:1px solid #ffffff1a;width:100%;overflow:hidden;box-shadow:0 20px 40px #0003}.hp-code-header{padding:var(--s-3) var(--s-4);background:#252526;border-bottom:1px solid #ffffff0d;align-items:center;display:flex}.hp-mac-buttons{gap:6px;display:flex}.hp-mac-btn{border-radius:50%;width:12px;height:12px}.hp-mac-red{background:#ff5f56}.hp-mac-yellow{background:#ffbd2e}.hp-mac-green{background:#27c93f}.hp-code-title{color:#858585;font-family:monospace;font-size:var(--t-xs);margin-left:var(--s-4)}.hp-code-body{padding:var(--s-6);overflow-x:auto}.hp-code-body pre{font-family:JetBrains Mono,Fira Code,Courier New,Courier,monospace;font-size:var(--t-sm);margin:0;line-height:1.6}.hp-code-body code{color:#d4d4d4}.hp-syn-comment{color:#6a9955}.hp-syn-keyword{color:#569cd6}.hp-syn-object{color:#4ec9b0}.hp-syn-property{color:#9cdcfe}.hp-syn-method{color:#dcdcaa}.hp-syn-boolean{color:#569cd6}.hp-syn-string{color:#ce9178}.hp-faq-section{padding:var(--s-20) 0;background:var(--c-surface)}.hp-faq-inner{max-width:800px;margin:0 auto}.hp-faq-list{gap:var(--s-4);flex-direction:column;display:flex}.hp-faq-item{border:1px solid var(--c-border);border-radius:var(--r-md);transition:var(--transition);overflow:hidden}.hp-faq-item.open{border-color:var(--c-accent);box-shadow:var(--shadow-sm)}.hp-faq-question{width:100%;padding:var(--s-6);cursor:pointer;text-align:left;background:0 0;border:none;justify-content:space-between;align-items:center;font-family:inherit;display:flex}.hp-faq-question-text{font-size:var(--t-base);color:var(--c-text-main);font-weight:600}.hp-faq-chevron{width:20px;height:20px;color:var(--c-text-muted);transition:transform .3s}.hp-faq-item.open .hp-faq-chevron{color:var(--c-accent);transform:rotate(180deg)}.hp-faq-answer{max-height:0;transition:max-height .3s cubic-bezier(.4,0,.2,1);overflow:hidden}.hp-faq-item.open .hp-faq-answer{max-height:500px}.hp-faq-answer-content{padding:0 var(--s-6) var(--s-6);font-size:var(--t-sm);color:var(--c-text-secondary);line-height:1.6}@media (max-width:1024px){.hp-features-grid{grid-template-columns:repeat(2,1fr)}.hp-tech-layout{gap:var(--s-8)}}@media (max-width:768px){.hp-hero-section{padding-top:calc(5rem + 40px);padding-bottom:3rem}.hp-features-section,.hp-tech-section,.hp-bridge-section,.hp-faq-section{padding-top:4rem;padding-bottom:4rem}.hp-hero-title{font-size:2.3rem;line-height:1.2}.hp-hero-subtitle{font-size:var(--t-sm)}.hp-section-heading{font-size:var(--t-2xl)}.hp-url-form .btn-primary{padding:.5rem 1rem;font-size:1rem}.hp-url-input{padding:0 .5rem;font-size:1rem}.hp-steps-grid,.hp-bridge-layout{gap:var(--s-12);grid-template-columns:1fr}.hp-features-grid{grid-template-columns:1fr}.hp-tech-layout{gap:var(--s-8);grid-template-columns:1fr}.hp-tech-list{gap:var(--s-4);flex-direction:column}.hp-plugin-web{margin:var(--s-10) 0;min-height:450px;transform:scale(.85)}}@media (max-width:480px){.hp-trust-row{gap:var(--s-4)}.hp-trust-item{font-size:var(--t-xs)}.hp-plugin-web{margin:var(--s-8) 0;min-height:380px;transform:scale(.65)}}.hp-continue-building-card{background:var(--c-surface,#fff);border:1px solid var(--c-border,#e2e8f0);border-radius:var(--r-lg,12px);box-shadow:var(--shadow-sm,0 1px 3px #0000000d);cursor:pointer;text-align:left;-webkit-user-select:none;user-select:none;box-sizing:border-box;width:100%;font-family:var(--font-sans);justify-content:space-between;align-items:center;gap:1rem;margin-top:1.25rem;padding:.75rem 1rem;transition:all .2s cubic-bezier(.4,0,.2,1);animation:.3s cubic-bezier(.16,1,.3,1) hpSlideUp;display:flex}.hp-continue-building-card:hover{border-color:var(--c-border-hover,#cbd5e1);transform:translateY(-2px);box-shadow:0 10px 20px -5px #0f172a14,0 4px 6px -2px #0f172a08}.hp-continue-info{flex:1;align-items:center;gap:.75rem;min-width:0;display:flex}.hp-continue-icon{object-fit:cover;border:1px solid var(--c-border,#e2e8f0);background:var(--c-bg,#f8fafc);width:36px;height:36px;color:var(--c-accent,#635bff);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.hp-continue-icon-placeholder{background:var(--c-accent-subtle,#f5f3ff);color:var(--c-accent,#7c3aed)}.hp-continue-meta{flex-direction:column;gap:2px;min-width:0;display:flex}.hp-continue-label{text-transform:uppercase;letter-spacing:.05em;color:var(--c-text-secondary,#64748b);font-size:.65rem;font-weight:600;line-height:1}.hp-continue-name{color:var(--c-text-main,#0f172a);white-space:nowrap;text-overflow:ellipsis;font-size:.85rem;font-weight:600;line-height:1.2;overflow:hidden}.hp-continue-url{color:var(--c-text-secondary,#64748b);white-space:nowrap;text-overflow:ellipsis;font-size:.75rem;line-height:1;overflow:hidden}.hp-continue-arrow{color:var(--c-text-muted,#94a3b8);flex-shrink:0;transition:transform .2s,color .2s}.hp-continue-building-card:hover .hp-continue-arrow{color:var(--c-text-main,#0f172a);transform:translate(4px)}.hp-analyzer-overlay{z-index:1000;background:#0d0f14d9;justify-content:center;align-items:center;width:100%;height:100%;padding:1rem;animation:.2s ease-out hpFadeIn;display:flex;position:fixed;inset:0}@keyframes hpFadeIn{0%{opacity:0}to{opacity:1}}.hp-analyzer-modal{box-sizing:border-box;background:var(--c-surface);border-radius:var(--r-xl);width:90%;max-width:480px;padding:var(--s-8);box-shadow:var(--shadow-lg);gap:var(--s-6);text-align:center;flex-direction:column;margin:0 auto;animation:.3s cubic-bezier(.16,1,.3,1) hpSlideUp;display:flex;position:relative}@keyframes hpSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.hp-analyzer-close{top:var(--s-4);right:var(--s-4);color:var(--c-text-muted);cursor:pointer;padding:var(--s-1);border-radius:var(--r-sm);transition:var(--transition);background:0 0;border:none;position:absolute}.hp-analyzer-close:hover{background:var(--c-bg);color:var(--c-text-main)}.hp-analyzer-title{font-size:var(--t-xl);color:var(--c-text-main);margin:0;font-weight:700}.hp-analyzer-loading{align-items:center;gap:var(--s-4);color:var(--c-text-secondary);padding:var(--s-4) 0;flex-direction:column;display:flex}.hp-spinner{color:var(--c-accent);animation:1s linear infinite hpSpin}@keyframes hpSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.hp-analyzer-error,.hp-analyzer-success{align-items:center;gap:var(--s-4);flex-direction:column;display:flex}.hp-analyzer-error h3,.hp-analyzer-success h3{font-size:var(--t-lg);color:var(--c-text-main);margin:0}.hp-analyzer-error p{color:var(--c-text-secondary);font-size:var(--t-sm);margin:0}.hp-analyzer-details{background:var(--c-bg);border-radius:var(--r-md);width:100%;padding:var(--s-4);gap:var(--s-3);text-align:left;border:1px solid var(--c-border);flex-direction:column;display:flex}.hp-detail-row{font-size:var(--t-sm);color:var(--c-text-secondary);justify-content:space-between;align-items:center;display:flex}.hp-status-badge{background:var(--c-success-subtle,#ecfdf3);color:var(--c-success,#079455);border-radius:var(--r-full);font-weight:600;font-size:var(--t-xs);padding:2px 8px}.hp-platform-badge{background:var(--c-accent-subtle);color:var(--c-accent);border-radius:var(--r-full);font-weight:600;font-size:var(--t-xs);padding:2px 8px}.hp-platform-selector{width:100%;margin-top:var(--s-2)}.hp-platform-options{gap:var(--s-3);display:flex}.hp-platform-option{padding:var(--s-4);border-radius:var(--r-md);border:1px solid var(--c-border);background:var(--c-surface);cursor:pointer;flex:1;align-items:center;transition:all .2s;display:flex}.hp-platform-active{border-color:var(--c-accent);background:var(--c-accent-subtle)}.hp-platform-disabled{opacity:.6;cursor:not-allowed;background:#f9f9fa}.hp-platform-icon{background:var(--c-surface);width:32px;height:32px;margin-right:var(--s-3);color:var(--c-text-secondary);border-radius:50%;justify-content:center;align-items:center;display:flex;box-shadow:0 2px 8px #0000000d}.hp-platform-active .hp-platform-icon{color:var(--c-accent)}.hp-platform-info{align-items:center;gap:var(--s-2);flex:1;display:flex}.hp-platform-name{font-weight:600;font-size:var(--t-sm);color:var(--c-text-main)}.hp-coming-soon-badge{background:var(--c-border);color:var(--c-text-secondary);border-radius:var(--r-sm);text-transform:uppercase;letter-spacing:.02em;white-space:nowrap;padding:.1rem .35rem;font-size:.55rem;font-weight:700;line-height:1}.hp-platform-radio{border:2px solid var(--c-border);border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;display:flex}.hp-platform-active .hp-platform-radio{border-color:var(--c-accent)}.hp-radio-inner{background:var(--c-accent);border-radius:50%;width:8px;height:8px}.hp-proceed-btn{justify-content:center;align-items:center;gap:var(--s-2);width:100%;margin-top:var(--s-2);display:flex}@media (max-width:480px){.hp-analyzer-modal{width:90%;max-width:480px;padding:var(--s-6);gap:var(--s-4)}.hp-platform-options{flex-direction:column}.hp-analyzer-title{font-size:var(--t-lg)}.hp-detail-row{align-items:flex-start;gap:var(--s-1);flex-direction:column}}
