*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#06131d}.n2{font-family:Arial,sans-serif;color:#fff;background:#06131d;--b:#168cff;--o:#ff9b49}.n2 a{color:inherit;text-decoration:none}.n2 header{height:78px;padding:0 4vw;display:flex;align-items:center;gap:28px;background:#06131d;border-bottom:1px solid #ffffff14;position:sticky;top:0;z-index:50}.logo{min-width:270px}.logo b{font-size:24px;letter-spacing:.07em}.logo i{font-style:normal;color:var(--o)}.logo small{display:block;color:#91a9b9;font-size:8px}.n2 nav{flex:1;text-align:center}.n2 nav a{margin:0 14px;color:#d7e5ee;font-size:11px}.n2 nav a:hover{color:#29b5ff}.topcta{border:1px solid var(--o);border-radius:28px;padding:12px 21px;font-size:11px}.hero{min-height:590px;display:grid;grid-template-columns:47% 53%}.copy{padding:85px 4vw}.copy>small,.services>small,.process>small,.about small,.contact>small{color:#ffad68;font-size:9px;letter-spacing:.22em;font-weight:800}.copy h1{font-size:62px;line-height:.95;margin:19px 0}.copy h1 span{color:var(--b)}.copy p{max-width:560px;color:#dbe6ed;line-height:1.6;font-size:15px}.actions{display:flex;gap:14px;margin:31px 0 50px}.actions a{padding:15px 25px;border-radius:27px;font-size:11px;font-weight:800}.projects-btn{background:linear-gradient(135deg,#ffb45f,#ff9147);color:#07131d!important}.actions a:last-child{border:1px solid #8da9ba}.stats{display:grid;grid-template-columns:repeat(4,1fr)}.stats b{font-size:22px}.stats article:nth-child(1)b{color:#249fff}.stats article:nth-child(2)b{color:#29d3a3}.stats article:nth-child(3)b{color:#a56cff}.stats article:nth-child(4)b{color:#ffb020}.stats small{display:block;color:#dce7ed;font-size:9px;margin-top:5px}.visual{display:grid;place-items:center;background:radial-gradient(circle at 80% 30%,#ff7e2d35,transparent 28%),radial-gradient(circle at 20% 70%,#168cff35,transparent 30%),#0b1822}.screen{position:relative;width:67%;height:59%;background:#061521;border:8px solid #02070b;box-shadow:0 35px 80px #000b}.screen>div{position:absolute;left:12%;top:20%}.screen span{display:block;font:italic 22px Georgia;color:#fff0df;margin:10px}.screen em{position:absolute;right:-10%;top:10%;font:italic 31px Georgia;color:var(--o);transform:rotate(-6deg)}.projects{padding:44px 3.5vw 55px;background:#f5f8fb;color:#0b2030}.projects>small{font-size:9px;letter-spacing:.2em;font-weight:800}.projects h2{font-size:42px;margin:10px 0 4px}.projects h2 span{color:var(--b)}.projects>p{color:#506878}.casa{margin-top:25px;min-height:310px;border-radius:16px;display:grid;grid-template-columns:1.2fr .8fr;overflow:hidden;color:#fff;border:1px solid #ff974a77;background:radial-gradient(circle at 83% 45%,#ff91474f,transparent 28%),linear-gradient(105deg,#17100d,#32190f 58%,#87431f)}.casa>div{padding:43px}.casa small{color:#ffb57c;font-size:8px;letter-spacing:.16em}.casa h3{font:400 58px Georgia;letter-spacing:.16em;margin:12px 0}.casa p{max-width:650px;color:#eee4dd}.tags{display:flex;gap:8px;margin:18px 0}.tags span{border:1px solid #ffffff33;border-radius:20px;padding:6px 10px;font-size:8px}.casa a{display:inline-block;border:1px solid var(--o);border-radius:8px;padding:11px 16px;font-size:9px}.casa aside{display:grid;place-items:center;font-size:145px}.services,.process,.about{padding:55px 4vw;background:#07141e}.services h2,.process h2{font-size:36px}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.grid article{min-height:180px;padding:25px;border-radius:12px;background:#0d1f2b;border:1px solid #42a6eb20}.grid article>b{font-size:22px;color:#29aaff}.grid p{color:#b9cbd5}.steps{display:grid;grid-template-columns:repeat(5,1fr);border-top:1px solid #ffffff18}.steps article{padding:20px;display:flex;gap:12px;align-items:center}.steps b{width:36px;height:36px;border:1px solid #6f8797;border-radius:50%;display:grid;place-items:center}.about{display:grid;grid-template-columns:1fr 1fr;gap:70px}.about h2{font-size:38px}.about h2 span{color:var(--o)}.about p{color:#bacad4}.benefits{display:grid;grid-template-columns:1fr 1fr;gap:14px}.benefits p{background:#0d1d28;padding:18px;border-radius:10px}.benefits b,.benefits span{display:block}.benefits span{font-size:10px;color:#9eb2bf}.contact{min-height:330px;padding:70px 4vw;background:radial-gradient(circle at 80% 25%,#ff8c2530,transparent 24%),#0a171f}.contact h2{font-size:38px}.contact p{color:#bdccd5}.contact a{display:inline-block;margin-top:15px;background:linear-gradient(135deg,#ffb45f,#ff9147);color:#07131d;padding:15px 24px;border-radius:27px;font-size:11px;font-weight:800}.n2 footer{height:80px;padding:0 4vw;display:flex;align-items:center;gap:24px}.n2 footer i{font-style:normal;color:var(--o)}@media(max-width:800px){.n2 nav{display:none}.hero{grid-template-columns:1fr}.visual{min-height:400px}.grid,.steps,.about{grid-template-columns:1fr}.casa{grid-template-columns:1fr}.stats{grid-template-columns:1fr 1fr;gap:20px}}
/* Hero accent 2.0.2 */
.n2 .copy h1{color:#ff9b49!important}.n2 .copy h1 span{color:#168cff!important}

/* Lower page visual polish 2.0.3 — matches approved concept */
.n2 .process h2{
 color:#f7fbff!important;
 text-shadow:0 0 18px rgba(255,255,255,.04)!important;
}
.n2 .about h2{
 color:#f7fbff!important;
}
.n2 .about h2 span{
 color:#ff9b49!important;
}
.n2 .contact{
 position:relative!important;
 overflow:hidden!important;
 background:
 radial-gradient(circle at 79% 34%,rgba(255,132,53,.28),transparent 24%),
 radial-gradient(circle at 68% 54%,rgba(22,140,255,.14),transparent 31%),
 linear-gradient(110deg,#071722,#0b1821 62%,#171715)!important;
 border-top:1px solid rgba(255,255,255,.05)!important;
}
.n2 .contact:after{
 content:""!important;
 position:absolute!important;
 right:10%!important;
 top:15%!important;
 width:300px!important;
 height:300px!important;
 border-radius:50%!important;
 background:radial-gradient(circle,rgba(255,151,70,.16),rgba(22,140,255,.07) 42%,transparent 70%)!important;
 filter:blur(12px)!important;
 pointer-events:none!important;
}
.n2 .contact>small{
 color:#ff9b49!important;
 position:relative!important;
 z-index:1!important;
}
.n2 .contact h2{
 color:#f7fbff!important;
 position:relative!important;
 z-index:1!important;
}
.n2 .contact h2 br + *{color:#168cff!important}
.n2 .contact p,.n2 .contact a{position:relative!important;z-index:1!important}
.n2 .contact p{color:#d8e5ed!important}
.n2 .contact a{
 background:linear-gradient(135deg,#ffb45f,#ff9147)!important;
 box-shadow:0 10px 28px rgba(255,145,71,.20)!important;
}
.n2 .contact a:hover{
 transform:translateY(-3px)!important;
 box-shadow:0 14px 36px rgba(255,145,71,.38)!important;
}
.n2 .benefits p{
 position:relative!important;
 padding-left:58px!important;
 min-height:82px!important;
 background:linear-gradient(145deg,#0d202d,#0a1923)!important;
 border:1px solid rgba(54,157,225,.10)!important;
}
.n2 .benefits p:before{
 position:absolute!important;
 left:19px!important;
 top:22px!important;
 font-size:23px!important;
 line-height:1!important;
}
.n2 .benefits p:nth-child(1):before{content:"♟"!important;color:#168cff!important}
.n2 .benefits p:nth-child(2):before{content:"▥"!important;color:#ff9b49!important}
.n2 .benefits p:nth-child(3):before{content:"⚙"!important;color:#168cff!important}
.n2 .benefits p:nth-child(4):before{content:"★"!important;color:#ff9b49!important}
.n2 footer{
 border-top:1px solid rgba(255,255,255,.07)!important;
 background:#06131d!important;
}
.n2 footer b{color:#fff!important}
.n2 footer i{color:#ff9b49!important}

.n2 .contact h2 span{color:#168cff!important}

/* Dynamic 3-project portfolio 2.0.4 */
.projectcards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:26px}
.projectcard{min-height:365px;border-radius:16px;overflow:hidden;display:grid;grid-template-rows:1fr 120px;color:#fff;border:1px solid rgba(255,255,255,.15);box-shadow:0 18px 40px rgba(15,31,43,.12);transition:transform .25s ease,box-shadow .25s ease}
.projectcard:hover{transform:translateY(-6px);box-shadow:0 25px 55px rgba(15,31,43,.22)}
.projectcard .projectcopy{padding:30px}.projectcard small{font-size:8px;letter-spacing:.14em;color:#ffb57c}.projectcard h3{font:400 35px Georgia;letter-spacing:.08em;margin:13px 0}.projectcard p{color:#eee4dd;line-height:1.5;font-size:12px;min-height:54px}.projectcard .tags{display:flex;flex-wrap:wrap;gap:6px;margin:16px 0}.projectcard .tags span{font-size:7px;border:1px solid #ffffff36;border-radius:18px;padding:5px 8px}.projectcard .demolink{display:inline-block;border:1px solid #ff9b49;border-radius:8px;padding:10px 13px;font-size:8px}.projectcard .demolink:hover{background:#ff9b49;color:#111}.projectcard .demolink.disabled{opacity:.45;cursor:default}.projectcard aside{display:grid;place-items:center;font-size:72px;background:rgba(0,0,0,.12)}
.projectcard.pc1{background:radial-gradient(circle at 85% 35%,#ff91474a,transparent 30%),linear-gradient(135deg,#17100d,#71371c)}
.projectcard.pc2{background:radial-gradient(circle at 85% 35%,#168cff45,transparent 30%),linear-gradient(135deg,#071722,#0c3c62)}
.projectcard.pc3{background:radial-gradient(circle at 85% 35%,#9d6cff3d,transparent 30%),linear-gradient(135deg,#10121d,#352557)}
@media(max-width:900px){.projectcards{grid-template-columns:1fr}.projectcard{grid-template-columns:1fr 160px;grid-template-rows:1fr;min-height:280px}}
@media(max-width:560px){.projectcard{grid-template-columns:1fr;grid-template-rows:1fr 100px}}

/* Hero CTA animation 2.0.5 */
.n2 .actions a{position:relative;overflow:hidden;display:inline-flex;align-items:center;gap:9px;transition:transform .24s ease,box-shadow .24s ease,border-color .24s ease,background .24s ease}
.n2 .actions a:before{content:"";position:absolute;top:-60%;left:-35%;width:34%;height:220%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.42),transparent);transform:rotate(18deg) translateX(-180%);transition:transform .65s ease;pointer-events:none}
.n2 .actions a:hover:before{transform:rotate(18deg) translateX(520%)}
.n2 .projects-btn{box-shadow:0 10px 28px rgba(255,145,71,.22)}
.n2 .projects-btn:hover{transform:translateY(-4px) scale(1.035);box-shadow:0 16px 38px rgba(255,145,71,.48),0 0 26px rgba(255,165,82,.28)}
.n2 .projects-btn:active{transform:translateY(0) scale(.97)}
.n2 .projects-btn .cta-down{display:inline-block;transition:transform .24s ease}
.n2 .projects-btn:hover .cta-down{transform:translateY(5px)}
.n2 .cta-icon{font-size:16px;line-height:1;transition:transform .25s ease}
.n2 .projects-btn:hover .cta-icon{transform:rotate(90deg) scale(1.08)}
.n2 .start-btn{border-color:#48b8ff!important;box-shadow:0 0 0 rgba(42,168,255,0)}
.n2 .start-btn:hover{transform:translateY(-4px) scale(1.035);border-color:#6ac7ff!important;box-shadow:0 0 18px rgba(42,168,255,.48),0 0 40px rgba(42,168,255,.20),inset 0 0 15px rgba(42,168,255,.06)}
.n2 .start-btn:active{transform:translateY(0) scale(.97)}
.n2 .start-btn .cta-icon{font-size:20px}
.n2 .start-btn:hover .cta-icon{transform:translateX(4px)}
.n2 .start-btn .cta-arrow{display:inline-block;transition:transform .25s ease}
.n2 .start-btn:hover .cta-arrow{transform:translateX(6px)}
@keyframes n2ButtonPulse{0%{box-shadow:0 0 0 0 rgba(255,155,73,.48)}70%{box-shadow:0 0 0 13px rgba(255,155,73,0)}100%{box-shadow:0 0 0 0 rgba(255,155,73,0)}}
.n2 .projects-btn.clicked{animation:n2ButtonPulse .45s ease}

/* Full mobile responsive layer 2.0.6 */
.mobile-menu{display:none;background:none;border:0;padding:8px;cursor:pointer}
.mobile-menu span{display:block;width:23px;height:2px;background:#fff;margin:5px 0;transition:.25s}
@media(max-width:800px){
 body{overflow-x:hidden}
 .n2 header{height:68px;padding:0 18px;gap:12px;position:sticky}
 .n2 .logo{min-width:0;flex:1}
 .n2 .logo b{font-size:19px}
 .n2 .logo small{font-size:7px}
 .n2 .mobile-menu{display:block;order:3}
 .n2 .topcta{display:none}
 .n2 nav{display:none;position:absolute;top:68px;left:0;right:0;padding:14px 18px 20px;background:#06131df7;border-top:1px solid #ffffff12;border-bottom:1px solid #ffffff18;text-align:left;box-shadow:0 18px 35px #0008}
 .n2 nav.open{display:grid}
 .n2 nav a{margin:0!important;padding:12px 5px;border-bottom:1px solid #ffffff0d;font-size:13px}
 .n2 .hero{display:block;min-height:auto}
 .n2 .copy{padding:58px 22px 42px}
 .n2 .copy>small{font-size:8px;line-height:1.5}
 .n2 .copy h1{font-size:43px;line-height:.98;margin:18px 0 20px}
 .n2 .copy p{font-size:14px;line-height:1.55}
 .n2 .actions{display:grid;grid-template-columns:1fr;margin:28px 0 38px;gap:12px}
 .n2 .actions a{justify-content:center;width:100%;padding:16px 18px}
 .n2 .stats{grid-template-columns:1fr 1fr;gap:24px 12px}
 .n2 .stats b{font-size:20px}
 .n2 .visual{min-height:360px;padding:35px 18px}
 .n2 .screen{width:88%;height:260px;border-width:6px}
 .n2 .screen>div{left:9%;top:16%}
 .n2 .screen span{font-size:17px;margin:8px}
 .n2 .screen em{right:-2%;top:10%;font-size:23px}
 .n2 .projects{padding:40px 18px}
 .n2 .projects h2{font-size:34px}
 .n2 .projects>p{font-size:13px;line-height:1.5}
 .n2 .projectcards{grid-template-columns:1fr!important;gap:16px}
 .n2 .projectcard{grid-template-columns:1fr!important;grid-template-rows:1fr 90px!important;min-height:0}
 .n2 .projectcard .projectcopy{padding:25px 22px}
 .n2 .projectcard h3{font-size:31px}
 .n2 .projectcard p{min-height:0;font-size:12px}
 .n2 .projectcard aside{font-size:52px}
 .n2 .services,.n2 .process,.n2 .about{padding:45px 20px}
 .n2 .services h2,.n2 .process h2,.n2 .about h2{font-size:31px}
 .n2 .grid{grid-template-columns:1fr!important}
 .n2 .grid article{min-height:145px}
 .n2 .steps{grid-template-columns:1fr!important;border-top:0}
 .n2 .steps article{border-top:1px solid #ffffff15;padding:15px 5px}
 .n2 .about{grid-template-columns:1fr!important;gap:25px}
 .n2 .benefits{grid-template-columns:1fr!important}
 .n2 .contact{min-height:auto;padding:58px 22px}
 .n2 .contact h2{font-size:34px;line-height:1.08}
 .n2 .contact p{font-size:13px;line-height:1.55}
 .n2 .contact a{width:100%;text-align:center;padding:16px 18px}
 .n2 footer{height:auto;min-height:95px;padding:25px 20px;display:flex;flex-wrap:wrap;gap:10px 18px;font-size:11px}
}
@media(max-width:390px){
 .n2 .copy h1{font-size:38px}
 .n2 .stats{grid-template-columns:1fr 1fr}
 .n2 .screen{width:94%}
 .n2 .screen em{font-size:20px}
 .n2 .projects h2{font-size:30px}
}

/* Project Match 2.0.7 */
.n2pm{position:fixed;inset:0;z-index:999999;display:none;font-family:Arial,sans-serif}.n2pm.open{display:block}.n2pm-backdrop{position:absolute;inset:0;background:#01090fd9;backdrop-filter:blur(9px)}.n2pm-box{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(760px,calc(100vw - 28px));max-height:calc(100vh - 28px);overflow:auto;background:radial-gradient(circle at 95% 5%,#ff8c3229,transparent 26%),#071722;border:1px solid #168cff;border-radius:20px;color:#fff;padding:30px;box-shadow:0 30px 100px #000d,0 0 35px #168cff22;animation:pmIn .35s ease}.n2pm-close{position:absolute;right:18px;top:16px;border:0;background:#102634;color:#fff;width:35px;height:35px;border-radius:50%;font-size:22px}.n2pm-brand i{font-style:normal;color:#ff9b49}.n2pm-progress{display:flex;justify-content:center;gap:18px;margin:22px}.n2pm-progress span{width:30px;height:30px;border-radius:50%;border:1px solid #46677d;display:grid;place-items:center;font-size:11px;color:#91aabb}.n2pm-progress span.active{color:#fff;border-color:#168cff;background:#0e4f7c;box-shadow:0 0 18px #168cff88}.n2pm-step{display:none;animation:stepIn .25s ease}.n2pm-step.active{display:block}.n2pm-step small{color:#4fb7ff}.n2pm-step h2{font-size:30px;margin:8px 0}.n2pm-step>p{color:#b8cbd7}.n2pm-cards{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:20px}.n2pm-cards button{min-height:75px;text-align:left;padding:15px;border-radius:12px;border:1px solid #31566f;background:#0a1e2b;color:#fff;font-size:18px}.n2pm-cards button b{font-size:13px;margin-left:8px}.n2pm-cards button:hover,.n2pm-cards button.selected{border-color:#28aaff;box-shadow:0 0 18px #168cff55;background:#0d2b40}.n2pm textarea,.n2pm input{width:100%;border:1px solid #31566f;background:#0a1e2b;color:#fff;border-radius:10px;padding:14px;outline:none}.n2pm textarea{min-height:135px}.n2pm-checks{display:grid;gap:8px;margin-top:20px}.n2pm-checks label{background:#0a1e2b;border:1px solid #294b62;border-radius:9px;padding:13px}.n2pm-checks input{width:auto;margin-right:10px}.n2pm-fields{display:grid;grid-template-columns:1fr 1fr;gap:10px}.n2pm-fields textarea{grid-column:1/-1;min-height:85px}.n2pm-nav{display:flex;gap:12px;margin-top:24px}.n2pm-nav button,.n2pm-success button{border-radius:24px;padding:12px 22px;font-weight:800}.n2pm-back{border:1px solid #3a7da7;background:transparent;color:#fff}.n2pm-next,.n2pm-submit{margin-left:auto;border:0;background:linear-gradient(135deg,#ffb45f,#ff9147);color:#07131d}.n2pm-submit{display:none}.n2pm-success{display:none;text-align:center;padding:45px 10px}.n2pm-success.show{display:block}.n2pm-success>div{width:74px;height:74px;margin:auto;border-radius:50%;display:grid;place-items:center;font-size:38px;background:#0e4f7c;border:2px solid #2aafff;box-shadow:0 0 30px #168cff77}@keyframes pmIn{from{opacity:0;transform:translate(-50%,-46%) scale(.94)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@keyframes stepIn{from{opacity:0;transform:translateX(18px)}to{opacity:1;transform:none}}@media(max-width:650px){.n2pm-box{padding:22px 16px}.n2pm-progress{gap:7px}.n2pm-progress span{width:27px;height:27px}.n2pm-cards,.n2pm-fields{grid-template-columns:1fr}.n2pm-fields textarea{grid-column:auto}.n2pm-step h2{font-size:25px}}
/* Project Match interaction polish 2.0.8 */
@keyframes n2pmNextPulse{
 0%{box-shadow:0 9px 25px rgba(255,145,71,.24),0 0 0 0 rgba(255,155,73,.50)}
 65%{box-shadow:0 14px 36px rgba(255,145,71,.48),0 0 0 14px rgba(255,155,73,0)}
 100%{box-shadow:0 9px 25px rgba(255,145,71,.24),0 0 0 0 rgba(255,155,73,0)}
}
@keyframes n2pmSelectPop{
 0%{transform:scale(1)}
 45%{transform:scale(.975)}
 75%{transform:scale(1.025)}
 100%{transform:scale(1)}
}
@keyframes n2pmRipple{
 from{opacity:.55;transform:translate(-50%,-50%) scale(0)}
 to{opacity:0;transform:translate(-50%,-50%) scale(5)}
}
.n2pm-next,.n2pm-submit{
 position:relative!important;overflow:hidden!important;
 transition:transform .22s ease,box-shadow .22s ease,filter .22s ease!important;
 animation:n2pmNextPulse 2.8s ease-in-out infinite!important;
}
.n2pm-next:hover,.n2pm-submit:hover{
 transform:translateY(-4px) scale(1.035)!important;
 box-shadow:0 15px 40px rgba(255,145,71,.52),0 0 28px rgba(255,155,73,.30)!important;
 filter:brightness(1.06)!important;
 animation:none!important;
}
.n2pm-next:active,.n2pm-submit:active{transform:translateY(0) scale(.96)!important}
.n2pm-next:before,.n2pm-submit:before{
 content:"";position:absolute;top:-70%;left:-35%;width:32%;height:240%;
 background:linear-gradient(90deg,transparent,rgba(255,255,255,.45),transparent);
 transform:rotate(18deg) translateX(-180%);transition:transform .65s ease;pointer-events:none
}
.n2pm-next:hover:before,.n2pm-submit:hover:before{transform:rotate(18deg) translateX(540%)}
.n2pm-cards button{position:relative!important;overflow:hidden!important}
.n2pm-cards button:after{
 content:"✓";position:absolute;right:12px;top:11px;width:25px;height:25px;border-radius:50%;
 display:grid;place-items:center;background:#ff9b49;color:#07131d;font-weight:900;
 opacity:0;transform:scale(.45) rotate(-20deg);transition:.22s ease;box-shadow:0 0 18px rgba(255,155,73,.55)
}
.n2pm-cards button.selected:after{opacity:1;transform:scale(1) rotate(0)}
.n2pm-cards button.selected{animation:n2pmSelectPop .34s ease!important}
.n2pm-ripple{
 position:absolute;width:34px;height:34px;border-radius:50%;pointer-events:none;
 background:radial-gradient(circle,rgba(40,170,255,.85),rgba(40,170,255,.18) 50%,transparent 70%);
 animation:n2pmRipple .55s ease-out forwards;z-index:4
}
.n2pm-step.leaving{animation:n2pmStepOut .18s ease both!important}
@keyframes n2pmStepOut{to{opacity:0;transform:translateX(-18px)}}
@media(prefers-reduced-motion:reduce){
 .n2pm-next,.n2pm-submit,.n2pm-cards button.selected,.n2pm-ripple,.n2pm-step.leaving{animation:none!important}
}

/* Project Match back direction + revised cards 2.0.9 */
.n2pm-back{position:relative!important;overflow:hidden!important;padding-left:38px!important;transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease,background .22s ease!important}
.n2pm-back:before{content:"←";position:absolute;left:17px;top:50%;transform:translateY(-50%);font-size:16px;transition:transform .22s ease}
.n2pm-back:hover{transform:translateX(-4px)!important;border-color:#28aaff!important;background:#0b2230!important;box-shadow:0 0 20px rgba(40,170,255,.30)!important}
.n2pm-back:hover:before{transform:translate(-4px,-50%)}.n2pm-back:active{transform:translateX(-2px) scale(.96)!important}
.n2pm-step.from-back{animation:n2pmBackIn .28s ease!important}@keyframes n2pmBackIn{from{opacity:0;transform:translateX(-22px)}to{opacity:1;transform:none}}
.n2pm-cards.one{grid-template-columns:1fr 1fr!important}.n2pm-cards.one button{min-height:92px!important}.n2pm-cards.one button em{display:block;font-style:normal;color:#91a8b8;font-size:9px;margin:7px 0 0 32px;line-height:1.35}
@media(max-width:650px){.n2pm-cards.one{grid-template-columns:1fr!important}}

/* Personal About section 2.0.12 */
.n2-personal-about{padding:62px 4vw;background:radial-gradient(circle at 82% 34%,rgba(255,145,71,.13),transparent 26%),radial-gradient(circle at 18% 70%,rgba(22,140,255,.11),transparent 30%),#07141e;display:grid;grid-template-columns:1.2fr .8fr;gap:70px;align-items:center;border-top:1px solid #ffffff0b;border-bottom:1px solid #ffffff0b;scroll-margin-top:78px}
.n2-about-copy>small{color:#ff9b49;font-size:9px;letter-spacing:.22em;font-weight:800}.n2-about-copy h2{font-size:42px;margin:10px 0 3px;color:#fff}.n2-about-copy h2 span{color:#ff9b49}.n2-about-copy h3{font-size:20px;margin:0 0 22px;color:#dbe8ef;font-weight:500}.n2-about-copy>p{max-width:760px;color:#bdced8;line-height:1.65;font-size:14px}.n2-about-points{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:28px}.n2-about-points article{display:flex;gap:12px;align-items:flex-start}.n2-about-points article>b{font-size:23px;color:#168cff}.n2-about-points article:nth-child(2)>b{color:#ff9b49}.n2-about-points article:nth-child(3)>b{color:#ff9b49}.n2-about-points strong,.n2-about-points span{display:block}.n2-about-points strong{font-size:12px;color:#fff}.n2-about-points span{font-size:9px;color:#9fb3c0;line-height:1.45;margin-top:5px}.n2-about-photo{width:min(360px,100%);justify-self:center;border:1px solid #168cff;border-radius:16px;overflow:hidden;background:#091b27;box-shadow:-10px 0 30px rgba(22,140,255,.12),10px 0 30px rgba(255,145,71,.13)}.n2-photo-placeholder{height:330px;display:grid;place-items:center;align-content:center;gap:10px;background:radial-gradient(circle at 50% 35%,#174264,#0b1d29 55%,#08151e)}.n2-photo-placeholder span{width:105px;height:105px;border-radius:50%;display:grid;place-items:center;font-size:38px;font-weight:900;color:#fff;background:linear-gradient(135deg,#168cff,#ff9147);box-shadow:0 0 35px #168cff33}.n2-photo-placeholder small{color:#8fa8b8}.n2-photo-caption{padding:15px 18px;background:#07131d}.n2-photo-caption strong,.n2-photo-caption span{display:block}.n2-photo-caption strong{font-size:16px}.n2-photo-caption span{font-size:10px;color:#9eb2bf;margin-top:4px}
@media(max-width:800px){.n2-personal-about{grid-template-columns:1fr;padding:48px 20px;gap:30px}.n2-about-copy h2{font-size:34px}.n2-about-points{grid-template-columns:1fr}.n2-about-photo{width:100%;max-width:390px}.n2-photo-placeholder{height:300px}}

.n2-real-photo{display:block;width:100%;height:330px;object-fit:cover;object-position:center top}@media(max-width:800px){.n2-real-photo{height:300px}}
/* Final package offer 2.0.14 */
.n2pm-offer{display:none;animation:n2step .3s ease}.n2pm-offer.show{display:block}.n2pm-offer>small{color:#ff9b49;font-size:9px;letter-spacing:.16em;font-weight:800}.n2pm-offer>h2{font-size:30px;margin:8px 0}.n2pm-offer>p{color:#b8cbd7}.n2pm-package{display:block;width:100%;margin-top:20px;padding:22px;text-align:left;color:#fff;background:radial-gradient(circle at 90% 10%,rgba(255,145,71,.13),transparent 28%),#0a1e2b;border:1px solid #31566f;border-radius:15px;cursor:pointer;transition:.24s;position:relative}.n2pm-package:hover{transform:translateY(-3px);border-color:#28aaff;box-shadow:0 14px 34px #0006,0 0 22px #168cff30}.n2pm-package.selected{border-color:#ff9b49;box-shadow:0 0 0 1px #ff9b49,0 0 30px #ff9b4935}.n2pm-package-num{color:#ff9b49;font-size:9px;letter-spacing:.15em}.n2pm-package h3{font-size:25px;margin:8px 0}.n2pm-package h3 em{font-style:normal;color:#ff9b49}.n2pm-package>p{color:#b9cad4}.n2pm-package ul{display:grid;grid-template-columns:1fr 1fr;gap:8px 20px;padding:0;margin:18px 0;list-style:none}.n2pm-package li{font-size:11px;color:#dce7ed}.n2pm-package li:before{content:"✓";color:#28aaff;margin-right:8px}.n2pm-package>strong{display:inline-block;color:#ffad68}.n2pm-offer-actions{display:flex;align-items:center;gap:10px;margin-top:20px;flex-wrap:wrap}.n2pm-offer-actions button{border-radius:24px;padding:11px 17px;cursor:pointer}.n2pm-offer-back,.n2pm-no-package{background:transparent;border:1px solid #31566f;color:#dce7ed}.n2pm-offer-send{margin-left:auto;border:0;background:linear-gradient(135deg,#ffb45f,#ff9147);color:#07131d;font-weight:800;box-shadow:0 9px 25px #ff914733}.n2pm-offer-send:hover{transform:translateY(-3px);box-shadow:0 14px 35px #ff914755}@media(max-width:650px){.n2pm-package ul{grid-template-columns:1fr}.n2pm-offer-actions{display:grid;grid-template-columns:1fr}.n2pm-offer-actions button{width:100%;margin:0}}

/* Offer screen — NIKO STUDIO colors 2.0.15 */
.n2pm-offer{color:#f7fbff!important}
.n2pm-offer>h2{color:#f7fbff!important;text-shadow:none!important}
.n2pm-offer>p{color:#c8d8e2!important}
.n2pm-package{background:radial-gradient(circle at 90% 8%,rgba(255,155,73,.12),transparent 30%),linear-gradient(145deg,#0b2230,#081722)!important;border:1px solid #258bd0!important;color:#fff!important}
.n2pm-package h3{color:#f7fbff!important}.n2pm-package h3 em{color:#ff9b49!important}
.n2pm-package>p{color:#c6d7e1!important}.n2pm-package li{color:#e7f0f5!important}
.n2pm-package li:before{color:#25aaff!important}
.n2pm-price{margin:18px 0;padding:15px 17px;border-left:3px solid #ff9b49;background:#07131d;border-radius:0 10px 10px 0}
.n2pm-price small,.n2pm-price strong,.n2pm-price span{display:block}
.n2pm-price small{color:#8eb5ce;font-size:8px;letter-spacing:.15em;font-weight:800}
.n2pm-price strong{color:#ff9b49;font-size:25px;margin:5px 0}
.n2pm-price span{color:#a9bdc9;font-size:9px}
.n2pm-offer-back,.n2pm-no-package{transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease,background .22s ease!important}
.n2pm-offer-back:hover{transform:translateX(-4px)!important;border-color:#28aaff!important;background:#0c2636!important;box-shadow:0 0 20px rgba(40,170,255,.32)!important}
.n2pm-no-package:hover{transform:translateY(-3px)!important;border-color:#28aaff!important;background:#0c2636!important;box-shadow:0 0 20px rgba(40,170,255,.25)!important}
.n2pm-offer-send{position:relative;overflow:hidden;transition:transform .22s ease,box-shadow .22s ease!important;animation:n2pmNextPulse 2.8s ease-in-out infinite!important}
.n2pm-offer-send:hover{transform:translateY(-4px) scale(1.025)!important;box-shadow:0 15px 40px rgba(255,145,71,.5),0 0 26px rgba(255,155,73,.28)!important;animation:none!important}
.n2pm-offer-send:active,.n2pm-no-package:active,.n2pm-offer-back:active{transform:scale(.96)!important}
.n2pm-offer-send:before{content:"";position:absolute;top:-70%;left:-35%;width:32%;height:240%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.45),transparent);transform:rotate(18deg) translateX(-180%);transition:transform .65s ease}
.n2pm-offer-send:hover:before{transform:rotate(18deg) translateX(540%)}

/* Package 02 — larger website 2.0.17 */
.n2pm-package+.n2pm-package{margin-top:14px}
.n2pm-package-advanced{background:radial-gradient(circle at 90% 8%,rgba(22,140,255,.16),transparent 30%),linear-gradient(145deg,#0b2230,#081722)!important;border-color:#258bd0!important}
.n2pm-package-advanced .n2pm-package-num,.n2pm-package-advanced h3 em{color:#43b7ff!important}
.n2pm-package-advanced.selected{border-color:#43b7ff!important;box-shadow:0 0 0 1px #43b7ff,0 0 30px rgba(67,183,255,.28)!important}

/* Package selection indicator + animation 2.0.18 */
.n2pm-package{position:relative!important}
.n2pm-package:after{
 content:"";position:absolute;right:18px;top:18px;width:30px;height:30px;border-radius:50%;
 border:2px solid #4b7189;background:#081722;opacity:.85;
 transition:transform .24s ease,background .24s ease,border-color .24s ease,box-shadow .24s ease;
}
.n2pm-package.selected:after{
 content:"✓";display:grid;place-items:center;color:#07131d;font-size:18px;font-weight:900;
 background:#ff9b49;border-color:#ffb56f;opacity:1;
 transform:scale(1.08);
 box-shadow:0 0 0 7px rgba(255,155,73,.10),0 0 24px rgba(255,155,73,.58);
 animation:n2PackageCheck .42s cubic-bezier(.2,.9,.25,1.35);
}
.n2pm-package.selected{
 transform:translateY(-2px);
 animation:n2PackageSelected .42s ease!important;
}
.n2pm-package-advanced .n2pm-price{border-left-color:#43b7ff}
.n2pm-package-advanced .n2pm-price strong{color:#43b7ff}
@keyframes n2PackageCheck{
 0%{transform:scale(.2) rotate(-35deg);opacity:0}
 65%{transform:scale(1.22) rotate(4deg);opacity:1}
 100%{transform:scale(1.08) rotate(0)}
}
@keyframes n2PackageSelected{
 0%{transform:scale(1)}
 42%{transform:scale(.985)}
 72%{transform:scale(1.012)}
 100%{transform:translateY(-2px) scale(1)}
}

/* Package 03 — premium custom solution 2.0.19 */
.n2pm-package-premium{
 background:radial-gradient(circle at 90% 8%,rgba(173,73,255,.18),transparent 31%),linear-gradient(145deg,#15162e,#0a1825)!important;
 border-color:#a94dff!important;
 box-shadow:inset 0 0 25px rgba(169,77,255,.035)
}
.n2pm-package-premium .n2pm-package-num,
.n2pm-package-premium h3 em{color:#bd62ff!important}
.n2pm-package-premium .n2pm-price{border-left-color:#ad4dff!important;background:#091522!important}
.n2pm-package-premium .n2pm-price strong{color:#bd62ff!important}
.n2pm-package-premium li:before{color:#bd62ff!important}
.n2pm-package-premium>strong{color:#bd62ff!important}
.n2pm-package-premium:hover{
 border-color:#c16cff!important;
 box-shadow:0 14px 36px #0007,0 0 28px rgba(173,77,255,.27)!important
}
.n2pm-package-premium.selected{
 border-color:#bd62ff!important;
 box-shadow:0 0 0 1px #bd62ff,0 0 36px rgba(173,77,255,.34)!important
}
/* selected check stays NIKO orange on every package */
.n2pm-package-premium.selected:after{
 background:#ff9b49!important;border-color:#ffb56f!important;color:#07131d!important;
 box-shadow:0 0 0 7px rgba(255,155,73,.10),0 0 24px rgba(255,155,73,.58)!important
}
.n2pm-addons,.n2pm-review{display:none;color:#fff;animation:n2step .3s ease}.n2pm-addons.show,.n2pm-review.show{display:block}.n2pm-addons>small,.n2pm-review>small{color:#43b7ff;font-size:9px;letter-spacing:.14em}.n2pm-addons h2,.n2pm-review h2{font-size:30px;margin:7px 0;color:#fff}.n2pm-addons h2 span,.n2pm-review h2 span{color:#ff9b49}.n2pm-addons>p,.n2pm-review>p{color:#bdd0db}.n2pm-chosen{display:flex;justify-content:space-between;align-items:center;padding:13px 15px;margin:16px 0;border:1px solid #258bd0;border-left:5px solid #28aaff;border-radius:12px;background:#081b28}.n2pm-chosen small,.n2pm-chosen b,.n2pm-chosen span{display:block}.n2pm-chosen small{color:#43b7ff}.n2pm-chosen b{margin:4px 0}.n2pm-change,.n2pm-add-back,.n2pm-add-skip,.n2pm-rev-back{border:1px solid #39728f;background:transparent;color:#fff;border-radius:99px;padding:10px 16px;cursor:pointer;transition:.22s}.n2pm-change:hover,.n2pm-add-back:hover,.n2pm-add-skip:hover,.n2pm-rev-back:hover{transform:translateY(-3px);border-color:#28aaff;box-shadow:0 0 20px #28aaff44}.n2pm-addon-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.n2pm-addon-grid button{position:relative;min-height:105px;text-align:left;padding:14px 40px 13px 14px;border:1px solid #31566f;border-radius:12px;background:#0a1e2b;color:#fff;cursor:pointer;transition:.22s}.n2pm-addon-grid button:hover{transform:translateY(-3px);border-color:#28aaff;box-shadow:0 10px 24px #0006}.n2pm-addon-grid button.selected{border-color:#ff9b49;background:radial-gradient(circle at 90% 10%,#ff9b4922,transparent 30%),#10212a;box-shadow:0 0 0 1px #ff9b49,0 0 25px #ff9b4944;animation:n2PackageSelected .4s ease}.n2pm-addon-grid button:after{content:"";position:absolute;right:11px;top:11px;width:24px;height:24px;border:2px solid #52778e;border-radius:50%}.n2pm-addon-grid button.selected:after{content:"✓";display:grid;place-items:center;background:#ff9b49;border-color:#ffb46a;color:#07131d;font-weight:900;box-shadow:0 0 18px #ff9b4988;animation:n2PackageCheck .4s ease}.n2pm-addon-grid i{font-style:normal;font-size:21px;display:block;color:#43b7ff}.n2pm-addon-grid b,.n2pm-addon-grid span,.n2pm-addon-grid strong{display:block}.n2pm-addon-grid b{font-size:12px;margin-top:5px}.n2pm-addon-grid span{font-size:9px;color:#a9bdc9;line-height:1.4;margin:4px 0}.n2pm-addon-grid strong{font-size:11px;color:#ff9b49}.n2pm-addon-info,.n2pm-review-note{margin-top:11px;padding:11px 13px;border:1px solid #258bd0;border-radius:10px;background:#081b28;color:#9fb5c2;font-size:9px}.n2pm-addon-info b,.n2pm-addon-info span{display:block}.n2pm-addon-info b{color:#43b7ff}.n2pm-addon-nav,.n2pm-review-nav{display:flex;gap:9px;align-items:center;margin-top:14px}.n2pm-add-next,.n2pm-final-send{margin-left:auto;border:0;border-radius:99px;padding:12px 23px;background:linear-gradient(135deg,#ffb45f,#ff9147);color:#07131d;font-weight:900;cursor:pointer;animation:n2pmNextPulse 2.8s ease-in-out infinite;transition:.22s}.n2pm-add-next:hover,.n2pm-final-send:hover{transform:translateY(-4px) scale(1.025);box-shadow:0 15px 40px #ff914777;animation:none}.n2pm-review-box{display:grid;gap:9px;margin-top:15px}.n2pm-review-box>div{padding:13px;border:1px solid #31566f;border-radius:11px;background:#0a1e2b}.n2pm-review-box b{display:block;color:#43b7ff;font-size:9px}.n2pm-review-box p{font-size:10px;line-height:1.5;color:#d1dee5}@media(max-width:650px){.n2pm-addon-grid{grid-template-columns:1fr}.n2pm-chosen{flex-direction:column;align-items:flex-start;gap:10px}.n2pm-addon-nav,.n2pm-review-nav{display:grid}.n2pm-addon-nav button,.n2pm-review-nav button{width:100%;margin:0}}
/* Readable headings throughout the project questionnaire. */
.n2pm .n2pm-box h2{color:#f7fbff!important}

/* Legible project titles on dark demo cards — 2.0.28. */
.n2 .projects .projectcards .projectcard .projectcopy h3{
 color:#fff!important;
 -webkit-text-fill-color:#fff!important;
 opacity:1!important;
 text-shadow:0 2px 12px #0005;
}

/* Service headings: explicit contrast against dark backgrounds. */
.n2 .services h2,.n2 .services .grid article h3{
 color:#fff!important;-webkit-text-fill-color:#fff!important;opacity:1!important;
}

.n2 .n2pm-save-notice{margin-top:16px;padding:14px;background:#102633;border:1px solid #31586d;border-radius:10px;color:#c8dce9;font-size:12px;line-height:1.65}.n2 .n2pm-save-notice a{color:#6ac3ff;text-decoration:underline}.n2 .n2pm-save-status{font-size:12px;color:#a5d5bc;min-height:18px}.n2 .n2pm-save-status.is-error{color:#ffc49e}.n2 .n2pm-fields input{min-width:0}.n2 .n2pm-contact-step h2{color:#fff!important}@media(max-width:650px){.n2 .n2pm-fields input{font-size:16px}.n2 .n2pm-save-notice{font-size:12px}}

.n2 .n2pm-save-summary{color:#a5d5bc;font-size:12px;margin:8px 0}.n2 .n2pm-save-summary.is-error{color:#ffc49e}.n2 .n2pm-save-summary[hidden]{display:none}

/* Price enquiry hero 2.0.31 */
.n2 .hero .actions{flex-wrap:wrap;margin-bottom:12px;gap:14px}
.n2 .hero .price-btn{background:linear-gradient(135deg,#ffb45f,#ff9147);color:#07131d!important;border:1px solid #ffad59!important;font-weight:800;box-shadow:0 10px 28px rgba(255,145,71,.22);justify-content:center}
.n2 .hero .price-btn:hover{border-color:#ffc780!important;box-shadow:0 16px 38px rgba(255,145,71,.4),0 0 26px rgba(255,165,82,.2)}
.n2 .hero .projects-btn{background:transparent;color:#eaf6ff!important;border:1px solid #48b8ff;box-shadow:none;justify-content:center}
.n2 .hero .projects-btn:hover{box-shadow:0 0 18px rgba(42,168,255,.3);border-color:#6ac7ff}
.n2 .hero .copy .price-note{font-size:12px;line-height:1.6;color:#b6c7d5;margin:0 0 40px;max-width:none}
.n2 header .topcta{border-color:#e7a05f;color:#ffbd7a}
@media(max-width:800px){
.n2 .hero .actions{margin-bottom:12px}
.n2 .hero .price-btn{white-space:normal;text-align:center;line-height:1.5}
.n2 .hero .copy .price-note{text-align:center;font-size:11px;margin-bottom:32px}
}

/* Independent MusicRevive promotion 2.0.34 */
.n2 .n2-musicrevive{padding:60px 4vw;background:#07141e}
.n2 .n2-musicrevive-card{display:flex;align-items:center;gap:30px;padding:30px 36px;border:1px solid #59708066;border-radius:16px;background:linear-gradient(120deg,#0a1b27,#091722);transition:border-color .25s ease}
.n2 .n2-musicrevive-card:hover{border-color:#859ca480}
.n2 .n2-musicrevive-wave{display:flex;align-items:center;justify-content:center;gap:5px;width:80px;height:66px;flex-shrink:0}
.n2 .n2-musicrevive-wave i{width:4px;border-radius:5px;background:#3ac1e2;height:13px;box-shadow:0 0 10px #3ac1e230}
.n2 .n2-musicrevive-wave i:nth-child(2),.n2 .n2-musicrevive-wave i:nth-child(8){height:24px}
.n2 .n2-musicrevive-wave i:nth-child(3),.n2 .n2-musicrevive-wave i:nth-child(7){height:34px}
.n2 .n2-musicrevive-wave i:nth-child(4),.n2 .n2-musicrevive-wave i:nth-child(6){height:48px}
.n2 .n2-musicrevive-wave i:nth-child(n+5){background:#ffae69;box-shadow:0 0 10px #ffae6920}
.n2 .n2-musicrevive-wave i:nth-child(5){height:64px}
.n2 .n2-musicrevive-copy{flex:1;min-width:0}
.n2 .n2-musicrevive-copy>small{display:block;color:#9fb1c0;font-size:9px;letter-spacing:.18em;margin-bottom:12px}
.n2 .n2-musicrevive-copy>div{display:flex;align-items:center;gap:20px;flex-wrap:wrap}
.n2 .n2-musicrevive h2{font-size:28px;color:#fff!important;margin:0;line-height:1.3}
.n2 .n2-musicrevive-copy span{color:#b9c9d5;font-size:11px;padding:6px 12px;border:1px solid #7c91a366;border-radius:7px}
.n2 .n2-musicrevive-card>a{color:#ffab68!important;font-weight:700;font-size:14px;white-space:nowrap;padding:12px 0;transition:color .2s ease}
.n2 .n2-musicrevive-card>a:hover{color:#ffd2a8!important}
.n2 .n2-musicrevive-card>a:focus-visible{outline:2px solid #70cfff;outline-offset:6px;border-radius:4px}
.n2 .n2-musicrevive-card>a>span{margin-left:10px}
@media(max-width:800px){.n2 .n2-musicrevive{padding:40px 20px}.n2 .n2-musicrevive-card{flex-wrap:wrap;gap:20px;padding:25px}.n2 .n2-musicrevive-card>a{flex-basis:100%;padding-top:8px}.n2 .n2-musicrevive h2{font-size:25px}.n2 .n2-musicrevive-copy>div{gap:12px}.n2 .n2-musicrevive-wave{width:55px;gap:3px}}