/* NOGA v15 — original visual direction inspired by the reference survey.
   Violet for identity, coral for websites, mint/teal for connections. */
:root{--ink:#242331;--muted:#605f70;--blue:#6443c5;--line:#e2dfeb;--soft:#f3f0fa;--orange:#dc6249;--paper:#faf9f6;--mint:#d9f2e7;--teal:#176552;--violet-wash:#eee7fb;--coral-wash:#fff0e8;--brand-shadow:0 18px 45px #30244b0c}
body{background:var(--paper)}
::selection{background:#dfd1ff;color:#38256c}
:focus-visible{outline:3px solid #176552;outline-offset:4px}
.site-header{background:#faf9f6f5;border-color:#e8e4ee;backdrop-filter:blur(16px)}
.brand-symbol{background:var(--blue);border-radius:14px;box-shadow:0 4px 10px #6443c521}
.brand-word small{color:#615a75}
.main-nav>a:not(.nav-cta){position:relative}
.main-nav>a:not(.nav-cta):after{content:"";position:absolute;bottom:-6px;right:0;width:0;height:2px;border-radius:2px;background:var(--blue);transition:width .2s}
.main-nav>a:not(.nav-cta):hover:after{width:100%}
.nav-cta{background:var(--blue);border-radius:50px;box-shadow:0 5px 14px #6443c520}
.button{border-radius:50px;gap:20px;transition:background .2s,transform .2s,box-shadow .2s}
.primary{background:var(--blue);box-shadow:0 5px 15px #6443c515}
.primary:hover{background:#50309d;box-shadow:0 8px 18px #6443c52b}
.secondary{background:white;border-color:#d4ccdf}
.hero{background:var(--paper);padding:72px 0 95px;border-bottom:1px solid #e9e5ef}
.eyebrow{color:#514666;font-size:11px;letter-spacing:.04em}
.eyebrow i{background:var(--teal);box-shadow:0 0 0 5px #e1eee8}
.hero h1{font-weight:900;line-height:1.19;letter-spacing:-.04em}
.hero h1 em{color:var(--blue)}
.hero-copy>p{color:#5c5a6a}
.hero-checks{color:#555161}
.hero-checks span:before{color:var(--teal)}
.hero-showcase{isolation:isolate;min-height:500px;padding:42px 18px 32px}
.hero-showcase:before{content:"";position:absolute;z-index:-1;inset:35px 0 30px;background:var(--mint);border-radius:38px 95px 38px 38px;transform:rotate(2deg)}
.hero-showcase:after{content:"";position:absolute;z-index:-1;top:0;left:28px;width:68px;height:68px;background:#f6c4ac;border-radius:50%}
.showcase-label{color:#34594c;font-weight:700;font-size:9px;letter-spacing:2px}
.showcase-label i{color:#176552}
.hero-web{width:94%;border-radius:20px;border-color:#fff;box-shadow:0 22px 50px #2e57461c;transform:rotate(-4deg)}
.browser-dots{background:#fff;border-color:#e8e0f2}.browser-dots i{background:#bcb0ce}.browser-dots span{color:#696071}
.hero-web-inner{background:#eee8fa;color:#352957}
.hero-web-inner small{color:#6a5b80}.hero-web-inner h2{font-weight:800}
.fake-button{background:#4d367b;border-radius:50px}
.sculpture i{background:var(--blue);box-shadow:10px 10px 0 #d3c4ee}
.sculpture i:nth-child(2){background:#df7255;box-shadow:8px 8px 0 #f4cbbb}
.hero-mini-card{background:#fffaf4;color:#513626;border-color:#edc5a4;bottom:23px;left:0;border-radius:23px;box-shadow:0 18px 35px #3a493125}
.mini-card-mark{background:#f6dfcb;color:#8f4529}
.hero-mini-card>small{color:#6f5542}.hero-mini-card>div span{background:#995333}.mini-card-bottom{color:#6f5542}
.hero-automation-tag{right:27px;bottom:10px;background:#fff;border-color:#c8dfd4;border-radius:16px;box-shadow:0 8px 25px #24433712}
.hero-automation-tag>span{background:#dff5eb;color:var(--teal)}
.hero-automation-tag small{color:#5e695f}.showcase-note{color:#625b68;bottom:-17px}
#products{background:#fff}
.section-kicker,.section-title>span{color:var(--blue);font-size:12px}
.section-heading h2,.section-title h2{font-weight:800}
.service-card{border-radius:24px;padding:30px;border:1px solid #e6dfef;box-shadow:var(--brand-shadow);overflow:hidden}
.service-card:before{content:"";position:absolute;top:0;right:0;left:0;height:5px;background:var(--service-accent)}
.service-card:nth-child(1){--service-accent:#6443c5;--service-wash:#f4effc;background:#f8f5ff}
.service-card:nth-child(2){--service-accent:#ac412f;--service-wash:#ffe4d7;background:#fff6ef;border-color:#efdfd2}
.service-card:nth-child(3){--service-accent:#176552;--service-wash:#d9efe5;background:#eef8f2;border-color:#d5e6dc}
.service-icon{color:var(--service-accent);background:var(--service-wash);border:0;border-radius:16px;width:60px;height:60px}
.service-index{color:var(--service-accent);opacity:.75;font-weight:800}
.service-card>p{color:#5d5664}.service-meta{color:#665e6c;flex-wrap:wrap;row-gap:0}
.service-card .primary{background:var(--service-accent);box-shadow:none}
.service-card .primary:hover{filter:brightness(.92)}
.service-examples{color:var(--service-accent)}
.portfolio-section{background:#edf5f0;border-color:#dce8df}
.portfolio-filters,.package-filters{padding:6px;background:#fff;border:1px solid #dedbe6;border-radius:18px;width:fit-content;gap:5px}
.portfolio-filters button,.package-filters button{color:#595365;border:0;background:transparent;border-radius:12px;transition:background .2s,color .2s}
.portfolio-filters button:hover,.package-filters button:hover{background:#f0ebf9}
.portfolio-filters button[aria-pressed=true],.package-filters button[aria-pressed=true]{background:var(--blue);color:#fff;border:0;box-shadow:0 4px 10px #6443c51a}
.website-work{border-radius:22px;border-color:#d9e4dc;box-shadow:var(--brand-shadow)}
.work-copy{background:#fff;padding:25px}
.work-copy>span{color:#685c75;font-size:11px}.work-copy>a{font-size:13px}
.new-card-grid{gap:25px}
.digital-demo{border-radius:26px;box-shadow:0 14px 34px #2940310c}
.card-topline{font-size:9px;color:#625e57}
.digital-demo p{opacity:1;color:inherit}
.architect-name small{color:#766349}.trainer-name>small{color:#5f6267}
.digital-actions button{min-height:52px}.digital-actions button:hover>span{transform:translateY(-2px)}
.digital-actions button>span{transition:transform .2s}.card-order{border-radius:50px}
.cafe-hours span{opacity:1;color:#805844}
.portfolio-caption{color:#5d665f;font-size:12px}
.buy-packages-section{background:#fcfbff}
.buy-package-grid{max-width:none}
.buy-package{--package-accent:#6443c5;--package-wash:#f2ecfc;border-radius:24px;padding:30px;background:#fff;border-color:#e6dfef;box-shadow:var(--brand-shadow)}
.buy-package:nth-child(2){background:#f6f1ff;border-color:#d2c1ee}
.buy-package.recommended{border:2px solid var(--package-accent);box-shadow:0 15px 35px #6443c512}
#packages-website .buy-package{--package-accent:#ac412f;--package-wash:#fff0e8}
#packages-website .buy-package:nth-child(2){background:#fff6ef;border-color:#ac412f}
#packages-automation .buy-package{--package-accent:#176552;--package-wash:#e2f2e9}
#packages-automation .buy-package:nth-child(2){background:#f0f9f4;border-color:#176552}
#packages-maintenance .buy-package{--package-accent:#4d527b;--package-wash:#eceef8}
#packages-maintenance .buy-package:nth-child(2){background:#f3f4fc;border-color:#4d527b}
.buy-package-tag{align-self:flex-start;border-radius:50px;padding:6px 13px;background:var(--package-wash);color:var(--package-accent);font-size:11px;font-weight:700}
.buy-package-price{border-bottom:0;min-height:75px;padding-bottom:10px}
.buy-package-price strong{color:var(--package-accent);font-weight:900}
.billing-label{color:var(--package-accent);padding:10px 0 17px;border-bottom:1px solid #e7e1ed;margin-bottom:0;font-size:12px}
.buy-package li:before{color:var(--package-accent)}
.buy-package .primary{background:var(--package-accent);box-shadow:none}
.buy-package .primary:hover{filter:brightness(.92)}
.buy-package>p,.package-next{color:#615d6a}
.pricing-notes{background:#fff;border-radius:18px;border-color:#e0d8ec;padding:22px 25px}
.pricing-notes summary{cursor:pointer;font-size:14px;font-weight:600;color:#58466f}
.pricing-notes p{font-size:13px;color:#5f586b}
.bundle-heading .section-kicker{color:#176552}
.bundle-grid .buy-package{background:#fffaf2;border-color:#eadfc9;--package-accent:#725322;--package-wash:#f5ead3}
.bundle-grid .buy-package:nth-child(2){background:#eff7f2;border-color:#cadfd2;--package-accent:#176552;--package-wash:#dcefe3}
.automation-example{background:#e8f3ed;border-block:1px solid #d3e5d9}
.automation-example .section-kicker,.automation-example .text-link{color:#176552}
.workflow>div{background:#fff;border:1px solid #cfe1d6;border-radius:22px;box-shadow:0 10px 25px #234b3608}
.workflow span{color:#176552;background:#e2f2e9;padding:7px 10px;border-radius:9px;display:inline-block}
.workflow h3{font-size:22px}.workflow>i{color:#176552}.workflow p{color:#526359}
.faq-section{background:#fff}
.faq-list{max-width:none;display:grid;grid-template-columns:1fr 1fr;gap:14px;align-items:start}
.faq-list details{border:1px solid #e5dfee;border-radius:16px;background:#faf8fe;padding:21px 24px}
.faq-list details:last-child{grid-column:auto}
.faq-list summary{font-size:15px;color:#3b3150}
.faq-list details[open]{background:#f2edfb;border-color:#cdbde7}
.contact-section{background:#eee8fa;border-color:#dbd0ee}
.contact-box h2{color:#382755}
.contact-points span{background:#e1d7f3;color:#503b73;border-radius:50px}
.contact-actions .secondary{color:#176552;border-color:#bad9ca;background:#f5fffa}
.contact-actions .secondary:hover{background:#e6f4ec}
.order-form{border-radius:26px;border-color:#d6c9e8;box-shadow:0 15px 40px #3c285416}
.chosen-package button{border-radius:50px;border-color:#d4c5e7;color:var(--blue)}
.order-form input:not([type=checkbox]),.order-form textarea,.order-form select{border-radius:12px;background:#faf8fd;border-color:#ddd3e9}
.order-form .consent{color:#62586f;font-size:11px}
.payment-disclosure{background:#faf7ff;border-color:#d5c6e9;border-radius:18px}
.bit-payment-panel{border-radius:18px}.bit-label{color:#176552}
.bit-payment-button.primary{background:#176552}
.floating-whatsapp{background:#176552;border-color:#145542;box-shadow:0 8px 25px #1765522b}
footer{background:#faf9f6;border-color:#e0d9e8}
.footer-grid p,.footer-grid>small{color:#625a70}
@media(max-width:1100px){.hero-showcase{padding-inline:15px}.service-card{padding:25px}.buy-package{padding:25px}}
@media(max-width:980px){.hero{padding-top:55px}.hero-showcase{margin-top:10px}.main-nav{background:#fffafc;border-color:#dcd1ee;border-radius:22px;box-shadow:0 20px 45px #3b285f1a}.main-nav>a:not(.nav-cta){background:#f2ecfb;color:#493366}.main-nav>a:not(.nav-cta):after{display:none}.menu-btn{border-color:#ded4ec;background:#fff;color:var(--blue)}.menu-btn span{background:var(--blue)}.service-icon{margin-bottom:15px}.faq-list{grid-template-columns:1fr}.faq-list details:last-child{grid-column:auto}}
@media(max-width:640px){.hero{padding:40px 0 65px}.hero h1{font-size:43px}.hero-showcase{min-height:405px;padding:35px 10px 20px;margin-top:15px}.hero-showcase:before{inset:25px 0 15px;border-radius:28px 65px 28px 28px}.hero-showcase:after{width:45px;height:45px;left:20px}.hero-web{width:96%;border-radius:16px}.hero-mini-card{width:143px;left:0;bottom:18px;padding:15px;border-radius:18px}.hero-automation-tag{right:10px;bottom:-4px;padding:10px 12px;gap:8px;max-width:190px}.hero-automation-tag b{font-size:10px}.hero-automation-tag small{font-size:8px}.hero-automation-tag>span{width:29px;height:29px;font-size:20px;flex-shrink:0}.showcase-note{bottom:-30px}.hero-checks{gap:10px;flex-wrap:wrap;font-size:10px}.hero-actions{gap:17px}.hero-actions .button{font-size:12px;padding-inline:16px;gap:12px}.service-card{padding:25px;border-radius:22px}.service-index{top:35px;left:25px}.service-icon{margin-bottom:20px}.service-card .service-meta{margin-bottom:18px;min-height:34px;align-self:auto}.portfolio-filters,.package-filters{width:100%;border-radius:15px;padding:5px}.portfolio-filters button,.package-filters button{padding:10px 8px;font-size:11px;border-radius:10px}.buy-package{padding:25px;border-radius:22px}.buy-package-price strong{font-size:38px}.faq-list details{padding:19px}.faq-list summary{font-size:14px}.order-form{padding:22px;border-radius:22px}.contact-box h2{font-size:36px}.chosen-package b{font-size:19px}.pricing-notes{padding:19px}.pricing-notes summary{font-size:13px}.floating-whatsapp{padding:12px}}
@media(prefers-reduced-motion:reduce){.main-nav>a:after,.digital-actions button>span,.portfolio-filters button,.package-filters button{transition:none}}