.cp-page{--cp-ink:#f1f8f0;--cp-soft:#b5c9bb;--cp-line:#28493a;--cp-card:#142b21;--cp-body:#0d1d18;color:var(--cp-ink)}
.cp-hero{position:relative;overflow:hidden;padding:clamp(145px,14vw,210px) 0 clamp(80px,8vw,130px);background:radial-gradient(circle at 83% 34%,rgba(76,172,124,.23),transparent 33%),radial-gradient(circle at 12% 95%,rgba(20,103,78,.25),transparent 36%),#0d1d18}
.cp-texture{position:absolute;inset:0;opacity:.35;pointer-events:none;background-image:radial-gradient(circle,rgba(135,216,164,.4) .8px,transparent 1px),linear-gradient(rgba(110,180,138,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(110,180,138,.1) 1px,transparent 1px);background-size:26px 26px,78px 78px,78px 78px;mask-image:linear-gradient(90deg,#000,transparent)}
.cp-hero-inner{position:relative;z-index:1}.cp-breadcrumb{display:flex;gap:12px;align-items:center;color:#8fb4a0;font-size:11px;font-weight:750;letter-spacing:.13em;text-transform:uppercase;margin-bottom:54px}.cp-breadcrumb a:hover{color:#9beac1}.cp-hero .eyebrow{color:#96e2b9;font-size:11px;font-weight:800;letter-spacing:.15em;margin:0 0 25px}.cp-hero .status-dot{margin-right:8px}.cp-hero h1{max-width:1120px;margin:0;font-size:min(70px,clamp(3.5rem,7vw,7.8rem));line-height:1.04;letter-spacing:-.055em;font-weight:700;overflow-wrap:break-word}.cp-intro{max-width:780px;color:#bacdc1;font-size:clamp(17px,1.5vw,21px);line-height:1.7;margin:38px 0 0}.cp-hero-actions{display:flex;align-items:center;gap:30px;flex-wrap:wrap;margin-top:42px}.cp-text-link{border-bottom:1px solid #79d2a4;padding-bottom:7px;font-weight:700;font-size:14px}
.cp-content-section{padding:clamp(72px,8vw,125px) 0;background:var(--cp-body)}.cp-content-section:nth-of-type(odd){background:#10241c}.cp-article-layout{display:grid;grid-template-columns:minmax(190px,280px) minmax(0,800px);justify-content:space-between;gap:clamp(40px,6vw,110px)}.cp-article-sidebar{position:sticky;top:110px;align-self:start;max-height:calc(100vh - 130px);overflow:auto;border-top:1px solid var(--cp-line);padding-top:20px}.cp-article-sidebar>span,.cp-guide-heading>span,.cp-section-heading>span,.cp-tool-aside>span,.cp-overline,.cp-empty-state>span{display:block;color:#79d2a4;font-size:11px;font-weight:800;letter-spacing:.15em}.cp-article-sidebar nav{display:grid;gap:4px;margin-top:22px}.cp-article-sidebar nav a{display:block;padding:9px 0;border-bottom:1px solid rgba(115,168,135,.13);color:#b3c6b8;font-size:13px;line-height:1.45;transition:color .2s,transform .2s}.cp-article-sidebar nav a:hover{color:#a1e8be;transform:translateX(4px)}.cp-sidebar-cta{display:block;color:#a1e8be;font-size:13px;font-weight:750;margin-top:30px}.cp-article{min-width:0;color:#c0d0c3;font-size:16px;line-height:1.82}.cp-article-section{padding-bottom:52px;margin-bottom:52px;border-bottom:1px solid var(--cp-line);scroll-margin-top:115px}.cp-article h2,.cp-guide-heading h2,.cp-section-heading h2,.cp-tool-main h2{color:var(--cp-ink);font-size:clamp(2rem,3.25vw,3.65rem);line-height:1.13;letter-spacing:-.045em;margin:0 0 24px}.cp-article h3{color:var(--cp-ink);font-size:clamp(1.35rem,2vw,2rem);line-height:1.25;letter-spacing:-.035em;margin:38px 0 16px}.cp-article h4{color:var(--cp-ink);font-size:1.1rem;margin:26px 0 12px}.cp-article p{margin:0 0 24px}.cp-article strong,.cp-article b{color:#ecf6ed}.cp-article a{color:#8be0af;text-decoration:underline;text-underline-offset:4px}.cp-article ul,.cp-article ol{padding-left:25px;margin:0 0 26px}.cp-article li{padding-left:6px;margin:8px 0}.cp-article pre{max-width:100%;overflow:auto;background:#07140f;border:1px solid #2f4b39;border-radius:12px;padding:22px;color:#dcf9de;font-size:13px;line-height:1.6;white-space:pre}.cp-article :not(pre)>code{padding:2px 5px;background:#203c2a;border-radius:4px;color:#d7f4d9}.cp-article table{display:block;width:100%;overflow:auto;border-collapse:collapse;margin:25px 0 35px}.cp-article th,.cp-article td{border:1px solid #31513f;padding:12px 15px;text-align:left;min-width:120px}.cp-article th{background:#1d3c2c;color:#f0f8ef}.cp-article blockquote{margin:32px 0;padding:20px 25px;border-left:3px solid #81dbab;background:#193327;color:#e0f3e4}.cp-article img{max-width:100%;height:auto;border-radius:8px;margin:22px 0}.cp-article-end{padding:38px;border:1px solid var(--cp-line);border-radius:12px;background:var(--cp-card)}.cp-article-end span{color:#8dddac;font-size:11px;letter-spacing:.15em;font-weight:800}.cp-article-end h2{margin:18px 0 12px}.cp-article-end a,.cp-guide-heading a{color:#90e1b2;font-weight:750}
.cp-section-heading{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:42px}.cp-section-heading h2{max-width:740px;margin:18px 0 0}.cp-directory-grid,.cp-feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.cp-directory-card,.cp-feature-card{position:relative;display:flex;flex-direction:column;min-height:275px;border:1px solid var(--cp-line);border-radius:12px;background:var(--cp-card);padding:29px;transition:transform .3s,border-color .3s,background .3s}.cp-directory-card:hover,.cp-feature-card:hover{transform:translateY(-5px);border-color:#80d7a7;background:#193b2b}.cp-directory-card>span,.cp-feature-card>span{color:#8dddac;font-size:10px;font-weight:800;letter-spacing:.13em}.cp-directory-card h3,.cp-feature-card h3{color:var(--cp-ink);font-size:clamp(20px,2vw,29px);line-height:1.18;letter-spacing:-.035em;margin:38px 0 12px}.cp-directory-card p,.cp-feature-card p{color:var(--cp-soft);font-size:14px;line-height:1.65;margin:0}.cp-directory-card b{margin-top:auto;align-self:end;color:#9ce7b9;font-size:24px;font-weight:400}.cp-guide{border-top:1px solid var(--cp-line)}.cp-guide-heading h2{margin:20px 0}.cp-tool-layout{display:grid;grid-template-columns:minmax(0,900px) minmax(190px,275px);gap:clamp(40px,6vw,100px);justify-content:space-between}.cp-tool-main h2{margin:15px 0 28px}.cp-tool-aside{padding-top:64px}.cp-tool-aside p{color:var(--cp-soft);font-size:15px;line-height:1.7}.cp-tool-aside a{color:#92e4b5;font-weight:750}.cp-tool{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;padding:clamp(22px,4vw,42px);background:#172e23;border:1px solid #365844;border-radius:16px}.cp-tool label{display:grid;gap:9px;color:#e8f5e9;font-size:13px;font-weight:700}.cp-tool input,.cp-tool select,.cp-tool textarea{width:100%;min-height:50px;border:1px solid #496a53;border-radius:8px;padding:11px 14px;background:#0e1f17;color:#f0f8ef;font:inherit;outline:none}.cp-tool input:focus,.cp-tool select:focus,.cp-tool textarea:focus{border-color:#8fe6b3;box-shadow:0 0 0 3px rgba(143,230,179,.14)}.cp-tool textarea{resize:vertical}.cp-tool button{min-height:50px;border:1px solid #8be2ae;border-radius:8px;padding:12px 18px;background:#49a477;color:#06150d;font:inherit;font-weight:800;cursor:pointer;transition:transform .2s,background .2s}.cp-tool button:hover{transform:translateY(-2px);background:#8be2ae}.cp-tool>button,.cp-tool>output,.cp-tool>.cp-voice-actions,.cp-tool>textarea,.cp-tool>.cp-document-preview,.cp-tool>.cp-form-grid,.cp-tool>.cp-bars,.cp-tool>.cp-game-bar,.cp-tool>canvas,.cp-tool>p{grid-column:1/-1}.cp-tool output{display:block;min-height:30px;color:#9ce9bd;font-size:18px;font-weight:750}.cp-tool output:empty{display:none}.cp-voice-actions{display:flex;gap:10px;flex-wrap:wrap}.cp-voice-actions button{flex:1}.cp-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.cp-document-preview{padding:30px;background:#fff;color:#172c22;border-radius:8px}.cp-document-preview h2{color:#172c22}.cp-calculator{max-width:520px;display:block}.cp-display{margin-bottom:14px}.cp-calc-keys{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.cp-calculator .cp-calc-keys button{min-width:0}.cp-game{max-width:620px;display:block}.cp-game-bar{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.cp-game canvas{display:block;width:min(100%,360px);height:auto;background:#0b1c13;border:1px solid #3c6650;margin:auto;touch-action:none}.cp-game p{font-size:13px;color:var(--cp-soft)}.cp-bars{display:flex;align-items:end;gap:8px;min-height:180px;border-bottom:1px solid #87cc9e}.cp-bars span{display:block;flex:1;min-width:5px;background:linear-gradient(#8ce4ad,#2b8f67);border-radius:4px 4px 0 0}.cp-empty-state{padding:65px;border:1px solid var(--cp-line);border-radius:15px;background:var(--cp-card)}.cp-empty-state h2{max-width:700px;color:var(--cp-ink);font-size:min(70px,clamp(2.5rem,5vw,5rem));line-height:1.06;letter-spacing:-.06em}.cp-empty-state p{max-width:650px;color:var(--cp-soft);line-height:1.7;margin-bottom:30px}
html[data-theme="light"] .cp-page{--cp-ink:#172c22;--cp-soft:#526b5d;--cp-line:#cde0d0;--cp-card:#fff;--cp-body:#f4f8f2}html[data-theme="light"] .cp-hero{background:radial-gradient(circle at 83% 34%,rgba(76,172,124,.14),transparent 35%),#eff7ee}html[data-theme="light"] .cp-intro{color:#526b5d}html[data-theme="light"] .cp-breadcrumb{color:#597865}html[data-theme="light"] .cp-hero .eyebrow,html[data-theme="light"] .cp-article-sidebar>span,html[data-theme="light"] .cp-guide-heading>span,html[data-theme="light"] .cp-section-heading>span{color:#0a806e}html[data-theme="light"] .cp-content-section:nth-of-type(odd){background:#eaf3e9}html[data-theme="light"] .cp-article{color:#46604e}html[data-theme="light"] .cp-article strong,html[data-theme="light"] .cp-article b{color:#172c22}html[data-theme="light"] .cp-article a{color:#087b63}html[data-theme="light"] .cp-article-sidebar nav a{color:#526b5d}html[data-theme="light"] .cp-article-end span,html[data-theme="light"] .cp-directory-card>span,html[data-theme="light"] .cp-feature-card>span{color:#087b63}html[data-theme="light"] .cp-directory-card:hover,html[data-theme="light"] .cp-feature-card:hover{background:#f5fbf4}html[data-theme="light"] .cp-tool{background:#fff;border-color:#cde0d0}html[data-theme="light"] .cp-tool label{color:#172c22}html[data-theme="light"] .cp-tool input,html[data-theme="light"] .cp-tool select,html[data-theme="light"] .cp-tool textarea{background:#f5faf5;color:#172c22;border-color:#b8d0bd}html[data-theme="light"] .cp-tool output{color:#087b63}html[data-theme="light"] .cp-article pre{background:#14251b;color:#e2f8e7}
@media(max-width:900px){.cp-directory-grid,.cp-feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.cp-article-layout,.cp-tool-layout{grid-template-columns:1fr}.cp-article-sidebar{position:static;max-height:none}.cp-article-sidebar nav{grid-template-columns:repeat(2,minmax(0,1fr))}.cp-tool-aside{padding-top:0}}
@media(max-width:600px){.cp-hero{padding-top:135px}.cp-hero h1{font-size:min(70px,clamp(3rem,12vw,4.7rem))}.cp-breadcrumb{margin-bottom:35px}.cp-directory-grid,.cp-feature-grid,.cp-tool,.cp-form-grid{grid-template-columns:1fr}.cp-article-sidebar nav{grid-template-columns:1fr}.cp-directory-card{min-height:225px}.cp-tool{padding:20px}.cp-content-section{padding:65px 0}.cp-article{font-size:15px}.cp-article pre{font-size:12px;padding:14px}.cp-voice-actions{display:grid}.cp-tool>label{grid-column:1/-1}}
.cp-hero h1{max-width:1040px;font-size:clamp(38px,5vw,70px);line-height:1.11;letter-spacing:-.045em;overflow-wrap:normal;word-break:normal;hyphens:auto}
@media(max-width:600px){.cp-hero h1{font-size:clamp(36px,9vw,54px);line-height:1.12}}
.cp-legacy-work{background:#10241c}.cp-legacy-card{min-height:0;padding:0;overflow:hidden}.cp-legacy-card img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;border-bottom:1px solid var(--cp-line)}.cp-legacy-card>span,.cp-legacy-card h3,.cp-legacy-card p{margin-left:24px;margin-right:24px}.cp-legacy-card>span{margin-top:24px}.cp-legacy-card h3{margin-top:15px}.cp-legacy-card p{margin-bottom:20px}.cp-legacy-card b{margin:0 24px 24px}
.cp-legacy-work{--cp-ink:#f1f8f0;--cp-soft:#b5c9bb;--cp-line:#28493a;--cp-card:#142b21;color:var(--cp-ink)}
html[data-theme="light"] .cp-legacy-work{--cp-ink:#172c22;--cp-soft:#526b5d;--cp-line:#cde0d0;--cp-card:#fff;background:#eaf3e9}
.cp-has-featured{display:grid;grid-template-columns:minmax(0,1.22fr) minmax(340px,.78fr);align-items:center;gap:clamp(36px,5vw,90px)}
.cp-has-featured .cp-hero-copy{min-width:0}.cp-has-featured .cp-hero-copy h1{max-width:790px;font-size:clamp(36px,4.15vw,70px)}
.cp-featured{min-width:0;margin:0}.cp-featured-frame{position:relative;overflow:hidden;padding:18px;border:1px solid #395947;border-radius:16px;background:linear-gradient(140deg,#243c2e,#12271e);box-shadow:0 36px 90px rgba(1,13,7,.27);transform:rotate(1.5deg);transition:transform .4s,border-color .4s}
.cp-featured:hover .cp-featured-frame{transform:rotate(0);border-color:#85d7a6}.cp-featured-frame:before{content:"";position:absolute;inset:9px;z-index:0;border:1px solid rgba(160,218,180,.15);border-radius:11px;pointer-events:none}
.cp-featured-label{position:relative;z-index:1;display:block;margin:0 0 14px;padding:0 4px;color:#a9e6b9;font-size:10px;font-weight:800;letter-spacing:.13em}.cp-featured img{position:relative;z-index:1;display:block;width:100%;height:auto;max-height:520px;object-fit:contain;border-radius:8px;background:#f0f5f1}.cp-featured figcaption{margin-top:17px;color:#8bab99;font-size:11px;letter-spacing:.07em;text-align:right}
html[data-theme="light"] .cp-featured-frame{background:#e0eee3;border-color:#b8d0c0;box-shadow:0 30px 80px rgba(34,80,45,.12)}html[data-theme="light"] .cp-featured-label{color:#087765}html[data-theme="light"] .cp-featured figcaption{color:#688471}
@media(max-width:1050px){.cp-has-featured{grid-template-columns:1fr}.cp-has-featured .cp-hero-copy h1{max-width:1000px}.cp-featured{max-width:740px}.cp-featured img{max-height:none}}
@media(max-width:600px){.cp-featured-frame{transform:none;padding:12px}.cp-featured-label{font-size:9px}.cp-featured figcaption{font-size:10px}}
.cp-directory-card-image{padding:0;overflow:hidden}.cp-directory-thumb{overflow:hidden;aspect-ratio:1.65;background:#213b2b;border-bottom:1px solid var(--cp-line)}.cp-directory-thumb img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .6s}.cp-directory-card-image:hover .cp-directory-thumb img{transform:scale(1.05)}.cp-directory-card-image>span,.cp-directory-card-image h3,.cp-directory-card-image p{margin-left:24px;margin-right:24px}.cp-directory-card-image>span{margin-top:23px}.cp-directory-card-image h3{margin-top:17px}.cp-directory-card-image p{margin-bottom:20px}.cp-directory-card-image b{margin:0 24px 24px}
.cp-demo-section{padding:clamp(70px,8vw,120px) 0;background:#12271d;color:#f2f8ef;border-block:1px solid #31513c}.cp-demo-header{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:35px}.cp-demo-header span{color:#91dfb1;font-size:11px;font-weight:800;letter-spacing:.15em}.cp-demo-header h2{max-width:750px;margin:15px 0 0;font-size:clamp(30px,3.8vw,58px);line-height:1.12;letter-spacing:-.045em}.cp-demo-header p{max-width:340px;color:#b8ccbb;font-size:14px;line-height:1.65;margin:0}.cp-demo{position:relative;min-height:320px;padding:clamp(22px,4vw,55px);border:1px solid #365946;border-radius:16px;background:radial-gradient(circle at 78% 17%,#244634,#10241a 60%);overflow:hidden;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:28px}.cp-demo button{cursor:pointer;font:inherit}.cp-demo-controls{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}.cp-demo-controls button,.cp-demo-action,.cp-demo-form button{border:1px solid #6cbd8d;border-radius:999px;background:#245d40;color:#e7f7e8;padding:11px 18px;font-size:13px;font-weight:750;transition:background .25s,transform .25s}.cp-demo-controls button:hover,.cp-demo-controls button[aria-pressed="true"],.cp-demo-action:hover,.cp-demo-form button:hover{background:#70cc95;color:#0a2214;transform:translateY(-2px)}.cp-demo-response{color:#e1f5e3;font-size:clamp(18px,2vw,29px);font-weight:650;text-align:center;margin:0}.cp-demo-stage{display:grid;place-items:center;isolation:isolate;position:relative;width:min(100%,900px);min-height:330px;overflow:hidden;border:1px solid #57775f;border-radius:12px;background-position:center;background-size:cover;transition:background-image .35s}.cp-demo-stage:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(135deg,rgba(3,17,10,.7),rgba(4,20,13,.12))}.cp-demo-stage strong{max-width:500px;padding:20px;color:white;font-size:clamp(27px,4.5vw,55px);line-height:1.1;letter-spacing:-.05em;text-align:center}.cp-demo-image{width:min(100%,750px);overflow:hidden;border:12px solid #dfece3;border-radius:10px;background:#dfece3}.cp-demo-image img{display:block;width:100%;height:360px;object-fit:contain;transition:opacity .2s}.cp-demo-gradient{position:relative;isolation:isolate;display:grid;place-content:center;gap:14px;width:min(100%,440px);min-height:240px;border-radius:18px;background:#112519;text-align:center;color:#fff;overflow:hidden}.cp-demo-gradient:before{content:"";position:absolute;z-index:-2;inset:-90%;background:conic-gradient(#7fe6ab,#49ad88,#a9e6bf,#397f6b,#7fe6ab);animation:cp-spin 5s linear infinite}.cp-demo-gradient:after{content:"";position:absolute;z-index:-1;inset:5px;border-radius:14px;background:#112519}.cp-demo-gradient span{font-size:clamp(24px,3vw,42px);font-weight:750;letter-spacing:-.05em}.cp-demo-gradient small{color:#a9cfb4}.cp-demo-big-text{margin:0;font-size:clamp(38px,6vw,70px);font-weight:750;line-height:1.1;letter-spacing:-.055em;text-align:center}.cp-demo[data-demo="gradient-text"] .cp-demo-big-text{background:linear-gradient(100deg,#c7f4b9,#5ed1b2,#65a8e8);background-clip:text;-webkit-background-clip:text;color:transparent}.cp-demo-big-text mark{background:linear-gradient(transparent 55%,#76d39a 55%);color:#fff}.cp-demo-flip{width:min(100%,340px);height:250px;padding:0;border:0;background:none;perspective:900px}.cp-demo-flip-inner{position:relative;display:block;width:100%;height:100%;transform-style:preserve-3d;transition:transform .65s}.cp-demo-flip:hover .cp-demo-flip-inner,.cp-demo-flip.is-flipped .cp-demo-flip-inner{transform:rotateY(180deg)}.cp-demo-flip-front,.cp-demo-flip-back{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:space-between;align-items:start;padding:30px;border:1px solid #7ac49a;border-radius:13px;background:#205339;color:#fff;font-size:28px;line-height:1.2;font-weight:750;text-align:left;backface-visibility:hidden}.cp-demo-flip-back{background:#d9f2db;color:#183b24;transform:rotateY(180deg)}.cp-demo-flip b{align-self:end;font-weight:400}.cp-demo-modal{position:fixed;z-index:1000;inset:0;display:grid;place-items:center;padding:20px;background:rgba(1,12,7,.78)}.cp-demo-modal[hidden],.cp-demo-mini-nav[hidden],.cp-demo-carousel article[hidden]{display:none}.cp-demo-dialog{position:relative;width:min(100%,520px);padding:clamp(30px,5vw,55px);border:1px solid #8ddbaf;border-radius:17px;background:#eaf7ea;color:#183b24;box-shadow:0 30px 100px #0009}.cp-demo-dialog>span{color:#27815b;font-size:11px;letter-spacing:.15em;font-weight:800}.cp-demo-dialog h3{font-size:clamp(30px,3vw,46px);line-height:1.1;letter-spacing:-.05em;margin:18px 0}.cp-demo-dialog p{color:#4d6954}.cp-demo-close{position:absolute;right:17px;top:12px;border:0;background:transparent;color:#173d25;font-size:30px}.cp-demo-hamburger{display:grid;place-content:center;gap:7px;width:74px;height:74px;border:1px solid #79d39b;border-radius:50%;background:#205439}.cp-demo-hamburger i{display:block;width:25px;height:2px;background:#e5f7e7;transition:transform .3s,opacity .3s}.cp-demo-hamburger[aria-expanded="true"] i:first-child{transform:translateY(9px) rotate(45deg)}.cp-demo-hamburger[aria-expanded="true"] i:nth-child(2){opacity:0}.cp-demo-hamburger[aria-expanded="true"] i:last-child{transform:translateY(-9px) rotate(-45deg)}.cp-demo-mini-nav,.cp-demo-nav{display:flex;gap:22px;flex-wrap:wrap;justify-content:center;padding:16px 23px;border:1px solid #477453;border-radius:10px;background:#193828}.cp-demo-mini-nav a,.cp-demo-nav a{color:#d8efdb;font-size:14px;font-weight:700}.cp-demo-mini-nav a:hover,.cp-demo-nav a:hover{color:#83e3aa}.cp-demo-animated-button{position:relative;display:flex;align-items:center;gap:80px;padding:19px 25px;border:1px solid #8cdda8;border-radius:50px;background:#8cdda8;color:#0b2615;font-weight:800;overflow:hidden;transition:gap .3s,background .3s,transform .3s}.cp-demo-animated-button:hover{gap:100px;background:#d3f5d8;transform:translateY(-4px)}.cp-demo-animated-button span{font-size:22px}.cp-demo-play{display:grid;place-items:center;width:130px;height:130px;border:1px solid #8de5ad;border-radius:50%;background:#2e8657;color:white;box-shadow:0 0 0 0 rgba(127,220,163,.3);animation:cp-pulse 2s infinite}.cp-demo-play span{font-size:31px;margin-left:6px}.cp-demo-glass-scene{display:grid;place-items:center;width:min(100%,760px);min-height:380px;border-radius:16px;background:radial-gradient(circle at 30% 30%,#84dca2,transparent 28%),radial-gradient(circle at 70% 70%,#4ea2ac,transparent 30%),#244137}.cp-demo-glass-card{display:grid;gap:18px;width:min(86%,430px);padding:34px;border:1px solid #ffffff8a;border-radius:18px;background:#ffffff36;backdrop-filter:blur(18px);box-shadow:0 25px 50px #061d2055;transition:transform .3s}.cp-demo-glass-card:hover{transform:translateY(-8px)}.cp-demo-glass-card span{font-size:10px;letter-spacing:.16em}.cp-demo-glass-card strong{font-size:clamp(28px,3vw,43px);line-height:1.1}.cp-demo-glass-card small{font-size:13px}.cp-demo-marquee,.cp-demo-image-marquee{width:100%;overflow:hidden}.cp-demo-marquee div{width:max-content;white-space:nowrap;color:#a9ebba;font-size:clamp(32px,5vw,64px);font-weight:800;letter-spacing:-.05em;animation:cp-marquee 18s linear infinite}.cp-demo-image-marquee>div{display:flex;gap:18px;width:max-content;animation:cp-marquee 24s linear infinite}.cp-demo-image-marquee img{width:260px;height:160px;object-fit:cover;border:5px solid #dfeee2;border-radius:8px}.cp-demo-carousel{width:min(100%,600px)}.cp-demo-carousel article{min-height:240px;padding:30px;border:1px solid #639b74;border-radius:12px;background:#1e4731}.cp-demo-carousel article span{color:#9be4b5;font-size:11px;font-weight:800;letter-spacing:.13em}.cp-demo-carousel article h3{font-size:clamp(30px,4vw,54px);letter-spacing:-.05em;margin:40px 0 10px}.cp-demo-carousel article p{color:#badac2;margin:0}.cp-demo-form{display:flex;gap:10px;flex-wrap:wrap}.cp-demo-form input{min-height:46px;padding:10px 15px;border:1px solid #87cda0;border-radius:7px;background:#e9f6eb;color:#102719;font:inherit}.cp-demo-form label{display:grid;gap:8px;color:#e5f4e9;font-size:13px}.cp-demo-form button{align-self:end}.cp-demo-scrollbox{width:min(100%,610px);height:220px;overflow:auto;padding:25px;border:1px solid #5d916e;border-radius:10px;background:#193928;scrollbar-color:#8cdaa7 #193928;scrollbar-width:thin}.cp-demo-scrollbox h3{margin:0 0 18px;font-size:30px}.cp-demo-scrollbox p{font-size:16px;line-height:1.6;color:#c9e2ce}.cp-demo-dropcap{max-width:620px;font-family:Georgia,serif;font-size:23px;line-height:1.65}.cp-demo-dropcap:first-letter{float:left;color:#a6e8b7;font-size:105px;line-height:.8;padding:10px 14px 0 0}.cp-demo-cursor-area{position:relative;display:grid;place-items:center;width:min(100%,680px);height:300px;border:1px dashed #8addaa;border-radius:12px;cursor:none}.cp-demo-cursor-area p{font-size:30px;font-weight:700}.cp-demo-cursor-dot{position:absolute;left:50%;top:50%;width:35px;height:35px;border:2px solid #a8f1bb;border-radius:50%;pointer-events:none;transform:translate(-50%,-50%);transition:width .2s,height .2s}.cp-demo-cursor-area:hover .cp-demo-cursor-dot{width:55px;height:55px}.cp-demo-smoke{font-size:clamp(35px,5vw,70px);font-weight:700;letter-spacing:-.06em;animation:cp-smoke 3s ease-in-out infinite alternate}.cp-demo-particles{position:relative;display:grid;place-items:center;width:min(100%,800px);min-height:300px;overflow:hidden;border-radius:12px;background:radial-gradient(circle at center,#27553a,#0d2319)}.cp-demo-particles span{position:absolute;width:5px;height:5px;border-radius:50%;background:#a5ebbb;box-shadow:0 0 20px #9feab9;animation:cp-float 5s infinite alternate}.cp-demo-particles span:nth-child(1){top:20%;left:18%}.cp-demo-particles span:nth-child(2){top:65%;left:31%;animation-delay:1s}.cp-demo-particles span:nth-child(3){top:12%;left:73%;animation-delay:2s}.cp-demo-particles span:nth-child(4){top:73%;left:82%;animation-delay:.5s}.cp-demo-particles span:nth-child(5){top:40%;left:51%;animation-delay:1.7s}.cp-demo-particles strong{position:relative;z-index:1;font-size:clamp(28px,4vw,50px);letter-spacing:-.05em;text-align:center}
@keyframes cp-spin{to{transform:rotate(360deg)}}@keyframes cp-pulse{50%{box-shadow:0 0 0 26px rgba(127,220,163,0)}}@keyframes cp-marquee{to{transform:translateX(-50%)}}@keyframes cp-smoke{from{filter:blur(8px);opacity:.25;transform:translateY(10px)}to{filter:blur(0);opacity:1;transform:translateY(0)}}@keyframes cp-float{to{transform:translate(35px,-45px);opacity:.3}}
html[data-theme="light"] .cp-demo-section{background:#e6f2e8;color:#172c22;border-color:#c7dfcc}html[data-theme="light"] .cp-demo-header span{color:#087765}html[data-theme="light"] .cp-demo-header p{color:#526b5d}html[data-theme="light"] .cp-demo{background:radial-gradient(circle at 78% 17%,#dfefe2,#cfe7d5 70%);border-color:#bed9c6}html[data-theme="light"] .cp-demo-response{color:#173b27}html[data-theme="light"] .cp-demo-big-text mark{color:#172c22}html[data-theme="light"] .cp-demo-flip-front{color:white}html[data-theme="light"] .cp-demo-dropcap{color:#173b27}html[data-theme="light"] .cp-demo-smoke{color:#173b27}
@media(max-width:700px){.cp-demo-header{display:block}.cp-demo-header p{margin-top:15px}.cp-demo{min-height:260px;padding:20px}.cp-demo-stage{min-height:250px}.cp-demo-image img{height:240px}.cp-demo-cursor-area{cursor:default}.cp-demo-controls button{font-size:12px;padding:9px 12px}}
@media(prefers-reduced-motion:reduce){.cp-demo-gradient:before,.cp-demo-play,.cp-demo-marquee div,.cp-demo-image-marquee>div,.cp-demo-smoke,.cp-demo-particles span{animation:none}}
.cp-demo-disclosure{margin:17px 0 0;color:#94b5a0;font-size:12px;line-height:1.5}.cp-demo-stage-count{position:absolute;right:20px;bottom:16px;color:#fff;font-size:11px;font-weight:800;letter-spacing:.13em}.cp-demo[data-demo="image-swap"] .cp-demo-image img{object-fit:cover}.cp-demo[data-demo="tabs"] .cp-demo-response{max-width:820px;min-height:95px;line-height:1.5;font-size:clamp(18px,2.2vw,29px)}
.cp-demo-gradient{background:#141225}.cp-demo-gradient:before{inset:-3px;border-radius:20px;background:linear-gradient(60deg,#ff6ec4,#7873f5,#4ade80,#ff6ec4);background-size:300% 300%;animation:cp-gradient-slide 4s linear infinite}.cp-demo-gradient:after{inset:3px;background:#141225}.cp-demo-gradient:hover:before{animation-play-state:paused}@keyframes cp-gradient-slide{from{background-position:0% 50%}to{background-position:300% 50%}}
.cp-demo[data-demo="gradient-text-gold"] .cp-demo-big-text{background:linear-gradient(180deg,#eace9a,#ae925e);-webkit-background-clip:text;background-clip:text;color:transparent}.cp-demo-gradient-pro{text-align:center}.cp-demo-gradient-pro h3,.cp-demo-gradient-pro p{background:linear-gradient(to right top,#fff,#cafcff,#00ffff,#00ffdc,#34fc42);-webkit-background-clip:text;background-clip:text;color:transparent}.cp-demo-gradient-pro h3{font-size:clamp(40px,5vw,70px);letter-spacing:-.06em;line-height:1.1;margin:0 0 18px}.cp-demo-gradient-pro p{font-size:clamp(18px,2.3vw,27px);margin:0}.cp-demo[data-demo="highlight"] .cp-demo-big-text mark{background:linear-gradient(to right,#f5c324,#f5c324) 0 100%/100% .3em no-repeat;color:inherit;padding-bottom:3px}
.cp-demo-flip-front{display:grid;place-items:center;background:linear-gradient(135deg,#7873f5,#ff6ec4);color:#fff}.cp-demo-flip-back{display:grid;place-items:center;background:#141225;color:#f2f1ff}.cp-demo-flip-front,.cp-demo-flip-back{text-align:center;font-size:27px}.cp-demo-popup-trigger{position:relative;display:block;width:min(100%,500px);border:1px solid #729d7e;border-radius:12px;padding:0;overflow:hidden;background:#1c3d2a;color:#fff;transition:transform .25s}.cp-demo-popup-trigger:hover{transform:translateY(-5px)}.cp-demo-popup-trigger img{display:block;width:100%;height:270px;object-fit:cover}.cp-demo-popup-trigger span{display:block;padding:15px 18px;font-weight:750;text-align:left}
.cp-demo[data-demo="navigation"] .cp-demo-nav{position:relative;gap:0;padding:8px;background:#f1f3ec;border:0;border-radius:12px}.cp-demo[data-demo="navigation"] .cp-demo-nav a{position:relative;z-index:1;padding:15px 20px;color:#1c3525;border-radius:8px;transition:background .25s,color .25s}.cp-demo[data-demo="navigation"] .cp-demo-nav a:hover,.cp-demo[data-demo="navigation"] .cp-demo-nav a:focus-visible{background:#235d40;color:#fff;outline:none}
.cp-demo[data-demo="button"] .cp-demo-animated-button{position:relative;z-index:0;isolation:isolate;border:0;border-radius:20px;background:#172a21;color:transparent;background-image:linear-gradient(45deg,#f8bf3c,#84b7ca,#f8bf3c,#84b7ca);background-size:300% 100%;background-clip:text;-webkit-background-clip:text;animation:cp-button-text 8s linear infinite alternate;font-size:20px}.cp-demo[data-demo="button"] .cp-demo-animated-button:before,.cp-demo[data-demo="button"] .cp-demo-animated-button:after{content:"";position:absolute;inset:-3px;z-index:-2;border-radius:22px;background:linear-gradient(45deg,#f8bf3c,#84b7ca,#f8bf3c,#84b7ca);background-size:400% 100%;animation:cp-button-text 8s linear infinite}.cp-demo[data-demo="button"] .cp-demo-animated-button:after{z-index:-1;inset:2px;background:#15281d;filter:none}.cp-demo[data-demo="button"] .cp-demo-animated-button:hover:before{filter:blur(14px)}@keyframes cp-button-text{to{background-position:100% 0}}
.cp-demo-play{position:relative;isolation:isolate;box-shadow:none;animation:none}.cp-demo-play:before{content:"";position:absolute;z-index:-1;inset:0;border-radius:50%;background:#0d7c6e;animation:cp-play-ring 1.5s ease-out infinite}.cp-demo-play:hover:before{background:#f3bc4d}@keyframes cp-play-ring{0%,30%{transform:scale(0);opacity:1}50%{transform:scale(1.5);opacity:.9}to{transform:scale(2);opacity:0}}
.cp-demo-glass-scene[data-variant="header"]{align-items:start}.cp-demo-glass-scene[data-variant="header"] .cp-demo-glass-card{width:95%;margin-top:25px;border-radius:999px;display:flex;align-items:center;justify-content:space-between;gap:20px}.cp-demo-glass-scene[data-variant="header"] .cp-demo-glass-card strong{font-size:23px}.cp-demo-glass-scene[data-variant="header"] .cp-demo-glass-card small{display:none}.cp-demo-glass-scene[data-variant="image"]{background:url(https://mojibur.com/wp-content/uploads/2026/10/demo-scene-landscape.svg) center/cover}.cp-demo-glass-scene[data-variant="image"] .cp-demo-glass-card{background:rgba(20,50,45,.23)}
.cp-demo[data-demo="marquee"] .cp-demo-marquee div{font-size:clamp(31px,4vw,58px)}.cp-demo[data-demo="marquee"] .cp-demo-marquee:hover div{-webkit-text-stroke:1.5px #fff;color:transparent;animation-play-state:paused}.cp-demo[data-demo="image-marquee"] .cp-demo-image-marquee img{width:170px;height:170px;object-fit:cover}.cp-demo-carousel-photos article{position:relative;overflow:hidden;padding:0;background:#1a3625}.cp-demo-carousel-photos article img{display:block;width:100%;height:340px;object-fit:cover}.cp-demo-carousel-photos article>div{position:absolute;inset:auto 0 0;padding:25px;background:linear-gradient(transparent,#071c14e8)}.cp-demo-carousel-photos article h3{margin:8px 0 0;color:#fff}
.cp-demo-form[hidden],.cp-demo-thank-you[hidden]{display:none}.cp-demo-thank-you{text-align:center}.cp-demo-thank-you span{font-size:11px;font-weight:800;letter-spacing:.15em;color:#9ee7b7}.cp-demo-thank-you h3{font-size:clamp(32px,4vw,55px);line-height:1.1;letter-spacing:-.05em;margin:16px 0}.cp-demo-thank-you p{color:#bbd4c1}.cp-demo-thank-you button{border:1px solid #8ee0ac;border-radius:999px;background:#2c7650;color:#fff;padding:11px 19px}
.cp-demo-smoke{font-size:clamp(35px,5vw,70px);font-weight:700;letter-spacing:-.06em;animation:none}.cp-demo-smoke span{display:inline-block;cursor:default}.cp-demo-smoke span.is-smoking{animation:cp-letter-smoke 1.4s linear}@keyframes cp-letter-smoke{50%{opacity:1}75%{opacity:0;filter:blur(20px);transform:translate(80px,-80px) rotate(180deg) scale(2.2)}100%{opacity:1;filter:blur(0);transform:none}}
.cp-demo-particles canvas{position:absolute;inset:0;width:100%;height:100%}.cp-demo-particles strong{pointer-events:none;text-shadow:0 2px 20px #072013}
html[data-theme="light"] .cp-demo-disclosure{color:#54735e}html[data-theme="light"] .cp-demo[data-demo="highlight"] .cp-demo-big-text{color:#1d3927}html[data-theme="light"] .cp-demo[data-demo="gradient-text-gold"] .cp-demo-big-text{filter:drop-shadow(0 1px 1px #5c4837)}html[data-theme="light"] .cp-demo-smoke{color:#183b27}
@media(max-width:600px){.cp-demo[data-demo="navigation"] .cp-demo-nav{display:grid;grid-template-columns:repeat(2,1fr)}.cp-demo[data-demo="navigation"] .cp-demo-nav a{padding:12px}.cp-demo-carousel-photos article img{height:250px}.cp-demo-glass-scene[data-variant="header"] .cp-demo-glass-card{padding:20px}.cp-demo-glass-scene[data-variant="header"] .cp-demo-glass-card strong{font-size:17px}}
@media(prefers-reduced-motion:reduce){.cp-demo-gradient:before,.cp-demo[data-demo="button"] .cp-demo-animated-button,.cp-demo[data-demo="button"] .cp-demo-animated-button:before,.cp-demo-play:before{animation:none}}
.cp-demo-card-track{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;width:min(100%,900px)}.cp-demo-card-track article{min-width:0;min-height:250px;padding:26px;border:1px solid #689e75;border-radius:12px;background:#1c4730}.cp-demo-card-track article:nth-child(n+3){display:none}.cp-demo-card-track article span{color:#9be4b5;font-size:11px;font-weight:800;letter-spacing:.13em}.cp-demo-card-track article h3{font-size:clamp(28px,3vw,43px);letter-spacing:-.05em;margin:45px 0 12px}.cp-demo-card-track article p{color:#bedac5;font-size:14px;line-height:1.6}.cp-demo-card-track-photos article{position:relative;padding:0;overflow:hidden;background:#123222}.cp-demo-card-track-photos article img{display:block;width:100%;height:290px;object-fit:cover}.cp-demo-card-track-photos article>div{position:absolute;inset:auto 0 0;padding:40px 22px 20px;background:linear-gradient(transparent,#071c14ea)}.cp-demo-card-track-photos article h3{color:#fff;margin:6px 0 0}.cp-demo-counter{align-self:center;color:#b7d6bf;font-size:12px;font-weight:800;letter-spacing:.12em}
@media(max-width:650px){.cp-demo-card-track{grid-template-columns:1fr}.cp-demo-card-track article:nth-child(n+2){display:none}.cp-demo-card-track-photos article img{height:250px}}
.cp-demo[data-demo="navigation"] .cp-demo-nav a:after{content:"";position:absolute;left:20px;right:20px;bottom:8px;height:2px;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform .28s}.cp-demo[data-demo="navigation"] .cp-demo-nav a:hover:after,.cp-demo[data-demo="navigation"] .cp-demo-nav a:focus-visible:after{transform:scaleX(1)}
.cp-filterbar{display:grid;grid-template-columns:minmax(250px,1fr) auto;align-items:end;gap:18px;margin:0 0 28px;padding:24px;border:1px solid var(--cp-line);border-radius:12px;background:var(--cp-card)}.cp-filterbar label{display:grid;gap:10px}.cp-filterbar label span{color:#91dfb1;font-size:10px;font-weight:800;letter-spacing:.14em}.cp-filterbar input{width:100%;height:46px;padding:10px 15px;border:1px solid #4e775a;border-radius:7px;background:#0d2117;color:#edf8ef;font:inherit;font-size:14px;outline:none}.cp-filterbar input:focus{border-color:#9be7b3;box-shadow:0 0 0 3px rgba(143,230,179,.14)}.cp-filter-chips{display:flex;gap:7px;flex-wrap:wrap}.cp-filter-chips button{border:1px solid #4e775a;border-radius:50px;background:transparent;color:#c3d9c8;padding:10px 13px;font:inherit;font-size:12px;font-weight:700;cursor:pointer;transition:background .2s,color .2s}.cp-filter-chips button:hover,.cp-filter-chips button[aria-pressed="true"]{background:#80dba3;color:#0c2b1a}.cp-filter-count{grid-column:1/-1;color:#9cb7a3;font-size:12px;margin:0}.cp-directory-card[hidden]{display:none}.cp-related{border-top:1px solid var(--cp-line)}.cp-related .cp-section-heading>a{color:#9be3b1;font-size:14px;font-weight:750;white-space:nowrap}.cp-related .cp-directory-card{min-height:310px}
html[data-theme="light"] .cp-filterbar label span{color:#087765}html[data-theme="light"] .cp-filterbar input{background:#f7fbf6;color:#173322;border-color:#b4d1bd}html[data-theme="light"] .cp-filter-chips button{color:#365940;border-color:#b4d1bd}html[data-theme="light"] .cp-filter-chips button[aria-pressed="true"]{color:#0c2b1a}html[data-theme="light"] .cp-filter-count{color:#647e69}html[data-theme="light"] .cp-related .cp-section-heading>a{color:#087765}
@media(max-width:1000px){.cp-filterbar{grid-template-columns:1fr}}
@media(max-width:600px){.cp-filterbar{padding:18px}.cp-filter-chips button{font-size:11px;padding:8px 11px}.cp-related .cp-section-heading{display:block}.cp-related .cp-section-heading>a{display:inline-block;margin-top:20px}}
.cp-tool [hidden]{display:none!important}.cp-height-imperial{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.cp-demo-price-scroll{width:100%;overflow:auto;border:1px solid #5f9370;border-radius:10px;background:#eaf5e9}.cp-demo-price-table{width:100%;min-width:620px;border-collapse:collapse;color:#153923}.cp-demo-price-table th,.cp-demo-price-table td{padding:16px 18px;border-bottom:1px solid #d0e2d0;text-align:center;font-size:13px}.cp-demo-price-table th:first-child{text-align:left}.cp-demo-price-table thead{background:#cce8d2}.cp-demo-price-table thead th{color:#1b5b37;font-size:11px;letter-spacing:.1em}.cp-demo-price-table tbody th{font-weight:700}.cp-demo-price-table td:nth-child(4),.cp-demo-price-table thead th:nth-child(4){background:#ddf1df;font-weight:800}.cp-demo-zip,.cp-demo-select{width:min(100%,520px);align-items:end}.cp-demo-zip label,.cp-demo-select label{flex:1}.cp-demo-select select{width:100%;min-height:46px;padding:9px 13px;border:1px solid #87cda0;border-radius:7px;background:#e9f6eb;color:#102719;font:inherit}.cp-demo-mark-heading{max-width:900px;margin:0;color:#f4fbef;font-size:clamp(27px,4vw,54px);font-weight:750;line-height:1.3;text-align:center}.cp-demo-mark-heading mark{padding:.05em .18em;border-radius:.08em;background:#b12824;color:#fff}
.cp-demo-menu-panel{display:flex;flex-direction:column;gap:11px;width:min(100%,420px);padding:25px;border:1px solid #80c998;border-radius:14px;background:#e8f5e8;box-shadow:0 20px 50px #061b1055}.cp-demo-menu-panel[hidden]{display:none}.cp-demo-menu-panel>span{margin-bottom:7px;color:#368155;font-size:10px;font-weight:800;letter-spacing:.12em}.cp-demo-menu-panel button{border:0;border-bottom:1px solid #bed7c4;padding:9px 3px;background:transparent;color:#153c27;text-align:left;font-size:19px;cursor:pointer}.cp-demo-menu-panel button:hover{color:#168553}.cp-demo-json{display:grid;gap:18px;justify-items:start;width:min(100%,540px)}.cp-demo-json pre{width:100%;margin:0;padding:23px;border:1px solid #64896d;border-radius:10px;background:#0b1d13;color:#c5f3cd;overflow:auto;font-size:14px;line-height:1.5}
.cp-demo-calendar{width:min(100%,390px);padding:23px;border:1px solid #c6dfca;border-radius:13px;background:#f4faf2;color:#21422c}.cp-demo-calendar-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.cp-demo-calendar-top strong{font-size:22px}.cp-demo-calendar-top span{color:#6f8b77}.cp-demo-weekdays,.cp-demo-calendar-days{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;text-align:center}.cp-demo-weekdays span{padding:8px 0;color:#347b52;font-size:11px;font-weight:800}.cp-demo-calendar-days span{display:grid;place-items:center;min-height:36px;font-size:13px}.cp-demo-calendar-days span:nth-child(12){border-radius:50%;background:#70bf85;color:#fff;font-weight:800}
.bank-page{background:#10231b!important}.bank-layout{display:grid;grid-template-columns:minmax(320px,.72fr) minmax(0,1.28fr);gap:22px;align-items:stretch}.bank-input-card,.bank-result-card{min-width:0;padding:clamp(24px,3.5vw,44px);border:1px solid #365a43;border-radius:16px;background:#162e22}.bank-input-card h2,.bank-breakdown h2,.bank-method h2{margin:13px 0 26px;font-size:clamp(29px,3.5vw,48px);line-height:1.1;letter-spacing:-.05em;color:#f3f9f1}.bank-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.bank-fields label{display:grid;gap:7px;color:#e7f5e9;font-size:13px;font-weight:750}.bank-fields label span{color:#96b59e;font-size:11px;font-weight:500}.bank-fields input,.bank-fields select{width:100%;height:52px;padding:12px 14px;border:1px solid #507459;border-radius:8px;background:#0d2118;color:#f0f8ef;font:inherit;font-size:16px;outline:none}.bank-fields input:focus,.bank-fields select:focus{border-color:#9de5b3;box-shadow:0 0 0 3px rgba(150,227,177,.16)}.bank-calculate{width:100%;margin-top:28px;min-height:53px;border:0;border-radius:9px;background:#89d9a7;color:#092519;font:inherit;font-size:14px;font-weight:800;cursor:pointer;transition:transform .25s,background .25s}.bank-calculate:hover{transform:translateY(-3px);background:#b4efc5}.bank-field-note{margin:17px 0 0;color:#9eb8a5;font-size:12px;line-height:1.55}.bank-result-card{display:flex;flex-direction:column;background:radial-gradient(circle at 100% 0,rgba(99,194,128,.12),transparent 45%),#142b20}.bank-result-top{display:flex;justify-content:space-between;gap:15px;align-items:start;padding-bottom:27px;border-bottom:1px solid #355a43}.bank-result-top span,.bank-metrics span,.bank-breakdown-head>span,.bank-method>div:first-child>span{display:block;color:#9fd5af;font-size:10px;font-weight:800;letter-spacing:.14em}.bank-result-top strong{display:block;margin-top:18px;color:#f4fbf3;font-size:clamp(34px,4.4vw,63px);line-height:1;letter-spacing:-.055em;overflow-wrap:anywhere}.bank-result-top .bank-period{flex:none;padding:8px 10px;border:1px solid #5d956e;border-radius:50px;color:#b4eac3}.bank-metrics{display:grid;grid-template-columns:1fr 1fr;gap:20px;padding:25px 0}.bank-metrics strong{display:block;margin-top:9px;color:#e7f8e9;font-size:clamp(22px,2.1vw,31px);letter-spacing:-.04em;overflow-wrap:anywhere}.bank-chart-head{display:flex;justify-content:space-between;gap:20px;align-items:end;margin:15px 0}.bank-chart-head h3{margin:0;color:#eef8ed;font-size:22px;letter-spacing:-.035em}.bank-chart-head p{margin:6px 0 0;color:#9fb7a6;font-size:12px}.bank-legend{display:flex;gap:16px;flex-wrap:wrap}.bank-legend span{display:flex;gap:6px;align-items:center;color:#b8d0bd;font-size:11px}.bank-legend span:before{content:"";display:inline-block;width:9px;height:9px;border-radius:2px;background:#6dbea1}.bank-legend span:last-child:before{background:#d3e89c}.bank-chart-wrap{height:330px;position:relative}.bank-chart-fallback{color:#e5cf9c;font-size:13px}.bank-breakdown{margin-top:45px;padding:38px;border:1px solid #365a43;border-radius:16px;background:#162e22}.bank-breakdown-head{display:grid;grid-template-columns:1fr 1fr;column-gap:40px;align-items:end}.bank-breakdown h2{margin-bottom:22px}.bank-breakdown-head p{color:#a9c2af;font-size:14px;line-height:1.65;margin:0 0 22px}.bank-table-scroll{max-height:440px;overflow:auto;border:1px solid #3e6149;border-radius:9px;scrollbar-color:#79c996 #183126}.bank-breakdown table{width:100%;border-collapse:collapse;min-width:620px}.bank-breakdown thead{position:sticky;top:0;background:#25513a}.bank-breakdown th,.bank-breakdown td{text-align:right;padding:15px 18px;border-bottom:1px solid #385743;color:#d4ead8;font-size:13px;white-space:nowrap}.bank-breakdown th:first-child,.bank-breakdown td:first-child{text-align:left}.bank-breakdown th{color:#b9e5c4;font-size:11px;letter-spacing:.09em;text-transform:uppercase}.bank-breakdown tbody tr:hover{background:#244332}.bank-breakdown tbody td:last-child{color:#e8f5cf;font-weight:800}.bank-method{display:grid;grid-template-columns:.75fr 1.25fr;gap:50px;margin-top:45px;padding:38px 0;border-top:1px solid #365a43}.bank-method h2{margin-bottom:0}.bank-method p{max-width:740px;color:#b7cdbb;line-height:1.75;font-size:15px;margin:0 0 18px}.bank-method a{color:#9de2b3;font-size:13px;font-weight:750;text-decoration:underline;text-underline-offset:4px}
html[data-theme="light"] .bank-page{background:#eef6ed!important}html[data-theme="light"] .bank-input-card,html[data-theme="light"] .bank-result-card,html[data-theme="light"] .bank-breakdown{background:#fff;border-color:#c9dfce}html[data-theme="light"] .bank-input-card h2,html[data-theme="light"] .bank-breakdown h2,html[data-theme="light"] .bank-method h2,html[data-theme="light"] .bank-chart-head h3{color:#173b27}html[data-theme="light"] .bank-fields label{color:#264931}html[data-theme="light"] .bank-fields label span,html[data-theme="light"] .bank-field-note,html[data-theme="light"] .bank-breakdown-head p,html[data-theme="light"] .bank-method p{color:#526e5b}html[data-theme="light"] .bank-fields input,html[data-theme="light"] .bank-fields select{background:#f7fbf6;color:#173b27;border-color:#b7d1be}html[data-theme="light"] .bank-result-top strong,html[data-theme="light"] .bank-metrics strong{color:#173b27}html[data-theme="light"] .bank-result-top,html[data-theme="light"] .bank-method{border-color:#c9dfce}html[data-theme="light"] .bank-chart-head p,html[data-theme="light"] .bank-legend span{color:#52705b}html[data-theme="light"] .bank-breakdown table{background:#fff}html[data-theme="light"] .bank-breakdown td{color:#31513c;border-color:#e1ebe0}html[data-theme="light"] .bank-breakdown tbody td:last-child{color:#0a7256}html[data-theme="light"] .bank-breakdown tbody tr:hover{background:#f0f8f0}html[data-theme="light"] .bank-table-scroll{border-color:#c9dfce}html[data-theme="light"] .bank-method a{color:#087765}
@media(max-width:1100px){.bank-layout{grid-template-columns:1fr}.bank-chart-wrap{height:350px}}
@media(max-width:650px){.bank-fields{grid-template-columns:1fr}.bank-input-card,.bank-result-card,.bank-breakdown{padding:22px}.bank-metrics{gap:12px}.bank-result-top strong{font-size:37px}.bank-chart-head{display:block}.bank-legend{margin-top:15px}.bank-breakdown-head,.bank-method{grid-template-columns:1fr;gap:14px}.bank-chart-wrap{height:280px}}
.dscr-page .bank-fields input[type=range]{padding:0;accent-color:#89d9a7;border:0;background:transparent}.dscr-page .bank-fields output{display:inline;color:#addfba}.dscr-meter{display:flex;position:relative;justify-content:space-between;padding-top:25px;margin:16px 0 23px;border-top:12px solid #385844}.dscr-meter span{position:absolute;top:-12px;left:0;height:12px;max-width:100%;background:linear-gradient(90deg,#e2ad79,#93dca9);transition:width .35s}.dscr-meter i{font-style:normal;font-size:11px;color:#a9c7b1}.dscr-explainer{color:#d7ecdc;font-size:15px;line-height:1.6}.dscr-page .bank-result-card .bank-field-note strong{color:#eaf5e9}html[data-theme=light] .dscr-explainer,html[data-theme=light] .dscr-page .bank-result-card .bank-field-note strong{color:#254834}html[data-theme=light] .dscr-meter i{color:#4a6d55}
html .tool-zone{--cp-ink:var(--c-text);--cp-soft:var(--c-text-2);--cp-line:var(--c-line);--cp-card:var(--c-surface);--cp-body:var(--c-bg)}
html .tool-zone .cp-content-section{background:transparent;padding-block:var(--space-6)}
html .tool-zone .cp-content-section:nth-child(odd){background:var(--c-bg-alt)}
html .tool-zone h2,html .tool-zone h3{font-family:var(--font-display);letter-spacing:var(--ls-display);color:var(--c-text)}
html .tool-zone h2{font-size:var(--fs-h2);line-height:var(--lh-tight)}
html .tool-zone p{color:var(--c-text-2)}
html .tool-zone .cp-overline,html .tool-zone .cp-tool-aside>span,html .tool-zone [class$="-head"]>span,html .tool-zone .cp-guide-heading>span,html .tool-zone .bank-method span:first-child{display:inline-flex;align-items:center;gap:.5rem;color:var(--c-jade-ink);font:600 var(--fs-label)/1.2 var(--font-body);letter-spacing:var(--ls-label);text-transform:uppercase}
html .tool-zone .cp-overline::before,html .tool-zone .cp-tool-aside>span::before{content:"";width:22px;height:2px;border-radius:2px;background:var(--c-jade)}
html .tool-zone .cp-tool-aside a,html .tool-zone .cp-article a,html .tool-zone .bank-method a{color:var(--c-jade-ink)}
html .tool-zone .cp-tool,html .tool-zone .bank-input-card,html .tool-zone .bank-result-card,html .tool-zone .bank-breakdown,html .tool-zone .cp-document-preview,html .tool-zone .cp-demo,html .tool-zone .doc-card,html .tool-zone [class*="builder-card"],html .tool-zone [class*="-panel"]{background:var(--c-surface);border:1px solid var(--c-line);border-radius:var(--radius-l);box-shadow:var(--shadow-1);color:var(--c-text)}
html .tool-zone .bank-result-card{background:radial-gradient(circle at 100% 0,color-mix(in srgb,var(--c-jade) 14%,transparent),transparent 45%),var(--c-surface)}
html .tool-zone input:not([type="checkbox"]):not([type="radio"]):not([type="range"]),html .tool-zone select,html .tool-zone textarea{background:var(--c-bg);color:var(--c-text);border:1px solid var(--c-line-2);border-radius:12px;font-family:var(--font-body)}
html .tool-zone input:focus,html .tool-zone select:focus,html .tool-zone textarea:focus{outline:none;border-color:var(--c-jade);box-shadow:0 0 0 4px color-mix(in srgb,var(--c-jade) 22%,transparent)}
html .tool-zone label{color:var(--c-text)}
html .tool-zone label span{color:var(--c-text-3)}
html .tool-zone .cp-tool button,html .tool-zone .bank-calculate,html .tool-zone button[type="submit"],html .tool-zone .cp-demo-action,html .tool-zone .doc-actions button,html .tool-zone [class*="download"]{background:var(--c-jade);color:var(--c-on-jade);border:0;border-radius:var(--radius-pill);font:600 1rem/1 var(--font-body);min-height:50px;padding:0 24px;box-shadow:0 8px 22px -10px var(--c-jade-ink);transition:transform .25s var(--ease),background-color .25s}
html .tool-zone .cp-tool button:hover,html .tool-zone .bank-calculate:hover,html .tool-zone button[type="submit"]:hover,html .tool-zone [class*="download"]:hover{background:var(--c-jade-hi);transform:translateY(-2px)}
html .tool-zone .cp-calc-keys button{border-radius:12px;min-height:54px;padding:0;background:var(--c-surface-2);color:var(--c-text);border:1px solid var(--c-line);box-shadow:none;font-size:1.05rem}
html .tool-zone .cp-calc-keys button:hover{background:var(--c-jade-soft);transform:none}
html .tool-zone output,html .tool-zone .bank-result-top strong,html .tool-zone .bank-metrics strong{color:var(--c-text)}
html .tool-zone output{font-family:var(--font-display)}
html .tool-zone table{color:var(--c-text)}
html .tool-zone thead th{background:var(--c-dark-band);color:var(--c-dark-band-text)}
html .tool-zone tbody tr{border-color:var(--c-line)}
html .tool-zone tbody td:last-child{color:var(--c-jade-ink)}
html .tool-zone .bank-period{border-color:var(--c-line-2);color:var(--c-text-3)}
html .tool-zone .cp-article h2{font-size:clamp(1.4rem,1.1rem + 1vw,2rem)}
html .tool-zone .cp-article code,html .tool-zone pre{background:var(--c-dark-band);color:#dff5ec;border-radius:12px}
html .tool-zone .cp-guide{border-top:1px solid var(--c-line)}
.post-hero .split{align-items:center}
.post-hero h1{font-size:clamp(2rem,1.4rem + 2.4vw,3.4rem)}
.post-hero-img{margin:0}
.post-hero-img .browser img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;object-position:50% 0}
html .post-zone .cp-demo-section{padding-block:var(--space-6);background:var(--c-bg-alt);border-bottom:1px solid var(--c-line)}
html .post-zone .cp-demo-header{display:grid;grid-template-columns:1fr minmax(0,26rem);gap:var(--space-3) var(--space-5);align-items:end;margin-bottom:var(--space-4)}
html .post-zone .cp-demo-header span{display:inline-flex;align-items:center;gap:.5rem;color:var(--c-jade-ink);font:600 var(--fs-label)/1.2 var(--font-body);letter-spacing:var(--ls-label);text-transform:uppercase}
html .post-zone .cp-demo-header span::before{content:"";width:22px;height:2px;border-radius:2px;background:#3cc39d}
html .post-zone .cp-demo-header h2{margin-top:var(--space-2)}
html .post-zone .cp-demo{border-radius:var(--radius-l);border:1px solid var(--c-line);box-shadow:var(--shadow-2);overflow:hidden}
html .post-zone .cp-demo-disclosure{margin-top:var(--space-2);font-size:.86rem;color:var(--c-text-3);text-align:center}
html .post-zone .cp-content-section{background:var(--c-bg)}
html .post-zone .cp-article-layout{display:grid;grid-template-columns:240px minmax(0,760px);gap:clamp(2rem,5vw,5rem);justify-content:center;align-items:start}
html .post-zone .cp-article-sidebar{position:sticky;top:100px;padding:20px;border-radius:var(--radius-m);background:var(--c-surface);border:1px solid var(--c-line)}
html .post-zone .cp-article-sidebar>span{display:block;margin-bottom:12px;font:600 var(--fs-label)/1.2 var(--font-body);letter-spacing:var(--ls-label);text-transform:uppercase;color:var(--c-text-3)}
html .post-zone .cp-article-sidebar nav{display:grid;gap:2px;border-left:2px solid var(--c-line)}
html .post-zone .cp-article-sidebar nav a{display:block;padding:6px 0 6px 14px;margin-left:-2px;border-left:2px solid transparent;color:var(--c-text-2);font-size:.9rem;line-height:1.4;text-decoration:none;transition:color .2s,border-color .2s}
html .post-zone .cp-article-sidebar nav a:hover,html .post-zone .cp-article-sidebar nav a.is-active{color:var(--c-jade-ink);border-left-color:#3cc39d}
html .post-zone .cp-sidebar-cta{display:inline-flex;margin-top:16px;font-weight:600;font-size:.9rem;color:var(--c-jade-ink)}
html .post-zone .cp-article{font-size:1.08rem;line-height:1.8;color:var(--c-text)}
html .post-zone .cp-article p,html .post-zone .cp-article li{color:var(--c-text-2)}
html .post-zone .cp-article strong{color:var(--c-text)}
html .post-zone .cp-article-section{scroll-margin-top:100px;padding-bottom:var(--space-4);margin-bottom:var(--space-4);border-bottom:1px solid var(--c-line)}
html .post-zone .cp-article-section:last-child{border-bottom:0}
html .post-zone .cp-article h2{font-size:clamp(1.5rem,1.2rem + 1vw,2.1rem);margin:0 0 var(--space-2)}
html .post-zone .cp-article h3{font-size:1.3rem;margin:var(--space-3) 0 10px}
html .post-zone .cp-article h4{font:700 1.1rem/1.3 var(--font-display);margin:var(--space-2) 0 8px}
html .post-zone .cp-article p+p{margin-top:1em}
html .post-zone .cp-article ul,html .post-zone .cp-article ol{padding-left:1.25em;margin:1em 0}
html .post-zone .cp-article li{margin:.35em 0}
html .post-zone .cp-article li::marker{color:#3cc39d}
html .post-zone .cp-article a{color:var(--c-jade-ink);text-underline-offset:3px}
html .post-zone .cp-article img{border-radius:var(--radius-m);border:1px solid var(--c-line);margin:var(--space-3) 0}
html .post-zone .cp-article :not(pre)>code{padding:2px 7px;border-radius:6px;background:var(--c-jade-soft);color:var(--c-jade-ink);font-size:.88em}
html .post-zone .cp-article pre{position:relative;margin:var(--space-3) 0;padding:20px 22px;border-radius:var(--radius-m);background:#0b1512;border:1px solid #1d2f29;color:#d9efe6;font:400 .88rem/1.65 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;overflow-x:auto;box-shadow:var(--shadow-1)}
html .post-zone .cp-article pre code{background:none;color:inherit;padding:0}
.copy-code{position:absolute;top:10px;right:10px;padding:6px 12px;border-radius:var(--radius-pill);border:1px solid #2b4a40;background:#14231e;color:#bfe9d9;font:600 .75rem/1 var(--font-body);cursor:pointer;opacity:.85;transition:opacity .2s,background-color .2s}
.copy-code:hover{opacity:1;background:#1d332b}
@media (max-width:900px){
  html .post-zone .cp-article-layout{grid-template-columns:1fr}
  html .post-zone .cp-article-sidebar{position:static}
  html .post-zone .cp-demo-header{grid-template-columns:1fr}
}
html .post-zone .cp-article p,html .post-zone .cp-article li{overflow-wrap:anywhere}
.legacy-tool{background:var(--c-bg-alt)}
.cv-wrap .form-container{max-width:860px;margin:0 auto;padding:clamp(1.25rem,1rem + 2vw,2.5rem);background:var(--c-surface);border:1px solid var(--c-line);border-radius:var(--radius-l);box-shadow:var(--shadow-2);color:var(--c-text);font-family:var(--font-body)}
.cv-wrap .elementor-form-section{margin-bottom:22px;padding:22px;border:1px solid var(--c-line);border-radius:var(--radius-m);background:var(--c-bg)}
.cv-wrap .elementor-form-section h3{margin:0 0 14px;font:700 1.35rem/1.2 var(--font-display);color:var(--c-text);display:flex;align-items:center;gap:10px}
.cv-wrap .elementor-form-section h3::before{content:"";width:22px;height:2px;border-radius:2px;background:#3cc39d}
.cv-wrap .elementor-field-group{margin-bottom:14px}
.cv-wrap .elementor-field-label{display:block;margin-bottom:6px;font-weight:600;font-size:.9rem;color:var(--c-text)}
.cv-wrap .elementor-field-textual,.cv-wrap input[type="file"]{width:100%;padding:12px 14px;border:1px solid var(--c-line-2);border-radius:12px;background:var(--c-surface);color:var(--c-text);font:inherit;font-size:1rem}
.cv-wrap textarea.elementor-field-textual{min-height:110px;resize:vertical}
.cv-wrap .elementor-field-textual:focus{outline:none;border-color:#3cc39d;box-shadow:0 0 0 4px color-mix(in srgb,#3cc39d 22%,transparent)}
.cv-wrap .education-entry,.cv-wrap .experience-entry{padding:16px;border:1px dashed var(--c-line-2);border-radius:var(--radius-m);background:var(--c-surface);margin-bottom:14px}
.cv-wrap .year-range{display:flex;align-items:center;gap:10px}
.cv-wrap .year-range input{width:calc(50% - 5px)}
.cv-wrap .elementor-button{display:inline-flex;align-items:center;gap:8px;min-height:46px;padding:0 20px!important;border:1px solid var(--c-line-2);border-radius:var(--radius-pill);background:transparent;color:var(--c-text);font:600 .95rem/1 var(--font-body)!important;cursor:pointer;transition:all .2s}
.cv-wrap .elementor-button:hover{border-color:#3cc39d;color:var(--c-jade-ink);background:var(--c-jade-soft)}
.cv-wrap .elementor-button-submit{width:100%;justify-content:center;min-height:56px;margin-top:10px;border:0;background:#3cc39d;color:#06231b;font-size:1.05rem!important;box-shadow:0 10px 26px -12px #0d7656}
.cv-wrap .elementor-button-submit:hover{background:#5ad6b2;color:#06231b}
.cv-wrap .photo-preview{width:104px;height:104px;border-radius:50%;overflow:hidden;margin-top:12px;background:var(--c-surface-2);border:2px dashed var(--c-line-2);display:flex;align-items:center;justify-content:center}
.cv-wrap .photo-preview img{width:100%;height:100%;object-fit:cover}
.cv-wrap #pdfPreview{max-width:860px;margin:24px auto 0;padding:16px;border-radius:var(--radius-l);background:var(--c-surface);border:1px solid var(--c-line)}
#biodataAppMultiPage{color:var(--c-text)}
#biodataAppMultiPage .bd-form-box,#biodataAppMultiPage .bd-preview-box{background:var(--c-surface);border-color:var(--c-line);border-radius:var(--radius-l);box-shadow:var(--shadow-2)}
#biodataAppMultiPage .bd-form-box h2,#biodataAppMultiPage .preview-title{color:var(--c-text)}
#biodataAppMultiPage .bd-sub,#biodataAppMultiPage .help-text{color:var(--c-text-2)}
#biodataAppMultiPage .top-note{background:var(--c-jade-soft);color:var(--c-jade-ink);border-color:color-mix(in srgb,#3cc39d 35%,transparent)}
#biodataAppMultiPage .bd-section-title{background:var(--c-jade-soft);border-left-color:#3cc39d;color:var(--c-text)}
#biodataAppMultiPage .field label{color:var(--c-text);font-family:'Hind Siliguri',var(--font-body)}
#biodataAppMultiPage .field input,#biodataAppMultiPage .field select,#biodataAppMultiPage .field textarea{background:var(--c-bg);color:var(--c-text);border-color:var(--c-line-2)}
#biodataAppMultiPage .field input:focus,#biodataAppMultiPage .field select:focus,#biodataAppMultiPage .field textarea:focus{border-color:#3cc39d;box-shadow:0 0 0 4px color-mix(in srgb,#3cc39d 22%,transparent)}
#biodataAppMultiPage .btn-row button{border-radius:var(--radius-pill)}
#biodataAppMultiPage #previewBtn{background:var(--c-dark-band);color:var(--c-dark-band-text)}
#biodataAppMultiPage #copyBtn{background:var(--c-surface-2);color:var(--c-text);border:1px solid var(--c-line-2)}
#biodataAppMultiPage #downloadBtn{background:#3cc39d;color:#06231b}
#biodataAppMultiPage .copy-status{color:var(--c-jade-ink)}
#biodataAppMultiPage .preview-badge{background:var(--c-jade-soft);color:var(--c-jade-ink);border-color:color-mix(in srgb,#3cc39d 35%,transparent)}
#biodataAppMultiPage .preview-scroll{background:var(--c-surface-2);border-color:var(--c-line)}
@media (max-width:900px){#biodataAppMultiPage .bd-wrap{grid-template-columns:1fr}}
#biodataAppMultiPage .section-head{display:block;grid-template-columns:none;gap:0;margin:0;align-items:initial;text-align:left}
#biodataAppMultiPage .section-head::before{display:none}