/* Nairofy Premium Motion Layer — progressive enhancement, dark-first */
:root{--obsidian:#07090d;--obsidian-2:#0b0f15;--panel:rgba(17,21,29,.72);--panel-2:rgba(255,255,255,.045);--gold:#d9ae52;--gold-hi:#ffe4a0;--metal:#9ca6b7;--hair:rgba(255,255,255,.105);--glow:rgba(217,174,82,.17);--mx:50vw;--my:35vh;--scroll-y:0px}
html{background:var(--obsidian);scroll-behavior:auto} body.nairofy-premium{background:radial-gradient(900px circle at var(--mx) var(--my),rgba(217,174,82,.08),transparent 45%),linear-gradient(180deg,#07090d,#090d13 48%,#06080c);color:#e9edf3;letter-spacing:-.012em;overflow-x:hidden}
body.nairofy-premium:before{content:"";position:fixed;inset:0;z-index:9998;pointer-events:none;opacity:.17;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.92' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.12'/%3E%3C/svg%3E");mix-blend-mode:soft-light}
body.nairofy-premium:after{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(50vw 50vw at 78% 10%,rgba(76,104,154,.11),transparent 65%),radial-gradient(45vw 45vw at 12% 58%,rgba(217,174,82,.08),transparent 70%)}
.container{width:min(1240px,calc(100% - 48px))}.topbar{background:#040609;border-bottom:1px solid var(--hair)}.site-header{background:rgba(7,9,13,.74);border-bottom:1px solid var(--hair);backdrop-filter:blur(22px) saturate(140%)}.site-header.scrolled{box-shadow:0 18px 50px rgba(0,0,0,.3)}.navlinks a{color:#d9dee7}.navlinks a:hover,.navlinks a[aria-current=page]{color:var(--gold-hi)}.nav-cta{background:linear-gradient(120deg,#b98a32,#f1ca70);color:#080a0e!important;box-shadow:0 10px 35px rgba(217,174,82,.15)}
.logo img{filter:brightness(0) invert(1)}
h1,.section h2,.article-hero h1{color:#f5f7fa;letter-spacing:-.055em;font-weight:800;text-wrap:balance}.hero h1 span,.kicker,.footer h3,.trust strong{color:var(--gold)}.lead,.section-head p,.card p,.prose p,.prose li,.meta,.float-item span{color:#9da8b8}
.hero-grid{background:linear-gradient(115deg,rgba(255,255,255,.035),rgba(255,255,255,.012));border:1px solid var(--hair);box-shadow:0 35px 110px rgba(0,0,0,.34);isolation:isolate}.hero-copy{position:relative;z-index:2}.hero-visual{background:#0d1118}.hero-visual:after{background:linear-gradient(90deg,#090c11 0%,rgba(9,12,17,.72) 18%,rgba(7,9,13,.06) 58%,rgba(7,9,13,.25))}.hero-visual picture img{filter:saturate(.72) contrast(1.08) brightness(.78)}
.eyebrow{background:rgba(217,174,82,.08);border:1px solid rgba(217,174,82,.22);color:#e9c978;backdrop-filter:blur(12px)}
.float-card,.card,.toc,.answer,.form input,.form textarea,.form select{background:var(--panel);border:1px solid var(--hair);color:#e9edf3;backdrop-filter:blur(20px) saturate(130%);box-shadow:0 24px 70px rgba(0,0,0,.18)}.card{position:relative;overflow:hidden}.card:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(120deg,transparent 15%,rgba(255,255,255,.045) 48%,transparent 70%);transform:translateX(-120%);transition:transform .8s cubic-bezier(.2,.8,.2,1)}.card:hover:before{transform:translateX(120%)}.card:hover{box-shadow:0 28px 80px rgba(0,0,0,.32),0 0 0 1px rgba(217,174,82,.12);transform:translateY(-7px)}
.icon,.float-icon{background:rgba(217,174,82,.1);border:1px solid rgba(217,174,82,.18)}.card h3,.service-card a,.price,.prose h3{color:#f0f2f6}.trustbar,.footer,.bottom-bar,.roi-result{background:#05070a}.trustbar{border-top:1px solid var(--hair)}.time-value{background:rgba(255,255,255,.025);border-color:var(--hair);border-left-color:var(--gold)}.time-value strong{color:#f0cf82}
.section[style*="background:#f7f9fc"],.article-hero{background:rgba(255,255,255,.018)!important}.package.popular{background:linear-gradient(155deg,rgba(217,174,82,.13),rgba(255,255,255,.035));border-color:rgba(217,174,82,.34)}.package .badge{background:linear-gradient(90deg,#b88a34,#f3d37f);color:#080a0d}.package ul,.package.popular ul{color:#aeb6c2}
.btn{border-radius:999px;transition:transform .22s cubic-bezier(.2,.8,.2,1),box-shadow .22s,background .22s;will-change:transform}.btn-primary{background:linear-gradient(120deg,#b98b35,#f0cc75);color:#090b0f;box-shadow:0 12px 34px rgba(217,174,82,.12)}.btn-dark{background:#eef1f5;color:#080a0e}.btn-outline{background:rgba(255,255,255,.025);border-color:var(--hair);color:#e7ebf1}.btn:hover{box-shadow:0 18px 50px rgba(0,0,0,.32)}
.pricing-table{background:transparent;border-color:var(--hair)}.pricing-table th{background:rgba(255,255,255,.04);color:#f1f3f6}.pricing-table td,.pricing-table th{border-color:var(--hair)}.quote{background:rgba(217,174,82,.055);border-left-color:var(--gold)}
/* cursor */
.nf-cursor,.nf-cursor-dot{position:fixed;left:0;top:0;pointer-events:none;z-index:100000;border-radius:50%;transform:translate3d(-50%,-50%,0)}.nf-cursor{width:42px;height:42px;border:1px solid rgba(245,218,155,.68);backdrop-filter:invert(.06);transition:width .2s,height .2s,background .2s,border-color .2s}.nf-cursor-dot{width:5px;height:5px;background:var(--gold-hi)}.nf-cursor.is-active{width:70px;height:70px;background:rgba(217,174,82,.09);border-color:rgba(255,231,174,.88)}
/* page curtain */
.nf-curtain{position:fixed;inset:0;z-index:99999;pointer-events:none;background:#05070a;transform:scaleY(1);transform-origin:top;transition:transform .72s cubic-bezier(.76,0,.24,1)}.page-ready .nf-curtain{transform:scaleY(0)}.page-leaving .nf-curtain{transform-origin:bottom;transform:scaleY(1)}
/* WebGL + line art */
#nf-webgl{position:fixed;inset:0;width:100%;height:100%;z-index:-2;pointer-events:none;opacity:.58}.nf-lines{position:fixed;inset:0;z-index:-1;pointer-events:none;opacity:.15;background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:80px 80px;mask-image:linear-gradient(to bottom,black,transparent 78%);transform:translate3d(0,calc(var(--scroll-y) * -.025),0)}
/* reveals */
.motion-reveal{opacity:0;transform:translate3d(0,32px,0) scale(.985);filter:blur(7px);transition:opacity .9s cubic-bezier(.2,.75,.2,1),transform .9s cubic-bezier(.2,.75,.2,1),filter .9s}.motion-visible{opacity:1;transform:none;filter:none}.motion-stagger>*:nth-child(2){transition-delay:.07s}.motion-stagger>*:nth-child(3){transition-delay:.14s}.motion-stagger>*:nth-child(4){transition-delay:.21s}.motion-stagger>*:nth-child(5){transition-delay:.28s}
/* parallax */
.hero-visual picture img{transform:translate3d(0,var(--hero-parallax,0),0) scale(1.08);will-change:transform}.float-card{transform:translate3d(0,var(--float-parallax,0),0)}
/* skeleton utility */
.nf-skeleton{position:relative;overflow:hidden;background:rgba(255,255,255,.045)!important;color:transparent!important}.nf-skeleton:after{content:"";position:absolute;inset:0;background:linear-gradient(100deg,transparent 20%,rgba(217,174,82,.18) 48%,rgba(255,255,255,.13) 52%,transparent 80%);transform:translateX(-100%);animation:nfSheen 1.45s infinite}@keyframes nfSheen{to{transform:translateX(100%)}}
/* loader */
.nf-loader{position:fixed;inset:0;z-index:100001;display:grid;place-items:center;background:#05070a;transition:opacity .55s,visibility .55s}.nf-loader.is-done{opacity:0;visibility:hidden}.nf-loader-mark{font-size:clamp(22px,4vw,48px);font-weight:800;letter-spacing:.24em;color:#f2f4f7;position:relative}.nf-loader-mark:after{content:"";display:block;width:100%;height:1px;margin-top:18px;background:linear-gradient(90deg,transparent,var(--gold),transparent);animation:nfLoad 1s ease-in-out infinite}@keyframes nfLoad{0%,100%{transform:scaleX(.15);opacity:.4}50%{transform:scaleX(1);opacity:1}}
@media (pointer:coarse),(prefers-reduced-motion:reduce){.nf-cursor,.nf-cursor-dot{display:none!important}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.motion-reveal{opacity:1;transform:none;filter:none;transition:none}.nf-loader{display:none}.hero-visual picture img,.float-card{transform:none!important}}
@media(max-width:980px){.navlinks.open{background:rgba(7,9,13,.97);border-color:var(--hair)}.container{width:min(100% - 30px,1240px)}}
