/* BertanWEB — spacious commerce and mobile direction */
:root{--paper:#fff;--ink:#1a1c1b;--lime:#c6f64a;--line:#e6e9e1;scroll-padding-top:110px}
body{background:#fff;color:var(--ink)}
.announcement{height:35px;background:#eff8dc;color:#3e4b2a;display:flex;align-items:center;justify-content:space-between;padding:0 max(5%,calc((100vw - 1320px)/2));font-size:11px}
.announcement>a{font-weight:600}.announcement>a span{margin-left:12px}
.header{height:86px;background:#fffffff5;backdrop-filter:blur(16px);border-bottom:1px solid #f0f1ec;gap:28px;padding:0 max(5%,calc((100vw - 1320px)/2))}
.brand{width:186px}.desktop-nav{gap:27px}.desktop-nav a{font-size:13px;font-weight:500}.nav-cta{padding:15px 20px;font-size:12px;border-radius:8px;gap:20px}
.button{border-radius:8px;min-height:52px;font-size:13px;padding:17px 22px;letter-spacing:-.1px;gap:26px}.button span{font-size:20px}.white-button{background:#fff;border:1px solid #dadfd2;color:var(--ink)}.white-button:hover{background:#f5f7f0}
.air-hero{padding:0 3.6%;max-width:1600px;overflow:hidden;background:radial-gradient(ellipse at 52% 46%,#f8fcefff 0,#fff 55%)}
.hero-stage{position:relative;min-height:620px;padding:76px 0 58px}
.air-hero .hero-copy{position:relative;z-index:2;max-width:720px;margin:auto;text-align:center;pointer-events:none}
.air-hero .hero-copy a{pointer-events:auto}.intro-pill{display:inline-flex;align-items:center;gap:9px;border:1px solid #e6ebdd;background:white;border-radius:30px;padding:10px 15px;font-size:11px;color:#62704e;letter-spacing:.1px}
.intro-pill .status-dot{background:#9dc52e;box-shadow:none;width:6px;height:6px}
.air-hero h1{font-size:clamp(42px,4.55vw,69px);font-weight:600;line-height:1.12;letter-spacing:-2.8px;margin:25px 0 22px;color:var(--ink)}
.air-hero h1>span.highlight{color:var(--ink);background:linear-gradient(transparent 57%,#d5f78c 57%,#d5f78c 92%,transparent 92%);padding:0 10px;box-decoration-break:clone}
.air-hero .hero-copy>p{font-size:15px;max-width:475px;color:#6b7167;line-height:1.8;margin:0 auto}
.air-hero .hero-actions{justify-content:center;flex-wrap:wrap;gap:12px;margin:28px 0 22px}
.hero-assurances{display:flex;justify-content:center;gap:18px;font-size:10px;color:#738065}.hero-assurances span{white-space:nowrap}
.hero-examples{position:absolute;inset:0;pointer-events:none}.commerce-example{display:block;pointer-events:auto;position:absolute;left:0;top:138px;width:22%;max-width:285px;background:#f7f9f3;border:1px solid #e0e7d7;border-radius:14px;transform:rotate(-7deg);box-shadow:0 20px 40px #46592512;transition:transform .3s}
.commerce-example:hover{transform:rotate(-4deg) translateY(-5px)}.example-browser{display:flex;align-items:center;justify-content:space-between;padding:12px 11px;font-size:8px;background:#fff;border-radius:14px 14px 0 0;color:#929a88}.example-browser>span:first-child{font-size:6px;letter-spacing:1px;color:#b9c2ad}
.commerce-screen{overflow:hidden;background:#eff4f8;height:205px}.commerce-screen img{width:auto;max-width:none;height:100%;object-fit:cover;object-position:left}
.example-caption{display:flex;flex-direction:column;gap:5px;padding:19px;font-size:15px;font-weight:600}.example-caption small{font-size:10px;font-weight:400;color:#7c8671}
.floating-label{position:absolute;display:flex;align-items:center;gap:9px;left:22px;bottom:-25px;background:white;padding:12px 14px;border:1px solid #e4e9dc;border-radius:10px;box-shadow:0 8px 25px #374a1e0b;font-size:9px;white-space:nowrap;transform:rotate(7deg)}.mini-bag{display:grid;place-items:center;width:27px;height:27px;border-radius:8px;background:#ebf8cb;color:#53692c;font-size:16px}
.mobile-example{position:absolute;right:1%;top:77px;transform:rotate(7deg);width:195px}
.phone-frame{background:#fff;border:5px solid #272e25;outline:1px solid #9ca893;border-radius:29px;box-shadow:0 16px 30px #1b271718;overflow:hidden}
.phone-top{display:flex;align-items:center;justify-content:space-between;height:29px;padding:0 13px;font-size:8px;font-weight:700}.phone-camera{width:55px;height:12px;border-radius:20px;background:#272e25}
.phone-content{padding:13px 12px 10px}.app-brand{display:flex;align-items:center;gap:4px;font-size:10px;font-weight:700}.app-brand img{height:19px;width:19px;border-radius:6px}.app-profile{margin-left:auto;width:21px;height:21px;display:grid;place-items:center;background:#f1f4ec;border-radius:50%;font-size:8px;color:#67705e}
.app-welcome{font-size:8px;color:#909887;margin-top:17px}.app-banner{background:#e0f6b0;border-radius:12px;padding:15px 12px;position:relative;overflow:hidden;margin-top:8px}.app-banner>span{font-size:6px;letter-spacing:1px}.app-banner strong{display:block;font-size:22px;letter-spacing:-.8px;line-height:1.12;margin-top:10px;font-weight:600}.app-banner i{font-style:normal;position:absolute;right:9px;bottom:8px;font-size:45px;color:#95b75b;line-height:1}
.app-section-title{display:flex;justify-content:space-between;font-size:10px;font-weight:600;margin:15px 0 9px}.app-section-title span{color:#939d87}.app-tiles{display:grid;grid-template-columns:1fr 1fr;gap:7px}.app-tiles>span{font-size:8px;background:#f4f2f9;border-radius:9px;padding:12px 7px}.app-tiles>span+span{background:#fbf2e7}.app-tiles b{display:block;font-size:21px;font-weight:400;margin-bottom:5px}.app-contact{display:flex;justify-content:space-between;border:1px solid #e7ebe1;border-radius:7px;padding:9px 7px;font-size:7px;margin-top:10px}.app-tabbar{display:flex;justify-content:space-around;border-top:1px solid #f1f3ed;padding:8px 0 11px;text-align:center;color:#8d9784;font-size:15px}.app-tabbar span:first-child{color:#445d20}.app-tabbar small{display:block;font-size:5px;margin-top:3px}
.mobile-example-label{display:block;text-align:center;color:#859175;font-size:8px;margin-top:12px;letter-spacing:.3px}.platform-label{position:absolute;top:113px;right:-17px;padding:10px 12px;background:#fff;box-shadow:0 7px 20px #1b271714;border:1px solid #e4e8de;border-radius:9px;font-size:9px;transform:rotate(-7deg)}
.brand-proof{padding:23px 0 40px;text-align:center;border-top:1px solid #edf0e8;margin:0 2%}.brand-proof>p{font-size:11px;color:#8b9482;margin-bottom:25px}.brand-proof>div{display:flex;justify-content:center;align-items:center;gap:60px;color:#66715e}.brand-proof>div>span{font-weight:700;font-size:24px;letter-spacing:-.8px}.brand-proof .proof-worklink{font-size:22px}.proof-worklink span{font-size:10px;letter-spacing:0;margin-left:2px}.proof-livayi span{font-weight:400}.brand-proof .proof-mentis{font-size:30px;font-weight:400;line-height:.8}.proof-mentis span{display:block;font-size:7px;letter-spacing:1px;margin-top:7px}.proof-bies small{font-size:9px;letter-spacing:2px}.brand-proof>a{display:inline-flex;gap:9px;margin-top:27px;font-size:10px;color:#65704e}
.pricing{background:#f7f9f3;padding:85px max(6%,calc((100vw - 1120px)/2)) 65px;border-top:1px solid #eef2e6}
.pricing-heading{text-align:center;max-width:700px;margin:0 auto 45px}.section-kicker{font-size:10px;letter-spacing:1.8px;font-weight:600;color:#7b8a65}.pricing h2{font-size:clamp(37px,4vw,55px);font-weight:600;line-height:1.13;letter-spacing:-2px;margin:18px 0}.pricing h2 span{color:#7f9169}.pricing-heading>p{color:#78816c;font-size:14px;line-height:1.75}
.pricing-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.price-card{padding:32px;background:white;border:1px solid #e0e6d6;border-radius:18px;scroll-margin-top:20px;display:flex;flex-direction:column}.mobile-price{border-color:#dee1e8}.price-card-top{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-bottom:21px}.price-icon{height:39px;width:39px;border-radius:12px;background:#eff8db;display:grid;place-items:center;font-size:26px;color:#61763f}.mobile-price .price-icon{background:#f0edf7;color:#776487;font-size:35px;line-height:1}.price-badge{color:#83916f;font-size:8px;letter-spacing:1px}.mobile-price .price-badge{color:#8e8199}.price-card h3{font-size:27px;letter-spacing:-.7px;font-weight:600;margin-bottom:10px}.package-intro{color:#7c8275;font-size:13px;line-height:1.7;max-width:340px;min-height:45px}
.price{display:flex;gap:9px;align-items:baseline;margin-top:26px;flex-wrap:wrap}.price strong{font-size:48px;line-height:1;letter-spacing:-2.3px;font-weight:600}.price strong span{font-size:28px;letter-spacing:0;font-weight:400}.price>span{font-size:12px;color:#8b9480}.price-tax{font-size:11px;color:#77816c;margin:12px 0 26px}.price-tax>span{margin:0 6px}.price-card .button{width:100%;justify-content:space-between;font-size:12px}
.package-divider{height:1px;background:#edf0e7;margin:27px 0 24px}.price-card h4{font-size:12px;font-weight:600;margin:0 0 14px}.package-features{list-style:none;padding:0;margin:0 0 24px;display:grid;gap:13px}.package-features li{display:flex;gap:9px;font-size:12px;color:#68735c;line-height:1.5}.package-features li:before{content:'✓';color:#7a9847;font-size:13px}.package-note{margin-top:auto;background:#f8faf5;padding:15px 16px;border-radius:9px;color:#79836d}.package-note strong{font-size:10px;font-weight:600;color:#616e52}.package-note p{font-size:10px;line-height:1.75;margin-top:5px}.mobile-price .package-note{background:#f8f7fa}.pricing-footnote{font-size:11px;text-align:center;line-height:1.7;color:#8b9580;max-width:720px;margin:25px auto 0}.pricing-help{display:flex;justify-content:center;gap:12px;font-size:12px;color:#52673b;margin-top:23px;text-decoration:underline;text-underline-offset:5px}
/* Carry the open, light palette through the existing content. */
.section-light{background:#fff}.services,.projects,.process,.faq{padding-top:85px;padding-bottom:85px}.section-heading h2,.faq h2{font-size:clamp(36px,3.8vw,53px);font-weight:600;letter-spacing:-1.8px}.section-heading .eyebrow{font-size:9px;letter-spacing:1.5px}.services{border-bottom:1px solid #edf0e8}.bracket{color:#c4d7a2}.service-intro h3{font-size:23px}.service-list h3{font-size:20px}.service-list details{border-color:#e6ebde}.service-list details:last-child{border-color:#e6ebde}.service-content p{color:#7a8470}.tags span{border-color:#e2e7da;border-radius:6px}
.section-dark{background:#f9faf6;color:var(--ink)}.section-dark .eyebrow{color:#778765}.section-dark .section-heading>p{color:#818b75}.section-dark .lime{color:#89a853}.project-toolbar{border-color:#e0e6d8}.filters button{border-color:#dce3d4;color:#78816d}.project-card{color:var(--ink)}.project-image{border-radius:12px;padding-top:30px}.project-meta h3{font-size:21px;font-weight:600}.project-meta>span{color:#87917c}.portfolio-instagram{border-color:#dce3d4}.portfolio-instagram>span:first-child{color:#78846a}.portfolio-instagram b{color:#728e44}.academy{background:#f1f7e7;border:0;color:var(--ink)}.academy .eyebrow{color:#7b8b64}.academy h2{font-weight:600;font-size:36px}.academy h2 span{color:#7e9560}.academy p{color:#7a876b}.academy .outline-button{color:var(--ink);border-color:#bdcda8}.steps{gap:30px}.step-icon{color:#8da769}.faq-list details{border-color:#e3e9db}.faq-list details:first-child{border-color:#e3e9db}.contact{background:#f0f8df;border-top:1px solid #e5eecf}.contact h2{font-size:clamp(44px,5vw,68px);font-weight:600;letter-spacing:-2.5px}.brief-form{background:white;border:1px solid #dfe9cf;border-radius:15px;padding:32px}.brief-form input,.brief-form select,.brief-form textarea{background:#fafbf7;border-color:#dfe6d6;border-radius:7px}.brief-form h3{font-weight:600}footer{background:white}
@media(min-width:1500px){.hero-stage{min-height:680px;padding-top:90px}.commerce-example{left:2%;top:160px}.mobile-example{right:3%;top:95px;width:215px}.phone-content{padding:15px}.app-banner strong{font-size:25px}.app-banner{padding:19px 13px}.app-tiles>span{padding:15px 8px}}
@media(max-width:1150px){.header{gap:20px}.desktop-nav{gap:18px}.brand{width:167px}.desktop-nav a{font-size:11px}.nav-cta{font-size:11px;padding:14px 15px;gap:14px}.air-hero .hero-copy{max-width:590px}.air-hero h1{font-size:52px}.hero-stage{min-height:600px;padding-top:65px}.commerce-example{width:20%;top:160px}.commerce-screen{height:165px}.example-caption{padding:16px;font-size:12px}.floating-label{font-size:7px;left:5px;padding:9px}.mobile-example{width:165px;right:0;top:121px}.phone-frame{border-width:4px;border-radius:25px}.phone-content{padding:9px}.app-banner strong{font-size:19px}.app-banner{padding:12px 9px}.app-brand{font-size:9px}.app-welcome{margin-top:10px}.app-tiles>span{padding:9px 7px}.app-tabbar{padding:6px 0 9px}.platform-label{right:-8px;font-size:7px;padding:9px}.hero-assurances{font-size:9px;gap:12px}.brand-proof>div{gap:40px}.price-card{padding:27px}.pricing{padding-left:6%;padding-right:6%}}
@media(max-width:1000px){.desktop-nav{display:none}.header{height:76px}.menu-toggle{display:flex;flex-direction:column;justify-content:center;gap:6px;background:none;width:34px;height:40px;padding:5px}.menu-toggle span{height:2px;width:24px;background:var(--ink)}.nav-cta{margin-left:auto}.mobile-nav:not([hidden]){display:flex;position:absolute;top:75px;left:0;right:0;background:#fff;padding:16px 6% 24px;flex-direction:column;gap:0;border-bottom:1px solid #e1e6d8;box-shadow:0 18px 35px #0001}.mobile-nav a{padding:13px 0;font-size:16px}.hero-examples{position:relative;display:flex;justify-content:center;align-items:center;gap:85px;margin:50px auto 0;height:340px;max-width:650px}.commerce-example{position:relative;top:auto;left:auto;width:280px;max-width:280px;flex-shrink:0}.commerce-screen{height:180px}.mobile-example{position:relative;right:auto;top:auto;width:180px;flex-shrink:0}.hero-stage{padding:50px 0 40px;min-height:0}.air-hero .hero-copy{max-width:680px}.air-hero h1{font-size:57px;letter-spacing:-2.3px}.air-hero .hero-copy>p{font-size:15px;max-width:470px}.hero-assurances{font-size:10px;gap:18px}.brand-proof>div{gap:35px;flex-wrap:wrap}.brand-proof>div>span{font-size:21px}.brand-proof .proof-mentis{font-size:26px}.brand-proof{padding-bottom:35px}.pricing{padding-top:65px}.package-intro{min-height:66px}.price{gap:7px}.price strong{font-size:42px}.price>span{font-size:10px}.price-card .button{font-size:11px;padding:16px}.section-heading h2,.faq h2{font-size:44px}.services,.projects,.process,.faq{padding-top:65px;padding-bottom:65px}}
@media(max-width:650px){.pricing-grid{grid-template-columns:1fr;gap:20px}.price-card{padding:29px}.package-intro{min-height:0}.price{margin-top:23px}.price strong{font-size:46px}.price>span{font-size:12px}.price-card .button{font-size:12px;padding:18px}.pricing-heading>p br{display:none}.hero-assurances{flex-wrap:wrap;gap:9px 15px;font-size:9px}.hero-examples{gap:37px;height:315px;padding:0 14px}.commerce-example{width:210px}.commerce-screen{height:160px}.mobile-example{width:150px}.app-brand{font-size:7px}.app-brand img{height:16px;width:16px}.app-welcome{font-size:6px}.app-banner strong{font-size:17px}.phone-top{font-size:6px;height:25px;padding:0 9px}.phone-camera{width:45px;height:10px}.app-banner>span{font-size:5px}.app-tiles>span{font-size:7px;padding:9px 6px}.app-section-title{font-size:8px;margin-top:12px}.app-contact{font-size:6px}.app-profile{width:17px;height:17px;font-size:7px}.app-tabbar{font-size:13px}.app-tabbar small{font-size:4px}.example-caption{padding:16px;font-size:12px}.brand-proof>div{gap:25px 30px}.brand-proof>div>span{font-size:19px}.brand-proof .proof-worklink{font-size:19px}.brand-proof .proof-mentis{font-size:26px}.brand-proof>a{margin-top:24px}.pricing h2{font-size:43px}.pricing-heading>p{font-size:13px}.pricing-heading{margin-bottom:30px}.pricing{padding:55px 5%}.pricing-footnote{font-size:10px}.pricing-help{font-size:11px}.academy h2{font-size:32px}.contact h2{font-size:52px}}
@media(max-width:520px){:root{scroll-padding-top:92px}.announcement{height:31px;padding:0 5%;font-size:9px}.announcement>a{font-size:9px}.header{height:72px;gap:13px;padding:0 5%}.brand{width:139px}.nav-cta{font-size:10px;padding:12px;gap:11px}.menu-toggle{width:24px;padding:0}.menu-toggle span{width:22px}.mobile-nav:not([hidden]){top:71px}.air-hero{padding:0 5%}.hero-stage{padding-top:38px;padding-bottom:22px}.intro-pill{font-size:9px;gap:7px;padding:9px 12px}.air-hero h1{font-size:clamp(32px,9.6vw,48px);letter-spacing:-1.65px;line-height:1.18;margin:23px 0 19px}.air-hero h1>span.highlight{padding:0 6px}.air-hero .hero-copy>p{font-size:13px;line-height:1.8;max-width:330px}.air-hero .hero-actions{gap:9px;margin:24px 0 18px;flex-wrap:nowrap}.air-hero .hero-actions .button{font-size:10px;padding:14px 13px;gap:12px;min-height:48px}.air-hero .hero-actions .button span{font-size:17px}.hero-assurances{font-size:8px;gap:9px 13px}.hero-examples{gap:24px;height:290px;margin-top:36px;padding:0}.commerce-example{width:51%;max-width:none}.commerce-screen{height:137px}.example-browser{padding:9px 7px;font-size:6px}.example-browser>span:first-child{font-size:5px}.example-caption{padding:13px;font-size:11px}.example-caption small{font-size:8px}.floating-label{left:3px;padding:7px 8px;font-size:6px;gap:6px;bottom:-20px;border-radius:7px}.mini-bag{width:20px;height:20px;border-radius:6px;font-size:12px}.mobile-example{width:134px}.phone-frame{border-width:3px;border-radius:22px}.phone-content{padding:8px}.app-banner{padding:9px 8px}.app-banner strong{font-size:15px}.app-banner i{font-size:33px}.app-welcome{margin-top:9px}.app-section-title{margin:10px 0 7px;font-size:7px}.app-tiles{gap:5px}.app-tiles>span{font-size:6px;padding:8px 5px}.app-tiles b{font-size:17px}.app-contact{font-size:5px;padding:7px 5px;margin-top:8px}.app-tabbar{font-size:12px;padding:6px 0 8px}.app-tabbar small{font-size:4px}.mobile-example-label{font-size:6px;margin-top:9px}.platform-label{top:83px;right:-5px;font-size:6px;padding:8px;border-radius:7px}.brand-proof{padding:22px 0 30px;margin:0}.brand-proof>p{font-size:9px;margin-bottom:25px}.brand-proof>div{gap:24px}.brand-proof>div>span{font-size:17px}.brand-proof .proof-worklink{font-size:17px}.brand-proof .proof-mentis{font-size:22px}.proof-mentis span{font-size:5px}.proof-bies small{font-size:7px}.brand-proof>a{font-size:9px}.section-heading h2,.faq h2{font-size:38px}.services,.projects,.process,.faq{padding:55px 6%}.service-list h3{font-size:18px}.contact h2{font-size:48px}.brief-form{padding:24px}.pricing h2{font-size:39px}.price-card{padding:25px}.price-card h3{font-size:26px}.price-badge{font-size:7px}.pricing-help{text-align:center;line-height:1.6}}
@media(max-width:360px){.brand{width:123px}.nav-cta{padding:11px 9px;font-size:9px;gap:7px}.header{gap:10px}.air-hero .hero-actions .button{font-size:9px;gap:9px;padding:13px 11px}.hero-examples{gap:18px}.mobile-example{width:120px}.commerce-screen{height:125px}.app-banner strong{font-size:14px}.price-card{padding:22px}.price strong{font-size:41px}}
@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}}
.price-tax,.price>span{color:#59634f;font-size:12px}
.package-note,.package-note strong,.package-note p{color:#59634f;font-size:12px}
.pricing-footnote{color:#59634f;font-size:12px}
.client-references{background:#fff;padding:66px 6% 70px;border-bottom:1px solid #edf0e8;scroll-margin-top:5px}
.client-references h2{text-align:center;font-size:23px;line-height:1.4;letter-spacing:-.5px;font-weight:500;color:#56614e}
.client-logos{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:32px 42px;max-width:1000px;padding:0;margin:38px auto 0;list-style:none}
.client-logo{display:flex;align-items:center;justify-content:center;width:calc((100% - 126px)/4);height:92px;overflow:hidden}
.client-logo img{width:auto;height:auto;max-width:175px;max-height:65px;object-fit:contain;filter:brightness(0);opacity:.72}
.client-logo.logo-worklink img{width:250px;height:250px;max-width:none;max-height:none;flex-shrink:0}
@media(max-width:850px){.client-references{padding:50px 6%}.client-logos{gap:25px 30px;max-width:640px}.client-logo{width:calc((100% - 60px)/3);height:80px}.client-logo img{max-width:145px;max-height:57px}.client-logo.logo-worklink img{width:220px;height:220px}}
@media(max-width:520px){.client-references{padding:45px 6% 50px}.client-references h2{font-size:20px;letter-spacing:-.4px}.client-logos{gap:18px 24px;margin-top:24px}.client-logo{width:calc((100% - 24px)/2);height:75px}.client-logo img{max-width:135px;max-height:53px}.client-logo.logo-worklink img{width:205px;height:205px}}
@media(max-width:360px){.client-logo img{max-width:117px}.client-logo.logo-worklink img{width:190px;height:190px}}