/* ERAYAEP METHOD — OBSIDIAN 2.1 / original visual language.
   Progressive enhancement; legacy functional CSS, payment and account IDs untouched. */
:root{--noir-paper:#f7f8fa;--noir-muted:#9da3ac;--noir-line:rgba(243,247,255,.12);--noir-accent:#aec8ed;--noir-ease:cubic-bezier(.16,1,.3,1)}
html{scroll-padding-top:92px}body.noir3{background:#050608;color:var(--noir-paper);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Inter,Arial,sans-serif;letter-spacing:-.01em}
.noir3 .wrap{width:min(1360px,calc(100% - 100px))}.noir3 .grain{opacity:.04;mix-blend-mode:overlay}.noir3 .page-progress{background:linear-gradient(90deg,#6783ac,#e8f1ff)}
.noir3 .site-header{height:72px;background:rgba(6,7,10,.72);border-bottom:1px solid rgba(255,255,255,.095);box-shadow:0 1px 0 #0006;backdrop-filter:blur(32px) saturate(155%);-webkit-backdrop-filter:blur(32px) saturate(155%)}
.noir3 .logo{font-size:15px;letter-spacing:.115em;font-weight:800;color:#fafbff}.noir3 .brand-emblem{width:33px;height:33px;display:inline-grid;place-items:center;font-size:21px;border-radius:10px;border:1px solid #fff9;background:linear-gradient(145deg,#fff 3%,#a6b0bc 30%,#303945 52%,#161b23 57%,#dce4ee 97%);box-shadow:inset 0 1px 1px #fff9,0 8px 24px #9db8d42c;color:#f7fbff;text-shadow:0 1px 2px #0009}
.noir3 .brand-point,.noir3 .footer-logo span{color:#e0e6f1!important}.noir3 .main-nav{gap:33px}.noir3 .main-nav a{font-size:11px;font-weight:600;color:#abb0b9}.noir3 .main-nav a:hover{color:white}
.noir3 .nav-tools{gap:10px}.noir3 .cinematic-sound-toggle,.noir3 .lang-btn{border-color:#ffffff2b;background:#ffffff08;color:#d9dce3}.noir3 .nav-login{color:#e9eaf0}.noir3 .nav-launch{background:#f5f6fa;color:#101116;border:1px solid white;padding:11px 16px;box-shadow:0 8px 20px #0004}.noir3 .nav-launch:hover{background:white}
.noir3 .hero-next{min-height:790px;background:radial-gradient(ellipse 45% 70% at 77% 49%,rgba(100,126,168,.17),transparent 75%),radial-gradient(ellipse 80% 85% at 5% 0%,#17192232,transparent 75%),#050608;isolation:isolate}
.noir3 .hero-next:before{content:"";position:absolute;inset:0;display:block;opacity:.08;pointer-events:none;background:linear-gradient(90deg,transparent 49.95%,#d8e5fa 50%,transparent 50.05%),linear-gradient(0deg,transparent 49.95%,#d8e5fa 50%,transparent 50.05%);background-size:120px 120px;mask-image:radial-gradient(ellipse at 67% 45%,black,transparent 69%);z-index:0}
.noir3 .hero-next:after{background:linear-gradient(180deg,transparent 55%,#050608 100%)}.noir3 .hero-next .ambient-canvas{opacity:.36}.noir3 .hero-vignette{background:linear-gradient(180deg,transparent 75%,#050608 100%)}.noir3 .hero-next .cursor-glow{background:radial-gradient(circle 360px at var(--cx,50%) var(--cy,50%),#b4cef418,#90b7f408 45%,transparent 72%);mix-blend-mode:screen}
.noir3 .next-hero-grid{grid-template-columns:52% 48%;min-height:710px;align-items:center}.noir3 .hero-message{padding:88px 0 80px;max-width:680px}
.noir3 .hero-edition{display:inline-flex;align-items:center;gap:10px;padding:9px 14px;border:1px solid #dbe8fa2a;background:#f4f7fc08;color:#d2d8e4;letter-spacing:.18em;font-size:9px;font-weight:750;border-radius:100px}.noir3 .hero-edition i{background:#d9e9ff;box-shadow:0 0 12px #bdd6ff}
.noir3 .hero-next h1{font-size:clamp(62px,6.65vw,108px);line-height:1.025;letter-spacing:-.087em;font-weight:660;margin:33px -135px 26px 0;white-space:normal;max-width:1000px;color:#f6f7fa}.noir3 .hero-next h1 .soft-gradient{background:linear-gradient(110deg,#fdfdff 8%,#dce1e9 42%,#99a8bb 74%,#d5dce8 99%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.noir3 .hero-next h1 .dot{color:#dce7fb;-webkit-text-fill-color:#dce7fb}
.noir3 .hero-description{max-width:500px;color:#a5aab4;font-size:16px;line-height:1.8;font-weight:400}.noir3 .hero-actions{margin-top:35px;gap:28px}.noir3 .next-primary{border:1px solid #fff;color:#15181e;background:#f7f7fa;padding:10px 11px 10px 25px;min-height:56px;box-shadow:0 14px 40px #0007;font-weight:730}.noir3 .next-primary:hover{background:white;box-shadow:0 18px 60px #c3d6ff21}.noir3 .next-primary .arrow-round{background:#171b22;color:#f7f9fd}.noir3 .next-secondary{font-size:12px;color:#c9ced7}.noir3 .next-secondary .play-dot{border-color:#eaf3fb49;color:#e3e9f4}
.noir3 .hero-microfacts{margin-top:50px;color:#cdd5e1;gap:24px;letter-spacing:.04em}.noir3 .hero-microfacts>span{font-size:11px}.noir3 .hero-microfacts>span.microfoot{color:#7f8998}.noir3 .hero-microfacts sup{color:#f2f5fc;border-color:#76879d}
.noir3 .cinema-stage{height:675px;perspective:1300px;filter:saturate(.84)}.noir3 .stage-aura{background:radial-gradient(circle,#95b5e220 4%,#5b75973b 21%,transparent 69%);filter:blur(35px)}.noir3 .stage-prism{background:conic-gradient(from 0deg,transparent,#9cbad91a,transparent 41%,#c0d3ed11,transparent 75%);filter:blur(36px)}
.noir3 .stage-object{inset:9% 3% 8% 3%;transform-style:preserve-3d}.noir3 .stage-orbit{left:12%;top:7%;height:86%;width:79%;border-width:26px;background:linear-gradient(135deg,#f8fcff 0%,#b4c0cd 15%,#242b37 29%,#bdc8d5 42%,#f5f7fd 51%,#5b6675 70%,#e4eaf2 83%,#9ea9b5) border-box;filter:drop-shadow(0 23px 30px #000b)}.noir3 .orbit-front{border-width:16px;opacity:.96}
.noir3 .stage-core{left:30%;top:28%;width:305px;height:305px;padding:14px;background:linear-gradient(140deg,#f9fdff,#677487 17%,#1b2029 30%,#e2eaf3 41%,#566273 61%,#f7faff 79%,#5d6571);box-shadow:0 0 0 1px #d0e7ff53,0 36px 100px #000d,0 0 75px #bccfff1d}.noir3 .stage-core-inner{background:radial-gradient(circle at 30% 21%,#333c4b,#101721 48%,#070b12 82%);border-color:#aeb9c94c}.noir3 .stage-monogram{font-weight:610;font-size:154px;color:white;background:linear-gradient(175deg,#f8fbff,#b0bccb 54%,#798ba4);background-clip:text;-webkit-background-clip:text;filter:drop-shadow(0 3px 6px #000)}.noir3 .core-number{color:#8a9ab0}
.noir3 .stage-float{border:1px solid #d7e4f25b;background:linear-gradient(145deg,#252f3edd,#0c1119f0);box-shadow:0 24px 80px #000c,inset 0 1px #ffffff4d;border-radius:15px}.noir3 .stage-floating-one{left:-1%;top:17%}.noir3 .stage-floating-two{right:-3%;bottom:18%}.noir3 .stage-measure{color:#69798d}
.noir3 .next-hero-footer{border-top:1px solid #e2e9f51c;color:#737c8c}.noir3 .intro-strip{display:none}
/* Original editorial product/value strip */
.noir3 .noir-stats{position:relative;background:#08090d;border-top:1px solid #fafcff10;border-bottom:1px solid #fafcff10;padding:33px 0}.noir3 .noir-stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0}.noir3 .noir-stat{min-height:78px;padding:7px 35px;display:flex;align-items:center;gap:20px;border-right:1px solid #fafcff1a}.noir3 .noir-stat:first-child{padding-left:0}.noir3 .noir-stat:last-child{border-right:0}.noir3 .noir-stat-mark{height:43px;width:43px;flex:0 0 43px;display:grid;place-items:center;border-radius:14px;border:1px solid #ffffff24;background:linear-gradient(130deg,#ffffff1b,#ffffff02);color:#dbe3ec;font-weight:500;font-size:22px}.noir3 .noir-stat strong{display:block;color:#f2f3f6;font-size:13px;margin-bottom:6px}.noir3 .noir-stat span{display:block;color:#858d9b;font-size:11px;line-height:1.55}
/* Sections: high contrast, quiet lighting and generous rhythm. */
.noir3 .kicker,.noir3 .section-label{color:#aab4c1;letter-spacing:.2em;font-size:10px}.noir3 .film-section{background:#06070a;padding-top:145px}.noir3 .film-head h2,.noir3 .section-head h2,.noir3 .signal-story h2,.noir3 .precision-intro h2{font-weight:650;letter-spacing:-.075em}.noir3 .film-shell{border:1px solid #e8eef629;box-shadow:0 28px 90px #000a}.noir3 .film-topline{color:#b8c0cb}.noir3 .film-shell .film-screen{background:#090b0f}
.noir3 .method-panel,.noir3 .profile-plate,.noir3 .signal-console,.noir3 .precision-card,.noir3 .bento,.noir3 .pricing-card,.noir3 .product-card{border-color:#edf3ff21;background-color:#0d1016;box-shadow:0 22px 70px #0003}.noir3 .method-panel{background:linear-gradient(130deg,#171b24,#080a0e)}.noir3 .profile-plate.plate-pro{background:radial-gradient(ellipse at 81% 7%,#8ba0b61b,transparent 55%),linear-gradient(130deg,#131923,#080a0e)}
.noir3 .profile-plate:hover,.noir3 .precision-card:hover,.noir3 .bento:hover,.noir3 .product-card:hover{border-color:#d9e3ee70;box-shadow:0 22px 85px #0009}.noir3 .metal-text,.noir3 .soft-gradient{background-image:linear-gradient(115deg,#fff,#c3cad5 45%,#7f8b9d 90%);background-clip:text;-webkit-background-clip:text}.noir3 .signal-lab{background:radial-gradient(ellipse at 72% 50%,#a3bada14,transparent 55%),#080a0e;border-top:1px solid #fff1;border-bottom:1px solid #fff1}.noir3 .signal-console{background:#0e141d}.noir3 .precision-steps{padding-top:120px;padding-bottom:130px}.noir3 .pricing-section{background:radial-gradient(ellipse at 49% 40%,#929fb718,transparent 62%),#07080a}.noir3 .pricing-featured{border:1px solid #b9c7d68f!important;background:linear-gradient(145deg,#242c38,#0e1119 62%)!important;box-shadow:0 18px 80px #a1b7df15!important}.noir3 .plan-action.btn-light,.noir3 .closing .btn-light{background:#f6f7fb;color:#11141b}.noir3 .plan-popular{background:#dfe7f2;color:#111721}
.noir3 .store-section,.noir3 .intro-section,.noir3 .about-section,.noir3 .questions-section{background-color:#07090d}.noir3 .closing{background:radial-gradient(ellipse at 50% 40%,#7b99b424,transparent 62%),#080a0f}.noir3 .closing-halo{opacity:.55}.noir3 .site-footer{background:#050607;border-top:1px solid #ffffff20}
/* More tactile, app-like information cards */
.noir3 .signal-switch button[aria-pressed="true"]{background:#e6eaf2;color:#11141a}.noir3 button:focus-visible,.noir3 a:focus-visible{outline:2px solid #e3edff;outline-offset:3px}.noir3 [data-tilt]{transform:perspective(800px) rotateX(var(--tx,0deg)) rotateY(var(--ty,0deg));transition:transform .28s var(--noir-ease)}
.noir3 .noir-hairline{height:1px;background:linear-gradient(90deg,transparent,#c4cfdb66,transparent)}
@media(max-width:1100px){.noir3 .wrap{width:min(100% - 58px,1120px)}.noir3 .next-hero-grid{grid-template-columns:1fr;min-height:auto}.noir3 .hero-message{padding:105px 0 10px;max-width:900px}.noir3 .hero-next h1{font-size:clamp(67px,9vw,110px);margin-right:0}.noir3 .cinema-stage{height:570px;max-width:750px;width:100%;margin:-28px auto -28px}.noir3 .next-hero-footer{margin-top:15px}.noir3 .noir-stat{padding:7px 18px;gap:12px}.noir3 .noir-stat:first-child{padding-left:0}.noir3 .noir-stat:last-child{padding-right:0}}
@media(max-width:700px){.noir3 .wrap{width:calc(100% - 38px)}.noir3 .site-header{height:67px}.noir3 .hero-message{padding:90px 0 0}.noir3 .hero-next h1{font-size:clamp(49px,10.8vw,74px);line-height:1.05;margin:27px 0 21px;letter-spacing:-.083em}.noir3 .hero-next h1 br{display:block}.noir3 .hero-description{font-size:13px;line-height:1.75;max-width:360px}.noir3 .hero-edition{font-size:8px;padding:8px 10px;letter-spacing:.12em}.noir3 .hero-actions{gap:15px;flex-wrap:wrap;margin-top:27px}.noir3 .next-primary{font-size:11px;min-height:51px;padding:9px 10px 9px 16px}.noir3 .next-secondary{font-size:11px}.noir3 .hero-microfacts{margin-top:34px;gap:13px;flex-wrap:wrap}.noir3 .hero-microfacts>span{font-size:10px}.noir3 .hero-microfacts>span.microfoot{width:100%}.noir3 .cinema-stage{height:382px;max-width:490px;margin:0 auto -20px}.noir3 .stage-core{width:205px;height:205px;max-height:55%;padding:10px;left:31%;top:27%}.noir3 .stage-monogram{font-size:105px}.noir3 .stage-orbit{border-width:19px}.noir3 .orbit-front{border-width:12px}.noir3 .stage-floating-one{top:13%;left:0;width:138px;padding:11px}.noir3 .stage-floating-two{right:-1%;bottom:12%;width:145px;padding:11px}.noir3 .stage-measure{display:none}.noir3 .next-hero-footer{margin-top:2px}.noir3 .noir-stats{padding:17px 0}.noir3 .noir-stats-grid{grid-template-columns:1fr;gap:0}.noir3 .noir-stat{min-height:63px;border-right:0;border-bottom:1px solid #fafcff12;padding:11px 0!important}.noir3 .noir-stat:last-child{border-bottom:0}.noir3 .noir-stat-mark{width:36px;height:36px;flex-basis:36px;font-size:18px;border-radius:11px}.noir3 .film-section{padding-top:93px}.noir3 .film-head h2{font-size:clamp(42px,10vw,70px)}.noir3 .signal-lab{padding:90px 0}}
@media(max-width:390px){.noir3 .hero-next h1{font-size:44px}.noir3 .cinema-stage{height:340px}.noir3 .stage-core{width:170px;height:170px;left:32%}.noir3 .stage-monogram{font-size:85px}.noir3 .stage-floating-one{width:116px}.noir3 .stage-floating-two{width:126px}}
@media(prefers-reduced-motion:reduce){.noir3 .stage-prism,.noir3 .stage-object,.noir3 .stage-float,.noir3 [data-tilt]{animation:none!important;transition:none!important;transform:none!important}}
