/* NABEX editorial studio system. Main pages only; demo identities stay independent. */
:root{--green:#126c3c;--ink:#17241d;--muted:#536158;--line:#d3dcd5;--paper:#f3f6f3;--lime:#c4f46d}body{background:#fff;font-size:16px}h1,h2,h3{letter-spacing:-.035em}.wrap{max-width:1380px;width:90%}header{height:96px;padding:0 5%;border-bottom:1px solid var(--line)}header .logo-brand img{width:184px}header nav{gap:22px;font-weight:500}.nav-cta{border-radius:0;background:var(--ink);padding:14px 22px}.button{border-radius:0;background:var(--ink);padding:17px 24px;gap:32px}.eyebrow{font-size:14px;letter-spacing:.1em}.section{padding:88px 0}.section-head{grid-template-columns:.65fr 1.35fr 1fr;gap:35px;align-items:start;margin-bottom:40px}.section-head>p:last-child:not(:first-child){grid-column:3;font-size:16px}.section-head h2{font-size:clamp(28px,3vw,42px);font-weight:600}.section-link{font-size:16px;font-weight:600;padding-bottom:9px;border-bottom:1px solid currentColor}.studio-hero{display:grid;grid-template-columns:1.65fr .75fr;gap:6%;padding:64px 0 72px;align-items:end}.studio-intro{min-width:0}.studio-intro h1{font-size:clamp(42px,5.8vw,84px);line-height:1.35;margin:27px 0 25px;letter-spacing:-.055em}.studio-intro h1 span{color:var(--green)}.studio-audience{font-size:22px;font-weight:600;margin-bottom:16px}.studio-lead{max-width:650px;color:var(--muted);line-height:1.9}.studio-actions{display:flex;align-items:center;gap:24px;flex-wrap:wrap;margin-top:30px}.studio-actions .section-link{margin:0}.hero-guide{background:var(--lime);padding:32px;min-width:0;border-top:4px solid var(--ink)}.hero-index{font:14px/1.5 Arial,sans-serif;letter-spacing:.12em}.hero-guide-title{font-size:clamp(23px,2.4vw,32px);line-height:1.6;font-weight:600;margin:28px 0 16px}.hero-guide>p:not([class]){font-size:16px}.hero-consult{display:flex;justify-content:space-between;gap:16px;border-bottom:1px solid var(--ink);padding:20px 0;font-weight:600}.hero-meta{display:grid;gap:5px;margin-top:25px;font-size:14px}.hero-meta strong{font-size:30px;line-height:1.4}.hero-meta span:last-child{margin-top:12px}.selected-work{border-top:1px solid var(--ink)}.example-grid{gap:28px}.example-grid article{padding:24px 0;display:flex;flex-direction:column;align-items:flex-start;border-top:1px solid var(--line)}.example-grid article>a:has(.home-demo-image){display:block;width:100%}.home-demo-image{display:block;width:100%;height:270px;object-fit:cover;border-radius:0;margin:12px 0 20px}.home-app-preview{width:100%;height:270px;border-radius:0;margin:12px 0 20px;padding:28px}.example-grid h3{font-size:23px;margin:12px 0}.example-grid article>p{color:var(--muted);margin-bottom:10px}.example-grid article>.section-link{margin-top:auto;padding-top:18px}.example-grid .demo-label{font-size:14px;letter-spacing:.03em}.selected-work .example-grid{grid-template-columns:1.2fr 1fr 1fr}.selected-work article:first-child .home-demo-image{height:330px}.selected-work article:nth-child(2){padding-top:84px}.selected-work article:nth-child(3){padding-top:144px}.selected-work .home-app-preview{background:#eae9ff;color:#292357}.studio-home .pricing-section{background:#e5eee7;color:#17241d}.studio-home .pricing-section .eyebrow{color:#145c34}.studio-home .pricing-section .section-head>p:last-child{color:#344c3b}.studio-home .pricing-section .example-grid{gap:0}.studio-home .pricing-section .example-grid article{padding:32px;border:1px solid #a6b7a9;background:#fff;border-radius:0}.studio-home .pricing-section .example-grid article>p{color:#344c3b}.studio-home .pricing-section .example-grid h3{font-size:22px}.studio-home .pricing-section .home-price{font-size:clamp(26px,2.8vw,39px);color:#145c34!important;margin:24px 0;line-height:1.4;letter-spacing:-.035em}.studio-home .pricing-section .fine{color:#344c3b}.studio-home .pricing-section .section-link{color:inherit}.studio-home .pricing-section .cost-home{color:var(--ink);background:#fff;border-radius:0}.studio-home .pricing-section .cost-home .eyebrow{color:var(--green)}.flow-section{background:var(--lime);color:var(--ink)}.flow-section .eyebrow{color:var(--green)}.flow-section h2{font-size:clamp(34px,5vw,68px);margin:20px 0 25px;font-weight:600}.flow-section .section-actions{border-top:1px solid #7a9753;padding-top:25px;margin-top:30px;gap:24px}.flow-section .section-actions a:first-child{background:var(--ink);color:white;padding:15px 22px;border:0}.footer-nav{padding-bottom:30px;border-bottom:1px solid var(--line);gap:16px 25px}.footer-top{padding-top:30px}.footer-top .logo-brand img{width:210px}.subhero{padding-top:32px;padding-bottom:60px;border-bottom:1px solid var(--ink)}.subhero .eyebrow{margin-top:38px}.subhero h1{font-size:clamp(36px,5vw,68px)}.price-card,.support-grid article,.page-callout,.contact-panel{border-radius:0}.price-card.featured{border-color:var(--green)}.support-main{background:#e5eee7;color:#17241d}.showcase-preview{border-radius:0}.contact-panel{border-top:3px solid var(--green)}.business-info>div{padding:27px 0}.detail-grid{gap:36px}.gallery-categories>a{border-radius:0}.contact-number{letter-spacing:-.025em}a:focus-visible,button:focus-visible{outline:3px solid #ab7100;outline-offset:5px}a:hover{ text-decoration-thickness:1px }.hero-consult:hover,.section-link:hover{color:var(--green)}
@media(max-width:1150px){header nav{gap:12px}.studio-hero{grid-template-columns:1.4fr 1fr;gap:4%}.hero-guide{padding:25px}.section-head{grid-template-columns:.6fr 1.4fr}.section-head>p:last-child:not(:first-child){grid-column:2}.selected-work .example-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.home-demo-image,.home-app-preview{height:220px}.selected-work article:first-child .home-demo-image{height:270px}.studio-home .pricing-section .example-grid article{padding:25px}}
@media(max-width:900px){.studio-hero{grid-template-columns:1fr;padding-top:40px;gap:35px}.studio-intro h1{font-size:clamp(40px,7.8vw,68px)}.hero-guide{display:grid;grid-template-columns:1fr 1fr;gap:15px 30px}.hero-guide-title{margin:0;grid-row:2}.hero-guide>p:not([class]){grid-column:1}.hero-consult{grid-column:2;grid-row:2}.hero-meta{grid-column:2;grid-row:3;margin:0}.section-head{grid-template-columns:1fr;gap:18px}.section-head>p:last-child:not(:first-child){grid-column:1}.section{padding:60px 0}.selected-work .example-grid{grid-template-columns:1fr}.selected-work article:nth-child(n){padding:24px 0}.home-demo-image,.home-app-preview,.selected-work article:first-child .home-demo-image{height:320px}.studio-home .pricing-section .example-grid{grid-template-columns:1fr}.example-grid article>.section-link{margin-top:10px}}
@media(max-width:600px){header{min-height:82px;height:auto;padding:16px 5%}header .logo-brand img{width:156px}.menu-toggle{border-radius:0;padding:10px 14px}.studio-hero{padding:34px 0 40px}.studio-intro h1{font-size:clamp(32px,8.4vw,46px);line-height:1.5}.studio-intro .eyebrow{font-size:12px;letter-spacing:.06em}.studio-audience{font-size:18px}.studio-actions{gap:20px;align-items:flex-start}.studio-actions .button{width:auto;margin:0;font-size:16px;gap:20px}.hero-guide{display:block;padding:25px}.hero-guide-title{margin:18px 0 12px;font-size:26px}.hero-meta{margin-top:22px}.hero-meta span:last-child{margin-top:4px}.section{padding:45px 0}.section-head h2{font-size:29px}.home-demo-image,.home-app-preview,.selected-work article:first-child .home-demo-image{height:250px}.subhero h1{font-size:36px}.page-callout,.contact-panel,.price-card{padding:25px}.footer-nav{gap:12px 20px}.footer-top{gap:25px}.flow-section .section-actions{align-items:flex-start}.contact-number{font-size:clamp(22px,7vw,34px)}.price{white-space:normal}}
/* Clear services, scoped cost examples and contact guidance. */
.studio-audience{font-size:clamp(18px,2vw,23px);font-weight:600;margin-bottom:18px}.feature-top strong{font-size:15px;letter-spacing:0}.feature-top>span{font-size:13px}.cost-home{background:#fff;border:1px solid var(--line);border-radius:14px;padding:30px;margin-top:35px;display:grid;grid-template-columns:minmax(0,1fr) minmax(180px,.5fr);gap:25px;align-items:center}.cost-home h3{margin:12px 0}.cost-home-total{font-size:32px;font-weight:700;color:var(--green);margin:14px 0}.cost-home-total span{display:block;font-size:16px;font-weight:500}.cost-home .section-link{margin:0;justify-self:start}.cost-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.cost-card{padding:32px;border:1px solid var(--line);border-radius:14px;background:var(--paper)}.cost-card h3{margin:14px 0 24px}.cost-card dl{margin:0}.cost-card dl>div{display:grid;grid-template-columns:1fr 1fr;gap:14px;border-top:1px solid var(--line);padding:18px 0}.cost-card dd{margin:0;text-align:right;font-weight:600}.cost-total{border-top:1px solid var(--line);padding:24px 0}.cost-total span{display:block;font-size:16px}.cost-total strong{font-size:clamp(30px,3.5vw,44px);color:var(--green);display:block;margin:8px 0}.cost-card>p:last-child{font-size:14px;color:var(--muted)}.cost-conditions{margin-top:30px;max-width:950px}.cost-conditions p{margin-top:16px;color:var(--muted)}.team-home{display:grid;grid-template-columns:.7fr 2fr;gap:35px;border-top:1px solid var(--line)}.team-home h2{margin-bottom:24px}.team-home p+p{margin-top:16px}.team-home>div{max-width:800px}.team-home>div>p{color:var(--muted)}@media(max-width:760px){.cost-home,.cost-grid,.team-home{grid-template-columns:1fr}.cost-home,.cost-card{padding:24px}.cost-home-total{font-size:29px}.team-home{gap:20px}}
.request-picker{padding:35px 0 50px;border-top:1px solid var(--line)}.request-picker h2{font-size:26px;margin-bottom:24px}.request-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.request-grid a{padding:24px;border:1px solid var(--line);border-radius:12px;background:var(--paper)}.request-grid a:hover{border-color:var(--green)}.request-grid strong{display:block;font-size:18px;margin-bottom:12px}.request-grid span{font-size:14px;color:var(--muted)}.sample-rate{font-weight:600;color:var(--green)!important}.copy-contact{margin:25px 0}.copy-contact button{font:inherit;font-size:15px;cursor:pointer;background:#fff;border:1px solid var(--green);color:var(--green);padding:12px 16px;border-radius:8px;margin:0 8px 10px 0}.copy-contact textarea{font:inherit;font-size:16px;line-height:1.8;width:100%;min-height:350px;padding:16px;border:1px solid var(--line);resize:vertical}.copy-contact details{margin-top:15px}#copy-feedback{font-size:14px;overflow-wrap:anywhere}.studio-intro,.studio-feature,.contact-page>*,.request-grid>*{min-width:0}@media(max-width:900px){.request-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:420px){.request-grid{grid-template-columns:1fr}.request-grid a{padding:20px}.feature-top{gap:10px}.studio-intro h1{font-size:32px}}

.cost-home,.cost-card,.request-grid a{border-radius:0}.request-picker{padding:48px 0 60px;border-top:1px solid var(--ink)}.request-grid a{background:white;border-width:0 0 1px;padding:24px 0}.request-grid a:hover{background:var(--paper)}.studio-home .pricing-section .cost-home .section-link{color:var(--green)}

/* Gallery-led refinement: real demo pages, readable mobile previews, compact cards. */
:root{--lime:#c9f780;--green:#147440}.nav-cta,.button{border-radius:999px}.studio-hero{grid-template-columns:1.55fr .8fr;padding-top:54px;padding-bottom:54px}.hero-guide{border:1px solid #b0d969;border-radius:24px;padding:30px}.hero-guide-title{font-size:clamp(23px,2.4vw,32px)}.studio-intro h1{font-size:clamp(40px,5.4vw,78px)}.selected-work{padding-top:55px}.selected-work .example-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:26px}.selected-work article:nth-child(n){padding:0;border-top:0}.selected-work article h3{margin-top:23px}.sample-screen{display:block;position:relative;width:100%;padding:20px 28px 28px;background:#f2e5e7;border-radius:20px;overflow:hidden}.sample-company{background:#e9eceb}.sample-app{background:#e9e7ff}.sample-screen-label{display:block;font-size:14px;font-weight:600;margin-bottom:16px;color:#463037}.sample-company .sample-screen-label{color:#29352e}.sample-app .sample-screen-label{color:#39316b}.sample-viewport{display:block;position:relative;height:385px;overflow:hidden;border-radius:12px;background:white;border:1px solid #d6d8d5;pointer-events:none}.sample-viewport iframe{position:absolute;inset:0;border:0;width:133.3334%;height:900px;transform:scale(.75);transform-origin:top left;pointer-events:none}.sample-open{position:absolute;bottom:42px;right:40px;background:#fff;color:var(--ink);border:1px solid var(--line);border-radius:999px;padding:9px 16px;font-size:14px;font-weight:600}.sample-screen:hover .sample-open{background:var(--ink);color:#fff}.selected-work .section-head{margin-bottom:32px}.request-grid a{padding:24px;border:1px solid var(--line);border-radius:14px;background:var(--paper)}.request-grid a:hover{border-color:var(--green);background:#edf7e7}.price-card,.contact-panel,.page-callout,.cost-card{border-radius:18px}.studio-home .pricing-section .example-grid{gap:20px}.studio-home .pricing-section .example-grid article{border-radius:18px}.studio-home .pricing-section .cost-home{border-radius:18px}.gallery-categories>a{border-radius:999px}.showcase-preview{border-radius:20px}.showcase-grid{gap:45px 28px}.showcase-card{padding:18px;border:1px solid var(--line);border-radius:24px}.showcase-copy{padding:20px 8px 8px}.subhero{border-bottom-color:var(--line)}
@media(max-width:1100px){.sample-screen{padding:18px}.sample-viewport{height:330px}.sample-open{right:28px;bottom:30px}.studio-hero{gap:4%}}
@media(max-width:900px){.studio-hero{grid-template-columns:1fr}.selected-work .example-grid{grid-template-columns:1fr 1fr}.selected-work article:last-child{grid-column:1 / -1;max-width:580px;width:100%;justify-self:center}.sample-viewport{height:380px}.studio-home .pricing-section .example-grid{gap:16px}}
@media(max-width:600px){.studio-hero{padding:32px 0 40px}.hero-guide{padding:25px;border-radius:18px}.studio-intro h1{font-size:clamp(32px,8.4vw,46px)}.selected-work .example-grid{grid-template-columns:1fr;gap:38px}.selected-work article:last-child{grid-column:auto;max-width:none}.sample-screen{padding:20px 25px 25px}.sample-viewport{height:400px}.sample-open{right:37px;bottom:38px}.showcase-card{padding:12px;border-radius:18px}.request-grid a{padding:20px}.selected-work{padding-top:40px}}

/* Explicit surface/text pairs prevent inverse text leaking into light panels. */
:root{--muted:#435349;--line:#bdcbbf;--paper:#eaf0eb}
body{color:#17241d;background:#f5f8f5}
header,.price-card,.contact-panel,.page-callout,.cost-card{color:#17241d}
.price-card{background:#fff}.price-card h3,.price-card li{color:#17241d}
.flow-section{color:#17241d;background:#c9f780}
.flow-section .flow-grid p,.flow-section .contact-note p,.flow-section .phone-contact>a,.flow-section .flow-grid span,.flow-section .section-link{color:#243b29}
.flow-section .flow-grid article,.flow-section .contact-note{border-color:#6c8759}
.flow-section .section-actions a:first-child{color:#fff;background:#17241d}
.studio-home .pricing-section .section-link:hover{color:#145c34}
.studio-home .pricing-section .cost-home .section-link:hover{color:#125e33}
.hero-guide,.hero-guide p,.hero-guide span,.hero-guide a{color:#17241d}

/* Keep all management-card text readable, including annual fees and checkmarks. */
.support-grid .support-main{background:#e5eee7;color:#17241d;border:2px solid #145c34}
.support-grid .support-main :is(h3,p,li,.fine,.details-body){color:#17241d}
.support-grid .support-main :is(.eyebrow,.price),.support-grid .support-main li:before{color:#145c34}
.support-grid .support-main ul{border-color:#a6b7a9}
.studio-home .pricing-section :is(h2,h3){color:#17241d}
.studio-home .pricing-section .section-link{color:#145c34}
.flow-section{background:#e5eee7}
.flow-section .eyebrow{color:#145c34}
.copy-contact textarea{background:#fff;color:#17241d}