:root{--dev-primary: #0066ff;--dev-primary-dark: #0052cc;--dev-primary-light: #3385ff;--dev-dark: #0f172a;--dev-dark-2: #1e293b;--dev-accent: #00d4aa;--dev-radius: 16px;--dev-radius-sm: 12px;--dev-radius-xs: 8px}.dev-hero{position:relative;overflow:hidden;padding:calc(7rem + 72px) 0 6rem;background:linear-gradient(135deg,#0a1e5e,#0052cc,#06f)}.dev-hero__grid{position:absolute;inset:0;opacity:.12;background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);background-size:48px 48px}.dev-hero__glow{position:absolute;border-radius:50%;filter:blur(120px);pointer-events:none}.dev-hero__glow--1{top:-100px;right:-100px;width:600px;height:600px;background:#0066ff1f;animation:dev-glow-pulse 6s ease-in-out infinite}.dev-hero__glow--2{bottom:-150px;left:-100px;width:500px;height:500px;background:#00d4aa14;animation:dev-glow-pulse 8s ease-in-out infinite 2s}@keyframes dev-glow-pulse{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.15)}}.dev-hero__canvas{position:absolute;inset:0;width:100%;height:100%;opacity:.5;pointer-events:none}.dev-hero__layout{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}.dev-hero__content{color:#fff}.dev-hero__badges{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem}.dev-badge{display:inline-flex;align-items:center;gap:.375rem;padding:.25rem .75rem;border-radius:9999px;background:#ffffff1a;border:1px solid rgba(255,255,255,.25);color:#fff;font-size:.6875rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;font-family:Inter,monospace;backdrop-filter:blur(8px)}.dev-badge__dot{width:6px;height:6px;border-radius:50%;background:var(--dev-accent);box-shadow:0 0 8px var(--dev-accent);animation:pulse 2s infinite}.dev-hero__title{font-size:clamp(2.5rem,5vw,3.75rem);font-weight:800;line-height:1.08;margin-bottom:1.5rem;color:#fff;letter-spacing:-.02em}.dev-hero__accent{color:#fff}.dev-hero__subtitle{font-size:1.125rem;color:#ffffffd9;line-height:1.7;margin-bottom:2rem;max-width:520px}.dev-hero__actions{display:flex;flex-wrap:wrap;gap:1rem}.dev-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.875rem 1.75rem;border-radius:var(--dev-radius-sm);font-weight:700;font-size:.9375rem;text-decoration:none;transition:all .25s ease;cursor:pointer;white-space:nowrap}.dev-btn--primary{background:var(--dev-primary);color:#fff;box-shadow:0 4px 14px #0066ff59}.dev-btn--primary:hover{background:var(--dev-primary-dark);color:#fff;transform:translateY(-2px);box-shadow:0 8px 24px #06f6}.dev-btn--secondary{background:#ffffff0f;color:#cbd5e1;border:1px solid rgba(255,255,255,.12)}.dev-btn--secondary:hover{background:#ffffff1f;color:#fff;transform:translateY(-2px)}.dev-btn--white{background:#fff;color:var(--dev-dark);box-shadow:0 4px 14px #00000026}.dev-btn--white:hover{background:#f1f5f9;color:var(--dev-primary);transform:translateY(-2px);box-shadow:0 8px 24px #0003}.dev-btn--ghost{background:transparent;color:#ffffffb3;border:1px solid rgba(255,255,255,.2)}.dev-btn--ghost:hover{background:#ffffff0f;color:#fff;transform:translateY(-2px)}.dev-hero__terminal-wrap{position:relative}.dev-hero__terminal-wrap:before{content:"";position:absolute;inset:-2px;background:linear-gradient(135deg,var(--dev-primary),var(--dev-accent));border-radius:calc(var(--dev-radius) + 2px);opacity:.3;filter:blur(1px);transition:opacity .5s ease}.dev-hero__terminal-wrap:hover:before{opacity:.6}.dev-terminal{position:relative;border-radius:var(--dev-radius);background:#0a0f1c;border:1px solid rgba(255,255,255,.08);overflow:hidden;box-shadow:0 25px 50px #0006;font-family:SF Mono,Fira Code,Cascadia Code,monospace}.dev-terminal__bar{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:#ffffff08;border-bottom:1px solid rgba(255,255,255,.06)}.dev-terminal__dots{display:flex;gap:6px}.dev-terminal__dot{width:10px;height:10px;border-radius:50%}.dev-terminal__dot--red{background:#ff5f56}.dev-terminal__dot--yellow{background:#ffbd2e}.dev-terminal__dot--green{background:#27c93f}.dev-terminal__filename{font-size:.75rem;color:#64748b;margin-left:.5rem}.dev-terminal__body{padding:1.5rem;overflow-x:auto;font-size:.8125rem;line-height:1.7;color:#cbd5e1}.dev-terminal__body pre{margin:0}.dev-terminal__body code{font-family:inherit}.c-kw{color:#c084fc}.c-str{color:#4ade80}.c-num{color:#fb923c}.c-cmt{color:#475569}.dev-section{padding:6rem 0;position:relative}.dev-section--white{background:#fff}.dev-section--slate{background:#f8fafc}.dev-section--dark{background:linear-gradient(180deg,var(--dev-dark) 0%,var(--dev-dark-2) 100%);color:#fff}.dev-section--dark h2,.dev-section--dark h3{color:#fff}.dev-section__header{text-align:center;max-width:640px;margin:0 auto 3.5rem}.dev-section__header h2{font-size:clamp(1.75rem,3.5vw,2.25rem);font-weight:800;color:#0f172a;margin-bottom:1rem;letter-spacing:-.01em}.dev-section__header--light h2{color:#fff}.dev-section__intro{font-size:1.0625rem;color:#64748b;line-height:1.7;margin:0}.dev-section__intro--light{color:#94a3b8}.dev-label{display:inline-flex;align-items:center;gap:.375rem;font-size:.6875rem;font-weight:800;text-transform:uppercase;letter-spacing:.15em;color:var(--dev-primary);margin-bottom:.75rem}.dev-label--light{color:var(--dev-accent)}.dev-card{padding:2rem;border-radius:var(--dev-radius);background:#fff;border:1px solid #e2e8f0;transition:all .3s ease}.dev-card:hover{border-color:#0066ff40;box-shadow:0 8px 30px #0066ff14;transform:translateY(-4px)}.dev-card--dark{background:#ffffff08;border-color:#ffffff14}.dev-card--dark:hover{background:#ffffff0f;border-color:#06f6;box-shadow:0 0 30px #0066ff1a}.dev-card--dark .dev-card__title{color:#fff}.dev-card--dark .dev-card__desc{color:#94a3b8}.dev-card__icon{width:48px;height:48px;border-radius:var(--dev-radius-sm);background:#0066ff14;display:flex;align-items:center;justify-content:center;color:var(--dev-primary);margin-bottom:1rem;transition:all .3s ease}.dev-card:hover .dev-card__icon{background:var(--dev-primary);color:#fff;box-shadow:0 0 20px #0066ff4d}.dev-card__icon--outline{background:#0066ff1a;border:1px solid rgba(0,102,255,.2)}.dev-card__title{font-size:1.125rem;font-weight:700;color:#0f172a;margin-bottom:.5rem}.dev-card__desc{font-size:.875rem;color:#64748b;line-height:1.65;margin:0}.dev-card__list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.625rem}.dev-card__list li{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:#94a3b8}.dev-card__check{color:var(--dev-accent);flex-shrink:0}.dev-grid{display:grid;gap:1.5rem}.dev-grid--2{grid-template-columns:repeat(2,1fr)}.dev-grid--3{grid-template-columns:repeat(3,1fr)}.dev-grid--compact{gap:1rem}.dev-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;position:relative}.dev-steps__line{display:none;position:absolute;top:2.5rem;left:15%;right:15%;height:2px;background:linear-gradient(90deg,transparent,#e2e8f0 20%,#e2e8f0 80%,transparent)}.dev-step{text-align:center;position:relative}.dev-step__icon{width:80px;height:80px;border-radius:20px;background:#fff;border:1px solid #e2e8f0;box-shadow:0 4px 12px #0000000a;display:flex;align-items:center;justify-content:center;color:var(--dev-primary);margin:0 auto 1.25rem;position:relative;transition:all .3s ease}.dev-step:hover .dev-step__icon{border-color:var(--dev-primary);box-shadow:0 0 20px #0066ff26}.dev-step__num{position:absolute;top:-8px;right:-8px;width:28px;height:28px;border-radius:50%;background:var(--dev-dark);color:#fff;font-size:.6875rem;font-weight:800;display:flex;align-items:center;justify-content:center;border:2px solid white}.dev-step__title{font-size:1.125rem;font-weight:700;color:#0f172a;margin-bottom:.5rem}.dev-step__desc{font-size:.875rem;color:#64748b;line-height:1.6;max-width:280px;margin:0 auto}.dev-code-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.dev-sdk-card{display:flex;align-items:center;gap:1rem;padding:1.25rem 1.5rem;border-radius:var(--dev-radius-sm);border:1px solid #e2e8f0;background:#fff;text-decoration:none;transition:all .3s ease}.dev-sdk-card:hover{border-color:#06f6;background:#0066ff05;box-shadow:0 4px 16px #0066ff14;transform:translateY(-2px)}.dev-sdk-card__icon{color:#94a3b8;transition:color .3s ease}.dev-sdk-card:hover .dev-sdk-card__icon{color:var(--dev-primary)}.dev-sdk-card__name{font-weight:700;color:#0f172a;font-size:.9375rem}.dev-sdk-card__status{font-size:.75rem;color:#94a3b8}.dev-sdk-card__info{display:flex;flex-direction:column;flex:1}.dev-sdk-card__arrow{color:transparent;transition:all .3s ease}.dev-sdk-card:hover .dev-sdk-card__arrow{color:var(--dev-primary);transform:translate(4px)}.dev-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:2rem;text-align:center}.dev-stat__value{font-size:clamp(2rem,4vw,2.75rem);font-weight:800;color:var(--dev-primary-light);margin-bottom:.5rem;font-family:Outfit,sans-serif}.dev-stat__label{font-size:.875rem;color:#94a3b8}.dev-faq{max-width:768px;margin:0 auto;display:flex;flex-direction:column;gap:.75rem}.dev-faq__item{border-radius:var(--dev-radius-sm);border:1px solid #e2e8f0;background:#fff;overflow:hidden;transition:all .3s ease}.dev-faq__item:hover{border-color:#06f3}.dev-faq__item[open]{border-color:#0066ff4d;box-shadow:0 4px 16px #0066ff0f}.dev-faq__question{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem;cursor:pointer;font-weight:600;font-size:.9375rem;color:#0f172a;list-style:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:all .2s ease}.dev-faq__question::-webkit-details-marker{display:none}.dev-faq__question:hover{color:var(--dev-primary)}.dev-faq__chevron{color:#94a3b8;transition:transform .3s ease;flex-shrink:0}.dev-faq__item[open] .dev-faq__chevron{transform:rotate(180deg);color:var(--dev-primary)}.dev-faq__answer{padding:0 1.5rem 1.25rem;font-size:.875rem;color:#64748b;line-height:1.7}.dev-faq__answer p{margin:0}.dev-section--cta{background:linear-gradient(135deg,var(--dev-primary) 0%,var(--dev-primary-dark) 100%);padding:6rem 0;position:relative;overflow:hidden}.dev-cta__glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:600px;height:600px;background:radial-gradient(circle,rgba(255,255,255,.15) 0%,transparent 65%);pointer-events:none}.dev-cta__title{font-size:clamp(2rem,4vw,2.75rem);font-weight:800;color:#fff;margin-bottom:1rem}.dev-cta__subtitle{font-size:1.125rem;color:#fffc;max-width:560px;margin:0 auto 2rem;line-height:1.7}.dev-cta__links{margin-top:2.5rem;display:flex;justify-content:center;gap:.75rem;flex-wrap:wrap}.dev-cta__links a{color:#ffffffb3;font-size:.8125rem;text-decoration:none;transition:color .2s ease}.dev-cta__links a:hover{color:#fff}.dev-cta__sep{color:#ffffff4d}.dev-highlight{display:flex;align-items:center;gap:.75rem;padding:1rem 1.5rem;border-radius:var(--dev-radius-sm);background:#0066ff0a;border:1px solid rgba(0,102,255,.1);margin-top:2rem;max-width:640px;margin-left:auto;margin-right:auto}.dev-highlight__icon{color:var(--dev-primary);flex-shrink:0}.dev-highlight p{font-size:.875rem;color:#475569;margin:0}.dev-link{color:var(--dev-primary);font-weight:600;text-decoration:none;transition:color .2s ease}.dev-link:hover{color:var(--dev-primary-dark);text-decoration:underline}@media(max-width:1024px){.dev-hero__layout{grid-template-columns:1fr;gap:3rem}.dev-grid--3,.dev-steps{grid-template-columns:repeat(2,1fr)}.dev-code-grid{grid-template-columns:1fr}.dev-stats{grid-template-columns:repeat(2,1fr)}.dev-split{grid-template-columns:1fr;gap:2.5rem}}@media(max-width:640px){.dev-hero{padding:calc(5rem + 72px) 0 4rem}.dev-section{padding:4rem 0}.dev-grid--2,.dev-grid--3{grid-template-columns:1fr}.dev-steps,.dev-stats{grid-template-columns:1fr;gap:1.5rem}.dev-hero__actions{flex-direction:column}.dev-btn{justify-content:center}.dev-steps__line{display:none}.dev-split{grid-template-columns:1fr}.dev-stats-vertical{grid-template-columns:1fr 1fr}}@media(min-width:768px){.dev-steps__line{display:block}}.dev-feature-rows{display:flex;flex-direction:column;gap:1rem}.dev-feature-row{display:flex;align-items:flex-start;gap:1.25rem;padding:1.5rem;border-radius:var(--dev-radius-sm);border:1px solid #e2e8f0;background:#fff;transition:all .3s ease}.dev-feature-row:hover{border-color:#06f3;box-shadow:0 4px 16px #0066ff0f;transform:translate(4px)}.dev-feature-row__icon{width:44px;height:44px;border-radius:var(--dev-radius-xs);background:#0066ff14;display:flex;align-items:center;justify-content:center;color:var(--dev-primary);flex-shrink:0;transition:all .3s ease}.dev-feature-row:hover .dev-feature-row__icon{background:var(--dev-primary);color:#fff}.dev-feature-row__title{font-size:1rem;font-weight:700;color:#0f172a;margin-bottom:.25rem}.dev-feature-row__desc{font-size:.875rem;color:#64748b;line-height:1.6;margin:0}.dev-section--arch{position:relative;overflow:hidden}.dev-arch-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:700px;height:700px;background:radial-gradient(circle,rgba(0,102,255,.12) 0%,rgba(0,212,170,.06) 40%,transparent 70%);pointer-events:none;filter:blur(60px)}.dev-arch-strips{display:flex;flex-direction:column;gap:0}.dev-arch-strip{display:flex;align-items:flex-start;gap:2.5rem;padding:2rem 0;border-bottom:1px solid rgba(255,255,255,.06);transition:all .3s ease}.dev-arch-strip:last-child{border-bottom:none}.dev-arch-strip:hover{background:#ffffff05;padding-left:1rem;padding-right:1rem;border-radius:var(--dev-radius-sm)}.dev-arch-strip__head{display:flex;align-items:center;gap:1rem;min-width:220px;flex-shrink:0}.dev-arch-strip__icon{width:44px;height:44px;border-radius:var(--dev-radius-xs);background:#00d4aa1f;border:1px solid rgba(0,212,170,.2);display:flex;align-items:center;justify-content:center;color:var(--dev-accent);flex-shrink:0}.dev-arch-strip__title{font-size:1.0625rem;font-weight:700;color:var(--dev-accent)!important}.dev-arch-strip__list{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:.5rem 1.5rem}.dev-arch-strip__list li{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:#94a3b8}@media(max-width:768px){.dev-arch-strip{flex-direction:column;gap:1rem}.dev-arch-strip__head{min-width:auto}}.dev-timeline{max-width:700px;margin:0 auto;position:relative}.dev-timeline__item{display:grid;grid-template-columns:60px 1fr;gap:1.5rem;position:relative}.dev-timeline__marker{display:flex;flex-direction:column;align-items:center}.dev-timeline__dot{width:48px;height:48px;border-radius:50%;background:#0066ff14;border:2px solid rgba(0,102,255,.2);display:flex;align-items:center;justify-content:center;color:var(--dev-primary);flex-shrink:0;transition:all .3s ease;z-index:1}.dev-timeline__item:hover .dev-timeline__dot{background:var(--dev-primary);color:#fff;border-color:var(--dev-primary);box-shadow:0 0 20px #0066ff4d}.dev-timeline__line{width:2px;flex:1;background:linear-gradient(to bottom,#06f3,#0066ff0d);margin-top:.5rem;min-height:40px}.dev-timeline__content{padding-bottom:2.5rem}.dev-timeline__num{font-size:.6875rem;font-weight:800;text-transform:uppercase;letter-spacing:.15em;color:var(--dev-primary);margin-bottom:.5rem;display:block}.dev-timeline__title{font-size:1.25rem;font-weight:700;color:#0f172a;margin-bottom:.5rem}.dev-timeline__desc{font-size:.9375rem;color:#64748b;line-height:1.7;margin-bottom:1rem}.dev-timeline__highlight{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;border-radius:var(--dev-radius-xs);background:#0066ff0a;border-left:3px solid var(--dev-primary);font-size:.8125rem;color:#475569}.dev-timeline__highlight-icon{color:var(--dev-primary);flex-shrink:0}.dev-terminal--mini{margin-top:1rem}.dev-section--grid-overlay{position:relative;overflow:hidden}.dev-grid-overlay{position:absolute;inset:0;opacity:.06;background-image:linear-gradient(rgba(255,255,255,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.08) 1px,transparent 1px);background-size:64px 64px;pointer-events:none}.dev-split{display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:start}.dev-split__subtitle{font-size:1.125rem;font-weight:700;color:#0f172a;margin-bottom:1.25rem}.dev-cert-badges{display:flex;flex-direction:column;gap:.75rem}.dev-cert-badge{display:flex;align-items:center;gap:.75rem;padding:1rem 1.25rem;border-radius:var(--dev-radius-sm);background:#fff;border:1px solid #e2e8f0;font-weight:600;font-size:.9375rem;color:#0f172a;transition:all .3s ease}.dev-cert-badge:hover{border-color:#0066ff40;box-shadow:0 4px 16px #0066ff0f}.dev-feature-list{display:flex;flex-direction:column;gap:1.25rem}.dev-feature-list__item{display:flex;align-items:flex-start;gap:.875rem}.dev-feature-list__icon{width:36px;height:36px;border-radius:var(--dev-radius-xs);background:#0066ff14;display:flex;align-items:center;justify-content:center;color:var(--dev-primary);flex-shrink:0}.dev-feature-list__icon--dark{background:#0066ff26;color:var(--dev-primary-light)}.dev-feature-list__title{font-size:.9375rem;font-weight:700;color:#0f172a;margin-bottom:.125rem}.dev-feature-list__title--light{color:#fff}.dev-feature-list__desc{font-size:.8125rem;color:#64748b;line-height:1.6;margin:0}.dev-feature-list__desc--light{color:#94a3b8}.dev-section--beam{position:relative;overflow:hidden}.dev-gradient-beam{position:absolute;top:0;left:-100%;width:200%;height:1px;background:linear-gradient(90deg,transparent,var(--dev-primary),var(--dev-accent),transparent);animation:beam-move 8s linear infinite}@keyframes beam-move{0%{transform:translate(-25%)}to{transform:translate(25%)}}.dev-highlight--dark{background:#0066ff14;border-color:#0066ff26}.dev-highlight__icon--light{color:var(--dev-primary-light);flex-shrink:0}.dev-link--light{color:var(--dev-primary-light);font-weight:600;text-decoration:none;transition:color .2s ease}.dev-link--light:hover{color:#fff;text-decoration:underline}.dev-stats-vertical{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.dev-stats-vertical__item{padding:1.5rem;border-radius:var(--dev-radius-sm);background:#fff;border:1px solid #e2e8f0;text-align:center;transition:all .3s ease}.dev-stats-vertical__item:hover{border-color:#0066ff40;box-shadow:0 4px 16px #0066ff0f}.dev-stats-vertical__value{font-size:clamp(1.5rem,3vw,2rem);font-weight:800;color:var(--dev-primary);font-family:Outfit,sans-serif;margin-bottom:.25rem}.dev-stats-vertical__label{font-size:.8125rem;color:#64748b}.dev-highlight-boxes{display:flex;flex-direction:column;gap:1rem;max-width:768px;margin:0 auto}.dev-highlight-box{display:flex;align-items:flex-start;gap:1.25rem;padding:1.5rem 2rem;border-radius:var(--dev-radius-sm);background:#fff;border:1px solid #e2e8f0;border-left:4px solid var(--dev-primary);transition:all .3s ease}.dev-highlight-box:hover{border-left-color:var(--dev-accent);box-shadow:0 4px 20px #0066ff14;transform:translate(4px)}.dev-highlight-box__icon{width:44px;height:44px;border-radius:var(--dev-radius-xs);background:#0066ff14;display:flex;align-items:center;justify-content:center;color:var(--dev-primary);flex-shrink:0}.dev-highlight-box__title{font-size:1rem;font-weight:700;color:#0f172a;margin-bottom:.25rem}.dev-highlight-box__desc{font-size:.875rem;color:#64748b;line-height:1.65;margin:0}.relative{position:relative}.z-10{z-index:10}.perspective-1000{perspective:1000px}.dev-token-scene{position:relative;transform-style:preserve-3d;animation:tokenFlipLoop 8s infinite cubic-bezier(.4,0,.2,1)}.dev-token-face{backface-visibility:hidden;-webkit-backface-visibility:hidden}.dev-token-back{transform:rotateY(180deg)}.dev-token-laser{position:absolute;top:-20%;left:-50%;width:200%;height:6px;background:linear-gradient(90deg,transparent,rgba(0,212,170,.8),transparent);box-shadow:0 0 15px #00d4aa99;transform:rotate(15deg);animation:laserScan 4s infinite linear;z-index:20}.dev-ping-slow{animation:ping 3s cubic-bezier(0,0,.2,1) infinite}@keyframes tokenFlipLoop{0%,35%{transform:rotateY(0)}50%,85%{transform:rotateY(180deg)}to{transform:rotateY(360deg)}}@keyframes laserScan{0%{top:-20%;opacity:0}10%{opacity:1}40%{top:120%;opacity:0}to{top:120%;opacity:0}}
