:root{
  --bg:#f5f4f0;
  --paper:#ffffff;
  --ink:#0d0d0f;
  --muted:#68686e;
  --line:#deddd7;
  --accent:#d51d2d;
  --dark:#0b0b0c;
  --radius:22px;
  --max:1220px;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:'DM Sans',sans-serif;background:var(--bg);color:var(--ink);overflow-x:hidden}
a{color:inherit;text-decoration:none}button{font:inherit;color:inherit}img{max-width:100%;display:block}
.container{width:min(calc(100% - 48px),var(--max));margin-inline:auto}
.section{padding:110px 0}
.noise{position:fixed;inset:0;pointer-events:none;z-index:50;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.75' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.7'/%3E%3C/svg%3E")}

.header{height:82px;display:flex;align-items:center;position:sticky;top:0;z-index:40;background:rgba(245,244,240,.8);backdrop-filter:blur(16px);border-bottom:1px solid rgba(13,13,15,.07)}
.nav-wrap{display:flex;align-items:center;justify-content:space-between;gap:28px}
.brand{display:flex;align-items:center;gap:11px;font-family:'Manrope',sans-serif;font-weight:700;letter-spacing:-.03em}.brand b{font-weight:500;color:#777}
.brand-mark{width:34px;height:34px;border-radius:10px;background:var(--ink);color:#fff;display:grid;place-items:center;font-weight:800}
.nav{display:flex;gap:32px;align-items:center}.nav a{font-size:14px;color:#45454b;transition:.2s}.nav a:hover{color:var(--accent)}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:0 22px;border-radius:999px;background:var(--ink);color:white;font-weight:600;font-size:14px;border:1px solid var(--ink);transition:.25s}.btn:hover{transform:translateY(-2px);background:var(--accent);border-color:var(--accent)}
.btn-small{min-height:42px;padding:0 18px}.menu-btn{display:none;border:0;background:none;width:42px;height:42px;position:relative}.menu-btn span{position:absolute;left:10px;width:22px;height:1.5px;background:#111}.menu-btn span:first-child{top:16px}.menu-btn span:last-child{top:24px}

.hero{padding-top:90px;min-height:780px;display:flex;align-items:center}.hero-grid{display:grid;grid-template-columns:1.03fr .97fr;gap:70px;align-items:center}
.eyebrow,.kicker{font-size:11px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:#717178}.eyebrow{display:flex;align-items:center;gap:9px;margin-bottom:26px}.eyebrow span{width:24px;height:2px;background:var(--accent)}
.hero h1{font:800 clamp(56px,7vw,100px)/.92 'Manrope',sans-serif;letter-spacing:-.065em;max-width:760px}.hero h1 em,.cta-inner h2 em{font-style:normal;color:var(--accent)}
.hero-copy>p{font-size:18px;line-height:1.7;color:#5f5f65;max-width:650px;margin:30px 0}
.hero-actions{display:flex;align-items:center;gap:28px}.text-link{font-size:14px;font-weight:700;display:inline-flex;align-items:center;gap:8px}.text-link span{font-size:18px;transition:.2s}.text-link:hover span{transform:translate(3px,-3px)}
.hero-stats{display:flex;gap:42px;margin-top:58px;padding-top:28px;border-top:1px solid var(--line)}.hero-stats div{display:flex;flex-direction:column;gap:5px}.hero-stats strong{font:700 22px 'Manrope',sans-serif}.hero-stats span{font-size:12px;color:#76767c}
.hero-visual{position:relative;min-height:520px;display:grid;place-items:center}.browser-card{width:min(100%,560px);background:#111;border-radius:26px;padding:10px;box-shadow:0 35px 80px rgba(0,0,0,.18);transform:rotate(2deg)}
.browser-top{height:40px;background:#1b1b1d;border-radius:18px 18px 8px 8px;display:flex;align-items:center;gap:7px;padding:0 13px;color:#777;font-size:10px}.browser-top i{width:8px;height:8px;border-radius:99px;background:#444}.browser-top span{margin-left:10px}
.mock-content{height:390px;border-radius:8px 8px 18px 18px;background:#efede8;padding:24px;overflow:hidden}.mock-nav{display:flex;justify-content:space-between;font-size:11px}.mock-nav div{display:flex;gap:8px}.mock-nav span{display:block;width:24px;height:2px;background:#aaa}.mock-hero{padding:68px 15px 45px}.mock-hero p{font-size:8px;letter-spacing:.18em;color:#888}.mock-hero h3{font:800 46px/1 'Manrope',sans-serif;letter-spacing:-.055em;margin:12px 0 22px}.mock-hero button{border:0;background:#111;color:#fff;border-radius:99px;font-size:9px;padding:10px 15px}.mock-row{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.mock-row div{height:65px;border-radius:10px;background:#cfcac2}.mock-row div:nth-child(2){background:#d51d2d}.mock-row div:nth-child(3){background:#252525}
.floating-card{position:absolute;background:white;border:1px solid #e3e1dc;box-shadow:0 15px 35px rgba(0,0,0,.09);border-radius:18px;padding:14px 18px;font:800 21px 'Manrope',sans-serif}.floating-card span{font:500 10px 'DM Sans',sans-serif;color:#777}.fc-one{left:-5px;bottom:74px;transform:rotate(-7deg)}.fc-two{right:-5px;top:65px;transform:rotate(6deg)}

.marquee-wrap{background:var(--dark);color:white;overflow:hidden;padding:20px 0;width:100%}.marquee{display:flex;align-items:center;width:max-content;animation:marquee 26s linear infinite;will-change:transform}.marquee-group{display:flex;align-items:center;justify-content:space-around;gap:26px;flex:0 0 auto;width:max-content;min-width:100vw;padding:0 24px;box-sizing:border-box}.marquee span{font:700 12px 'Manrope',sans-serif;letter-spacing:.18em;white-space:nowrap}.marquee b{color:var(--accent);font-size:12px;flex:0 0 auto}@keyframes marquee{to{transform:translateX(-50%)}}@media (prefers-reduced-motion:reduce){.marquee{animation:none;transform:none}}

.section-head{display:grid;grid-template-columns:1fr 400px;justify-content:space-between;align-items:end;gap:40px;margin-bottom:48px}.section-head h2,.services-intro h2{font:700 clamp(36px,4.2vw,58px)/1 'Manrope',sans-serif;letter-spacing:-.05em;margin-top:10px}.section-head p,.services-intro p{color:var(--muted);line-height:1.7;font-size:15px}
.filters{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:28px}.filters button{border:1px solid var(--line);background:transparent;border-radius:999px;padding:10px 15px;font-size:12px;cursor:pointer}.filters button.active,.filters button:hover{background:var(--ink);color:#fff;border-color:var(--ink)}
.product-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px 24px}.product-card{transition:.25s}.product-card.hidden{display:none}.product-preview{height:390px;border-radius:var(--radius);position:relative;overflow:hidden;padding:26px;display:flex;align-items:center;justify-content:center}.tag{position:absolute;top:18px;right:18px;background:rgba(255,255,255,.88);backdrop-filter:blur(8px);font-size:10px;font-weight:700;padding:8px 11px;border-radius:999px}.theme-one{background:#d8d4cd}.theme-two{background:#161616}.theme-three{background:#b7a793}.theme-four{background:#dbe1ec}
.mini-site{width:80%;height:78%;background:#f5f2ec;border-radius:6px;padding:28px;box-shadow:0 20px 50px rgba(0,0,0,.12);transform:rotate(-3deg)}.mini-site .mini-nav{width:100%;height:8px;border-bottom:1px solid #ccc;margin-bottom:50px}.mini-site h3{font:800 44px/.9 'Manrope';letter-spacing:-.07em}.mini-site p{font-size:10px;color:#777;margin:12px 0 22px}.mini-btn{width:76px;height:25px;border-radius:99px;background:#d51d2d}
.mini-shop{width:82%;height:82%;background:#f4f2ed;color:#111;border-radius:8px;padding:22px}.shop-head{font:800 16px 'Manrope';border-bottom:1px solid #ccc;padding-bottom:14px}.shop-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:35px 0 18px}.shop-grid i{height:135px;background:#c7b29a;border-radius:4px}.shop-grid i:nth-child(2){background:#76706a}.shop-grid i:nth-child(3){background:#b34e41}.mini-shop small{font-size:9px;letter-spacing:.2em}
.mini-portfolio{width:78%;height:80%;background:#141414;color:#f4efe9;padding:38px;border-radius:8px;transform:rotate(2deg)}.mini-portfolio small{font-size:8px;color:#9e9e9e}.mini-portfolio h3{font:700 46px/1 'Manrope';letter-spacing:-.05em;margin-top:52px}.mini-portfolio .line{height:1px;background:#555;margin-top:45px}
.mini-saas{width:80%;height:78%;background:#f7f8fb;border-radius:14px;padding:48px 30px;text-align:center;box-shadow:0 20px 55px rgba(60,70,100,.13)}.pill{font-size:8px;display:inline-block;padding:7px 10px;border-radius:99px;background:#e6e8ee}.mini-saas h3{font:800 40px/1.04 'Manrope';letter-spacing:-.055em;margin:26px 0}.saas-btns{display:flex;justify-content:center;gap:8px}.saas-btns i{display:block;width:82px;height:28px;border-radius:99px;background:#111}.saas-btns i:last-child{background:#e2e3e8}
.product-meta{display:flex;justify-content:space-between;gap:20px;margin-top:18px}.product-meta h3{font:700 21px 'Manrope';letter-spacing:-.03em}.product-meta p{font-size:12px;color:#777;margin-top:4px}.product-meta strong{font-size:16px}.product-action{margin-top:14px;width:100%;display:flex;justify-content:space-between;background:transparent;border:0;border-top:1px solid var(--line);padding-top:14px;font-size:12px;font-weight:600;cursor:pointer;color:#5b5b61}.product-action:hover{color:var(--accent)}

.work-section{background:#111;color:white}.work-section .section-head p{color:#939398}.work-section .kicker{color:#8b8b90}.work-list{display:flex;flex-direction:column;gap:100px}.work-item{display:grid;grid-template-columns:1.25fr .75fr;gap:70px;align-items:center}.work-item.reverse{grid-template-columns:.75fr 1.25fr}.work-item.reverse .work-image{order:2}.work-image{height:500px;border-radius:24px;position:relative;overflow:hidden;padding:26px}.work-image>span{position:absolute;right:24px;top:20px;font:600 11px 'Manrope';opacity:.55}.work-a{background:#bfc9c1;color:#101010}.work-b{background:#e9e2d5;color:#181818}.work-c{background:#22252c;color:#fff}.work-ui{height:100%;display:flex;flex-direction:column;justify-content:center;padding:38px}.work-ui b,.work-ui small{font-size:9px;letter-spacing:.18em;opacity:.7}.work-ui h3{font:800 clamp(44px,5vw,76px)/.92 'Manrope';letter-spacing:-.065em;margin-top:12px}.work-ui.center{text-align:center;align-items:center}.work-info span{font-size:10px;text-transform:uppercase;letter-spacing:.16em;color:#777}.work-info h3{font:700 36px 'Manrope';letter-spacing:-.04em;margin-top:8px}.work-info p{color:#aaa;line-height:1.7;margin:24px 0 28px;max-width:420px}.work-info a{font-size:12px;font-weight:700;border-bottom:1px solid #555;padding-bottom:6px}.work-info a:hover{color:#ff4455}

.services-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:90px}.services-intro{position:sticky;top:130px;height:max-content}.services-intro p{max-width:440px;margin:24px 0 28px}.service-list{border-top:1px solid var(--line)}.service{display:grid;grid-template-columns:45px 1fr 30px;gap:16px;align-items:start;border-bottom:1px solid var(--line);padding:28px 0}.service>span{font-size:10px;color:#999}.service h3{font:700 21px 'Manrope';letter-spacing:-.025em}.service p{font-size:13px;color:#777;margin-top:8px}.service b{font-size:20px;font-weight:400;transition:.2s}.service:hover b{transform:translate(3px,-3px);color:var(--accent)}

.cta-section{background:var(--accent);color:white;padding:100px 0}.cta-inner{display:grid;grid-template-columns:1.15fr .85fr;gap:80px;align-items:end}.kicker.light{color:rgba(255,255,255,.65)}.cta-inner h2{font:800 clamp(48px,6vw,84px)/.93 'Manrope';letter-spacing:-.06em;margin-top:14px}.cta-inner h2 em{color:#151515}.cta-side p{line-height:1.7;color:rgba(255,255,255,.8);margin-bottom:24px}.btn-light{background:white;color:#111;border-color:white}.btn-light:hover{background:#111;border-color:#111;color:white}
footer{background:#0b0b0c;color:white;padding:70px 0 28px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1.3fr;gap:50px}.footer-brand{margin-bottom:18px}.footer-grid>div:first-child p{color:#777;max-width:270px;line-height:1.6;font-size:13px}.footer-grid h4{font-size:11px;text-transform:uppercase;letter-spacing:.14em;color:#666;margin-bottom:17px}.footer-grid>div:not(:first-child){display:flex;flex-direction:column;gap:11px}.footer-grid a,.footer-grid span{font-size:13px;color:#b1b1b5}.footer-grid a:hover{color:white}.copyright{border-top:1px solid #232325;margin-top:60px;padding-top:22px;display:flex;justify-content:space-between}.copyright span,.copyright a{font-size:11px;color:#666}

.modal{position:fixed;inset:0;display:grid;place-items:center;z-index:100;opacity:0;pointer-events:none;transition:.25s}.modal.open{opacity:1;pointer-events:auto}.modal-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.62);backdrop-filter:blur(8px)}.modal-card{position:relative;width:min(92%,520px);background:#f6f5f1;border-radius:24px;padding:38px;transform:translateY(18px);transition:.25s}.modal.open .modal-card{transform:translateY(0)}.modal-close{position:absolute;right:18px;top:14px;border:0;background:none;font-size:30px;cursor:pointer}.modal-card h3{font:700 36px 'Manrope';letter-spacing:-.04em;margin:12px 0}.modal-card>p{color:#666;line-height:1.6}.modal-card ul{list-style:none;margin:24px 0}.modal-card li{font-size:13px;padding:10px 0;border-bottom:1px solid #ddd}.modal-card li:before{content:'✓';color:var(--accent);margin-right:8px;font-weight:700}

.reveal{opacity:0;transform:translateY(24px);transition:opacity .7s ease,transform .7s ease}.reveal.in{opacity:1;transform:translateY(0)}.delay-1{transition-delay:.12s}

@media(max-width:960px){
  .section{padding:86px 0}.hero{padding-top:65px;min-height:auto}.hero-grid{grid-template-columns:1fr;gap:50px}.hero-visual{min-height:460px}.section-head{grid-template-columns:1fr;align-items:start}.product-grid{gap:34px 18px}.product-preview{height:330px}.work-item,.work-item.reverse{grid-template-columns:1fr;gap:30px}.work-item.reverse .work-image{order:0}.work-image{height:430px}.services-grid{grid-template-columns:1fr;gap:50px}.services-intro{position:static}.cta-inner{grid-template-columns:1fr;gap:40px}.footer-grid{grid-template-columns:2fr 1fr 1fr}.footer-grid>div:last-child{grid-column:2/4}.desktop-cta{display:none}.nav{position:fixed;left:24px;right:24px;top:94px;background:#0e0e10;color:white;border-radius:20px;padding:24px;display:flex;flex-direction:column;align-items:flex-start;gap:20px;opacity:0;pointer-events:none;transform:translateY(-8px);transition:.2s}.nav.open{opacity:1;pointer-events:auto;transform:none}.nav a{color:#ddd;font-size:16px}.menu-btn{display:block}
}
@media(max-width:650px){
  .container{width:min(calc(100% - 30px),var(--max))}.header{height:72px}.hero{padding-top:45px}.hero h1{font-size:54px}.hero-copy>p{font-size:16px}.hero-actions{align-items:flex-start;flex-direction:column}.hero-stats{gap:18px;justify-content:space-between}.hero-stats strong{font-size:18px}.hero-stats span{font-size:10px}.hero-visual{min-height:360px}.browser-card{width:95%}.mock-content{height:300px}.mock-hero{padding:45px 8px 28px}.mock-hero h3{font-size:36px}.fc-one{left:0;bottom:22px}.fc-two{right:0;top:30px}.section-head{margin-bottom:34px}.product-grid{grid-template-columns:1fr}.product-preview{height:330px}.work-list{gap:70px}.work-image{height:350px}.work-ui{padding:14px}.work-ui h3{font-size:48px}.footer-grid{grid-template-columns:1fr 1fr}.footer-grid>div:first-child{grid-column:1/3}.footer-grid>div:last-child{grid-column:auto}.copyright{gap:20px;align-items:flex-start;flex-direction:column}.modal-card{padding:30px 24px}
}

/* Multi-page additions */
.nav-actions{display:flex;align-items:center;gap:14px}.icon-link{font-size:12px;font-weight:700;display:inline-flex;align-items:center;gap:7px}.cart-count{min-width:19px;height:19px;padding:0 5px;border-radius:99px;background:var(--accent);color:#fff;display:grid;place-items:center;font-size:9px}.btn-outline{background:transparent;color:var(--ink);border-color:#b8b7b1}.btn-outline:hover{color:#fff}.wide{width:100%}.center-action{display:flex;justify-content:center;margin-top:52px}.dark-action{margin-top:70px}.card-actions{display:grid;grid-template-columns:1fr auto;gap:18px;align-items:center;border-top:1px solid var(--line);margin-top:14px;padding-top:14px}.card-actions .product-action{border:0;margin:0;padding:0;text-align:left}.quick-add{border:0;background:transparent;font-size:11px;font-weight:700;cursor:pointer;color:#777}.quick-add:hover{color:var(--accent)}

.page-hero{padding:110px 0 72px}.page-hero .container{max-width:1220px}.page-hero h1{font:800 clamp(62px,9vw,128px)/.87 'Manrope',sans-serif;letter-spacing:-.075em;margin:18px 0 30px}.page-hero h1 em{font-style:normal;color:var(--accent)}.page-hero p{max-width:640px;color:var(--muted);font-size:18px;line-height:1.7}.page-hero.compact{padding-bottom:28px}.page-hero.compact h1{font-size:clamp(58px,7vw,94px)}.dark-hero{background:#111;color:#fff}.dark-hero p{color:#9b9ba0}.dark-hero .kicker{color:#85858b}.page-section{padding-top:46px}.catalog-toolbar{display:flex;align-items:flex-start;justify-content:space-between;gap:30px;margin-bottom:28px}.catalog-toolbar .filters{margin:0}.catalog-note{font-size:11px;color:#85858b;padding-top:10px}.slim-cta{background:var(--accent);color:#fff;padding:55px 0}.slim-cta .container{display:flex;justify-content:space-between;align-items:center;gap:30px}.slim-cta h2{font:700 clamp(28px,4vw,46px) 'Manrope';letter-spacing:-.045em}

.theme-five{background:#c8d2ce}.theme-six{background:#d7c8b5}.mini-finance{width:80%;height:78%;border-radius:10px;background:#edf1ef;padding:34px;box-shadow:0 18px 45px rgba(0,0,0,.12);transform:rotate(-2deg)}.mini-finance small{font-size:8px;letter-spacing:.16em}.mini-finance h3{font:800 39px/.98 'Manrope';letter-spacing:-.05em;margin:44px 0 28px}.finance-lines{display:grid;gap:8px}.finance-lines i{display:block;height:7px;border-radius:99px;background:#acb9b4}.finance-lines i:nth-child(2){width:77%}.finance-lines i:nth-child(3){width:48%;background:var(--accent)}.mini-home{width:80%;height:80%;background:#f2ece5;padding:25px;border-radius:9px;transform:rotate(2deg)}.mini-home b{font:700 12px 'Manrope';letter-spacing:.08em}.home-art{height:160px;margin:28px 0 18px;border-radius:5px;background:linear-gradient(135deg,#8f715d 0 43%,#d2b28f 43% 67%,#5b514b 67%)}.mini-home p{font:700 16px 'Manrope'}

.product-detail{padding-top:76px}.product-detail-grid{display:grid;grid-template-columns:1.12fr .88fr;gap:70px;align-items:center}.detail-preview{height:650px;border-radius:30px;display:flex;align-items:center;justify-content:center;padding:50px}.detail-preview .mini-site,.detail-preview .mini-shop,.detail-preview .mini-portfolio,.detail-preview .mini-saas,.detail-preview .mini-finance,.detail-preview .mini-home{width:80%;height:78%;max-width:520px}.detail-info h1{font:800 clamp(48px,5vw,72px)/.95 'Manrope';letter-spacing:-.06em;margin:14px 0}.detail-lead{font-size:17px;color:var(--muted)}.price-row{display:flex;align-items:end;gap:14px;margin:32px 0;padding:24px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.price-row strong{font:800 34px 'Manrope'}.price-row span{font-size:11px;color:#888;padding-bottom:5px}.feature-check{list-style:none;display:grid;gap:12px;margin:28px 0}.feature-check li{font-size:13px;color:#54545a}.feature-check li:before{content:'✓';display:inline-grid;place-items:center;width:20px;height:20px;border-radius:99px;background:#e8e6e0;color:var(--accent);font-weight:800;margin-right:10px}.detail-actions{display:flex;gap:10px;flex-wrap:wrap}.secure-note{font-size:10px;color:#8b8b90;margin-top:18px}.soft-section{background:#ebeae5}.info-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.info-cards article{background:#f7f6f2;border-radius:20px;padding:30px;min-height:220px}.info-cards span{font-size:10px;color:#999}.info-cards h3{font:700 24px 'Manrope';letter-spacing:-.035em;margin:45px 0 12px}.info-cards p{font-size:13px;color:#777;line-height:1.65}

.work-page{padding-top:0}.portfolio-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}.portfolio-card{height:440px;border-radius:26px;padding:28px;display:flex;flex-direction:column;justify-content:space-between;color:#111;overflow:hidden;transition:.28s}.portfolio-card.large{grid-column:span 2;height:590px}.portfolio-card:hover{transform:translateY(-5px)}.portfolio-card>span{font-size:9px;letter-spacing:.15em;opacity:.66}.portfolio-card h2{font:800 clamp(38px,5vw,68px)/.95 'Manrope';letter-spacing:-.06em}.portfolio-card p{font-size:12px;margin-top:8px;opacity:.65}.work-c,.work-d{color:#fff}.work-d{background:#453e6b}.work-e{background:#d2c7bb}

.project-detail.dark{background:#111;color:#fff;padding:105px 0}.project-top{display:grid;grid-template-columns:1.15fr .85fr;gap:80px;align-items:end;margin-bottom:55px}.project-top .kicker{color:#888}.project-top h1{font:800 clamp(62px,8vw,118px)/.9 'Manrope';letter-spacing:-.07em;margin-top:12px}.project-top p{font-size:17px;line-height:1.7;color:#a2a2a7;max-width:520px}.project-cover{height:650px;border-radius:30px;padding:55px;display:flex;align-items:center;justify-content:center;color:#111}.project-mock{width:86%;height:76%;background:#f1f0ec;border-radius:12px;padding:55px;box-shadow:0 28px 70px rgba(0,0,0,.18)}.project-mock small{font-size:9px;letter-spacing:.18em}.project-mock h2{font:800 clamp(52px,6vw,86px)/.9 'Manrope';letter-spacing:-.065em;margin:70px 0 50px}.project-search{height:54px;border-radius:99px;background:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 20px;font-size:12px;color:#777}.project-search b{width:34px;height:34px;border-radius:99px;background:#111;color:#fff;display:grid;place-items:center}.case-grid{display:grid;grid-template-columns:.65fr 1.35fr;gap:100px}.case-grid aside dl{margin-top:28px}.case-grid aside dl div{padding:16px 0;border-bottom:1px solid var(--line)}.case-grid dt{font-size:10px;color:#888;margin-bottom:4px}.case-grid dd{font-size:13px}.case-grid article h2{font:700 clamp(38px,5vw,64px)/1 'Manrope';letter-spacing:-.05em;margin-bottom:30px}.case-grid article p{font-size:16px;line-height:1.8;color:#67676d;max-width:700px;margin-bottom:18px}.case-gallery{display:grid;grid-template-columns:1.25fr .75fr;gap:20px}.case-shot{height:520px;border-radius:26px;display:grid;place-items:center}.shot-a{background:#161616;color:#fff}.shot-ui{width:70%;height:68%;border:1px solid #3a3a3a;border-radius:12px;padding:38px;display:flex;flex-direction:column;justify-content:space-between}.shot-ui b{font-size:11px;color:#666}.shot-ui h3{font:800 56px/.95 'Manrope';letter-spacing:-.06em}.shot-b{background:#c1cbc4}.phone-ui{width:220px;height:410px;background:#f5f4f0;border:9px solid #111;border-radius:34px;padding:32px 20px;box-shadow:0 20px 50px rgba(0,0,0,.18)}.phone-ui span{display:block;width:40px;height:5px;border-radius:99px;background:#aaa;margin:auto}.phone-ui h3{font:800 38px/.95 'Manrope';letter-spacing:-.05em;margin:60px 0 40px}.phone-ui i{display:block;height:38px;border-radius:10px;background:#d8d5ce;margin-top:8px}.phone-ui i:last-child{background:var(--accent)}.next-project{background:#111;color:#fff;padding:34px 0}.next-project .container{display:flex;justify-content:space-between;align-items:center}.next-project span{font-size:11px;color:#777}.next-project a{font:700 19px 'Manrope'}.next-project b{color:var(--accent)}

.service-page-list{border-top:1px solid var(--line)}.service-page-list article{display:grid;grid-template-columns:60px 1fr 130px;gap:25px;padding:55px 0;border-bottom:1px solid var(--line);align-items:start}.service-page-list>article>span{font-size:10px;color:#999}.service-page-list h2{font:700 clamp(32px,4vw,52px) 'Manrope';letter-spacing:-.045em}.service-page-list p{color:#777;line-height:1.7;max-width:670px;margin:15px 0 20px}.service-page-list ul{display:flex;gap:8px;flex-wrap:wrap;list-style:none}.service-page-list li{font-size:10px;border:1px solid var(--line);border-radius:99px;padding:7px 10px}.service-page-list>a,.service-page-list article>a{font-size:12px;font-weight:700}.process-section{background:#111;color:#fff;padding:100px 0}.process-section .section-head p{color:#888}.process-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #29292b}.process-grid article{padding:30px 24px 20px;border-right:1px solid #29292b;min-height:250px}.process-grid article:first-child{padding-left:0}.process-grid b{font-size:10px;color:#666}.process-grid h3{font:700 24px 'Manrope';margin:75px 0 12px}.process-grid p{font-size:13px;color:#8f8f94;line-height:1.65}

.about-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:100px;align-items:center}.about-art{height:620px}.portrait-abstract{height:100%;border-radius:28px;background:#151515;color:#fff;display:flex;flex-direction:column;justify-content:space-between;padding:35px;overflow:hidden}.portrait-abstract span{font:800 390px/.75 'Manrope';letter-spacing:-.12em;color:var(--accent);transform:translateX(-25px)}.portrait-abstract small{font-size:9px;letter-spacing:.16em;color:#6f6f74}.about-copy h2{font:700 clamp(38px,5vw,66px)/1 'Manrope';letter-spacing:-.055em;margin:14px 0 30px}.about-copy>p{font-size:16px;color:#68686e;line-height:1.8;margin-bottom:18px}.about-stats{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);margin-top:42px;padding-top:24px}.about-stats strong{display:block;font:800 26px 'Manrope'}.about-stats span{font-size:10px;color:#888}.values-section{background:var(--accent);color:#fff;padding:100px 0}.values-section .kicker{color:rgba(255,255,255,.6)}.values-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.values-grid article{border:1px solid rgba(255,255,255,.2);border-radius:22px;padding:28px;min-height:270px}.values-grid span{font-size:10px;color:rgba(255,255,255,.55)}.values-grid h3{font:700 28px 'Manrope';margin:80px 0 12px}.values-grid p{font-size:13px;line-height:1.65;color:rgba(255,255,255,.75)}

.contact-page{padding:105px 0}.contact-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:90px}.contact-copy{position:sticky;top:130px;height:max-content}.contact-copy h1{font:800 clamp(60px,8vw,108px)/.88 'Manrope';letter-spacing:-.075em;margin:16px 0 28px}.contact-copy h1 em{font-style:normal;color:var(--accent)}.contact-copy>p{color:#6d6d72;line-height:1.7;max-width:450px}.contact-lines{display:grid;gap:18px;margin-top:44px}.contact-lines div{display:flex;flex-direction:column;gap:5px}.contact-lines span{font-size:9px;text-transform:uppercase;letter-spacing:.15em;color:#999}.contact-lines a,.contact-lines b{font-size:13px}.contact-form,.auth-form,.checkout-form{background:#fff;border:1px solid #e2e0da;border-radius:26px;padding:34px;display:grid;gap:18px}.contact-form label,.auth-form label,.checkout-form label{font-size:11px;font-weight:700;display:grid;gap:8px}.contact-form input,.contact-form select,.contact-form textarea,.auth-form input,.checkout-form input{width:100%;border:1px solid #deddd7;background:#f8f7f4;border-radius:12px;padding:15px 14px;outline:none;font:500 13px 'DM Sans'}.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus,.auth-form input:focus,.checkout-form input:focus{border-color:#888}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.form-note{font-size:10px;color:#999;line-height:1.5}

.auth-page{min-height:100vh;display:grid;grid-template-columns:1fr 1fr}.auth-panel{background:#111;color:#fff;padding:46px;display:flex;flex-direction:column;justify-content:space-between}.auth-panel .brand b{color:#777}.auth-copy{max-width:560px;margin:auto 0 12vh}.auth-copy .kicker{color:#74747a}.auth-copy h1{font:800 clamp(50px,6vw,82px)/.94 'Manrope';letter-spacing:-.06em;margin:14px 0 22px}.auth-copy p{color:#8d8d92;line-height:1.7;max-width:460px}.auth-form-wrap{display:grid;place-items:center;padding:40px}.auth-form{width:min(100%,470px);border:0;background:transparent;padding:0}.auth-form h2{font:700 34px 'Manrope';letter-spacing:-.04em;margin-bottom:12px}.auth-form input{background:#fff}.check-line{display:flex!important;grid-template-columns:auto 1fr!important;align-items:center;gap:8px!important;font-weight:500!important;color:#777}.check-line input{width:16px;height:16px}.form-between{display:flex;justify-content:space-between;align-items:center}.form-between>a,.auth-switch a{color:var(--accent);font-weight:700}.form-between>a{font-size:11px}.auth-switch{text-align:center;font-size:12px;color:#777;margin-top:8px}.auth-switch a{margin-left:4px}

.cart-layout{display:grid;grid-template-columns:1.4fr .6fr;gap:50px;align-items:start}.cart-list{display:grid;gap:12px}.cart-empty{border:1px dashed #cac9c3;border-radius:22px;padding:55px;text-align:center}.cart-empty h3{font:700 26px 'Manrope';margin-bottom:8px}.cart-empty p{font-size:13px;color:#777;margin-bottom:22px}.cart-item{display:grid;grid-template-columns:130px 1fr auto;gap:22px;align-items:center;background:#fff;border:1px solid #e2e0da;border-radius:20px;padding:14px}.cart-thumb{height:105px;border-radius:12px}.cart-item h3{font:700 18px 'Manrope'}.cart-item p{font-size:11px;color:#888;margin-top:4px}.cart-item-right{text-align:right;display:grid;gap:12px}.cart-item-right strong{font-size:15px}.remove-item{border:0;background:none;color:#999;font-size:10px;cursor:pointer}.remove-item:hover{color:var(--accent)}.order-summary{position:sticky;top:110px;background:#111;color:#fff;border-radius:24px;padding:28px}.order-summary .kicker{color:#74747a}.summary-line,.summary-total{display:flex;justify-content:space-between;gap:20px}.summary-line{font-size:12px;color:#aaa;padding:18px 0;border-bottom:1px solid #29292b}.summary-line strong{color:#fff}.summary-total{align-items:end;padding:24px 0}.summary-total span{font-size:12px}.summary-total strong{font:800 28px 'Manrope'}.continue-link{display:block;text-align:center;font-size:11px;color:#999;margin-top:16px}

.checkout-page{min-height:100vh;padding:32px 0 70px}.checkout-head{display:flex;justify-content:space-between;align-items:center;padding-bottom:28px;border-bottom:1px solid var(--line)}.checkout-head>a:last-child{font-size:11px;color:#777}.checkout-grid{display:grid;grid-template-columns:1fr .7fr;gap:70px;padding-top:55px}.checkout-form{border:0;background:transparent;padding:0}.checkout-form h1{font:800 clamp(42px,5vw,64px)/1 'Manrope';letter-spacing:-.055em;margin:10px 0 22px}.payment-box{border:1px solid var(--line);border-radius:16px;padding:18px;background:#fff}.payment-box div{display:flex;justify-content:space-between;gap:20px}.payment-box span{font-size:11px;color:#777}.payment-box b{font-size:11px}.payment-box p{font-size:10px;color:#999;line-height:1.5;margin-top:12px}.checkout-summary{background:#111;color:#fff;border-radius:24px;padding:28px;height:max-content;position:sticky;top:30px}.checkout-summary .kicker{color:#777}.checkout-order-item{display:flex;justify-content:space-between;gap:20px;padding:15px 0;border-bottom:1px solid #29292b}.checkout-order-item span{font-size:12px;color:#b2b2b7}.checkout-order-item strong{font-size:12px}.checkout-summary .summary-total{border-top:0}

.legal-copy{max-width:780px}.legal-copy h2{font:700 27px 'Manrope';letter-spacing:-.03em;margin:34px 0 10px}.legal-copy h2:first-child{margin-top:0}.legal-copy p{font-size:15px;line-height:1.8;color:#6b6b71}.toast{position:fixed;right:24px;bottom:24px;background:#111;color:#fff;border-radius:14px;padding:14px 18px;z-index:200;font-size:12px;box-shadow:0 15px 45px rgba(0,0,0,.22);transform:translateY(20px);opacity:0;pointer-events:none;transition:.25s}.toast.show{transform:none;opacity:1}.toast.success:before{content:'✓';color:#ff5968;margin-right:8px;font-weight:800}

@media(max-width:960px){
  .nav-actions .icon-link{display:none}.product-detail-grid,.project-top,.case-grid,.about-grid,.contact-grid,.cart-layout,.checkout-grid{grid-template-columns:1fr}.detail-preview{height:530px}.portfolio-grid{grid-template-columns:1fr}.portfolio-card.large{grid-column:auto;height:440px}.project-cover{height:520px;padding:30px}.case-gallery{grid-template-columns:1fr}.case-shot{height:430px}.service-page-list article{grid-template-columns:45px 1fr}.service-page-list article>a{grid-column:2}.process-grid{grid-template-columns:1fr 1fr}.about-art{height:490px}.contact-copy{position:static}.order-summary,.checkout-summary{position:static}.auth-page{grid-template-columns:1fr}.auth-panel{min-height:340px}.auth-copy{margin:80px 0 0}.footer-grid{grid-template-columns:2fr 1fr 1fr}.footer-grid>div:last-child{grid-column:2/4}
}
@media(max-width:650px){
  .page-hero{padding:75px 0 46px}.page-hero h1{font-size:62px}.page-hero p{font-size:15px}.catalog-toolbar{display:block}.catalog-note{margin-top:12px}.slim-cta .container{align-items:flex-start;flex-direction:column}.product-detail{padding-top:40px}.detail-preview{height:380px;padding:24px}.detail-preview .mini-site,.detail-preview .mini-shop,.detail-preview .mini-portfolio,.detail-preview .mini-saas,.detail-preview .mini-finance,.detail-preview .mini-home{width:92%;height:82%}.detail-actions{display:grid}.info-cards,.values-grid{grid-template-columns:1fr}.portfolio-card,.portfolio-card.large{height:350px}.project-detail.dark{padding:70px 0}.project-top{gap:30px}.project-cover{height:370px;padding:18px}.project-mock{width:96%;height:80%;padding:28px}.project-mock h2{margin:45px 0 35px}.case-grid{gap:45px}.case-gallery{gap:12px}.case-shot{height:350px}.service-page-list article{grid-template-columns:32px 1fr;padding:40px 0}.process-grid{grid-template-columns:1fr}.process-grid article{border-right:0;border-bottom:1px solid #29292b;padding:25px 0;min-height:190px}.process-grid h3{margin-top:55px}.about-art{height:390px}.portrait-abstract span{font-size:270px}.about-stats{gap:12px}.contact-page{padding:70px 0}.contact-grid{gap:50px}.contact-form,.checkout-form{padding:0;border:0;background:transparent}.form-row{grid-template-columns:1fr}.auth-panel{padding:28px}.auth-form-wrap{padding:42px 24px}.cart-item{grid-template-columns:90px 1fr}.cart-thumb{height:80px}.cart-item-right{grid-column:2;text-align:left;display:flex;align-items:center;justify-content:space-between}.checkout-page{padding-top:22px}.checkout-grid{gap:45px}.footer-grid{grid-template-columns:1fr 1fr}.footer-grid>div:first-child{grid-column:1/3}.footer-grid>div:last-child{grid-column:auto}
}
.disabled{opacity:.45;pointer-events:none}.order-success{padding:35px 0}.order-success h1{font:800 58px/.95 'Manrope';letter-spacing:-.055em;margin:12px 0 18px}.order-success p{color:#777;line-height:1.7;max-width:560px;margin-bottom:24px}


/* =========================================================
   PESA Studio — Theme & Language Controls
   ========================================================= */
html{color-scheme:light}
html[data-theme="dark"]{color-scheme:dark}
body,.header,.contact-form,.auth-form,.checkout-form,.cart-item,.payment-box,.soft-section,.info-cards article,.floating-card,.filters button,.product-action,.legal-copy p,.about-copy>p,.contact-copy>p,.hero-copy>p,.section-head p,.services-intro p,.product-meta p,.checkout-head>a:last-child{transition:background-color .28s ease,color .28s ease,border-color .28s ease,box-shadow .28s ease}

.site-preferences{
  display:flex;align-items:center;gap:7px;padding:4px;border:1px solid var(--line);
  background:rgba(255,255,255,.72);backdrop-filter:blur(14px);border-radius:999px;
  box-shadow:0 8px 26px rgba(20,20,25,.06)
}
.site-preferences-floating{position:fixed;top:24px;right:24px;z-index:120}
.theme-toggle,.language-toggle button{
  border:0;background:transparent;cursor:pointer;height:34px;min-width:34px;border-radius:999px;
  display:grid;place-items:center;font:700 11px 'DM Sans',sans-serif;transition:.2s
}
.theme-toggle{font-size:15px}
.theme-toggle:hover,.language-toggle button:hover{background:rgba(0,0,0,.06)}
.language-toggle{display:flex;align-items:center;gap:2px}
.language-toggle button{padding:0 10px;color:var(--muted)}
.language-toggle button.active{background:var(--ink);color:var(--paper)}
html[data-theme="dark"] .site-preferences{
  background:rgba(18,18,21,.82);border-color:#2a2a30;box-shadow:0 12px 34px rgba(0,0,0,.28)
}
html[data-theme="dark"] .theme-toggle:hover,
html[data-theme="dark"] .language-toggle button:hover{background:rgba(255,255,255,.08)}
html[data-theme="dark"] .language-toggle button.active{background:#f5f5f6;color:#0b0b0d}

/* Dark theme */
html[data-theme="dark"]{
  --bg:#09090b;
  --paper:#141417;
  --ink:#f5f5f6;
  --muted:#a1a1aa;
  --line:#2a2a30;
  --accent:#ff4053;
  --dark:#050506;
}
html[data-theme="dark"] body{background:var(--bg);color:var(--ink)}
html[data-theme="dark"] .noise{opacity:.055}
html[data-theme="dark"] .header{
  background:rgba(9,9,11,.78);
  border-bottom-color:rgba(255,255,255,.08)
}
html[data-theme="dark"] .brand b{color:#8f8f98}
html[data-theme="dark"] .brand-mark{background:#f5f5f6;color:#0a0a0c}
html[data-theme="dark"] .nav a{color:#c1c1c8}
html[data-theme="dark"] .menu-btn span{background:#f5f5f6}
html[data-theme="dark"] .hero-copy>p,
html[data-theme="dark"] .section-head p,
html[data-theme="dark"] .services-intro p,
html[data-theme="dark"] .page-hero p,
html[data-theme="dark"] .detail-lead,
html[data-theme="dark"] .about-copy>p,
html[data-theme="dark"] .contact-copy>p,
html[data-theme="dark"] .legal-copy p{color:#a4a4ad}
html[data-theme="dark"] .eyebrow,
html[data-theme="dark"] .kicker{color:#8d8d97}
html[data-theme="dark"] .hero-stats{border-color:#2a2a30}
html[data-theme="dark"] .hero-stats span{color:#8f8f98}
html[data-theme="dark"] .floating-card{background:#17171b;border-color:#2a2a30;color:#f5f5f6;box-shadow:0 16px 42px rgba(0,0,0,.35)}
html[data-theme="dark"] .floating-card span{color:#92929b}
html[data-theme="dark"] .filters button{border-color:#303036;color:#c8c8cf}
html[data-theme="dark"] .filters button.active,
html[data-theme="dark"] .filters button:hover{background:#f5f5f6;color:#0a0a0c;border-color:#f5f5f6}
html[data-theme="dark"] .product-meta p,
html[data-theme="dark"] .product-action,
html[data-theme="dark"] .catalog-note{color:#9999a3}
html[data-theme="dark"] .product-action{border-color:#2c2c31}
html[data-theme="dark"] .product-action:hover{color:var(--accent)}
html[data-theme="dark"] .quick-add{color:#d9d9de}
html[data-theme="dark"] .btn{background:#f5f5f6;color:#0a0a0c;border-color:#f5f5f6}
html[data-theme="dark"] .btn:hover{background:var(--accent);color:#fff;border-color:var(--accent)}
html[data-theme="dark"] .btn-outline{background:transparent;color:#f5f5f6;border-color:#3a3a40}
html[data-theme="dark"] .btn-outline:hover{border-color:var(--accent);background:var(--accent)}
html[data-theme="dark"] .btn-light{background:#fff;color:#111;border-color:#fff}
html[data-theme="dark"] .soft-section{background:#101013}
html[data-theme="dark"] .info-cards article{background:#17171b;border-color:#2b2b31}
html[data-theme="dark"] .feature-check li{border-color:#2b2b30}
html[data-theme="dark"] .feature-check li:before{background:#24242a;color:#fff}
html[data-theme="dark"] .price-row{border-color:#2b2b31}
html[data-theme="dark"] .price-row span,
html[data-theme="dark"] .secure-note{color:#9797a0}
html[data-theme="dark"] .case-grid aside,
html[data-theme="dark"] .case-grid article{border-color:#2a2a30}
html[data-theme="dark"] .case-grid dt{color:#85858e}
html[data-theme="dark"] .case-grid article p{color:#a3a3ac}
html[data-theme="dark"] .service-page-list article{border-color:#2a2a30}
html[data-theme="dark"] .service-page-list article>span,
html[data-theme="dark"] .service-page-list p,
html[data-theme="dark"] .service-page-list li{color:#9d9da6}
html[data-theme="dark"] .about-stats{border-color:#2a2a30}
html[data-theme="dark"] .about-stats span{color:#95959e}
html[data-theme="dark"] .contact-form,
html[data-theme="dark"] .auth-form,
html[data-theme="dark"] .checkout-form{background:#121215;border-color:#29292f}
html[data-theme="dark"] .contact-form input,
html[data-theme="dark"] .contact-form select,
html[data-theme="dark"] .contact-form textarea,
html[data-theme="dark"] .auth-form input,
html[data-theme="dark"] .checkout-form input{
  background:#0e0e11;border-color:#303036;color:#f5f5f6
}
html[data-theme="dark"] .contact-form input::placeholder,
html[data-theme="dark"] .contact-form textarea::placeholder,
html[data-theme="dark"] .auth-form input::placeholder,
html[data-theme="dark"] .checkout-form input::placeholder{color:#6f6f78}
html[data-theme="dark"] .contact-form input:focus,
html[data-theme="dark"] .contact-form select:focus,
html[data-theme="dark"] .contact-form textarea:focus,
html[data-theme="dark"] .auth-form input:focus,
html[data-theme="dark"] .checkout-form input:focus{border-color:var(--accent)}
html[data-theme="dark"] .form-note,
html[data-theme="dark"] .check-line,
html[data-theme="dark"] .auth-switch{color:#909099}
html[data-theme="dark"] .auth-form-wrap{background:#09090b}
html[data-theme="dark"] .cart-empty{border-color:#38383f}
html[data-theme="dark"] .cart-empty p{color:#9898a1}
html[data-theme="dark"] .cart-item{background:#141417;border-color:#29292f}
html[data-theme="dark"] .cart-item p{color:#95959e}
html[data-theme="dark"] .remove-item{color:#96969f}
html[data-theme="dark"] .order-summary,
html[data-theme="dark"] .checkout-summary{background:#141417;border:1px solid #29292f}
html[data-theme="dark"] .summary-line{border-color:#2d2d33}
html[data-theme="dark"] .checkout-head{border-color:#29292f}
html[data-theme="dark"] .checkout-head>a:last-child{color:#9c9ca5}
html[data-theme="dark"] .payment-box{background:#141417;border-color:#303036}
html[data-theme="dark"] .payment-box span,
html[data-theme="dark"] .payment-box p{color:#94949d}
html[data-theme="dark"] footer{border-top-color:#242429}
html[data-theme="dark"] footer p,
html[data-theme="dark"] footer a,
html[data-theme="dark"] footer span{color:#9999a2}
html[data-theme="dark"] footer h4{color:#f1f1f3}
html[data-theme="dark"] .copyright{border-color:#242429}
html[data-theme="dark"] .modal-card{background:#141417;color:#f5f5f6}
html[data-theme="dark"] .modal-card p{color:#9b9ba4}
html[data-theme="dark"] .toast{background:#f3f3f5;color:#0b0b0d}
html[data-theme="dark"] .legal-copy h2{color:#f4f4f6}
html[data-theme="dark"] .next-project{border-top:1px solid #242429}

@media(max-width:1100px){
  .site-preferences{gap:3px}
  .language-toggle button{padding:0 8px}
}
@media(max-width:760px){
  .site-preferences{padding:3px}
  .theme-toggle,.language-toggle button{height:32px;min-width:32px}
  .language-toggle button{padding:0 7px}
  .site-preferences-floating{top:16px;right:16px}
}
@media(max-width:650px){
  .nav-actions{gap:8px}
  .nav-actions .desktop-cta{display:none}
}
/* Admin-managed content */
.managed-card-image{width:100%;height:100%;display:block;object-fit:cover;position:absolute;inset:0}.product-preview.has-managed-image{position:relative;overflow:hidden}.product-preview.has-managed-image:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 48%,rgba(0,0,0,.38));pointer-events:none}.product-preview.has-managed-image .tag{z-index:2}.managed-product-placeholder{height:100%;min-height:250px;display:flex;flex-direction:column;justify-content:flex-end;padding:28px;background:radial-gradient(circle at 25% 20%,rgba(111,83,255,.4),transparent 35%),linear-gradient(135deg,#101016,#1e2235);color:#fff}.managed-product-placeholder small{font-size:10px;letter-spacing:.16em;opacity:.65}.managed-product-placeholder h3{font:800 clamp(28px,4vw,50px)/.95 'Manrope',sans-serif;letter-spacing:-.055em;margin:8px 0}.managed-detail-image{padding:0!important;overflow:hidden}.managed-detail-image img{width:100%;height:100%;min-height:520px;object-fit:cover;display:block}.managed-project-card{background-size:cover!important;background-position:center!important;color:#fff}.managed-project-card:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.04),rgba(0,0,0,.35));pointer-events:none}.managed-project-card>*{position:relative;z-index:1}.managed-project-image{background-size:cover!important;background-position:center!important}.managed-project-image .project-mock{background:rgba(8,8,12,.56);backdrop-filter:blur(7px);border-color:rgba(255,255,255,.18)}

/* Contrast fixes for light mockups inside dark mode */
.mock-content,
.mini-site,
.mini-saas,
.mini-finance,
.mini-home,
.phone-ui,
.project-mock,
.tag{
  color:#111318;
}

.mock-content .mock-nav b,
.mock-content .mock-hero h3,
.mini-site h3,
.mini-saas h3,
.mini-finance h3,
.mini-home b,
.mini-home p,
.phone-ui h3,
.project-mock h2{
  color:#111318;
}

html[data-theme="dark"] .mock-content,
html[data-theme="dark"] .mini-site,
html[data-theme="dark"] .mini-saas,
html[data-theme="dark"] .mini-finance,
html[data-theme="dark"] .mini-home,
html[data-theme="dark"] .phone-ui,
html[data-theme="dark"] .project-mock,
html[data-theme="dark"] .tag{
  color:#111318;
}

html[data-theme="dark"] .mock-content .mock-nav b,
html[data-theme="dark"] .mock-content .mock-hero h3,
html[data-theme="dark"] .mini-site h3,
html[data-theme="dark"] .mini-saas h3,
html[data-theme="dark"] .mini-finance h3,
html[data-theme="dark"] .mini-home b,
html[data-theme="dark"] .mini-home p,
html[data-theme="dark"] .phone-ui h3,
html[data-theme="dark"] .project-mock h2{
  color:#111318;
}

html[data-theme="dark"] .mock-content .mock-hero p,
html[data-theme="dark"] .mini-site p{
  color:#65656d;
}

html[data-theme="dark"] .feature-check li{
  color:#c8c8cf;
}

html[data-theme="dark"] .info-cards p,
html[data-theme="dark"] .service p,
html[data-theme="dark"] .work-info span{
  color:#a0a0a9;
}

html[data-theme="dark"] .tag{
  background:rgba(255,255,255,.92);
  border:1px solid rgba(0,0,0,.08);
}


/* v4: hard contrast lock for embedded light previews */
html[data-theme="dark"] .hero-visual .mock-content { color:#111318 !important; }
html[data-theme="dark"] .hero-visual .mock-content .mock-nav b { color:#111318 !important; }
html[data-theme="dark"] .hero-visual .mock-content .mock-hero h3 { color:#111318 !important; -webkit-text-fill-color:#111318 !important; opacity:1 !important; }
html[data-theme="dark"] .hero-visual .mock-content .mock-hero p { color:#666a73 !important; -webkit-text-fill-color:#666a73 !important; }
html[data-theme="dark"] .hero-visual .mock-content .mock-hero button { color:#fff !important; -webkit-text-fill-color:#fff !important; background:#111318 !important; }
html[data-theme="dark"] .hero-visual .mock-content .mock-nav span { background:#9498a1 !important; }
html[data-theme="dark"] .product-preview .mini-site h3,
html[data-theme="dark"] .detail-preview .mini-site h3 { color:#111318 !important; -webkit-text-fill-color:#111318 !important; }
html[data-theme="dark"] .product-preview .mini-site p,
html[data-theme="dark"] .detail-preview .mini-site p { color:#666a73 !important; -webkit-text-fill-color:#666a73 !important; }
/* Header cart icon */
.cart-icon-link{
  position:relative;
  width:42px;
  height:42px;
  flex:0 0 42px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:0;
  border:1px solid var(--line);
  border-radius:999px;
  background:rgba(255,255,255,.55);
  color:var(--ink);
  transition:background .2s,border-color .2s,transform .2s;
}
.cart-icon-link:hover{transform:translateY(-1px);background:var(--paper);border-color:rgba(213,29,45,.45)}
.cart-nav-icon{width:19px;height:19px;display:block;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.cart-icon-link .cart-count{position:absolute;top:-5px;right:-5px;min-width:18px;height:18px;padding:0 4px;font-size:9px;line-height:18px;box-shadow:0 0 0 2px var(--bg);z-index:2}
html[data-theme="dark"] .cart-icon-link{background:rgba(255,255,255,.035);border-color:rgba(255,255,255,.12);color:#f5f5f6}
html[data-theme="dark"] .cart-icon-link:hover{background:rgba(255,255,255,.09);border-color:rgba(255,64,83,.55)}
@media(max-width:960px){.nav-actions .cart-icon-link{display:inline-flex}}
@media(max-width:650px){.cart-icon-link{width:38px;height:38px;flex-basis:38px}.cart-nav-icon{width:18px;height:18px}}


/* =========================================================
   PESA Studio — Modern add-to-cart actions v6
   ========================================================= */
.quick-add.modern-add{
  min-height:40px;padding:5px 10px 5px 6px;border:1px solid rgba(13,13,15,.12);
  border-radius:999px;background:#111;color:#fff;display:inline-flex;align-items:center;gap:8px;
  font-size:11px;font-weight:700;letter-spacing:-.01em;line-height:1;cursor:pointer;
  box-shadow:0 7px 18px rgba(0,0,0,.08);transition:transform .22s ease,background-color .22s ease,color .22s ease,border-color .22s ease,box-shadow .22s ease;
  white-space:nowrap
}
.quick-add.modern-add .quick-add-icon{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.12);transition:transform .22s ease,background-color .22s ease}
.quick-add.modern-add .quick-add-icon svg{width:15px;height:15px;display:block}
.quick-add.modern-add .quick-add-label{transform:translateY(-.25px)}
.quick-add.modern-add .quick-add-plus{width:16px;height:16px;display:grid;place-items:center;font-size:15px;font-weight:500;opacity:.72;transition:transform .22s ease,opacity .22s ease}
.quick-add.modern-add:hover{transform:translateY(-2px);background:var(--accent);border-color:var(--accent);box-shadow:0 10px 25px rgba(213,29,45,.18)}
.quick-add.modern-add:hover .quick-add-icon{transform:rotate(-6deg) scale(1.04);background:rgba(255,255,255,.18)}
.quick-add.modern-add:hover .quick-add-plus{transform:rotate(90deg);opacity:1}
.quick-add.modern-add.is-added{background:#ecebe6;color:#171719;border-color:#deddd7;box-shadow:none}
.quick-add.modern-add.is-added .quick-add-icon{background:#171719;color:#fff}
.quick-add.modern-add.is-added .quick-add-plus{display:none}
.quick-add.modern-add.just-added{animation:pesaAddPulse .58s ease}
@keyframes pesaAddPulse{0%{transform:scale(1)}42%{transform:scale(.95)}100%{transform:scale(1)}}

.detail-add{gap:10px!important;padding-left:8px!important;padding-right:10px!important;min-width:190px;justify-content:flex-start!important}
.detail-add .detail-add-icon{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.14);flex:0 0 auto}
.detail-add .detail-add-icon svg{width:17px;height:17px;display:block}
.detail-add>span:nth-child(2){flex:1;text-align:center;padding-left:2px}
.detail-add .detail-add-plus{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.1);font-size:17px;font-weight:500;transition:transform .22s ease}
.detail-add:hover .detail-add-plus{transform:rotate(90deg)}
.detail-add.is-added{background:#ecebe6!important;color:#171719!important;border-color:#deddd7!important}
.detail-add.is-added .detail-add-icon{background:#171719;color:#fff}
.detail-add.is-added .detail-add-plus{display:none}
.detail-add.just-added{animation:pesaAddPulse .58s ease}

html[data-theme="dark"] .quick-add.modern-add{background:#17171c;color:#f6f6f7;border-color:#303038;box-shadow:0 8px 22px rgba(0,0,0,.2)}
html[data-theme="dark"] .quick-add.modern-add .quick-add-icon{background:var(--accent);color:#fff}
html[data-theme="dark"] .quick-add.modern-add:hover{background:#f5f5f6;color:#0d0d0f;border-color:#f5f5f6;box-shadow:0 10px 26px rgba(0,0,0,.28)}
html[data-theme="dark"] .quick-add.modern-add:hover .quick-add-icon{background:#0d0d0f;color:#fff}
html[data-theme="dark"] .quick-add.modern-add.is-added{background:#242429;color:#bdbdc5;border-color:#303038}
html[data-theme="dark"] .quick-add.modern-add.is-added .quick-add-icon{background:#f5f5f6;color:#0d0d0f}
html[data-theme="dark"] .detail-add .detail-add-icon{background:#0d0d0f;color:#fff}
html[data-theme="dark"] .detail-add .detail-add-plus{background:#e5e5e7;color:#0d0d0f}
html[data-theme="dark"] .detail-add.is-added{background:#242429!important;color:#d9d9df!important;border-color:#35353c!important}
html[data-theme="dark"] .detail-add.is-added .detail-add-icon{background:#f5f5f6;color:#0d0d0f}

@media(max-width:650px){
  .card-actions{gap:10px}
  .quick-add.modern-add{min-height:38px;padding-right:9px}
  .quick-add.modern-add .quick-add-icon{width:26px;height:26px}
  .detail-add{width:100%;justify-content:flex-start!important}
}


/* Auth background fix v8 */
.auth-page{
  min-height:100vh;
  display:grid;
  grid-template-columns:1fr 1fr;
  position:relative;
  isolation:isolate;
  background:
    radial-gradient(900px 520px at 18% 18%, rgba(213,29,45,.08), transparent 60%),
    radial-gradient(700px 420px at 82% 78%, rgba(255,255,255,.03), transparent 60%),
    linear-gradient(180deg, rgba(255,255,255,.01), rgba(255,255,255,0)),
    var(--bg);
}
.auth-page::before{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(90deg, rgba(255,255,255,.02), rgba(255,255,255,0) 48%, rgba(255,255,255,.02));
  pointer-events:none;
  z-index:0;
}
.auth-panel,.auth-form-wrap{position:relative;z-index:1}
.auth-panel{
  background:linear-gradient(180deg, rgba(255,255,255,.02), rgba(255,255,255,0)), rgba(9,9,11,.84);
  border-right:1px solid rgba(255,255,255,.06);
}
.auth-form-wrap{
  background:
    radial-gradient(480px 280px at 50% 14%, rgba(255,255,255,.045), transparent 70%),
    linear-gradient(180deg, rgba(255,255,255,.02), rgba(255,255,255,0)),
    rgba(8,8,10,.92);
}
.auth-form{
  width:min(100%,470px);
  padding:34px 32px;
  border-radius:28px;
  background:rgba(18,18,22,.84);
  border:1px solid rgba(255,255,255,.08);
  box-shadow:0 20px 60px rgba(0,0,0,.34), inset 0 1px 0 rgba(255,255,255,.03);
  backdrop-filter:blur(14px);
}
.auth-form h2{margin-bottom:14px}
.auth-form input{
  background:rgba(11,11,14,.82);
  border:1px solid rgba(255,255,255,.10);
  color:#f5f5f7;
}
.auth-form input::placeholder{color:#757581}
.auth-form input:focus{border-color:var(--accent);box-shadow:0 0 0 4px rgba(213,29,45,.08)}
html[data-theme="dark"] .auth-page{
  background:
    radial-gradient(900px 520px at 18% 18%, rgba(255,64,83,.10), transparent 60%),
    radial-gradient(700px 420px at 82% 78%, rgba(65,105,255,.06), transparent 60%),
    linear-gradient(180deg, rgba(255,255,255,.015), rgba(255,255,255,0)),
    #07070a;
}
html[data-theme="dark"] .auth-page::before{background:linear-gradient(90deg, rgba(255,255,255,.02), rgba(255,255,255,0) 48%, rgba(255,255,255,.02))}
html[data-theme="dark"] .auth-panel{
  background:linear-gradient(180deg, rgba(255,255,255,.018), rgba(255,255,255,0)), rgba(8,8,10,.78);
  border-right-color:rgba(255,255,255,.06);
}
html[data-theme="dark"] .auth-form-wrap{
  background:
    radial-gradient(500px 320px at 50% 14%, rgba(255,255,255,.04), transparent 70%),
    linear-gradient(180deg, rgba(255,255,255,.015), rgba(255,255,255,0)),
    rgba(7,7,9,.94);
}
html[data-theme="dark"] .auth-form{
  background:rgba(13,13,17,.84);
  border-color:rgba(255,255,255,.08);
  box-shadow:0 24px 70px rgba(0,0,0,.42), inset 0 1px 0 rgba(255,255,255,.03);
}
html[data-theme="dark"] .auth-copy .kicker{color:#8e8e98}
html[data-theme="dark"] .auth-copy p{color:#a2a2ac}
html[data-theme="dark"] .check-line,
html[data-theme="dark"] .auth-switch{color:#a0a0aa}
html[data-theme="dark"] .form-between>a,
html[data-theme="dark"] .auth-switch a{color:var(--accent)}
@media(max-width:960px){
  .auth-panel{min-height:280px;border-right:0;border-bottom:1px solid rgba(255,255,255,.06)}
  .auth-copy{margin:40px 0 0}
}
@media(max-width:650px){
  .auth-form{padding:26px 22px;border-radius:24px}
  .auth-form-wrap{padding:24px}
  .auth-page{background:
    radial-gradient(420px 260px at 50% 0%, rgba(255,64,83,.10), transparent 70%),
    var(--bg)}
}

/* Auth dark text visibility fix v9 */
html[data-theme="dark"] .auth-page,
html[data-theme="dark"] .auth-page .auth-form,
html[data-theme="dark"] .auth-page .auth-form-wrap{
  color:#f5f5f7 !important;
}
html[data-theme="dark"] .auth-page .auth-form .kicker{
  color:#9a9aa5 !important;
}
html[data-theme="dark"] .auth-page .auth-form h1,
html[data-theme="dark"] .auth-page .auth-form h2,
html[data-theme="dark"] .auth-page .auth-form h3,
html[data-theme="dark"] .auth-page .auth-form label,
html[data-theme="dark"] .auth-page .auth-form strong,
html[data-theme="dark"] .auth-page .auth-form b{
  color:#f5f5f7 !important;
}
html[data-theme="dark"] .auth-page .auth-form input{
  color:#f5f5f7 !important;
  caret-color:#fff;
}
html[data-theme="dark"] .auth-page .auth-form input::placeholder{
  color:#7d7d89 !important;
  opacity:1;
}
html[data-theme="dark"] .auth-page .check-line,
html[data-theme="dark"] .auth-page .auth-switch,
html[data-theme="dark"] .auth-page .form-between{
  color:#a2a2ac !important;
}
html[data-theme="dark"] .auth-page .auth-switch a,
html[data-theme="dark"] .auth-page .form-between>a{
  color:#ff4053 !important;
}
html[data-theme="dark"] .auth-page .auth-form .btn{
  background:#f5f5f7 !important;
  color:#0b0b0d !important;
  border-color:#f5f5f7 !important;
}
html[data-theme="dark"] .auth-page .auth-form .btn:hover{
  background:#ff4053 !important;
  color:#fff !important;
  border-color:#ff4053 !important;
}
html[data-theme="dark"] .auth-page .check-line input[type="checkbox"]{
  accent-color:#ff4053;
}


/* Cart product UI refresh v10 */
.cart-list{gap:18px}
.cart-item{grid-template-columns:170px 1fr auto;gap:24px;align-items:center;padding:18px;border-radius:24px;box-shadow:0 14px 34px rgba(17,17,22,.05)}
.cart-item:hover{transform:translateY(-2px);box-shadow:0 18px 40px rgba(17,17,22,.08)}
.cart-thumb{height:132px;border-radius:18px;display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative;padding:10px}
.cart-thumb:after{content:"";position:absolute;inset:0;border-radius:18px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.28);pointer-events:none}
.cart-thumb-image{width:100%;height:100%;object-fit:cover;border-radius:14px;display:block}
.cart-mini{width:100%;height:100%;display:flex;align-items:center;justify-content:center;overflow:hidden}
.cart-mini .mini-site,.cart-mini .mini-shop,.cart-mini .mini-portfolio,.cart-mini .mini-saas,.cart-mini .mini-finance,.cart-mini .mini-home{transform:scale(.42)!important;transform-origin:center center;margin:0;box-shadow:none}
.cart-item-main{display:flex;flex-direction:column;gap:16px;min-width:0}
.cart-item-copy h3{font:700 29px 'Manrope';letter-spacing:-.04em;margin:7px 0 6px}
.cart-item-copy p{font-size:14px;line-height:1.55;color:#76767d;margin:0}
.cart-item-topline{display:flex;align-items:center;justify-content:space-between;gap:16px}
.cart-item-category{display:inline-flex;align-items:center;padding:8px 12px;border-radius:999px;background:#f0eeea;border:1px solid #e3e0d9;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#54545c}
.cart-item-detail{font-size:12px;font-weight:700;color:#66666d}
.cart-item-detail:hover{color:var(--accent)}
.cart-item-meta{display:flex;flex-wrap:wrap;gap:8px}
.cart-item-meta span{display:inline-flex;align-items:center;min-height:32px;padding:0 12px;border-radius:999px;border:1px solid #e6e3dc;background:#faf9f6;font-size:11px;color:#66666d}
.cart-item-right{display:flex;flex-direction:column;align-items:flex-end;justify-content:space-between;gap:18px;min-height:132px}
.cart-price-box{display:grid;gap:5px;text-align:right}
.cart-price-box small{font-size:11px;text-transform:uppercase;letter-spacing:.14em;color:#8a8a92}
.cart-item-right strong{font:800 29px 'Manrope';letter-spacing:-.04em}
.remove-item{min-height:40px;padding:0 14px;border-radius:999px;border:1px solid #e1dee6;background:#fff;color:#6f6f76;font-size:12px;font-weight:700;cursor:pointer;transition:.22s}
.remove-item:hover{background:#111;color:#fff;border-color:#111}
html[data-theme="dark"] .cart-item{background:#131317;border-color:#29292f;box-shadow:0 14px 34px rgba(0,0,0,.22)}
html[data-theme="dark"] .cart-item-copy p{color:#9d9da6}
html[data-theme="dark"] .cart-item-category{background:#1a1a1f;border-color:#2d2d33;color:#d0d0d6}
html[data-theme="dark"] .cart-item-detail{color:#b2b2ba}
html[data-theme="dark"] .cart-item-meta span{background:#111116;border-color:#2c2c32;color:#b6b6be}
html[data-theme="dark"] .cart-price-box small{color:#8d8d96}
html[data-theme="dark"] .remove-item{background:#101015;border-color:#2c2c32;color:#d2d2d8}
html[data-theme="dark"] .remove-item:hover{background:var(--accent);border-color:var(--accent);color:#fff}
@media(max-width:960px){.cart-item{grid-template-columns:130px 1fr;align-items:start}.cart-item-right{grid-column:1 / -1;flex-direction:row;align-items:center;min-height:auto;padding-top:6px;border-top:1px solid var(--line)}}
@media(max-width:650px){.cart-item{grid-template-columns:1fr;gap:16px;padding:16px}.cart-thumb{height:160px}.cart-item-topline{align-items:flex-start;flex-direction:column}.cart-item-copy h3{font-size:24px}.cart-item-right{grid-column:auto;align-items:stretch;flex-direction:column;border-top:0;padding-top:0}.cart-price-box{text-align:left}.remove-item{width:100%}}


/* =========================================================
   PESA Studio v11 — Clean dark background / noise fix
   ========================================================= */
.noise{
  z-index:0 !important;
  opacity:.012 !important;
  mix-blend-mode:normal !important;
  filter:none !important;
}
html[data-theme="dark"] .noise{
  opacity:.016 !important;
}
body > *:not(.noise){
  position:relative;
  z-index:1;
}
/* Preserve components that already need a higher stacking level */
.header{z-index:40}
.site-preferences-floating{z-index:120}
.toast{z-index:200}
/* Keep the dark canvas crisp; glass blur only applies to intentional panels */
html[data-theme="dark"] body{
  background:#09090b;
}
html[data-theme="dark"] .cart-item,
html[data-theme="dark"] .order-summary,
html[data-theme="dark"] .checkout-summary{
  backdrop-filter:none;
  -webkit-backdrop-filter:none;
}

/* =========================================================
   PESA Studio v12 — fixed navbar + footer bottom gap fix
   ========================================================= */
html{
  width:100%;
  max-width:100%;
  min-height:100%;
  margin:0;
  padding:0;
  overflow-x:clip;
  background:#0b0b0c;
}
body{
  width:100%;
  max-width:100%;
  min-height:100vh;
  margin:0;
  padding:0;
  overflow-x:clip;
}

/* Header always follows the viewport */
.header{
  position:fixed !important;
  top:0;
  left:0;
  right:0;
  width:100%;
  z-index:1000 !important;
  margin:0;
  transform:translateZ(0);
  -webkit-transform:translateZ(0);
}

/* Restore the space that a fixed header removes from document flow */
.header + main{
  padding-top:82px;
}

/* Mobile header height */
@media(max-width:650px){
  .header + main{padding-top:72px}
}

/* Never leave a light strip below the dark footer */
footer{
  display:block;
  width:100%;
  margin:0 !important;
  border-bottom:0 !important;
}
footer:last-of-type{margin-bottom:0 !important}
body > footer:last-of-type{padding-bottom:max(28px, env(safe-area-inset-bottom))}

/* Avoid accidental horizontal scrolling from viewport-width decorative rows */
.marquee-wrap,
.cta-section,
.values-section,
.process-section,
.next-project,
.slim-cta,
.dark-hero{
  max-width:100%;
  overflow-x:clip;
}

/* Keep mobile menu attached below fixed navbar */
@media(max-width:960px){
  .nav{top:94px}
}
@media(max-width:650px){
  .nav{top:82px}
}

/* =========================================================
   PESA Studio v13 — definitive footer bottom background fix
   ========================================================= */
html{
  min-height:100%;
  background:#0b0b0c !important;
  overscroll-behavior-y:none;
}
body{
  min-height:100vh;
  min-height:100dvh;
  display:flex;
  flex-direction:column;
  background:#0b0b0c !important;
  overscroll-behavior-y:none;
}
/* Normal pages keep their light/dark canvas inside main. The body behind
   the footer stays black, so there can never be a white strip below it. */
body > main{
  width:100%;
  flex:1 0 auto;
  background:var(--bg);
}
body > footer{
  width:100%;
  flex:0 0 auto;
  margin-top:auto !important;
  background:#0b0b0c !important;
}
/* Pages without a main element still keep their own intended canvas. */
.checkout-page{background:var(--bg)}
.auth-page{flex:1 0 auto}
/* Cover safe-area / browser viewport rounding at the very bottom. */
footer::after{
  content:"";
  display:block;
  width:100%;
  height:1px;
  background:#0b0b0c;
}


/* Cart empty summary hide v14 */
.order-summary.is-hidden{display:none}
.cart-layout.is-empty{grid-template-columns:minmax(0,1fr)}
.cart-layout.is-empty .cart-list{max-width:860px}
.cart-layout.is-empty .cart-empty{margin-inline:auto}


/* Product filters reliability fix v15 */
.product-grid .product-card.hidden{display:none!important}
.filters button{user-select:none;-webkit-tap-highlight-color:transparent;position:relative;z-index:1}
.filters button.active{pointer-events:auto}
.filter-empty-state{padding:52px 24px;border:1px dashed var(--line);border-radius:22px;text-align:center;color:var(--muted);font-size:14px;margin-top:12px}
html[data-theme="dark"] .filter-empty-state{border-color:#34343a;color:#9d9da6}


/* =========================================================
   PESA Studio v16 — Auth LIGHT theme definitive fix
   ========================================================= */
html[data-theme="light"] .auth-page{
  color:#0d0d0f !important;
  background:
    radial-gradient(760px 440px at 10% 12%, rgba(213,29,45,.045), transparent 62%),
    radial-gradient(620px 400px at 88% 82%, rgba(15,15,18,.025), transparent 66%),
    #f5f4f0 !important;
}
html[data-theme="light"] .auth-page::before{
  background:linear-gradient(90deg, rgba(13,13,15,.018), transparent 48%, rgba(13,13,15,.012)) !important;
}
html[data-theme="light"] .auth-panel{
  background:
    linear-gradient(180deg, rgba(255,255,255,.52), rgba(255,255,255,.12)),
    #eceae5 !important;
  color:#0d0d0f !important;
  border-right:1px solid #ddd9d1 !important;
}
html[data-theme="light"] .auth-panel .brand{color:#111 !important}
html[data-theme="light"] .auth-panel .brand-mark{
  background:#0d0d0f !important;
  color:#fff !important;
}
html[data-theme="light"] .auth-panel .brand b{color:#77777e !important}
html[data-theme="light"] .auth-copy .kicker{color:#777780 !important}
html[data-theme="light"] .auth-copy h1{color:#0d0d0f !important}
html[data-theme="light"] .auth-copy p{color:#68686f !important}

html[data-theme="light"] .auth-form-wrap{
  color:#0d0d0f !important;
  background:
    radial-gradient(520px 320px at 50% 14%, rgba(255,255,255,.95), transparent 72%),
    #f8f7f3 !important;
}
html[data-theme="light"] .auth-form{
  color:#0d0d0f !important;
  background:rgba(255,255,255,.92) !important;
  border:1px solid #dfddd7 !important;
  box-shadow:0 24px 70px rgba(25,25,30,.10), inset 0 1px 0 rgba(255,255,255,.9) !important;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
}
html[data-theme="light"] .auth-form .kicker{color:#74747c !important}
html[data-theme="light"] .auth-form h1,
html[data-theme="light"] .auth-form h2,
html[data-theme="light"] .auth-form h3,
html[data-theme="light"] .auth-form label,
html[data-theme="light"] .auth-form strong,
html[data-theme="light"] .auth-form b{
  color:#0d0d0f !important;
}
html[data-theme="light"] .auth-form input{
  background:#f8f7f4 !important;
  border:1px solid #d9d7d1 !important;
  color:#111114 !important;
  caret-color:#111114 !important;
  box-shadow:none !important;
}
html[data-theme="light"] .auth-form input::placeholder{
  color:#85858c !important;
  opacity:1 !important;
}
html[data-theme="light"] .auth-form input:focus{
  background:#fff !important;
  border-color:#9a9aa1 !important;
  box-shadow:0 0 0 4px rgba(213,29,45,.07) !important;
}
html[data-theme="light"] .auth-page .check-line,
html[data-theme="light"] .auth-page .auth-switch,
html[data-theme="light"] .auth-page .form-between{
  color:#717178 !important;
}
html[data-theme="light"] .auth-page .auth-switch a,
html[data-theme="light"] .auth-page .form-between>a{
  color:#d51d2d !important;
}
html[data-theme="light"] .auth-page .auth-form .btn{
  background:#0d0d0f !important;
  color:#fff !important;
  border-color:#0d0d0f !important;
}
html[data-theme="light"] .auth-page .auth-form .btn:hover{
  background:#d51d2d !important;
  color:#fff !important;
  border-color:#d51d2d !important;
}
html[data-theme="light"] .auth-page .check-line input[type="checkbox"]{
  accent-color:#d51d2d;
}

@media(max-width:960px){
  html[data-theme="light"] .auth-panel{
    border-right:0 !important;
    border-bottom:1px solid #ddd9d1 !important;
  }
}


/* v17 — soften CTA reds in light mode to match dark mode feel */
html[data-theme="light"] .cta-section,
html:not([data-theme="dark"]) .cta-section{
  background:linear-gradient(180deg, #ff445b 0%, #ff4057 100%);
}
html[data-theme="light"] .slim-cta,
html:not([data-theme="dark"]) .slim-cta{
  background:#ff445b;
}
html[data-theme="light"] .cta-section .kicker.light,
html:not([data-theme="dark"]) .cta-section .kicker.light{
  color:rgba(255,255,255,.58);
}
html[data-theme="light"] .cta-side p,
html:not([data-theme="dark"]) .cta-side p{
  color:rgba(255,255,255,.88);
}


/* v18 — soften values section red in light mode to match dark-mode feel */
html[data-theme="light"] .values-section,
html:not([data-theme="dark"]) .values-section{
  background:linear-gradient(180deg, #ff445b 0%, #ff4057 100%);
}
html[data-theme="light"] .values-section .kicker,
html:not([data-theme="dark"]) .values-section .kicker{
  color:rgba(255,255,255,.58);
}
html[data-theme="light"] .values-grid article,
html:not([data-theme="dark"]) .values-grid article{
  border-color:rgba(255,255,255,.18);
}
html[data-theme="light"] .values-grid span,
html:not([data-theme="dark"]) .values-grid span{
  color:rgba(255,255,255,.56);
}
html[data-theme="light"] .values-grid p,
html:not([data-theme="dark"]) .values-grid p{
  color:rgba(255,255,255,.78);
}