
/* NASH INC — Modern visual layer. Loaded after original FlexStart CSS. */
@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{--n-ink:#101b36;--n-muted:#62718b;--n-accent:#6466ff;--n-cyan:#35d5e8;--n-soft:#f5f7ff;--n-line:#e5eaf5}
html{scroll-padding-top:95px}
body{font-family:'DM Sans',sans-serif;color:var(--n-ink);background:#fff}
h1,h2,h3,h4,h5,h6,.navbar a{font-family:'Space Grotesk',sans-serif}
::selection{background:#7478ff;color:#fff}
section{padding:95px 0}
.header{padding:16px 0;transition:background .3s,padding .3s,box-shadow .3s}
.header:not(.header-scrolled){background:rgba(7,14,35,.86);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
.header.header-scrolled{background:rgba(255,255,255,.96);backdrop-filter:blur(18px);padding:12px 0;box-shadow:0 12px 35px rgba(19,30,69,.08)}
.header:not(.header-scrolled) .navbar>ul>li>a{color:#edf3ff}
.header:not(.header-scrolled) .navbar>ul>li>a:hover,.header:not(.header-scrolled) .navbar>ul>li>a.active{color:#8beafa}
.header:not(.header-scrolled) .mobile-nav-toggle{color:white}
.navbar a{font-size:14px;font-weight:600}
.navbar .getstarted,.header:not(.header-scrolled) .navbar .getstarted{border-radius:100px;background:linear-gradient(110deg,#6265ff,#8a61ff);color:#fff!important;padding:12px 20px}
.navbar .dropdown ul{border-radius:16px;border:1px solid var(--n-line);box-shadow:0 20px 60px #111b3730}
.nash-hero{position:relative;isolation:isolate;min-height:790px;height:auto;padding:160px 0 90px!important;overflow:hidden;background:radial-gradient(ellipse at 76% 45%,#273b83 0%,transparent 45%),linear-gradient(130deg,#070e22,#101d42 62%,#0b1530)!important;color:#fff}
.nash-hero:before{content:'';position:absolute;inset:0;opacity:.22;background-image:linear-gradient(#8296e01a 1px,transparent 1px),linear-gradient(90deg,#8296e01a 1px,transparent 1px);background-size:64px 64px;mask-image:linear-gradient(90deg,transparent,#000)}
.nash-orb{position:absolute;border-radius:50%;filter:blur(70px);opacity:.3;pointer-events:none}
.nash-orb-one{width:380px;height:380px;background:#5358ff;left:-190px;top:25%}
.nash-orb-two{width:300px;height:300px;background:#11bcd5;right:-140px;bottom:0}
.nash-eyebrow{display:inline-flex;align-items:center;gap:12px;border:1px solid #ffffff30;border-radius:100px;padding:10px 16px;background:#ffffff0b;font-size:11px;letter-spacing:2px;font-weight:700;color:#c5d7ff;margin-bottom:28px}
.nash-pulse{width:8px;height:8px;border-radius:50%;background:#42e8d6;box-shadow:0 0 0 6px #42e8d61c;animation:nashPulse 2s infinite}
.nash-hero h1{color:#fff;font-size:clamp(3.4rem,6vw,6.5rem);line-height:1.03;letter-spacing:-.065em;font-weight:700;max-width:660px}
.nash-gradient-text{background:linear-gradient(100deg,#a3a4ff,#4ae5e9);background-clip:text;-webkit-background-clip:text;color:transparent}
.nash-hero .nash-lead{font-size:18px;line-height:1.8;color:#b6c4df;max-width:570px;margin:25px 0 32px}
.nash-hero-actions{display:flex;flex-wrap:wrap;gap:14px}
.nash-btn{display:inline-flex;align-items:center;justify-content:center;gap:14px;min-height:55px;padding:15px 25px;border-radius:12px;font-size:14px;font-weight:700;transition:transform .25s,box-shadow .25s,background .25s}
.nash-btn:hover{transform:translateY(-4px)}
.nash-btn-primary{color:#fff;background:linear-gradient(110deg,#6868ff,#8762ff);box-shadow:0 12px 30px #6568ff55}
.nash-btn-primary:hover{color:#fff;box-shadow:0 18px 38px #6568ff66}
.nash-btn-outline{color:#fff;border:1px solid #ffffff50;background:#ffffff0a}
.nash-btn-outline:hover{color:#fff;background:#ffffff1b}
.nash-hero-tags{display:flex;flex-wrap:wrap;gap:24px;margin-top:35px;color:#bac9e5;font-size:13px}
.nash-hero-tags i{color:#54dcca;margin-right:7px}
.nash-visual{height:510px;position:relative;display:grid;place-items:center;perspective:900px}
.nash-visual-grid{position:absolute;inset:7%;border-radius:50%;background:repeating-radial-gradient(circle,#a7b4ff20 0 1px,transparent 1px 52px)}
.nash-glow{position:absolute;width:290px;height:290px;background:#6c65ff;filter:blur(100px);opacity:.42}
.nash-center-card{position:relative;z-index:2;width:275px;min-height:285px;border:1px solid #a9baff55;background:linear-gradient(145deg,#ffffff29,#ffffff0a);box-shadow:0 28px 90px #0005,inset 0 1px #ffffff4d;backdrop-filter:blur(20px);border-radius:28px;padding:35px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;animation:nashFloat 6s ease-in-out infinite}
.nash-center-icon{height:66px;width:66px;border-radius:20px;display:grid;place-items:center;font-size:31px;background:linear-gradient(135deg,#6969ff,#3ed5de);margin-bottom:26px;box-shadow:0 12px 35px #4c75ff66}
.nash-center-card span{font-size:10px;letter-spacing:2px;color:#bdc8f2}
.nash-center-card strong{font-family:'Space Grotesk',sans-serif;font-size:26px;margin-top:8px}
.nash-mini-lines{display:flex;gap:6px;margin-top:23px}.nash-mini-lines i{display:block;height:5px;width:46px;border-radius:8px;background:#6978ff}.nash-mini-lines i:nth-child(2){width:30px;background:#46d9d8}.nash-mini-lines i:nth-child(3){width:18px;background:#ffffff6b}
.nash-float-card{position:absolute;z-index:3;display:flex;align-items:center;gap:12px;background:#fff;color:#172449;padding:14px 17px;border-radius:14px;box-shadow:0 18px 45px #0005;font-size:13px;font-weight:700;animation:nashFloat 5s ease-in-out infinite}
.nash-float-card i{font-size:23px;color:#6568ff}
.nash-float-a{top:12%;right:0}.nash-float-b{bottom:16%;right:-2% ;animation-delay:-2s}.nash-float-c{top:46%;left:-3%;animation-delay:-3s}
.nash-ring{position:absolute;border:1px dashed #aabaff44;border-radius:50%;width:420px;height:420px;animation:nashSpin 70s linear infinite}.nash-ring-two{width:320px;height:320px;animation-direction:reverse}
.nash-scroll-cue{display:inline-flex;align-items:center;gap:15px;color:#93a7ce;font-size:10px;font-weight:700;letter-spacing:2px;margin-top:24px}.nash-scroll-cue:hover{color:white}
.section-header h2{color:#6265ff;letter-spacing:2.5px;font-size:12px}
.section-header p{color:#111d3b;font-size:clamp(30px,4vw,46px);line-height:1.2;letter-spacing:-.04em}
.about .content{background:#f5f7ff;border:1px solid #e7ebfa;border-radius:25px;padding:48px}
.about h2,.features .feture-tabs h3{color:#142244}
.values,.features,.team,.contact{background:linear-gradient(180deg,#fff,#f8faff)}
.values .box,.counts .count-box,.features .feature-box,.pricing .box,.contact .info-box,.team .member{border-radius:20px!important;border:1px solid var(--n-line);box-shadow:0 12px 40px #1b2c5610!important;transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s!important;background:#fff}
.values .box:hover,.counts .count-box:hover,.features .feature-box:hover,.pricing .box:hover,.contact .info-box:hover,.team .member:hover{transform:translateY(-9px)!important;box-shadow:0 25px 55px #24325d20!important}
.values .box{padding:35px}.values .box img{max-height:230px;object-fit:contain}
.features .feature-box{padding:22px}.features .feature-box h3{font-size:16px}
.features .feture-tabs{margin-top:85px}
.features .feture-tabs .nav-pills{gap:10px;border:0}
.features .feture-tabs .nav-link{border:1px solid #e4e9f5;border-radius:50px;padding:11px 17px;margin:0;background:#fff;font-size:12px}
.features .feture-tabs .nav-link.active{background:#6667ff;color:white;border-color:#6667ff}
.features .feture-tabs .tab-content{background:#fff;border:1px solid var(--n-line);border-radius:20px;padding:30px;margin-top:20px}
.portfolio .portfolio-wrap{border-radius:20px;overflow:hidden;box-shadow:0 14px 35px #192c5117}
.portfolio .portfolio-wrap img{width:100%;transition:transform .65s cubic-bezier(.2,.8,.2,1)}
.portfolio .portfolio-wrap:hover img{transform:scale(1.09)}
.portfolio #portfolio-flters{display:flex;flex-wrap:wrap;justify-content:center;gap:7px}
.portfolio #portfolio-flters li{background:#f5f7ff;border-color:#e6eaf5;border-radius:100px;margin:0}
.portfolio #portfolio-flters li.filter-active{background:#6568ff;color:white;border-color:#6568ff}
.pricing .box:hover{transform:translateY(-9px)!important}
.contact .info-box{height:100%}
.contact .php-email-form{border-radius:22px;box-shadow:0 14px 45px #162c4a15;overflow:hidden}
.contact input,.contact textarea{border-radius:10px!important}
.contact button[type=submit],#send-btn{border-radius:12px!important;background:linear-gradient(100deg,#6568ff,#8564ff)!important}
.footer{background:#0c1530;color:#b8c4de}
.footer .footer-top{background:#0e1936}
.footer .footer-top h4,.footer .footer-top .footer-info .logo span{color:#fff}
.footer .footer-top .footer-links ul a,.footer .footer-top .footer-info p{color:#b8c4de}
.footer .copyright,.footer .credits{color:#c2cce0}
.back-to-top{border-radius:12px;background:#6667ff}
.nash-reveal{opacity:0;transform:translateY(32px);transition:opacity .75s ease,transform .75s cubic-bezier(.2,.8,.2,1)}
.nash-reveal.nash-visible{opacity:1;transform:translateY(0)}
@keyframes nashFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-17px)}}
@keyframes nashPulse{50%{box-shadow:0 0 0 12px #42e8d600}}
@keyframes nashSpin{to{transform:rotate(360deg)}}
@media(max-width:991px){.nash-hero{padding-top:135px!important}.nash-visual{height:440px}.nash-hero-copy{text-align:center}.nash-hero h1,.nash-hero .nash-lead{margin-left:auto;margin-right:auto}.nash-hero-actions,.nash-hero-tags{justify-content:center}.header .navbar-mobile>ul>li>a{color:#142244!important}.header .navbar-mobile .mobile-nav-toggle{color:#fff}}
@media(max-width:575px){section{padding:70px 0}.nash-hero{padding:125px 0 65px!important}.nash-hero h1{font-size:clamp(3rem,13vw,4.5rem)}.nash-hero .nash-lead{font-size:16px}.nash-visual{height:350px}.nash-center-card{transform:scale(.83);animation:none;width:245px;min-height:255px}.nash-float-card{font-size:10px;padding:10px}.nash-float-card i{font-size:17px}.nash-float-a{right:0;top:9%}.nash-float-b{right:0;bottom:8%}.nash-float-c{left:0;top:50%}.nash-ring{width:310px;height:310px}.nash-ring-two{width:235px;height:235px}.about .content{padding:28px}.features .feture-tabs .tab-content{padding:20px}.nash-hero-actions{gap:10px}.nash-btn{padding:13px 18px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.nash-reveal{opacity:1;transform:none}}

/* Premium services, portfolio and hosting */
.nash-section-intro{text-align:center;max-width:780px;margin:0 auto 36px}
.nash-kicker{display:inline-block;font-size:11px;letter-spacing:2.5px;font-weight:800;color:#7374ff;margin-bottom:15px}
.nash-section-intro h3{font-size:clamp(32px,4vw,52px);font-weight:700;letter-spacing:-.05em;color:#12203f}
.nash-section-intro h3 span{color:#6969ff}
.nash-section-intro p,.nash-section-subtitle{color:#66738e;font-size:16px;line-height:1.75}
.nash-section-subtitle{text-align:center;margin:14px auto 30px;max-width:660px}
.nash-service-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-bottom:45px}
.nash-service-tile{position:relative;isolation:isolate;display:flex;flex-direction:column;align-items:flex-start;min-height:310px;padding:34px;border:1px solid #e3e9f5;border-radius:24px;background:linear-gradient(145deg,#fff,#f8faff);overflow:hidden;transition:transform .45s cubic-bezier(.2,.8,.2,1),box-shadow .45s,border-color .45s}
.nash-service-tile:before{content:'';position:absolute;inset:auto -60px -120px auto;width:230px;height:230px;background:radial-gradient(circle,#8b89ff2b,transparent 68%);transition:transform .6s;z-index:-1}
.nash-service-tile:hover{transform:translateY(-10px);border-color:#aaaaff;box-shadow:0 25px 60px #263b781f}
.nash-service-tile:hover:before{transform:scale(1.7)}
.nash-tile-icon{display:grid;place-items:center;width:60px;height:60px;border-radius:17px;background:#e9ecff;color:#6266fa;font-size:27px;margin-bottom:25px;transition:background .3s,color .3s,transform .4s}
.nash-service-tile:hover .nash-tile-icon{background:#6266fa;color:white;transform:rotate(-7deg)}
.nash-tile-number{font-size:10px;font-weight:800;letter-spacing:2px;color:#8893ad}
.nash-service-tile h4{font-size:23px;color:#14213d;margin:10px 0;font-weight:700}
.nash-service-tile p{font-size:14px;line-height:1.75;color:#697690;margin:0 0 24px}
.nash-tile-link{margin-top:auto;font-size:13px;font-weight:800;color:#5d60ed;display:flex;gap:12px;align-items:center}
.nash-tile-link i{transition:transform .3s}.nash-service-tile:hover .nash-tile-link i{transform:translate(4px,-4px)}
.nash-service-details-label{display:flex;align-items:center;justify-content:center;gap:14px;font-size:11px;letter-spacing:2px;color:#7c88a3;font-weight:800;margin:55px 0 -25px}
#portfolio{background:#f6f8ff;position:relative}
#portfolio .portfolio-wrap{position:relative;min-height:250px;border-radius:24px!important;background:#14213c}
#portfolio .portfolio-wrap>img{height:300px;object-fit:cover;display:block}
#portfolio .portfolio-wrap:after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(0deg,#08142de0,transparent 68%);opacity:.55;transition:opacity .4s}
#portfolio .portfolio-wrap:hover:after{opacity:.9}
#portfolio .portfolio-info{z-index:2;transition:opacity .35s,transform .35s}
#portfolio .portfolio-info h4{font-family:'Space Grotesk',sans-serif}
#portfolio #portfolio-flters{padding:8px;max-width:100%;background:#fff;border:1px solid #e6eaf4;box-shadow:0 10px 35px #1e306110}
#portfolio #portfolio-flters li{cursor:pointer;transition:background .25s,color .25s,transform .25s}
#portfolio #portfolio-flters li:hover{transform:translateY(-2px)}
.nash-hosting{background:radial-gradient(ellipse at 75% 0%,#23377c,#0a142d 55%,#080f23);color:#fff;overflow:hidden}
.nash-hosting-head{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:44px}
.nash-hosting-head h2{font-size:clamp(35px,5vw,58px);line-height:1.1;letter-spacing:-.055em;color:#fff;margin:0 0 16px}
.nash-hosting-head h2 em{font-style:normal;background:linear-gradient(90deg,#a4a2ff,#53dce5);color:transparent;background-clip:text}
.nash-hosting-head p{color:#b4c2dc;max-width:570px;font-size:16px}
.nash-hosting-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.nash-plan{position:relative;display:flex;flex-direction:column;min-height:380px;padding:28px;border-radius:23px;background:linear-gradient(150deg,#ffffff18,#ffffff08);border:1px solid #ffffff2c;backdrop-filter:blur(12px);transition:transform .4s,background .4s,border-color .4s,box-shadow .4s}
.nash-plan:hover{transform:translateY(-12px);background:#ffffff1b;border-color:#969eff;box-shadow:0 25px 60px #0005}
.nash-plan-featured{border-color:#898aff;background:linear-gradient(145deg,#5f62dd66,#ffffff12)}
.nash-plan-badge{position:absolute;top:-13px;right:18px;border-radius:30px;padding:7px 12px;font-size:9px;font-weight:800;letter-spacing:1px;color:#fff;background:#6568ff}
.nash-plan-index{font-size:11px;letter-spacing:2px;color:#9baed4}
.nash-plan-icon{font-size:37px;color:#88e0f0;margin:20px 0}
.nash-plan h3{color:#fff;font-size:26px}
.nash-plan p{color:#c1cbe1;font-size:14px;line-height:1.7}
.nash-plan-divider{height:1px;background:#ffffff25;margin:auto 0 22px}
.nash-plan-caption{font-size:11px;color:#9caccd;margin-bottom:7px}
.nash-plan strong{font-size:14px;color:#fff;margin-bottom:22px}
.nash-plan-cta{display:flex;justify-content:space-between;gap:10px;align-items:center;padding:13px 15px;border-radius:11px;background:#ffffff18;color:#fff;font-weight:700;font-size:12px;transition:background .25s}
.nash-plan-cta:hover{background:#6b6cff;color:#fff}
.nash-hosting-note{color:#99aacb;text-align:center;font-size:12px;margin:27px 0 0}
@media(max-width:991px){.nash-service-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.nash-hosting-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:575px){.nash-service-grid,.nash-hosting-grid{grid-template-columns:1fr}.nash-service-tile{min-height:270px;padding:28px}.nash-hosting-head{display:block}.nash-hosting-head .nash-btn{margin-top:20px}.nash-plan{min-height:320px}}
@media(prefers-reduced-motion:reduce){.nash-service-tile,.nash-plan{transition:none!important}}

/* V3: About, Team, Contact */
.nash-about{background:#fff;position:relative}
.nash-display-heading{font-size:clamp(36px,4.5vw,60px)!important;line-height:1.1;letter-spacing:-.055em;font-weight:700;color:#111d3b!important;margin-bottom:22px}
.nash-display-heading span{background:linear-gradient(100deg,#6867ff,#22afc9);color:transparent;background-clip:text}
.nash-about .nash-about-lead{font-size:19px;line-height:1.65;font-weight:600;color:#27375b}
.nash-about p{color:#63718c;line-height:1.8}
.nash-about-points{display:flex;flex-wrap:wrap;gap:13px 20px;margin:25px 0 30px}
.nash-about-points span{font-size:13px;font-weight:700;color:#25375c}
.nash-about-points i{color:#6669ff;margin-right:7px}
.nash-about-visual{position:relative;isolation:isolate;min-height:450px;border-radius:32px;background:radial-gradient(circle at 75% 25%,#4257a0,#111f48 65%,#09132d);display:grid;place-items:center;overflow:hidden}
.nash-about-grid{position:absolute;inset:0;opacity:.24;background-image:linear-gradient(#aab8ff30 1px,transparent 1px),linear-gradient(90deg,#aab8ff30 1px,transparent 1px);background-size:45px 45px;transform:perspective(600px) rotateX(15deg) scale(1.2)}
.nash-about-logo{position:relative;z-index:1;width:65%;aspect-ratio:1;display:grid;place-items:center;border-radius:50%;border:1px solid #ffffff35;background:#ffffff12;box-shadow:0 0 0 35px #ffffff08,0 0 0 70px #ffffff05,0 20px 70px #0005;animation:nashFloat 6s ease-in-out infinite}
.nash-about-logo img{width:78%;max-height:230px;object-fit:contain;filter:drop-shadow(0 12px 20px #0003)}
.nash-about-chip{position:absolute;z-index:2;display:flex;align-items:center;gap:10px;padding:12px 16px;background:#fff;border-radius:12px;box-shadow:0 15px 40px #0004;font-size:12px;font-weight:700;color:#26345c;animation:nashFloat 5s ease-in-out infinite}
.nash-about-chip i{font-size:18px;color:#6667ff}.nash-about-chip-top{top:16%;left:3%}.nash-about-chip-bottom{bottom:14%;right:3%;animation-delay:-2s}
.team{background:linear-gradient(180deg,#f7f9ff,#fff)}
.team .nash-team-card{width:100%;overflow:hidden;border-radius:24px!important;background:#fff;transition:transform .45s,box-shadow .45s!important}
.team .nash-team-card:hover{transform:translateY(-12px)!important;box-shadow:0 25px 60px #1d2d581e!important}
.team .nash-team-card .member-img{position:relative;overflow:hidden;background:#e9edf8}
.team .nash-team-card .member-img img{display:block;width:100%;height:340px;object-fit:cover;transition:transform .7s cubic-bezier(.2,.8,.2,1),filter .7s}
.team .nash-team-card:hover .member-img img{transform:scale(1.08)}
.team .nash-team-card .member-info{padding:27px 20px 30px}
.team .nash-team-card .member-info h4{font-size:21px;color:#172448}
.team .nash-team-card .member-info span{color:#697793;font-size:13px}
.team .nash-team-card .social{background:#ffffffed!important;backdrop-filter:blur(10px);border-radius:12px}
.nash-contact{background:linear-gradient(180deg,#f6f8ff,#fff)}
.nash-contact .info-box{background:#fff!important;padding:30px!important;min-height:190px;position:relative;overflow:hidden}
.nash-contact .info-box:before{content:'';position:absolute;top:0;left:0;width:100%;height:3px;background:linear-gradient(90deg,#6969ff,#49d6e5);transform:scaleX(0);transform-origin:left;transition:transform .35s}
.nash-contact .info-box:hover:before{transform:scaleX(1)}
.nash-contact .info-box i{display:inline-grid;place-items:center;width:52px;height:52px;border-radius:15px;background:#ebeeff;color:#6466f5!important;font-size:25px!important;margin-bottom:17px}
.nash-contact .info-box h3{font-size:17px;color:#172448}
.nash-contact .info-box p,.nash-contact .info-box a{color:#63728d;font-size:14px;line-height:1.8}
.nash-contact .info-box a:hover{color:#6266f5}
.nash-contact .nash-contact-form{height:100%;background:#fff;padding:34px!important;border:1px solid #e4e9f5;border-radius:24px!important}
.nash-form-heading{margin-bottom:25px}
.nash-form-heading h3{font-size:28px;color:#172448;letter-spacing:-.04em}
.nash-form-heading p{color:#697790;font-size:14px}
.nash-contact .form-control{background:#f7f9fd!important;border:1px solid #e2e8f3!important;min-height:53px;padding:14px 17px;transition:border-color .25s,box-shadow .25s,background .25s}
.nash-contact textarea.form-control{min-height:150px;resize:vertical}
.nash-contact .form-control:focus{background:#fff!important;border-color:#7175ff!important;box-shadow:0 0 0 4px #6868ff17!important}
.nash-contact #send-btn{display:inline-flex;align-items:center;justify-content:center;gap:15px;padding:15px 28px;min-height:52px;font-weight:700;transition:transform .3s,box-shadow .3s}
.nash-contact #send-btn:hover{transform:translateY(-3px);box-shadow:0 15px 30px #6568ff42}
@media(max-width:767px){.nash-about-visual{min-height:360px}.nash-about-chip{font-size:10px;padding:10px}.team .nash-team-card .member-img img{height:300px}.nash-contact .nash-contact-form{padding:22px!important}}
@media(prefers-reduced-motion:reduce){.nash-about-logo,.nash-about-chip{animation:none!important}}

/* V5: Musoliwa law firm portfolio and website preview */
.nash-law-portfolio-card .nash-law-cover{height:300px;display:flex;align-items:center;justify-content:center;flex-direction:column;position:relative;gap:8px;background:radial-gradient(ellipse at 80% 0%,#715a43,#18233a 65%,#0d1426);color:#fff;overflow:hidden;transition:transform .6s}
.nash-law-portfolio-card .nash-law-cover:before{content:'';position:absolute;inset:20px;border:1px solid #d6b98e55;pointer-events:none}
.nash-law-portfolio-card:hover .nash-law-cover{transform:scale(1.04)}
.nash-law-monogram{font-family:Georgia,serif;font-size:76px;line-height:1;color:#e9d4a9}.nash-law-monogram span{color:#a8865d}
.nash-law-caption{text-align:center;font-size:15px;line-height:1.45;letter-spacing:3px;font-weight:700}.nash-law-cover-bottom{position:absolute;bottom:37px;font-size:9px;letter-spacing:2px;color:#dfc9a3}
.nash-portfolio-preview{background:transparent;border:0;color:inherit;cursor:pointer;font-size:20px;padding:0 7px}
.nash-site-modal .modal-dialog{max-width:min(1200px,95vw)}.nash-site-modal .modal-content{background:#f8faff;border:0;border-radius:20px;overflow:hidden}
.nash-site-modal .modal-header{padding:19px 25px}.nash-site-modal .modal-title{font-size:20px;color:#172448}.nash-site-modal .nash-kicker{margin:0;font-size:9px}
.nash-site-modal .modal-body{padding:0 16px 15px}.nash-browser-bar{height:45px;background:#e9edf7;border-radius:12px 12px 0 0;display:flex;align-items:center;gap:15px;padding:0 16px;font-size:12px;color:#61718b}
.nash-browser-dots{display:flex;gap:5px}.nash-browser-dots i{display:block;width:9px;height:9px;background:#b8c2d5;border-radius:50%}.nash-browser-bar>a{margin-left:auto;color:#565be5;font-weight:700}
#musoliwaWebsiteFrame{display:block;width:100%;height:min(68vh,720px);background:#fff;border:1px solid #e1e7f2;border-top:0;border-radius:0 0 10px 10px}
.nash-iframe-note{margin:10px 3px 0;font-size:12px;color:#6b7891}.nash-iframe-note a{color:#545be7}
@media(max-width:575px){.nash-site-modal .modal-header{padding:15px}.nash-site-modal .modal-body{padding:0 8px 12px}.nash-browser-bar{padding:0 8px;gap:6px;font-size:10px}.nash-browser-bar>a{font-size:10px}#musoliwaWebsiteFrame{height:65vh}}
