/* GENBA DESK — clear, welcoming and expressive. */
:root{--paper:#f5f8f7;--ink:#142f42;--navy:#142f42;--green:#087567;--mint:#d9f3e9;--mint-bright:#32c4a3;--accent:#99e8cc;--line:#d7e2df;--muted:#5c747b}
html{scroll-padding-top:96px}
body{background:var(--paper);color:var(--ink)}
.site-header{background:#ffffffed;border-bottom:1px solid #dce7e2;box-shadow:0 3px 20px #14354804}
.header-inner{min-height:82px;gap:24px}
.brand>span{letter-spacing:-.04em}.brand small{letter-spacing:.08em}
.main-nav{gap:23px}.main-nav>a:not(.button){font-size:12px;color:#28444f}
.button{border-radius:999px;font-weight:700;transition:background .18s,transform .18s,box-shadow .18s}
.button-dark{background:#163c47;color:white}
.button-mint{background:#8fe7c7;color:#143a36;box-shadow:0 8px 22px #16796318}
.button-mint:hover{background:#afeedb;color:#143a36;box-shadow:0 10px 25px #16796328}
.button>span:last-child{display:inline-grid;place-items:center;width:25px;height:25px;border-radius:50%;background:#ffffff22}
.hero{position:relative;width:min(1240px,calc(100% - 80px));grid-template-columns:1.04fr 1fr;gap:54px;padding:56px 0 40px;margin-top:0;background:transparent;border-radius:0;overflow:visible;isolation:isolate}
.hero::before{content:"";position:absolute;width:560px;height:560px;max-width:53vw;right:-24px;top:12px;background:#dfefe7;border-radius:50%;z-index:-1}
.hero-copy{padding:3px 0;color:#142f42}
.hero-copy .eyebrow{display:inline-flex;padding:7px 14px;border:1px solid #c8ded3;border-radius:99px;background:#edf7f0;color:#315d52;font-size:11px;margin-bottom:22px}
.hero-copy .signal{background:#128973;box-shadow:0 0 0 4px #12897313}
.hero-label{font:600 10px Arial,sans-serif;letter-spacing:.19em;color:#568277;margin:0 0 17px}
.hero h1{color:#142f42;font-size:clamp(39px,4.3vw,61px);line-height:1.4;letter-spacing:-.055em;margin:0;font-weight:800}
.hero h1 em{position:relative;z-index:0;display:inline-block;color:#0d7c69;font-style:normal;background:linear-gradient(transparent 78%,#bcebd9 78%,#bcebd9 94%,transparent 94%)}
.hero-lead{font-size:17px;line-height:1.9;margin-top:23px;font-weight:700;color:#244b56}
.hero-text{color:#647c80;font-size:13px;line-height:1.95;margin-top:13px}
.hero-actions{margin-top:25px;gap:12px}.hero-actions>.button{background:#173f49;color:#fff;box-shadow:0 8px 23px #173f4926;min-height:57px;font-size:13px;padding:16px 23px;gap:28px}
.hero-actions>.button:hover{background:#087567;color:#fff}
.hero-secondary{font-size:12px;color:#416b67;border-bottom:1px solid #a4c7bc;gap:30px}
.hero-secondary:hover{color:#087567}
.hero-reassurance{color:#56716c;font-size:10px;margin-top:13px}
.development-note{color:#5b7475;font-size:10px;gap:8px;line-height:1.8;margin-top:11px}
.development-note>span{border-color:#b4cac2;color:#4a7065;background:#fff}
.hero-visual{align-self:center;min-height:0;height:605px;border-radius:180px 180px 26px 26px;box-shadow:0 22px 45px #173b4221;border:7px solid white;overflow:hidden}
.hero-photo{object-position:48% center}
.hero-visual::after{background:linear-gradient(180deg,#142f4220 0,transparent 32%,#142f4266 100%)}
.photo-heading{top:38px;left:0;right:0;padding:19px 16px;align-items:center;justify-content:center;flex-direction:column;gap:4px;text-shadow:0 2px 9px #122d31;font-size:13px}
.photo-heading span:first-child{font-family:var(--sans);font-size:15px;letter-spacing:.04em}
.photo-heading span:last-child{font-size:9px}
.project-card{left:20px;right:20px;bottom:41px;padding:21px;border-radius:17px;background:#fffffff5;box-shadow:0 9px 30px #122f4230;backdrop-filter:blur(9px)}
.project-symbol{background:#ddf6ed;color:#0a7b67;border-radius:50%;width:39px;height:39px}
.project-heading strong{font-size:17px;color:#173d48}.project-heading small{font-size:9px;color:#50756e}
.project-heading .sample-label{font-size:8px;white-space:nowrap;border:0;background:#f0f5f1;color:#5e776c}
.project-steps{grid-template-columns:repeat(3,1fr);gap:6px;margin-top:17px}.project-steps>span{font-size:9px;gap:5px;padding:9px 4px;border:0;background:#edf6f1;border-radius:7px}
.project-steps b{color:#098773;font-size:10px}.project-bottom{font-size:10px;color:#467267;margin-top:14px}.photo-credit{left:20px;bottom:14px;font-size:8px}
.principle-bar{display:flex;align-items:center;gap:30px;justify-content:space-between;background:white;border:1px solid #d9e5df;border-radius:16px;padding:23px 28px;box-shadow:0 8px 22px #173b4205;font-size:13px}
.principle-bar>span{color:#173f49}.principle-bar>div{font-size:11px;gap:19px;color:#486f62}
.principle-bar>div>span::before{content:"✓";color:#15876e;margin-right:8px}.principle-bar i{display:none}
.section{padding-block:96px}.problems-section{padding-bottom:15px}
.eyebrow{color:#087567;letter-spacing:.15em;font-size:11px}
.section-heading{align-items:flex-end;gap:30px;margin-bottom:36px}
.section-heading h2{font-size:clamp(31px,3.2vw,44px);line-height:1.55;letter-spacing:-.045em}
.section-intro{color:#62797b;line-height:1.9;font-size:13px}
.admin-pressure{border:0;grid-template-columns:1.05fr 1fr;border-radius:22px;background:#f1eae0;margin-bottom:24px;box-shadow:0 6px 26px #193d4906}
.pressure-photo img{min-height:390px}.pressure-copy{padding:36px 43px}.pressure-copy h3{font-size:30px;color:#4e453e}
.pressure-copy .eyebrow{color:#8b6e55}.pressure-copy ul{color:#746356}.pressure-next{color:#537565;border-color:#d8cec0}
.problem-options{gap:12px}.problem-options button{padding:22px;border-radius:15px;border:1px solid #d2e2db;background:white}
.problem-options button[aria-selected=true]{background:#173f49;border-color:#173f49;box-shadow:0 7px 16px #173f4914}
.problem-options button:not([aria-selected=true]) .problem-icon{background:#eef7f2;border:0;color:#087567}
.problem-result{border-radius:20px;box-shadow:0 10px 28px #193d4905}.problem-before{background:#f4f1eb}.problem-after{background:#e1f4e9}
.problem-after::before{background:#173f49;color:white}.problem-result h3{font-size:26px}.problem-result p{font-size:13px}.comparison-label{border-radius:99px}
.other-work{padding-top:15px;font-size:13px}
.service-tabs{gap:0;padding:6px;background:#e8f0ed;border:1px solid #dae5df;border-radius:16px;margin-bottom:20px}
.service-tabs button{border:0;border-radius:11px;background:transparent;padding:18px 17px;color:#4e7268}
.service-tabs button[aria-selected=true]{background:#173f49;color:#fff;box-shadow:0 5px 15px #173f491c}
.service-tabs button>span{color:#5b9884}.service-tabs button[aria-selected=true]>span{color:#a7e9ce}
.service-panel{border-radius:24px;background:#e7f1ec;border:1px solid #d8e5dd;padding:48px;gap:40px;box-shadow:0 12px 32px #193d4905}
.service-panel h3{letter-spacing:-.035em}.service-panel .text-link{font-weight:700;color:#087567}
.approach-section{position:relative;background:#163d48;padding-block:84px;overflow:hidden}
.approach-grid{gap:70px}.approach-grid h2{font-size:37px;line-height:1.6;letter-spacing:-.035em}.approach-grid .eyebrow{color:#8ddcc0}
.approach-list article{gap:22px;padding:28px 0}.approach-list article>span{display:grid;place-items:center;border:1px solid #547c79;border-radius:50%;width:40px;height:40px;font-size:13px;flex:none;color:#a5ebcf}
.approach-list article h3{font-size:20px}.approach-list article p{line-height:1.95;color:#bcd5d0}
.paperwork-photo{max-width:465px;margin-top:30px}.paperwork-photo img{aspect-ratio:16/10;border-radius:18px 70px 18px 18px;object-position:center 46%}
.approach-cta{padding-top:30px;margin-top:42px}.approach-cta .button{padding:16px 24px}
.conversation-card{border-radius:24px;border:1px solid #d6e5dc;box-shadow:0 12px 30px #173b4205}
.conversation-heading{background:#e0f0e5;padding:36px 40px}.conversation-heading h3{font-size:26px;color:#173f49}.conversation-heading>p{color:#4c7365;font-size:13px}.conversation-icon{color:#6baa8f}
.conversation-list{padding:15px 38px}.conversation-list li{padding:27px 0}.conversation-list li>span{border-radius:50%;background:#ecf6ef;width:29px;height:29px;display:grid;place-items:center;flex:none;font-size:11px}
.journey{gap:18px;border:0;margin-top:32px}.journey li{padding:30px!important;background:#fff;border:1px solid #e0e6de;border-radius:18px}.journey .step-number{font:48px Georgia,serif;color:#a8cdb9}.journey h3{font-size:20px}.journey p{font-size:13px}.journey .step-output{border-radius:99px;background:#eef6ef}
.faq-list{border:0}.faq-list details{background:white;border:1px solid #dce6e0;border-radius:13px;padding:0 23px;margin-bottom:10px}
.faq-list details[open]{background:#edf7f1;border-color:#badbc9}.faq-list summary{padding:22px 0;font-size:14px}.faq-list details>p{padding:0 0 22px;font-size:13px}
.roadmap-disclosure{border:1px solid #cee0d7;background:#edf5ef;border-radius:24px;margin-bottom:80px;box-shadow:0 14px 30px #1c594209}
.roadmap-disclosure>.roadmap-heading{padding:27px 36px;border-bottom:1px solid #d6e5db;font-size:14px;gap:18px}.roadmap-disclosure>.roadmap-heading>span{background:#d9eadc;color:#366b4e;padding:5px 11px;border-radius:99px}
.roadmap-disclosure .vision-section{padding:36px;gap:40px}.roadmap-disclosure .vision-copy h2{font-size:33px;line-height:1.6}.vision-section figure img{border-radius:14px;box-shadow:0 12px 24px #173f4910}
.about-section{padding-block:5px 85px;gap:80px}.about-mark{background:#173f49;box-shadow:0 0 0 15px #e4efe8,0 18px 34px #143d4014}.about-section h2{font-size:33px;letter-spacing:-.03em}
.contact-section{background:#163b47;padding-block:85px}
.contact-copy{color:#fff}.contact-copy .eyebrow{color:#9ee1c3}.contact-copy h2{color:#fff;font-size:37px;line-height:1.6}.contact-copy>p:not(.eyebrow){color:#c6dcd6}
.contact-copy .contact-link{color:#fff;border-color:#41636a}.contact-link>small{color:#98c8b8}.contact-copy p.contact-hours{color:#b6d0c9}
.contact-form{border-radius:24px!important;border:0!important;box-shadow:0 20px 45px #081f3533!important;background:#fff;color:#173f49}
.contact-form input,.contact-form select,.contact-form textarea{border-radius:9px;background:#f7faf8;border:1px solid #cbded4}
.contact-form .button-dark{background:#087567}.form-description{color:#597772}.form-status{color:#087567}
.site-footer{padding-block:35px;color:#486a6e}.footer-brand{font-size:27px;letter-spacing:-.045em}.site-footer>p{color:#577274}
.mobile-contact{border-radius:99px;border-color:#c4dbd1;box-shadow:0 5px 24px #123c4329;overflow:hidden}.mobile-contact a:last-child{background:#173f49;color:#fff}
:focus-visible{outline:3px solid #0c9479;outline-offset:5px}
@media(min-width:1600px){.hero{gap:75px}.hero-visual{height:640px}.hero h1{font-size:62px}}
@media(max-width:1100px){.main-nav{gap:15px}.main-nav>a:not(.button){font-size:11px}.nav-contact{font-size:11px!important;padding:13px 16px!important}.hero{gap:32px}.hero h1{font-size:43px}.hero-visual{height:585px;border-radius:140px 140px 23px 23px}.project-card{left:14px;right:14px;padding:15px}.project-heading strong{font-size:15px}.project-heading .sample-label{display:none}.project-steps>span{font-size:8px}.approach-grid{gap:45px}.service-panel{padding:32px;gap:26px}.contact-grid{gap:45px}.contact-copy h2{font-size:31px}.pressure-copy{padding:30px}.pressure-copy h3{font-size:27px}}
@media(max-width:800px){.hero::before{right:0}.header-inner{min-height:75px}.hero{width:calc(100% - 40px);padding-top:35px;gap:25px;grid-template-columns:1fr 1fr}.hero h1{font-size:clamp(29px,4.7vw,38px)}.hero-label{font-size:8px}.hero-copy .eyebrow{font-size:9px;padding:6px 10px;margin-bottom:16px}.hero-lead{font-size:13px;margin-top:20px}.hero-text{font-size:11px}.hero-actions>.button{font-size:10px;padding:14px 16px;gap:12px}.hero-actions>.button>span{width:19px;height:19px}.hero-reassurance{font-size:9px}.development-note{font-size:9px}.hero-visual{height:540px;border-width:5px;border-radius:110px 110px 20px 20px}.photo-heading{top:30px;padding-inline:10px}.photo-heading span:first-child{font-size:12px}.project-card{padding:12px;bottom:35px}.project-heading{gap:7px}.project-heading strong{font-size:12px}.project-heading small{font-size:8px}.project-symbol{width:29px;height:29px}.project-steps{gap:3px;margin-top:12px}.project-steps>span{font-size:7px;padding:6px 2px;gap:3px}.project-steps b{font-size:8px}.project-bottom{font-size:8px}.photo-credit{font-size:7px;left:14px;bottom:11px}.principle-bar{padding:20px;gap:15px;align-items:flex-start}.principle-bar>div{flex-wrap:wrap;gap:8px;font-size:10px}.principle-bar>span{font-size:11px}.section{padding-block:72px}.problems-section{padding-bottom:10px}.pressure-copy{padding:24px}.pressure-copy h3{font-size:22px}.pressure-copy ul{font-size:11px}.pressure-photo img{min-height:360px}.problem-options button{padding:17px 12px}.problem-result h3{font-size:22px}.service-tabs button{padding:14px 10px}.approach-grid h2{font-size:29px}.approach-list article h3{font-size:17px}.contact-copy h2{font-size:27px}.roadmap-disclosure .vision-copy h2{font-size:27px}.about-section h2{font-size:29px}}
@media(max-width:600px){html{scroll-padding-top:88px}.header-inner{width:calc(100% - 36px);min-height:72px}.brand small{font-size:8px}.main-nav.is-open{background:#fff}.hero{display:flex;flex-direction:column;width:calc(100% - 40px);padding:30px 0 28px;gap:30px;margin:0 auto;border-radius:0}.hero::before{width:300px;height:300px;max-width:94%;right:-10px;top:auto;bottom:30px}.hero-copy{width:100%;padding:0}.hero-copy .eyebrow{font-size:10px;padding:6px 12px;margin-bottom:17px}.hero-label{font-size:8px;margin-bottom:15px}.hero h1{font-size:clamp(33px,9.4vw,48px);line-height:1.45;letter-spacing:-.06em}.hero-lead{font-size:14px;line-height:1.9;margin-top:22px}.hero-text{font-size:12px;line-height:1.9;max-width:340px}.hero-actions{margin-top:23px;gap:12px}.hero-actions>.button{font-size:12px;padding:16px 20px;gap:12px;min-height:55px;width:100%}.hero-actions>.button>span{width:24px;height:24px}.hero-secondary{font-size:11px}.hero-reassurance{font-size:9px;line-height:1.9}.development-note{font-size:9px;line-height:1.9;margin-top:11px}.hero-visual{height:440px;min-height:0;width:100%;border-width:5px;border-radius:150px 150px 23px 23px}.hero-photo{object-position:48% center}.photo-heading{top:24px;padding:21px 10px}.photo-heading span:first-child{font-size:13px}.project-card{padding:15px;left:13px;right:13px;bottom:35px}.project-heading strong{font-size:14px}.project-heading small{font-size:9px}.project-symbol{width:34px;height:34px}.project-steps{gap:4px;margin-top:13px}.project-steps>span{font-size:9px;padding:8px 3px;gap:4px}.project-steps b{font-size:9px}.project-bottom{font-size:9px}.photo-credit{font-size:7px;bottom:11px}.principle-bar{display:block;width:calc(100% - 40px);padding:19px 20px;border-radius:14px}.principle-bar>span{font-size:12px;display:block;margin-bottom:10px}.principle-bar>div{display:flex;flex-wrap:wrap;gap:8px 13px;font-size:10px}.principle-bar>div>span::before{margin-right:5px}.section{padding-block:64px}.problems-section{padding-bottom:8px}.section-heading{gap:16px;align-items:flex-start;margin-bottom:27px}.section-heading h2{font-size:29px;line-height:1.6}.section-intro{font-size:13px}.admin-pressure{grid-template-columns:1fr;border-radius:18px;margin-bottom:20px}.pressure-photo img{min-height:0;aspect-ratio:3/2}.pressure-copy{padding:25px}.pressure-copy h3{font-size:26px}.pressure-copy ul{font-size:12px}.pressure-next{font-size:14px}.problem-options button{display:flex;padding:17px;border-radius:13px}.problem-result{border-radius:17px}.problem-result h3{font-size:23px}.problem-result p{font-size:13px}.service-tabs{padding:5px;border-radius:14px;gap:4px}.service-tabs button{padding:13px 10px;font-size:12px;min-height:55px}.service-panel{padding:25px 21px;border-radius:19px;gap:25px}.approach-section{padding-block:60px}.approach-grid{gap:30px}.approach-grid h2{font-size:29px}.approach-list article{gap:16px;padding:24px 0}.approach-list article>span{width:34px;height:34px;font-size:11px}.approach-list article h3{font-size:18px}.paperwork-photo{margin-top:25px}.paperwork-photo img{border-radius:14px 50px 14px 14px}.approach-cta{margin-top:30px}.conversation-card{border-radius:19px}.conversation-heading{padding:26px}.conversation-heading h3{font-size:25px}.conversation-list{padding:6px 24px}.conversation-list li{padding:24px 0}.journey{gap:12px;margin-top:24px}.journey li{padding:25px!important;border-radius:15px}.journey .step-number{font-size:40px}.journey h3{font-size:20px}.faq-list details{padding:0 18px;border-radius:13px}.faq-list summary{font-size:13px;padding:19px 0}.faq-list details>p{font-size:12px}.roadmap-disclosure{border-radius:19px;margin-bottom:58px}.roadmap-disclosure>.roadmap-heading{padding:22px;font-size:12px;gap:10px;display:flex;align-items:flex-start;flex-direction:column}.roadmap-disclosure>.roadmap-heading>span{font-size:10px}.roadmap-disclosure .vision-section{padding:25px 21px;gap:25px}.roadmap-disclosure .vision-copy h2{font-size:29px}.about-section{padding-bottom:65px;gap:35px}.about-mark{max-width:220px;box-shadow:0 0 0 11px #e4efe8,0 12px 28px #143d4014}.about-section h2{font-size:28px}.contact-section{padding-block:62px}.contact-grid{gap:35px}.contact-copy h2{font-size:29px}.contact-copy>p:not(.eyebrow){font-size:13px}.contact-link>span{font-size:20px}.contact-form{border-radius:19px!important}.site-footer{padding-bottom:98px}.mobile-contact a{min-height:48px;font-size:11px}}
@media(max-width:360px){.hero h1{font-size:30px}.hero-copy .eyebrow{font-size:9px}.hero-lead{font-size:12px}.hero-actions>.button{font-size:10px;padding:14px 16px}.hero-visual{height:385px;border-radius:125px 125px 20px 20px}.project-heading strong{font-size:12px}.project-heading small{font-size:8px}.project-card{left:10px;right:10px;padding:12px}.project-steps>span{font-size:7px}.project-steps b{font-size:8px}.project-bottom{font-size:8px}.section-heading h2{font-size:26px}.pressure-copy{padding:22px}.pressure-copy h3{font-size:24px}.problem-result h3{font-size:21px}.service-tabs button{font-size:11px}.contact-copy h2{font-size:27px}.contact-link>span{font-size:17px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}.button:hover{transform:none}}
@media print{.hero::before{display:none}.hero-copy,.hero h1,.hero h1 em,.hero-text,.hero-lead{color:#142f42}.hero-visual{box-shadow:none}.contact-section{background:white}.contact-copy,.contact-copy h2,.contact-copy>p:not(.eyebrow),.contact-copy .contact-link{color:#142f42}}