@font-face{font-family:Cerebri;src:url(../fonts/CerebriSans-Regular.ttf)format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Cerebri;src:url(../fonts/CerebriSans-Medium.ttf)format("truetype");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Cerebri;src:url(../fonts/CerebriSans-SemiBold.ttf)format("truetype");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:Cerebri;src:url(../fonts/CerebriSans-Bold.ttf)format("truetype");font-weight:700;font-style:normal;font-display:swap}:root{--cream:#faf9f6;--ink:#0b0b0b;--white:#fff;--grey:#767574;--line:#e6e4df;--yellow:#ffc224;--coral:#ff4a60;--red:#ff414d;--blue:#137afc;--sky:#1c92ff;--purple:#5c42fb;--green:#81e644;--tint-blue:#ddefff;--tint-yellow:#fff6de;--tint-purple:#e7e3ff;--tint-pink:#ffe4e7;--shadow:0 18px 40px #0b0b0b1a;--shadow-sm:0 8px 22px #0b0b0b14;--r:22px;--r-lg:30px;--maxw:1180px}*{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--cream);min-height:100dvh;overflow-x:hidden}body{color:var(--ink);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;font-family:Cerebri,system-ui,sans-serif;font-weight:400;line-height:1.55}#root{flex-direction:column;min-height:100dvh;display:flex}a{color:inherit;text-decoration:none}button{cursor:pointer;color:inherit;background:0 0;border:none;font-family:inherit}input,textarea,select{font-family:inherit;font-size:16px}img{max-width:100%;display:block}ul{list-style:none}h1,h2,h3,h4{letter-spacing:-.02em;font-weight:700;line-height:1.08}.wrap{width:100%;max-width:var(--maxw);margin:0 auto;padding:0 24px}.section{padding:90px 0}.sec-sm{padding:60px 0}.eyebrow{letter-spacing:.06em;text-transform:uppercase;color:var(--grey);font-size:13px;font-weight:600}.h1{font-size:clamp(38px,6vw,64px)}.h2{font-size:clamp(30px,4.4vw,48px)}.h3{font-size:clamp(22px,3vw,30px)}.lead{color:var(--grey);max-width:620px;font-size:18px}.center{text-align:center}.mx-auto{margin-left:auto;margin-right:auto}.muted{color:var(--grey)}.mark{color:var(--ink);border-radius:8px;padding:.02em .28em;display:inline-block;position:relative}.mark.green{background:var(--green)}.mark.blue{background:var(--blue);color:#fff}.mark.coral{background:var(--coral);color:#fff}.mark.yellow{background:var(--yellow)}.mark.purple{background:var(--purple);color:#fff}.mark.dark{background:var(--ink);color:#fff}.btn{white-space:nowrap;border-radius:16px;justify-content:center;align-items:center;gap:10px;padding:16px 28px;font-size:16px;font-weight:600;transition:transform .18s,box-shadow .18s,background .18s;display:inline-flex}.btn-dark{background:var(--ink);color:#fff}.btn-dark:hover{transform:translateY(-2px);box-shadow:0 12px 24px #0b0b0b38}.btn-light{color:var(--ink);border:1.5px solid var(--ink);background:#fff}.btn-light:hover{box-shadow:var(--shadow-sm);transform:translateY(-2px)}.btn-yellow{background:var(--yellow);color:var(--ink)}.btn-yellow:hover{transform:translateY(-2px);box-shadow:0 12px 24px #ffc22466}.card{border:1.5px solid var(--ink);border-radius:var(--r);box-shadow:var(--shadow-sm);background:#fff}.card-soft{border:1px solid var(--line);border-radius:var(--r);background:#fff}.grid{gap:24px;display:grid}.g2{grid-template-columns:repeat(2,1fr)}.g3{grid-template-columns:repeat(3,1fr)}.g4{grid-template-columns:repeat(4,1fr)}.field{border:1.5px solid var(--ink);width:100%;color:var(--ink);background:#fff;border-radius:14px;outline:none;padding:15px 18px;transition:box-shadow .15s}.field:focus{box-shadow:0 0 0 3px #137afc2e}.field::placeholder{color:#9c9b99}.pill{background:var(--ink);color:#fff;border-radius:999px;align-items:center;gap:6px;padding:6px 12px;font-size:12px;font-weight:600;display:inline-flex}hr.rule{border:none;border-top:1px solid var(--line);margin:0}.reveal{opacity:0;transform:translateY(24px)}@media (width<=900px){.section{padding:64px 0}.g4{grid-template-columns:repeat(2,1fr)}.g3{grid-template-columns:1fr}}@media (width<=600px){.wrap{padding:0 18px}.g2,.g4{grid-template-columns:1fr}.btn{padding:14px 22px}}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}.reveal{opacity:1;transform:none}}.nav-outer{z-index:60;background:linear-gradient(var(--cream) 60%,#faf9f600);justify-content:center;padding:18px 24px 14px;display:flex;position:sticky;top:0}.nav{border:1.5px solid var(--ink);width:100%;max-width:920px;box-shadow:var(--shadow-sm);background:#fff;border-radius:20px;align-items:center;gap:8px;padding:10px 10px 10px 20px;display:flex}.nav-logo{align-items:center;display:flex}.nav-links{align-items:center;gap:6px;margin:0 auto;display:flex}.nav-link{color:var(--ink);border-radius:11px;align-items:center;gap:5px;padding:9px 13px;font-size:15px;font-weight:500;transition:background .15s,color .15s;display:inline-flex;position:relative}.nav-link:hover{background:var(--cream)}.nav-link.active{color:var(--blue)}.nav-drop{position:relative}.drop-menu{border:1.5px solid var(--ink);min-width:200px;box-shadow:var(--shadow);z-index:80;background:#fff;border-radius:16px;padding:8px;position:absolute;top:calc(100% + 10px);left:50%;transform:translate(-50%)}.drop-item{border-radius:10px;padding:10px 14px;font-size:15px;font-weight:500;transition:background .15s;display:block}.drop-item:hover{background:var(--cream);color:var(--blue)}.nav-right{align-items:center;gap:8px;display:flex}.nav-mail{background:var(--ink);border-radius:13px;justify-content:center;align-items:center;width:44px;height:44px;transition:transform .15s;display:flex}.nav-mail:hover{transform:translateY(-2px)}.nav-cart-m,.nav-burger{border:1.5px solid var(--ink);border-radius:13px;justify-content:center;align-items:center;width:44px;height:44px;display:none;position:relative}.cart-badge{background:var(--coral);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;font-size:11px;font-weight:700;display:flex;position:absolute;top:-6px;right:-6px}.m-overlay{z-index:90;background:#0b0b0b66;position:fixed;inset:0}.m-drawer{background:var(--cream);z-index:95;flex-direction:column;gap:4px;width:min(320px,84vw);padding:22px;display:flex;position:fixed;top:0;bottom:0;right:0;box-shadow:-20px 0 50px #0003}.m-top{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.m-link{border-bottom:1px solid var(--line);border-radius:12px;padding:14px 12px;font-size:17px;font-weight:500}.m-link:hover{background:#fff}@media (width<=820px){.nav-links{display:none}.nav{max-width:100%;padding-left:16px}.nav-cart-m,.nav-burger{display:flex}.nav-mail{display:none}}.footer{background:var(--ink);color:#fff;margin-top:60px;padding-bottom:34px}.news{border:1.5px solid var(--ink);box-shadow:var(--shadow);background:#fff;border-radius:28px;flex-wrap:wrap;align-items:center;gap:20px;padding:22px 30px 22px 120px;display:flex;position:relative;transform:translateY(-40px)}.news-ill{width:96px;position:absolute;top:50%;left:-6px;transform:translateY(-50%)}.news-title{color:var(--ink);flex:1;min-width:180px;font-size:22px;font-weight:700}.news-fields{background:#fff;align-items:center;gap:10px;display:flex}.news-input{width:260px}@media (width<=720px){.news{text-align:center;flex-direction:column;align-items:stretch;padding:80px 22px 22px;transform:translateY(-30px)}.news-ill{width:80px;top:-6px;left:50%;transform:translate(-50%)}.news-title{text-align:center}.news-fields{flex-direction:column}.news-input{width:100%}}.footer-grid{grid-template-columns:1.6fr 1fr 1.4fr 1.2fr;gap:34px;padding-top:6px;padding-bottom:40px;display:grid}.footer-logo{align-items:center;gap:10px;font-size:20px;font-weight:700;display:flex}.footer-about{color:#b7b7b5;max-width:280px;margin:16px 0 20px;font-size:15px}.socials{flex-wrap:wrap;gap:10px;display:flex}.footer-col h4{margin-bottom:16px;font-size:16px}.footer-col a{color:#b7b7b5;padding:6px 0;font-size:15px;transition:color .15s;display:block}.footer-col a:hover{color:#fff}.footer-contact{align-items:center;gap:10px;color:#e6e4de!important;display:flex!important}.fc-ic{border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;display:flex}.footer-bottom{text-align:center;color:#8f8f8d;padding:22px 0 0;font-size:14px}@media (width<=860px){.footer-grid{grid-template-columns:1fr 1fr;gap:28px}}@media (width<=520px){.footer-grid{grid-template-columns:1fr}}.sec-head{text-align:center;max-width:640px;margin:0 auto 44px}.sec-head .lead{margin:14px auto 0}.hero{padding:56px 0 30px}.hero-grid{grid-template-columns:1.05fr .95fr;align-items:center;gap:40px;display:grid}.hero h1{font-size:clamp(40px,5.6vw,62px);line-height:1.06}.hero .lead{margin:22px 0 30px}.hero-cta{flex-wrap:wrap;gap:14px;display:flex}.hero-illwrap{border-radius:var(--r-lg);padding:6px;position:relative}.hero-avatar{max-width:440px;margin-left:auto}@media (width<=860px){.hero-grid{grid-template-columns:1fr;gap:26px}.hero-avatar{max-width:340px;margin:0 auto}}.serv-grid{grid-template-columns:repeat(3,1fr);gap:22px;display:grid}.serv{border:1.5px solid var(--ink);border-radius:var(--r);box-shadow:var(--shadow-sm);background:#fff;padding:26px;transition:transform .2s,box-shadow .2s}.serv:hover{box-shadow:var(--shadow);transform:translateY(-6px)}.serv-ic{border:1.5px solid var(--ink);border-radius:15px;justify-content:center;align-items:center;width:58px;height:58px;margin-bottom:18px;display:flex}.serv h3{margin-bottom:8px;font-size:19px}.serv p{color:var(--grey);font-size:15px}.serv.cta{background:var(--yellow);border-color:var(--ink)}.serv.cta p{color:#0b0b0bb8}@media (width<=900px){.serv-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=600px){.serv-grid{grid-template-columns:1fr}}.work-grid{grid-template-columns:repeat(2,1fr);gap:26px;display:grid}.work{border:1.5px solid var(--ink);border-radius:var(--r-lg);box-shadow:var(--shadow-sm);background:#fff;transition:transform .2s,box-shadow .2s;display:block;overflow:hidden}.work:hover{box-shadow:var(--shadow);transform:translateY(-6px)}.work-vis{justify-content:center;align-items:center;padding:34px 34px 0;display:flex}.work-vis .in{border-radius:18px;width:100%;overflow:hidden}.work-body{padding:26px 30px 30px}.work-tag{border:1.5px solid var(--ink);border-radius:999px;margin-bottom:12px;padding:6px 12px;font-size:12px;font-weight:600;display:inline-block}.work h3{margin-bottom:8px;font-size:23px}.work p{color:var(--grey);font-size:15px}.work-link{color:var(--blue);align-items:center;gap:8px;margin-top:16px;font-weight:600;display:inline-flex}@media (width<=760px){.work-grid{grid-template-columns:1fr}}.prod-grid{grid-template-columns:repeat(2,1fr);gap:26px;display:grid}.prod{border:1.5px solid var(--ink);border-radius:var(--r-lg);box-shadow:var(--shadow-sm);background:#fff;flex-direction:column;transition:transform .2s,box-shadow .2s;display:flex;overflow:hidden}.prod:hover{box-shadow:var(--shadow);transform:translateY(-6px)}.prod-vis{justify-content:center;align-items:center;padding:26px;display:flex}.prod-body{text-align:center;padding:0 30px 30px}.prod-price{color:var(--grey);margin-bottom:4px;font-size:15px;font-weight:700}.prod h3{margin-bottom:8px;font-size:21px}.prod p{color:var(--grey);font-size:14px}.prod-actions{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:18px;display:flex}@media (width<=600px){.prod-grid{grid-template-columns:1fr}}.blog-feat{grid-template-columns:1fr 1fr;gap:26px;display:grid}.bcard{border:1.5px solid var(--ink);border-radius:var(--r);box-shadow:var(--shadow-sm);background:#fff;transition:transform .2s,box-shadow .2s;display:block;overflow:hidden}.bcard:hover{box-shadow:var(--shadow);transform:translateY(-5px)}.bcard-vis{padding:26px 26px 0;position:relative}.bcard-vis .in{border-radius:16px;overflow:hidden}.bcard-tag{position:absolute;top:38px;right:38px}.bcard-body{padding:22px 26px 26px}.bcard-body h3{margin-bottom:8px;font-size:20px}.bcard-meta{color:var(--grey);gap:14px;margin-bottom:10px;font-size:13px;display:flex}.bcard p{color:var(--grey);font-size:15px}.blog-split{grid-template-columns:.85fr 1.4fr;align-items:start;gap:30px;display:grid}.blog-side{border:1.5px solid var(--ink);border-radius:var(--r);background:#fff;padding:14px;position:sticky;top:110px}.blog-side button{text-align:left;border-radius:12px;width:100%;padding:13px 16px;font-size:15px;font-weight:600;transition:all .15s;display:flex}.blog-side button.on{background:var(--coral);color:#fff}.blog-side button:not(.on):hover{background:var(--cream)}.blog-list{flex-direction:column;gap:20px;display:flex}.brow{border:1.5px solid var(--ink);border-radius:var(--r);box-shadow:var(--shadow-sm);background:#fff;grid-template-columns:200px 1fr;gap:22px;padding:18px;transition:transform .2s,box-shadow .2s;display:grid}.brow:hover{box-shadow:var(--shadow);transform:translateY(-4px)}.brow-vis{border-radius:14px;position:relative;overflow:hidden}.brow-body{align-self:center}.brow-body h3{margin-bottom:8px;font-size:19px}@media (width<=860px){.blog-feat,.blog-split{grid-template-columns:1fr}.blog-side{position:static}}@media (width<=560px){.brow{grid-template-columns:1fr}}.tl{flex-direction:column;gap:16px;max-width:760px;margin:0 auto;display:flex}.tl-item{border:1.5px solid var(--ink);box-shadow:var(--shadow-sm);background:#fff;border-radius:18px;grid-template-columns:150px 1fr auto;align-items:center;gap:20px;padding:20px 24px;display:grid}.tl-when{text-align:center;border-radius:10px;padding:8px 12px;font-size:13px;font-weight:600}.tl-role h3{font-size:19px}.tl-role p{color:var(--grey);margin-top:4px;font-size:14px}.tl-dot{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}@media (width<=640px){.tl-item{grid-template-columns:1fr;gap:10px}.tl-dot{display:none}}.band{background:var(--ink);color:#fff;border-radius:var(--r-lg);padding:48px}.band h2,.band h3{color:#fff}.band .lead{color:#b7b7b5}.val-grid{grid-template-columns:repeat(2,1fr);gap:20px;display:grid}.val{border:1.5px solid var(--ink);border-radius:var(--r);box-shadow:var(--shadow-sm);background:#fff;padding:26px}.val-ic{border:1.5px solid var(--ink);border-radius:14px;justify-content:center;align-items:center;width:52px;height:52px;margin-bottom:16px;display:flex}.val h3{margin-bottom:6px;font-size:18px}.val p{color:var(--grey);font-size:15px}@media (width<=600px){.val-grid{grid-template-columns:1fr}}.testi{text-align:center;max-width:720px;margin:0 auto}.testi-quote{font-size:clamp(20px,2.6vw,26px);font-weight:500;line-height:1.4}.testi-who{justify-content:center;align-items:center;gap:12px;margin-top:26px;display:flex}.testi-av{border:1.5px solid var(--ink);border-radius:50%;width:52px;height:52px}.testi-dots{justify-content:center;gap:8px;margin-top:24px;display:flex}.testi-dots button{background:var(--line);border-radius:50%;width:10px;height:10px}.testi-dots button.on{background:var(--ink);border-radius:6px;width:26px}.faq{flex-direction:column;gap:16px;max-width:800px;margin:0 auto;display:flex}.faq-item{border:1.5px solid var(--ink);background:#fff;border-radius:20px;overflow:hidden}.faq-q{text-align:left;justify-content:space-between;align-items:center;gap:16px;width:100%;padding:22px 26px;font-size:17px;font-weight:600;display:flex}.faq-ic{border:1.5px solid var(--ink);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;transition:all .2s;display:flex}.faq-item.open .faq-ic{background:var(--ink);color:#fff}.faq-a{color:var(--grey);padding:0 26px;overflow:hidden}.faq-a p{padding-bottom:22px}.phead{text-align:center;padding:70px 0 30px}.phead h1{font-size:clamp(34px,5vw,56px)}.phead .lead{margin:16px auto 0}.contact-grid{grid-template-columns:.9fr 1.3fr;align-items:start;gap:34px;display:grid}.contact-cards{flex-direction:column;gap:14px;margin-top:22px;display:flex}.contact-card{border:1.5px solid var(--ink);background:#fff;border-radius:16px;align-items:center;gap:14px;padding:16px 18px;display:flex}.contact-card .ic{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.form{border:1.5px solid var(--ink);border-radius:var(--r-lg);box-shadow:var(--shadow-sm);background:#fff;padding:30px}.form-row{grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px;display:grid}.form label{margin-bottom:7px;font-size:14px;font-weight:600;display:block}@media (width<=820px){.contact-grid,.form-row{grid-template-columns:1fr}}.pd-grid{grid-template-columns:1fr 1fr;align-items:start;gap:40px;display:grid}.pd-vis{background:var(--tint-yellow);border:1.5px solid var(--ink);border-radius:var(--r-lg);padding:40px}.pd-thumbs{gap:12px;margin-top:16px;display:flex}.pd-thumb{aspect-ratio:1;border:1.5px solid var(--ink);cursor:pointer;background:#fff;border-radius:14px;flex:1;padding:10px;transition:all .15s}.pd-thumb:hover{transform:translateY(-3px)}.pd-price{margin:14px 0;font-size:28px;font-weight:700}.pd-meta{border:1.5px solid var(--ink);background:#fff;border-radius:18px;margin-top:20px;padding:20px}.pd-meta-row{border-bottom:1px solid var(--line);justify-content:space-between;padding:8px 0;font-size:14px;display:flex}.pd-meta-row:last-child{border:none}.pd-meta-row span:first-child{color:var(--grey)}@media (width<=820px){.pd-grid{grid-template-columns:1fr}}.prj-hero-vis{border:1.5px solid var(--ink);border-radius:var(--r-lg);margin:30px 0;padding:50px}.prj-info{border:1.5px solid var(--ink);background:#fff;border-radius:18px;padding:24px}.prj-info-row{border-bottom:1px solid var(--line);padding:12px 0}.prj-info-row:last-child{border:none}.prj-info-row .k{color:var(--grey);font-size:13px}.prj-info-row .v{margin-top:2px;font-weight:600}.prose{max-width:760px}.prose p{color:#3a3a3a;margin-bottom:16px;font-size:17px}.prose h2{margin:34px 0 14px;font-size:28px}.prose h3{margin:26px 0 12px;font-size:22px}.prose ol,.prose ul{color:#3a3a3a;margin:0 0 16px 22px}.prose li{margin-bottom:8px}.marq{background:var(--ink);color:#fff;white-space:nowrap;margin:40px 0;padding:18px 0;overflow:hidden;transform:rotate(-2deg)}.marq-track{gap:40px;animation:22s linear infinite marq;display:inline-flex}.marq span{align-items:center;gap:40px;font-size:22px;font-weight:700;display:inline-flex}@keyframes marq{0%{transform:translate(0)}to{transform:translate(-50%)}}.util{justify-content:center;align-items:center;min-height:60vh;padding:60px 0;display:flex}.util-card{text-align:center;border:1.5px solid var(--ink);border-radius:var(--r-lg);width:100%;max-width:560px;box-shadow:var(--shadow-sm);background:#fff;padding:44px 34px}.cart-row{border:1.5px solid var(--ink);background:#fff;border-radius:18px;grid-template-columns:80px 1fr auto auto auto;align-items:center;gap:18px;margin-bottom:14px;padding:14px 18px;display:grid}.cart-thumb{border:1.5px solid var(--ink);border-radius:12px;width:80px;height:80px;padding:8px}.qty{border:1.5px solid var(--ink);border-radius:10px;align-items:center;display:inline-flex;overflow:hidden}.qty button{width:34px;height:34px;font-size:18px}.qty span{text-align:center;width:34px;font-weight:600}.cart-sum{border:1.5px solid var(--ink);border-radius:var(--r);background:#fff;height:fit-content;padding:26px}.cart-sum-row{justify-content:space-between;padding:8px 0;display:flex}@media (width<=640px){.cart-row{grid-template-columns:60px 1fr;gap:10px}.cart-thumb{width:60px;height:60px}}.pager{justify-content:center;gap:12px;margin-top:36px;display:flex}.sw-grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:14px;display:grid}.sw{border:1.5px solid var(--ink);border-radius:16px;overflow:hidden}.sw .chip{height:80px}.sw .lab{padding:10px 12px;font-size:13px;font-weight:600}.sw .lab small{color:var(--grey);font-weight:400;display:block}.pf-list{flex-direction:column;gap:26px;display:flex}.pf-card{border:1.5px solid var(--ink);border-radius:var(--r-lg);box-shadow:var(--shadow-sm);background:#fff;grid-template-columns:1fr 1.15fr;transition:transform .2s,box-shadow .2s;display:grid;overflow:hidden}.pf-card:hover{box-shadow:var(--shadow);transform:translateY(-5px)}.pf-left{padding:38px}.pf-chip{align-items:center;gap:8px;margin-bottom:16px;font-size:15px;font-weight:700;display:inline-flex}.pf-chip .dot{color:#fff;border-radius:8px;justify-content:center;align-items:center;width:26px;height:26px;display:flex}.pf-card h3{max-width:320px;margin-bottom:12px;font-size:26px}.pf-card p{color:var(--grey);max-width:340px;font-size:15px}.pf-right{justify-content:center;align-items:center;padding:40px;display:flex}.pf-right .in{width:100%;max-width:420px}@media (width<=760px){.pf-card{grid-template-columns:1fr}.pf-right{order:-1}}