.breakdance .bde-section-1005-100 .section-container{--bde-grid-gap:var(--bde-column-gap);display:grid;grid-template-columns:repeat(var(--bde-grid-items-per-row,4),minmax(0,1fr));gap:var(--bde-grid-gap);align-items:var(--bde-grid-align-items,stretch);justify-items:var(--bde-grid-justify-items,stretch)}.breakdance .bde-section-1005-100 .section-container>*{width:auto!important;height:auto!important}.breakdance .bde-section-1005-100 .section-container{--bde-grid-items-per-row:1}.breakdance .bde-section-1005-100 .section-container{--bde-section-width:100%}.breakdance .bde-section-1005-100 .section-container{padding-left:0px;padding-right:0px;padding-bottom:0px;padding-top:0px}#custom-header{--green-primary:#55a253;--green-light:#6db26d;--navy:#1a1a2e;--sans:'Plus Jakarta Sans',ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Arial,sans-serif;font-family:var(--sans);font-size:16.5px;line-height:1.6}#custom-header,#custom-header *{margin:0;padding:0;box-sizing:border-box}#custom-header .ad-header{background:var(--navy);padding:16px 40px;display:flex;justify-content:space-between;align-items:center}#custom-header .ad-header-left{display:flex;align-items:center;gap:12px}#custom-header .ad-header-icon{width:36px;height:36px;background:var(--green-primary);border-radius:8px;display:grid;place-items:center;color:#fff;font-weight:700;font-size:12px}#custom-header .ad-header-text h1{font-family:var(--sans)!important;color:#fff;font-size:15px;font-weight:700;letter-spacing:-0.3px}#custom-header .ad-header-text span{color:var(--green-light);font-size:9px;font-weight:600;letter-spacing:1.5px;text-transform:uppercase}@media (max-width:700px){#custom-header .ad-header{padding-left:24px;padding-right:24px}}#custom-page{--green-primary:#55a253;--green-light:#6db26d;--green-pale:#72af74;--navy:#1a1a2e;--navy-deep:#12121f;--white:#fff;--gray-100:#f7f8fa;--gray-200:#e8eaed;--gray-500:#6b7280;--sans:'Plus Jakarta Sans',ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Arial,sans-serif;--mono:'Space Mono',ui-monospace,'SF Mono','Cascadia Code','Roboto Mono',Menlo,Consolas,monospace;font-family:var(--sans);background:var(--gray-100);color:var(--navy);line-height:1.6;-webkit-font-smoothing:antialiased;font-size:16.5px;max-width:1400px;margin:0 auto;padding:48px 56px}#custom-page *{margin:0;padding:0;box-sizing:border-box}#custom-page .hero{display:grid;grid-template-columns:0.8fr 1.2fr;gap:40px;margin-bottom:48px}#custom-page .hero-left{background:linear-gradient(160deg,var(--navy) 0%,var(--navy-deep) 100%);border-radius:24px;padding:44px;position:relative;overflow:hidden}#custom-page .hero-left::after{content:'';position:absolute;width:300px;height:300px;background:radial-gradient(circle,rgba(85,162,83,0.15) 0%,transparent 70%);top:-100px;right:-50px}#custom-page .hero-badge{display:inline-block;background:rgba(85,162,83,0.15);color:var(--green-light);font-size:10px;font-weight:600;letter-spacing:1.5px;text-transform:uppercase;padding:6px 12px;border-radius:4px;margin-bottom:20px}#custom-page .hero-left h2{font-family:var(--sans)!important;color:#fff;font-size:36px;font-weight:800;letter-spacing:-1px;line-height:1.1;margin-bottom:14px}#custom-page .hero-left p{color:#9ca3af;font-size:14px;line-height:1.7;max-width:360px;margin-bottom:28px}#custom-page .hero-stats{display:flex;gap:32px;padding-top:24px;border-top:1px solid rgba(255,255,255,0.1)}#custom-page .stat-item label{display:block;color:var(--green-light);font-family:var(--mono);font-size:9px;letter-spacing:1px;margin-bottom:4px}#custom-page .stat-item span{color:#fff;font-size:18px;font-weight:700}#custom-page .hero-right{display:grid;grid-template-columns:1fr 1fr;gap:24px}#custom-page .logo-card{border-radius:24px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 40px;min-height:280px}#custom-page .logo-card.light{background:#fff;border:1px solid var(--gray-200)}#custom-page .logo-card.dark{background:var(--navy)}#custom-page .logo-mark{max-width:280px;height:auto;display:block}#custom-page .logo-card span{font-family:var(--mono);font-size:10px;letter-spacing:2px;text-transform:uppercase;margin-top:28px}#custom-page .logo-card.light span{color:var(--gray-500)}#custom-page .logo-card.dark span{color:#4b5563}#custom-page .logo-icon-card{border-radius:24px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px;min-height:200px}#custom-page .logo-icon-card.light{background:#fff;border:1px solid var(--gray-200)}#custom-page .logo-icon-card.dark{background:var(--navy)}#custom-page .logo-icon{width:88px;height:88px;background:var(--green-primary);border-radius:22px;display:grid;place-items:center;color:#fff;font-size:32px;font-weight:800}#custom-page .logo-icon-card span{font-family:var(--mono);font-size:10px;letter-spacing:2px;text-transform:uppercase;margin-top:20px}#custom-page .logo-icon-card.light span{color:var(--gray-500)}#custom-page .logo-icon-card.dark span{color:#4b5563}#custom-page .section-title{font-size:20px;font-weight:700;margin-bottom:28px;display:flex;align-items:center;gap:12px}#custom-page .section-title::before{content:'';width:5px;height:24px;background:var(--green-primary);border-radius:3px}#custom-page .card{background:#fff;border-radius:24px;padding:44px;border:1px solid var(--gray-200);margin-bottom:40px}#custom-page .values-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-bottom:40px}#custom-page .value-card{background:#fff;border-radius:20px;padding:32px;border:1px solid var(--gray-200);text-align:center}#custom-page .value-icon{width:60px;height:60px;background:linear-gradient(135deg,var(--green-primary),var(--green-light));border-radius:16px;display:grid;place-items:center;margin:0 auto 18px}#custom-page .value-icon-svg{width:30px;height:30px;display:block;flex-shrink:0}#custom-page .value-card h3{font-family:var(--sans)!important;font-size:19px;font-weight:700;margin-bottom:10px}#custom-page .value-card p{color:var(--gray-500);font-size:14px;line-height:1.5}#custom-page .colors-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:56px;row-gap:48px}#custom-page .color-group h3{font-family:var(--sans)!important;font-size:14px;font-weight:600;color:var(--gray-500);margin-bottom:28px;text-transform:uppercase;letter-spacing:1px}#custom-page .color-swatches{display:flex;flex-direction:column;gap:32px}#custom-page .color-swatch{display:flex;align-items:center;gap:28px}#custom-page .color-box{width:100px;height:100px;border-radius:20px;display:flex;align-items:flex-end;justify-content:center;padding-bottom:10px;flex-shrink:0;box-shadow:0 6px 20px rgba(0,0,0,0.1)}#custom-page .color-box span{font-family:var(--mono);font-size:10px;color:#fff}#custom-page .color-box.light-text span{color:var(--navy)}#custom-page .color-info{flex:1}#custom-page .color-info h4{font-family:var(--sans)!important;font-size:18px;font-weight:700;margin-bottom:6px}#custom-page .color-info p{font-size:14px;color:var(--gray-500);line-height:1.6;margin-bottom:12px}#custom-page .color-values{display:flex;gap:14px;flex-wrap:wrap}#custom-page .color-value{font-family:var(--mono);font-size:11px;color:var(--gray-500);background:var(--gray-100);padding:6px 12px;border-radius:8px}#custom-page .gradient-showcase{margin-top:56px;padding-top:40px;border-top:1px solid var(--gray-200)}#custom-page .gradient-showcase h3{font-family:var(--sans)!important;font-size:14px;font-weight:600;color:var(--gray-500);margin-bottom:24px;text-transform:uppercase;letter-spacing:1px}#custom-page .gradient-box{height:120px;border-radius:20px;display:flex;align-items:center;justify-content:space-between;padding:0 40px;color:#fff}#custom-page .brand-gradient{background:linear-gradient(135deg,#55a253 0%,#6db26d 50%,#72af74 100%)}#custom-page .gradient-box span{font-family:var(--mono);font-size:13px}#custom-page .type-showcase{display:grid;grid-template-columns:1fr 1fr;gap:32px;margin-bottom:36px}#custom-page .type-card{background:var(--gray-100);border-radius:20px;padding:32px}#custom-page .type-card.dark{background:var(--navy);color:#fff}#custom-page .type-label{font-family:var(--mono)!important;font-size:10px;color:var(--green-primary);letter-spacing:1px;text-transform:uppercase;margin-bottom:12px;font-weight:400}#custom-page .type-card.dark .type-label{color:var(--green-light)}#custom-page .type-name{font-size:34px;font-weight:800;letter-spacing:-0.5px;margin-bottom:10px}#custom-page .mono-name-lg{font-family:var(--mono);font-size:28px}#custom-page .type-desc{font-size:14px;color:var(--gray-500);margin-bottom:24px;line-height:1.6}#custom-page .type-card.dark .type-desc{color:#9ca3af}#custom-page .type-weights{display:flex;gap:24px;flex-wrap:wrap}#custom-page .type-weight{text-align:center}#custom-page .type-weight span{display:block;font-size:26px;margin-bottom:8px}#custom-page .type-weight small{font-family:var(--mono);font-size:10px;color:var(--gray-500)}#custom-page .type-card.dark .type-weight small{color:#6b7280}#custom-page .fw-400{font-weight:400}#custom-page .fw-500{font-weight:500}#custom-page .fw-600{font-weight:600}#custom-page .fw-700{font-weight:700}#custom-page .fw-800{font-weight:800}#custom-page .mono-fw-400{font-family:var(--mono);font-weight:400}#custom-page .mono-fw-700{font-family:var(--mono);font-weight:700}#custom-page .type-scale{border-top:1px solid var(--gray-200);padding-top:32px}#custom-page .type-scale h3{font-family:var(--sans)!important;font-size:14px;font-weight:600;color:var(--gray-500);margin-bottom:24px;text-transform:uppercase;letter-spacing:1px}#custom-page .scale-row{display:flex;align-items:baseline;justify-content:space-between;padding:16px 0;border-bottom:1px solid var(--gray-100)}#custom-page .scale-row:last-child{border-bottom:none}#custom-page .scale-label{font-family:var(--mono);font-size:12px;color:var(--green-primary);min-width:110px}#custom-page .scale-sample{flex:1}#custom-page .scale-size{font-family:var(--mono);font-size:12px;color:var(--gray-500);text-align:right;min-width:110px}#custom-page .ui-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px}#custom-page .ui-section h3{font-family:var(--sans)!important;font-size:14px;font-weight:600;color:var(--gray-500);margin-bottom:20px;text-transform:uppercase;letter-spacing:1px}#custom-page .ui-row{display:flex;gap:14px;flex-wrap:wrap}#custom-page .btn{padding:16px 28px;border-radius:14px;font-family:var(--sans);font-size:15px;font-weight:600;border:none;cursor:pointer}#custom-page .btn-primary{background:var(--green-primary);color:#fff}#custom-page .btn-outline{background:transparent;color:var(--green-primary);border:2px solid var(--green-primary)}#custom-page .btn-dark{background:var(--navy);color:#fff}#custom-page .chip{padding:14px 22px;border-radius:28px;font-size:14px;font-weight:500}#custom-page .chip-active{background:rgba(85,162,83,0.12);color:var(--green-primary)}#custom-page .chip-default{background:var(--gray-200);color:var(--gray-500)}@media (max-width:1200px){#custom-page .hero{grid-template-columns:1fr}#custom-page .hero-right{grid-template-columns:repeat(2,1fr)}#custom-page .colors-grid{grid-template-columns:1fr;gap:40px}#custom-page .type-showcase{grid-template-columns:1fr}#custom-page .values-grid{grid-template-columns:1fr}#custom-page .ui-grid{grid-template-columns:1fr}}@media (max-width:700px){#custom-page{padding-left:24px;padding-right:24px}#custom-page .hero-left{padding:28px}#custom-page .hero-left h2{font-size:28px}#custom-page .hero-right{grid-template-columns:1fr}#custom-page .logo-card{padding:40px 24px;min-height:200px}#custom-page .logo-mark{max-width:200px}#custom-page .color-swatch{flex-direction:column;align-items:flex-start;gap:16px}#custom-page .color-box{width:100%;height:80px}}#custom-footer{--navy:#1a1a2e;--green-light:#6db26d;--sans:'Plus Jakarta Sans',ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Arial,sans-serif;font-family:var(--sans);font-size:16.5px;line-height:1.6}#custom-footer,#custom-footer *{margin:0;padding:0;box-sizing:border-box}#custom-footer .ad-footer{background:var(--navy);padding:24px 56px;display:flex;justify-content:space-between;align-items:center}#custom-footer .ad-footer-copyright{color:#4b5563;font-size:13px}#custom-footer .ad-footer-link{color:#9ca3af;font-size:13px;text-decoration:none;transition:color 0.2s}#custom-footer .ad-footer-link:hover{color:var(--green-light)}#custom-footer .ad-footer-link span{color:#fff;font-weight:600}@media (max-width:700px){#custom-footer .ad-footer{padding-left:24px;padding-right:24px}}