/*
Theme Name: JoyBusinessBay
Theme URI: https://joybusinessbay.com
Author: JoyBusinessBay
Description: JoyBusinessBay danışmanlık markası teması. Elementor ile düzenlenebilir sayfalar ve güvenli başlangıç kurulumu.
Version: 3.0.0
Requires at least: 6.6
Tested up to: 7.1
Requires PHP: 8.0
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: joybusinessbay
*/
@font-face{font-family:Manrope;src:url(assets/fonts/manrope-regular.ttf) format('truetype');font-weight:400;font-display:swap}@font-face{font-family:Manrope;src:url(assets/fonts/manrope-bold.ttf) format('truetype');font-weight:600 900;font-display:swap}
:root{--bg:#f4f5f8;--panel:#e9ecf3;--text:#101b31;--muted:#586377;--accent:#2454f4;--line:#cdd3de;--light:#e9edf6;--ink:#111c32;--max:1280px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--bg);color:var(--text);font-family:Manrope,Arial,Helvetica,sans-serif;font-size:16px;line-height:1.75}a{color:inherit;text-decoration:none}a:hover{color:var(--accent)}button,input,select{font:inherit}img{max-width:100%;height:auto}p{margin:0 0 1rem}p:last-child{margin-bottom:0}h1,h2,h3{margin:0;color:inherit;font-weight:600;line-height:1.12;letter-spacing:-.05em}h1{font-size:clamp(2.7rem,5.7vw,5.5rem)}h2{font-size:clamp(2rem,3.55vw,3.5rem)}h3{font-size:1.4rem;letter-spacing:-.03em}em{font-family:inherit;font-style:normal;color:var(--accent)}ul{padding-left:1.3rem}li{margin-bottom:.85rem}a:focus-visible,button:focus-visible{outline:3px solid var(--accent);outline-offset:5px}.skip-link{position:absolute;left:20px;top:-100px;z-index:200;background:var(--accent);color:white;padding:12px}.skip-link:focus{top:10px}.site-header{max-width:var(--max);margin:auto;display:flex;align-items:center;gap:34px;min-height:104px;padding:20px 0;border-bottom:1px solid var(--line)}.brand{font-size:1.3rem;letter-spacing:-.075em;font-weight:800;white-space:nowrap}.brand i{font-style:normal;color:var(--accent)}.brand .brand-mark{display:inline-flex;width:40px;height:40px;align-items:center;justify-content:center;background:var(--accent);color:white;margin-right:11px;letter-spacing:-.12em;font-size:15px;border-radius:0 14px 0 14px;transform:rotate(-8deg)}.site-nav{margin-left:auto}.site-nav ul{display:flex;gap:28px;list-style:none;margin:0;padding:0}.site-nav li{margin:0;font-size:14px;font-weight:600}.header-contact{font-size:14px;padding:10px 15px;border:1px solid var(--text);border-radius:3px}.header-contact:hover{background:var(--text);color:white}.menu-toggle{display:none;color:inherit;background:none;border:1px solid var(--line);padding:8px 12px}.jbb-section{padding:58px 0}.jbb-section>.elementor-container{max-width:var(--max)!important;margin:auto;display:flex;gap:34px}.elementor-column{min-width:0}.jbb-section .elementor-widget-wrap{align-content:flex-start;display:flex;flex-wrap:wrap;gap:0}.elementor-widget{width:100%;margin-bottom:22px!important}.elementor-widget:last-child{margin-bottom:0!important}.jbb-section .elementor-heading-title{color:inherit;font-family:inherit;font-weight:600;line-height:1.12;letter-spacing:-.05em}.elementor-widget-text-editor{color:inherit;font-family:inherit;line-height:1.75}.elementor-widget-image img{display:block;width:100%;object-fit:cover}.elementor-button{position:relative;display:inline-flex;align-items:center;min-height:58px;line-height:1.4;font-size:14px;font-weight:600;border:1px solid var(--text);padding:16px 70px 16px 24px;border-radius:4px;color:var(--text);background:transparent;transition:background .2s,color .2s,transform .2s;text-align:left}.elementor-button::after{content:'↗';position:absolute;right:7px;top:7px;bottom:7px;width:40px;display:grid;place-items:center;color:white;background:var(--text);font-size:23px;border-radius:2px;transition:transform .2s}.elementor-button:hover{color:white;background:var(--text);border-color:var(--text);transform:translateY(-2px)}.elementor-button:hover:after{color:var(--text);background:white}.primary .elementor-button{background:var(--accent);color:white;border-color:var(--accent);box-shadow:0 9px 20px #2454f419}.primary .elementor-button::after{background:white;color:var(--accent)}.primary .elementor-button:hover{background:#183cc1;border-color:#183cc1}.text-link .elementor-button{padding:0 40px 0 0;min-height:33px;border:0;border-radius:0;background:none;color:var(--text);font-size:14px;box-shadow:none}.text-link .elementor-button::after{right:0;top:0;bottom:0;width:31px;font-size:18px;border:1px solid var(--line);border-radius:50%;background:transparent;color:var(--text)}.text-link .elementor-button:hover{transform:none;color:var(--accent)}.text-link .elementor-button:hover::after{background:var(--accent);color:white;border-color:var(--accent)}.eyebrow{font-size:12px;letter-spacing:.12em;line-height:1.6;color:var(--accent);font-weight:700}.lead{font-size:18px;line-height:1.8;color:var(--muted);max-width:660px}.hero{padding:36px 0 10px;position:relative;overflow:hidden}.hero>.elementor-container{gap:5px;align-items:center;position:relative}.hero-copy{padding:32px 0 34px;z-index:2}.hero-copy h1{font-size:clamp(3.2rem,6.2vw,6rem);line-height:1.015!important;letter-spacing:-.065em!important}.hero-copy .lead{max-width:550px}.hero .elementor-widget{margin-bottom:27px!important}.hero-proof{font-size:12px;color:var(--muted);letter-spacing:.02em}.hero-proof span{color:var(--accent);margin:0 14px}.hero-portrait{position:relative;align-self:stretch;display:flex!important;align-items:center}.hero-portrait .elementor-widget-wrap{position:relative;align-content:center!important}.hero-portrait .elementor-widget-image{margin:0!important;transform:scale(1.14)}.hero-portrait img{width:100%;aspect-ratio:1;object-position:50% 42%;filter:saturate(.8);mask-image:radial-gradient(ellipse 61% 71% at 52% 43%,#000 34%,#000e 51%,transparent 81%);-webkit-mask-image:radial-gradient(ellipse 61% 71% at 52% 43%,#000 34%,#000e 51%,transparent 81%)}.portrait-caption{position:absolute!important;bottom:30px;right:0;width:auto!important;color:var(--text);font-size:13px;font-weight:700;line-height:1.5;letter-spacing:.13em;padding:13px 19px;background:#f4f5f8df;backdrop-filter:blur(12px);border-left:3px solid var(--accent)}.portrait-caption span{display:block;font-size:9px;letter-spacing:.08em;font-weight:400;margin-top:5px}.selector-heading{padding:26px 0 24px}.selector-heading>.elementor-container{display:block}.selector-heading .elementor-widget-wrap{display:flex;align-items:center;justify-content:space-between}.selector-heading .elementor-widget{width:auto;margin-bottom:0!important}.selector-heading h2{font-size:1.7rem;letter-spacing:-.045em}.service-selector{padding:0 0 82px}.service-selector>.elementor-container{gap:12px}.service-card{position:relative;padding:29px;transition:background .2s,transform .2s;border:1px solid var(--line);background:#ffffff75;border-radius:4px}.service-card:hover{background:white;transform:translateY(-4px);border-color:var(--accent)}.service-selector .service-card{flex:1;padding:22px 18px;min-height:270px}.service-icon{width:45px!important;margin-bottom:24px!important}.service-icon img{width:42px;height:42px;object-fit:contain}.service-selector .card-number{position:absolute;top:22px;right:18px;width:auto;font-size:12px;color:#8791a2}.service-card .elementor-widget-heading{margin-bottom:14px!important}.service-card .elementor-widget-text-editor:not(.eyebrow):not(.card-number){font-size:14px;color:var(--muted)}.service-selector .service-card h3{font-size:1.2rem;letter-spacing:-.04em;line-height:1.22!important}.service-card .text-link{margin-top:6px}.card-number{color:var(--accent);font-size:12px;letter-spacing:.08em}.statement{background:var(--text);color:#fff;padding:85px 0 35px}.statement .eyebrow{color:#9cafed}.statement .lead{color:#b2bdd1;max-width:810px}.statement h2{max-width:870px}.statement em{color:#a9beff}.metrics{background:var(--text);color:white;padding:30px 0 78px}.metrics>.elementor-container{gap:0}.metric{padding-right:32px;border-right:1px solid #364057;padding-left:32px;flex:1}.metric:first-child{padding-left:0}.metric:last-child{border:0}.metric h3{font-size:3rem;letter-spacing:-.06em}.metric .elementor-widget-text-editor{color:#b2bdd1;font-size:14px}.section-heading{padding:80px 0 26px}.project-grid{padding-top:0}.project-card{min-width:0}.project-card .elementor-widget-image{overflow:hidden;border-radius:5px;border:1px solid var(--line);padding:10px;background:white}.project-card img{aspect-ratio:1.6;object-fit:cover;object-position:top;transition:transform .7s}.project-card:hover img{transform:scale(1.025)}.project-card .eyebrow{margin:20px 0 12px!important}.project-card .elementor-widget-text-editor{color:var(--muted)}.project-card h3{font-size:1.9rem}.domain-preview{aspect-ratio:1.6;display:flex;align-items:center;justify-content:center;background:var(--panel);border:1px solid var(--line);font-size:1.8rem;color:var(--accent)!important}.featured-projects .project-card:nth-child(2){padding-top:65px}.package-feature{margin:25px 0;background:#e7ecfa;padding:75px 0}.package-aside{padding:10px 20px 10px 48px;border-left:1px solid #bfcbe5}.package-aside h3{font-size:1.6rem}.package-aside .elementor-widget-text-editor:not(.eyebrow){font-size:14px;color:var(--muted)}.about-teaser{padding:80px 0}.about-teaser>.elementor-container{align-items:center;gap:80px}.about-photo img{max-height:550px;object-fit:cover;object-position:50% 38%;filter:saturate(.75);border-radius:4px}.contact-band{border-top:1px solid var(--line);padding:68px 0}.contact-band>.elementor-container{align-items:center}.contact-band>.elementor-container>.elementor-column:last-child .elementor-widget-wrap{justify-content:flex-end}.contact-band .elementor-widget-button{width:auto}.page-intro{padding:76px 0 58px}.page-intro h1{max-width:1110px}.page-intro .lead{max-width:850px}.service-grid{padding:15px 0}.service-grid>.elementor-container{gap:20px}.service-grid .service-card{flex:1}.detail-grid>.elementor-container{gap:70px}.note-card{padding:32px;background:var(--panel);border-radius:4px}.note-card .elementor-widget-text-editor{color:var(--muted)}.package-grid>.elementor-container{gap:20px}.package-grid .service-card{flex:1;min-height:300px}.package-grid .service-card:nth-child(2){border:2px solid var(--accent)}.filter-bar{padding:0 0 35px}.filter-bar>.elementor-container{gap:10px;flex-wrap:wrap}.filter-bar .elementor-column{width:auto!important}.jbb-filter .elementor-button{font-size:14px;padding:10px 18px;min-height:43px;border-color:var(--line)}.jbb-filter .elementor-button::after{display:none}.jbb-filter.is-active .elementor-button{background:var(--accent);color:white;border-color:var(--accent)}.portfolio-row{padding:36px 0;border-top:1px solid var(--line)}.portfolio-row>.elementor-container{align-items:center;gap:70px}.portfolio-row .project-card .elementor-widget:not(.elementor-widget-image):not(.domain-preview){display:none}.jbb-project[hidden]{display:none!important}.reference-shot{padding-top:10px}.reference-shot img{width:100%;border:1px solid var(--line);border-radius:4px}.caption{font-size:12px;color:var(--muted)}.timeline-row{padding:28px 0;border-top:1px solid var(--line)}.timeline-row .elementor-widget{margin-bottom:12px!important}.timeline-row .elementor-widget-text-editor{color:var(--muted)}.demo-banner{background:#dfe9ef;padding:16px 0}.demo-banner .eyebrow{color:var(--text)}.site-footer{border-top:1px solid var(--line);padding:45px 0 26px;max-width:var(--max);margin:auto}.footer-top{display:flex;justify-content:space-between;gap:30px}.footer-links{display:flex;gap:22px;font-size:14px}.footer-bottom{margin-top:35px;padding-top:20px;border-top:1px solid var(--line);display:flex;justify-content:space-between;font-size:12px;color:var(--muted)}.floating-wa{position:fixed;right:24px;bottom:24px;background:var(--text);color:white;padding:13px 20px;border-radius:4px 4px 4px 18px;z-index:90;font-size:14px;box-shadow:0 7px 25px #101b3126}.floating-wa:hover{background:var(--accent);color:white}.entry-content{max-width:var(--max);margin:auto;padding:70px 0}.entry-content a{text-decoration:underline}.entry-content h1,.entry-content h2{margin-bottom:24px}.elementor-editor-active .jbb-project[hidden]{display:block!important}.mobile-services{display:none}.business-photo img{max-height:640px;object-fit:contain}.business-photo .caption{text-align:center}.experience-section{background:#e5ebfa;border-top:1px solid #c8d3ed;border-bottom:1px solid #c8d3ed;padding:55px 0}.experience-section>.elementor-container{gap:70px}.experience-section h2{font-size:2.4rem;max-width:370px}.experience-copy{font-size:19px;line-height:1.85}.experience-section ul{font-size:14px;color:var(--muted)}.offer-section{padding:70px 0}.offer-section>.elementor-container{gap:70px}.process-section{border-top:1px solid var(--line);padding-bottom:45px}.faq-section{background:white;padding:65px 0}.faq-section h2{margin-bottom:25px}.faq-section .elementor-widget-heading:has(h3){border-top:1px solid var(--line);padding-top:25px;margin-top:15px}.faq-section h3{font-size:1.25rem;letter-spacing:-.025em}.faq-section .elementor-widget-text-editor:not(.eyebrow){max-width:970px;color:var(--muted)}.scope-note{font-size:14px;color:var(--muted);border-left:3px solid var(--line);padding-left:20px}.tips-section h2{font-size:2rem;margin-top:25px}.tips-section .elementor-widget-text-editor{max-width:900px;color:var(--muted)}
body[class*="jbb-page-demo-"] main{--text:#35334c;--bg:#edf2f0;--panel:#e2ebe6;--accent:#35334c;--line:#c7d5ce;--muted:#48675e;background:var(--bg);color:var(--text)}body[class*="jbb-page-demo-"] .page-intro h1{font-family:Manrope,Arial,sans-serif!important;font-weight:400!important}body.jbb-page-demo-burun-estetigi main{--accent:#655580;--bg:#f8f7ff;--panel:#f8f7ff;--text:#655580;--muted:#655580;--line:#f8f7ff}body.jbb-page-demo-dis-sagligi main{--accent:#225c81;--bg:#eff5f8;--panel:#e0edf5;--text:#143a52;--muted:#446b83;--line:#c7dce9}body.jbb-page-demo-plastik-cerrahi main{--accent:#704351;--bg:#f6f0f1;--panel:#eadddf;--text:#422b34;--muted:#7d5c66;--line:#dbc8cd}body[class*="jbb-page-demo-"] .service-card:hover{background:var(--panel)}
@media(min-width:768px){.elementor-column{flex:1}.elementor-col-23{flex:0 0 23%}.elementor-col-35{flex:0 0 35%}.elementor-col-40{flex:0 0 40%}.elementor-col-45{flex:0 0 46%}.elementor-col-55{flex:1}.elementor-col-60,.elementor-col-65,.elementor-col-77{flex:1}}
@media(max-width:1360px){.site-header,.site-footer{margin-left:32px;margin-right:32px}.jbb-section{padding-left:32px;padding-right:32px}.entry-content{padding-left:32px;padding-right:32px}.hero>.elementor-container{gap:20px}.service-card{padding:23px}}
@media(max-width:1100px){.site-header{gap:20px}.site-nav ul{gap:18px}.header-contact{display:none}.service-selector>.elementor-container{flex-wrap:wrap}.service-selector .service-card{flex:1 1 28%;min-height:250px}.about-teaser>.elementor-container,.detail-grid>.elementor-container,.experience-section>.elementor-container,.offer-section>.elementor-container{gap:32px}.service-grid>.elementor-container{flex-wrap:wrap}.service-grid .service-card{flex:1 1 40%}.hero-copy h1{font-size:4.5rem}}
@media(max-width:767px){h1{font-size:2.7rem}h2{font-size:2.1rem}.site-header{margin:0 20px;min-height:83px;position:relative;flex-wrap:wrap;justify-content:space-between;gap:10px}.brand{font-size:1.08rem}.brand .brand-mark{width:33px;height:33px;font-size:13px}.menu-toggle{display:block}.site-nav{display:none;width:100%;margin:0;padding:10px 0 18px}.site-nav.is-open{display:block}.site-nav ul{display:flex;flex-direction:column;gap:15px}.site-nav li{font-size:16px}.jbb-section{padding:38px 20px}.jbb-section>.elementor-container{flex-direction:column;gap:26px}.elementor-column{width:100%!important;flex:auto!important}.hero{padding-top:25px;padding-bottom:0}.hero>.elementor-container{gap:0}.hero-copy{padding:0}.hero-copy h1{font-size:3.75rem;line-height:1.045!important}.hero .elementor-widget{margin-bottom:22px!important}.hero .lead{font-size:16px}.hero-portrait{max-width:440px;margin:auto}.hero-portrait .elementor-widget-image{transform:scale(1.07)}.hero-portrait img{aspect-ratio:1.2;object-position:50% 38%;mask-image:radial-gradient(ellipse 64% 78% at 52% 39%,#000 32%,#000d 52%,transparent 80%);-webkit-mask-image:radial-gradient(ellipse 64% 78% at 52% 39%,#000 32%,#000d 52%,transparent 80%)}.portrait-caption{bottom:3px;right:0;font-size:10px;padding:8px 12px}.portrait-caption span{font-size:8px}.hero-proof{display:none}.mobile-services{display:block}.quick-services{display:flex;flex-wrap:wrap;gap:7px}.quick-services a{font-size:12px;padding:7px 10px;border:1px solid var(--line);border-radius:3px}.quick-services a:hover{border-color:var(--accent)}.selector-heading{padding-top:27px;padding-bottom:18px}.selector-heading .elementor-widget-wrap{display:block}.selector-heading .eyebrow{margin-bottom:10px!important}.selector-heading h2{font-size:1.65rem;max-width:300px}.service-selector{padding-top:0;padding-bottom:45px}.service-selector>.elementor-container{display:grid;grid-template-columns:1fr 1fr;gap:10px}.service-selector .service-card{padding:20px 13px;min-height:270px}.service-selector .service-card:last-child{grid-column:1/-1;min-height:190px}.service-selector .service-card h3{font-size:1.12rem;line-height:1.24!important}.service-selector .service-card .elementor-widget-text-editor:not(.card-number){font-size:13px}.service-icon{width:37px!important;margin-bottom:20px!important}.service-icon img{width:35px;height:35px}.service-selector .card-number{top:18px;right:13px}.service-selector .elementor-button{font-size:12px}.statement{padding-top:53px;padding-bottom:20px}.metrics{padding-top:20px;padding-bottom:45px}.metrics>.elementor-container{display:grid;grid-template-columns:1fr 1fr;gap:28px}.metric{padding:0;border:0}.metric h3{font-size:2.55rem}.metric .elementor-widget-text-editor{font-size:12px}.package-aside{border-left:0;border-top:1px solid #bfcbe5;padding:25px 0 0}.package-feature{margin:10px 0}.about-photo img{max-height:430px}.contact-band .elementor-widget-button{width:100%}.contact-band>.elementor-container>.elementor-column:last-child .elementor-widget-wrap{justify-content:flex-start}.page-intro{padding-top:46px}.lead{font-size:17px}.service-grid{padding-top:12px;padding-bottom:12px}.filter-bar>.elementor-container{flex-direction:row;gap:8px}.filter-bar .elementor-column{width:auto!important;flex:none!important}.filter-bar .elementor-button{font-size:13px;padding:10px 13px}.site-footer{margin:0 20px;padding-bottom:85px}.footer-top,.footer-bottom{flex-direction:column;gap:18px}.footer-links{flex-wrap:wrap}.floating-wa{bottom:14px;right:14px;font-size:13px}.timeline-row>.elementor-container{gap:3px}.entry-content{padding:40px 20px}.featured-projects .project-card:nth-child(2){padding-top:0}.experience-section h2{font-size:2rem}.experience-copy{font-size:17px}.experience-section>.elementor-container{gap:12px}.process-section h2{font-size:1.9rem}.faq-section h2{font-size:2rem}.business-photo img{max-height:450px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
.project-card .reference-portrait img{object-position:50% 32%}.project-card .reference-portrait{background:#dfe3ea}
@media(min-width:768px) and (max-width:1100px){.hero-copy h1{font-size:clamp(2.9rem,5.8vw,4.5rem)}}
.hero-portrait img{-webkit-mask-image:linear-gradient(to bottom,transparent,#000 14%,#000 82%,transparent),radial-gradient(ellipse 61% 71% at 52% 43%,#000 34%,#000e 51%,transparent 81%);mask-image:linear-gradient(to bottom,transparent,#000 14%,#000 82%,transparent),radial-gradient(ellipse 61% 71% at 52% 43%,#000 34%,#000e 51%,transparent 81%);-webkit-mask-composite:source-in;mask-composite:intersect}
/* LUXURY EDITION */
:root{--bg:#0c0d0f;--panel:#181a1d;--text:#f8f7ff;--muted:#f8f7ff;--accent:#ccff47;--line:#655580;--light:#ccff47;--ink:#090b0e;--teal:#64c9c6}
body{background:radial-gradient(ellipse at 88% 0%,#655580 0,transparent 32%),linear-gradient(135deg,#101215,#080a0c 60%,#151819);background-attachment:fixed}
.site-header{border-color:#ccff4730}.brand .brand-mark{background:linear-gradient(135deg,#ccff47,#ccff47);color:#111214;box-shadow:0 0 0 5px #ccff4709}.header-contact{border-color:#ccff47;color:#ccff47}.header-contact:hover{background:#ccff47;color:#111}
.elementor-button,.primary .elementor-button{background:#ccff47;color:#121315;border-color:#ccff47;box-shadow:0 8px 24px #0003;border-radius:3px;transition:background .25s,box-shadow .25s,transform .25s}
.elementor-button:after,.primary .elementor-button:after{background:#655580;color:#ccff47;border-radius:2px}
.elementor-button:hover,.primary .elementor-button:hover{background:linear-gradient(110deg,#ccff47,#ccff47 55%,#ccff47);color:#121315;border-color:#ccff47;box-shadow:0 6px 30px #ccff4730}
.elementor-button:hover:after,.primary .elementor-button:hover:after{background:#0e1011;color:#ccff47;transform:rotate(8deg)}
.text-link .elementor-button{color:var(--text);background:none;box-shadow:none}.text-link .elementor-button:after{background:none;color:var(--accent);border-color:#655580}.text-link .elementor-button:hover{color:var(--accent);background:none;box-shadow:none}.text-link .elementor-button:hover:after{background:var(--accent);color:#101113}
.hero{padding-top:48px;padding-bottom:24px;background:radial-gradient(ellipse at 78% 30%,#ccff4720,transparent 55%)}.hero>.elementor-container{min-height:600px;gap:0}.hero-copy{flex:0 0 48%;padding:32px 0 45px}.hero-copy h1{font-size:clamp(3.2rem,5.6vw,5.45rem);line-height:1.06!important}.hero-copy em{color:#ccff47}.hero .eyebrow{color:#ccff47;letter-spacing:.18em}.hero .eyebrow:before{content:'✦';font-size:18px;margin-right:13px}.hero-copy .lead{font-size:17px;max-width:510px}.hero-portrait{flex:1;min-height:590px}.hero-portrait .elementor-widget-wrap{width:100%}.hero-portrait .elementor-widget-image{transform:scale(1.15);width:100%}.hero-portrait img{aspect-ratio:1.05;object-fit:cover;object-position:56% 42%;filter:none;-webkit-mask-image:linear-gradient(to right,transparent,#000 13%,#000 92%,transparent),linear-gradient(to bottom,transparent,#000 7%,#000 76%,transparent);mask-image:linear-gradient(to right,transparent,#000 13%,#000 92%,transparent),linear-gradient(to bottom,transparent,#000 7%,#000 76%,transparent);-webkit-mask-composite:source-in;mask-composite:intersect}
.hero:after{content:'✧';position:absolute;right:5%;top:22px;color:#ccff4788;font-size:58px;pointer-events:none}.portrait-caption{background:#101214c9;border-color:#ccff47;color:#ccff47;bottom:25px;right:15px;letter-spacing:.16em;backdrop-filter:blur(14px)}.portrait-caption span{color:#b6b5b0}.hero-proof{color:#a9aaa7}.hero-proof span{color:var(--teal)}
.selector-heading .eyebrow{color:var(--teal)}.service-card{background:linear-gradient(145deg,#21212388,#111316d9);border-color:#ccff4732;border-radius:4px;box-shadow:inset 0 1px #ffffff04}.service-card:hover{background:linear-gradient(145deg,#655580,#14171a);border-color:#ccff47;box-shadow:0 12px 35px #0003}.service-icon img{filter:grayscale(1) brightness(0) invert(.72) sepia(.35) saturate(1.2)}.service-selector .card-number{color:#655580}.service-selector .service-card:nth-child(2) .service-icon img,.service-selector .service-card:nth-child(5) .service-icon img{filter:grayscale(1) brightness(0) invert(.8) sepia(.25) saturate(2) hue-rotate(110deg)}
.statement,.metrics{background:linear-gradient(105deg,#191c1f,#111416);color:#f8f7ff}.statement{border-top:1px solid #ccff4735}.statement .eyebrow{color:#ccff47}.statement em{color:#ccff47}.statement .lead,.metric .elementor-widget-text-editor{color:#b6b8b7}.metric{border-color:#655580}.metric h3{color:#ccff47}.metric:nth-child(2) h3{color:var(--teal)}
.section-heading .eyebrow:before{content:'✦';margin-right:10px;color:#ccff47}.project-card .elementor-widget-image{background:#1e2022;border-color:#655580;padding:7px}.project-card .reference-portrait{background:#202427}.package-feature{background:radial-gradient(ellipse at top right,#35334c66,transparent 70%),linear-gradient(120deg,#1b1b19,#0f1517);border-top:1px solid #ccff4733;border-bottom:1px solid #ccff4733}.package-aside{border-color:#655580}.package-feature .eyebrow{color:var(--teal)}.note-card{background:linear-gradient(140deg,#222321,#141719);border:1px solid #ccff4728}.experience-section{background:linear-gradient(115deg,#655580,#121a1d);border-color:#ccff4738}.experience-section .eyebrow{color:var(--teal)}.faq-section{background:#111417}.demo-banner{background:#1e2239}.floating-wa{background:#ccff47;color:#121315;box-shadow:0 6px 28px #0006;border:1px solid #ccff47}.floating-wa:hover{background:#ccff47;color:#121315}.jbb-filter.is-active .elementor-button{background:#ccff47;color:#111}.quick-services a{background:#101221;border-color:#6555803b}.footer-bottom{color:#a7a8a4}.skip-link{background:#ccff47;color:#111}
body[class*="jbb-page-demo-"] .service-card{background:var(--panel)}body[class*="jbb-page-demo-"] .faq-section{background:var(--bg)}
@media(min-width:768px) and (max-width:1100px){.hero-copy h1{font-size:clamp(2.8rem,5.8vw,4rem)}.hero>.elementor-container{min-height:520px}.hero-portrait{min-height:490px}.hero-portrait img{aspect-ratio:.83;object-position:56% 50%}.hero-copy .lead{font-size:16px}}
@media(max-width:767px){.hero{padding-top:30px;padding-bottom:0}.hero>.elementor-container{min-height:0}.hero-copy{padding:0}.hero-copy h1{font-size:3.4rem}.hero-copy .lead{font-size:16px}.hero-portrait{min-height:0;max-width:520px}.hero-portrait .elementor-widget-image{transform:scale(1.08)}.hero-portrait img{aspect-ratio:1.12;object-position:54% 44%}.hero:after{font-size:30px;right:20px;top:18px}.portrait-caption{bottom:4px;right:0;font-size:10px}.package-aside{border-color:#655580}.site-nav.is-open{background:#101315}.selector-heading{padding-top:30px}}
/* Keep the dark canvas continuous on long mobile pages. */
body{background-color:#0c0d0f;background-attachment:scroll;background-size:100% 1200px;background-repeat:no-repeat}

.about-photo .office-portrait img{aspect-ratio:4/5;object-fit:cover;object-position:center;max-height:none;filter:none}.reference-website img{object-position:top}

.hero-copy h1{font-size:clamp(2.7rem,4.7vw,4.5rem)}@media(max-width:767px){.hero-copy h1{font-size:2.8rem}}

/* Selected signature wordmark */
.brand{display:inline-flex;align-items:center;line-height:1;flex-shrink:0}.brand-logo{display:block;width:250px;height:auto;max-width:100%}.site-footer .brand-logo{width:250px}@media(max-width:767px){.brand-logo{width:216px}.site-header{gap:8px}.site-footer .brand-logo{width:216px}}

/* 1.2.3: Keep the arrow in normal flow so Elementor padding cannot overlap text. */
.jbb-section .elementor-widget-button .elementor-button {
  display:inline-flex!important;
  align-items:center;
  justify-content:space-between;
  gap:16px!important;
  max-width:100%;
  padding:8px 8px 8px 24px!important;
  white-space:normal;
}
.jbb-section .elementor-widget-button .elementor-button::after {
  position:static!important;
  inset:auto!important;
  flex:0 0 40px;
  width:40px;
  height:40px;
  align-self:center;
}
.jbb-section .elementor-button-content-wrapper {
  flex:1 1 auto;
  min-width:0;
}
.jbb-section .elementor-button-text {
  white-space:normal;
  overflow-wrap:anywhere;
}
.jbb-section .text-link.elementor-widget-button .elementor-button {
  padding:0!important;
  gap:10px!important;
}
.jbb-section .text-link.elementor-widget-button .elementor-button::after {
  flex-basis:31px;
  width:31px;
  height:31px;
}
.jbb-section .jbb-filter .elementor-button {
  padding:10px 18px!important;
}
@media(max-width:767px){
  .jbb-section .elementor-widget-button .elementor-button{padding-left:18px!important;gap:12px!important}
  .jbb-section .text-link.elementor-widget-button .elementor-button{padding:0!important;gap:10px!important}
  .jbb-section .jbb-filter .elementor-button{padding:10px 13px!important}
}

/* BRAND EDITION 2.0 — editorial consulting identity */
:root{--max:1280px;--bg:#0b0e10;--panel:#14191b;--text:#f8f7ff;--muted:#b2b5b1;--accent:#ccff47;--line:#ffffff20;--teal:#79aaa5}
body{background:radial-gradient(ellipse at 85% 5%,#65558055,transparent 35%),#0b0e10;background-attachment:scroll;font-size:16px}
.site-header{min-height:105px;gap:32px;border-bottom:1px solid #ffffff18}.brand{display:inline-flex;flex-direction:column;gap:6px;line-height:1}.brand-logo{width:223px;height:auto}.brand-descriptor{font-size:8px;letter-spacing:.21em;color:#a9aaa3;font-weight:500;padding-left:2px}.site-nav li{font-size:13px;letter-spacing:0}.site-nav a{position:relative;padding:8px 0}.site-nav a:after{content:'';position:absolute;bottom:0;left:0;width:0;height:1px;background:var(--accent);transition:width .25s}.site-nav a:hover:after{width:100%}.header-contact{border-radius:50px;padding:12px 21px;border-color:#ccff4760;font-size:12px}.jbb-section{padding-top:76px;padding-bottom:76px}.jbb-section .elementor-heading-title{font-weight:600;letter-spacing:-.055em;line-height:1.1}.eyebrow{font-size:10px;letter-spacing:.18em;font-weight:600}.lead{font-size:17px;line-height:1.85}.elementor-widget-text-editor{line-height:1.8}.brand-hero{padding:68px 0 30px;background:none;overflow:hidden}.brand-hero:after{display:none}.brand-hero>.elementor-container{gap:0;min-height:490px;align-items:center}.brand-hero .hero-copy{flex:0 0 59%;padding:20px 0 36px}.brand-hero .hero-copy h1{font-size:clamp(3.4rem,5.5vw,5.1rem);line-height:1.08!important;letter-spacing:-.068em!important;max-width:790px}.brand-hero .hero-copy em{font-family:Georgia,'Times New Roman',serif;font-style:italic;font-weight:400;color:#ccff47;letter-spacing:-.055em}.brand-hero .hero-copy .lead{max-width:535px;font-size:16px;color:#b1b6b4}.brand-hero .eyebrow:before{display:none}.brand-hero .eyebrow{color:#a6b4ae}.hero-proof{font-size:10px;letter-spacing:.09em;text-transform:uppercase;margin-top:6px}.hero-proof span{margin:0 10px;color:#797f79}.hero-proof .location-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#84a698;box-shadow:0 0 14px #84a69860;margin-left:0}.brand-visual{width:41%!important;min-width:0;align-self:stretch;display:flex;align-items:center}.brand-visual>.elementor-widget-wrap{align-content:center!important}.vision-object{position:relative;width:100%;aspect-ratio:1;isolation:isolate;display:grid;place-items:center}.vision-grid{position:absolute;inset:3%;background-image:linear-gradient(#ccff4709 1px,transparent 1px),linear-gradient(90deg,#ccff4709 1px,transparent 1px);background-size:36px 36px;mask-image:radial-gradient(circle,#000,transparent 70%)}.vision-orbit{position:absolute;border:1px solid #ccff4745;border-radius:50%;width:78%;height:78%;transform:rotate(-24deg)}.orbit-one{border-right:2px solid #ccff4799;box-shadow:inset 0 0 60px #ccff4704,0 0 65px #ccff4705}.orbit-two{width:58%;height:58%;border-color:#89a6a433;transform:rotate(-35deg);border-top:1px solid #9ab8b0}.orbit-three{width:91%;height:32%;transform:rotate(-35deg);border-color:#ccff4754}.vision-axis{position:absolute;width:109%;height:1px;background:linear-gradient(90deg,transparent,#ccff475c,transparent);transform:rotate(-35deg)}.vision-core{width:43%;aspect-ratio:1;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(at 20% 15%,#655580,#1e2239 65%);border:1px solid #ccff4740;border-radius:50%;box-shadow:18px 28px 70px #0009,inset 1px 2px 2px #ccff4720}.vision-core>span{font-size:clamp(50px,6vw,83px);font-weight:600;letter-spacing:-.14em;padding-right:.14em;color:#ccff47;line-height:1}.vision-core small{font-size:6px;letter-spacing:.18em;color:#a9a697;margin-top:15px}.vision-label{position:absolute;font-size:8px;letter-spacing:.15em;color:#f8f7ff;background:#101221;padding:7px 11px;border:1px solid #ccff4725;border-radius:30px}.label-one{top:7%;left:24%}.label-two{right:-1%;top:51%;color:var(--teal)}.label-three{left:3%;bottom:18%}.vision-star{position:absolute;font-size:29px;color:#ccff47;top:23%;right:13%}.vision-coordinate{position:absolute;bottom:0;right:0;font-size:7px;line-height:1.8;letter-spacing:.2em;color:#7b8580;text-align:right}.vision-orbit.orbit-one:after{content:'';position:absolute;top:4%;left:24%;width:7px;height:7px;background:#ccff47;box-shadow:0 0 18px #ccff4760;border-radius:50%}
.jbb-section .elementor-widget-button .elementor-button{border-radius:50px;box-shadow:none;font-size:12px;gap:22px!important;min-height:51px}.jbb-section .elementor-widget-button .elementor-button:after{border-radius:50%;flex-basis:33px!important;width:33px!important;height:33px!important;font-size:20px}.jbb-section .text-link.elementor-widget-button .elementor-button{gap:14px!important;font-size:12px}.jbb-section .text-link.elementor-widget-button .elementor-button:after{width:29px!important;height:29px!important;flex-basis:29px!important}.jbb-section .elementor-widget-button .elementor-button:hover:after{transform:rotate(45deg)}.selector-heading{padding:15px 0 22px}.selector-heading h2{font-size:23px}.selector-heading .eyebrow{color:#7c9995;font-size:9px}.service-selector{padding:0 0 80px}.service-selector>.elementor-container{gap:0!important;border-top:1px solid #ccff4746;border-bottom:1px solid #ccff4746}.service-selector .service-card{min-height:205px;border:0;border-right:1px solid #ccff4730;border-radius:0;background:none;padding:25px 23px;box-shadow:none;flex:1;transition:background .25s}.service-selector .service-card:first-child{padding-left:0}.service-selector .service-card:last-child{border-right:0}.service-selector .service-card:hover{transform:none;background:#ccff470b}.service-selector .card-number{position:static;width:100%;font-size:10px;color:#ccff47;margin-bottom:23px!important}.service-selector .service-card h3{font-size:16px;line-height:1.35!important;letter-spacing:-.02em!important}.service-selector .service-card .elementor-widget-text-editor:not(.card-number){font-size:11px;line-height:1.6;min-height:36px;margin-bottom:16px!important}.service-selector .service-card>.elementor-widget-wrap{height:100%}.service-selector .service-card .text-link{margin-top:auto}.service-selector .service-icon{display:none}.statement{padding:70px 0 30px;background:#f8f7ff;color:#1e2239;border:0}.statement .eyebrow{color:#655580}.statement h2{max-width:830px;font-size:clamp(34px,4.2vw,56px)}.statement em{color:#6e7c73}.statement .lead{color:#35334c;max-width:710px;font-size:15px;margin-top:5px}.metrics{background:#f8f7ff;padding:15px 0 68px;color:#1e2239}.metric{border-color:#69716b40}.metric h3,.metric:nth-child(2) h3{font-size:48px;color:#35334c;line-height:1!important;font-weight:400!important}.metric .elementor-widget-text-editor{color:#5b635f;font-size:11px;max-width:175px}.metric .elementor-widget-heading{margin-bottom:16px!important}.section-heading{padding:90px 0 35px}.section-heading .eyebrow:before{display:none}.section-heading h2{max-width:710px;font-size:clamp(32px,3.5vw,46px)}.section-heading .elementor-widget-button{margin-top:0}.project-grid{padding:0 0 85px}.featured-projects>.elementor-container{gap:40px}.featured-projects .project-card{position:relative}.featured-projects .project-card:nth-child(2){padding-top:110px}.project-card .elementor-widget-image{border-radius:12px 12px 0 0;padding:25px 16px 0;background:#35334c;border:1px solid #ffffff12;border-bottom:0;position:relative;box-shadow:0 30px 70px #0002}.project-card .elementor-widget-image:before{content:'● ● ●';position:absolute;top:4px;left:17px;color:#a3aba4;font-size:7px;letter-spacing:3px}.project-card img{aspect-ratio:1.48}.project-domain{position:relative;font-size:9px;letter-spacing:.15em;padding:11px 16px;background:#35334c;border-radius:0 0 8px 8px;color:#abb7af!important;margin-top:-22px!important}.project-card h3{font-size:27px}.project-card .eyebrow{color:#ccff47;font-size:9px}.project-card .elementor-widget-text-editor:not(.eyebrow):not(.project-domain){font-size:13px;max-width:460px}.project-card .elementor-widget-heading{margin-bottom:12px!important}.package-feature{margin:0;padding:75px 0;background:linear-gradient(120deg,#1e2239,#1e2239);border-color:#79999738}.package-feature h2{font-size:clamp(32px,3.7vw,48px)}.package-aside{border-color:#6d8a814f;padding-left:55px}.package-feature .eyebrow{color:#8db0a7}.package-feature .elementor-widget-text-editor:not(.eyebrow){font-size:14px;color:#a8b8b4}.about-teaser{padding:95px 0}.about-teaser>.elementor-container{gap:90px}.about-teaser .about-photo{position:relative}.about-photo img{border-radius:100px 4px 4px 4px;filter:saturate(.55);max-height:410px;object-position:center 40%}.about-teaser h2{font-size:clamp(32px,3.4vw,45px)}.about-teaser .elementor-widget-text-editor:not(.eyebrow){color:#aab2ae;font-size:14px;max-width:560px}.brand-approach{border-top:1px solid #ffffff18;padding:80px 0 90px}.brand-approach>.elementor-container{gap:95px}.brand-approach h2{font-size:38px}.approach-list{list-style:none;padding:0;margin:0}.approach-list li{display:flex;gap:26px;border-top:1px solid #ffffff20;padding:24px 0;margin:0}.approach-list li:first-child{padding-top:0;border:0}.approach-list li>span{color:#ccff47;font-size:12px;padding-top:4px}.approach-list h3{font-size:20px;letter-spacing:-.025em;margin-bottom:9px}.approach-list p{font-size:13px;color:#aab2ae;max-width:380p