@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&family=Noto+Sans:wght@400;600;700;900&family=Noto+Serif:wght@400;600;700&display=swap');
body.noa-renew{--cream:var(--noa-bg,#f3f0e4);--cream-2:var(--noa-panel,#ece8d9);--ink:var(--noa-ink,#16140e);--ink-soft:var(--ink);--grey:var(--noa-muted,#6e6a5e);--line:var(--noa-line,#c4c0b4);--line-soft:var(--line);--accent:var(--noa-accent,#16140e);--serif:'Manrope','Noto Sans',sans-serif;background:var(--cream);color:var(--ink);font-family:var(--serif);font-size:17px;isolation:isolate;--ll:var(--line);--lm:var(--grey);--lt:var(--ink)}
.noa-backdrop{position:fixed;inset:0;z-index:-1;pointer-events:none;overflow:hidden;opacity:var(--noa-art-opacity,.23)}
.noa-backdrop canvas{width:100%;height:100%;display:block}
.noa-old{position:fixed;right:0;top:13vh;width:48vw;height:77vh;object-fit:cover;z-index:-1;pointer-events:none;opacity:var(--noa-old-opacity,.1);filter:grayscale(1);mask-image:linear-gradient(90deg,transparent,#000 65%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 65%,transparent)}
.noa-renew header.nav{background:var(--cream);border-bottom:1px solid var(--line)}
.noa-renew .nav-links,.noa-renew .dropdown{background:var(--cream);color:var(--ink)}
.noa-renew .logo{letter-spacing:-.06em;font-size:20px;font-family:'Manrope','Noto Sans',sans-serif;font-weight:800}
.noa-renew .logo span{font-weight:500}
.noa-renew :is(.dark,.exec,.exec-section,.exec-hero,.pillars,.cta,footer){background:transparent;color:var(--ink)}
.noa-renew :is(h1,h2,.sec-title,.ed-h2,.exec-h2,.pull p,.pull q,.final-statement,.ed-close,.exec-note,.plat-name,.ed-svc .nm,.exec-svc .nm){font-family:var(--noa-font,'Manrope','Noto Sans',sans-serif);font-weight:var(--noa-weight,800);letter-spacing:var(--noa-spacing,-.055em);color:var(--ink);text-wrap:balance}
.noa-renew :is(h1,h2) em{font-weight:inherit;color:var(--accent)}
.noa-renew h1{font-size:clamp(48px,8.8vw,118px);line-height:1.02;max-width:1100px}
.noa-renew .ed-hero h1,.noa-renew .exec-hero h1{font-size:clamp(48px,9vw,130px);line-height:1.02}
.noa-renew :is(.hero,.ed-hero,.exec-hero){padding-top:clamp(135px,15vw,175px);padding-bottom:65px;min-height:68vh}
.noa-renew :is(.section,.ed-section,.exec-section){padding-top:clamp(48px,6vw,82px);padding-bottom:clamp(48px,6vw,82px)}
.noa-renew :is(.cta,.exec-cta,.ed-cta){padding-top:70px;padding-bottom:85px}
.noa-renew :is(.dark,.exec) :is(p,a,li,span,label,.eyebrow,.sec-no,.exec-kicker,.exec-label,.ed-label,.rlabel,.tags,.meta){color:inherit}
.noa-renew :is(.hero-sub,.ed-body,.exec-body,.exec-support,.plat-desc,.desc,.lead,.legal,.article,.prose,.faq-a){color:var(--ink)}
.noa-renew :is(.eyebrow,.sec-no,.ed-label,.exec-label,.exec-kicker,.metric .l,.stat .l,.rlabel,.foot-bot,.hint,.tags,.ctags,.plat-no,.exec-idx){color:var(--grey)}
.noa-renew :is(.btn,.dark .btn,.exec .btn,.nav-cta){background:var(--ink)!important;color:var(--cream)!important;-webkit-text-fill-color:var(--cream)!important;border:1px solid var(--ink)!important;border-radius:2px;font-family:'Manrope','Noto Sans',sans-serif;font-weight:800;transition:transform .2s}
.noa-renew :is(.btn.ghost,.dark .btn.ghost){background:transparent!important;color:var(--ink)!important;-webkit-text-fill-color:var(--ink)!important;border-color:var(--line)!important}
.noa-renew .btn:hover{transform:translateY(-3px)}
.noa-renew :is(.card,.statbar,.player){background:var(--cream-2);color:var(--ink);border-color:var(--line)}
.noa-renew :is(.card,.statbar) :is(span,p,a,.k,.l,.dsc,.cl,.res,.metric){color:var(--ink)}
.noa-renew :is(.card,.belief,.plat-row,.exec-row,.item,.no-col,.rrow,.faq-item,.field input,.field textarea,.field select,.foot-bot,.rule,.ed-section,.exec-section){border-color:var(--line)}
.noa-renew :is(.field input,.field textarea,.field select){color:var(--ink);background:transparent;font-family:inherit}
.noa-renew .field option{background:var(--cream);color:var(--ink)}
.noa-renew .fill{background:var(--accent)}
.noa-renew .pp{background:var(--ink);color:var(--cream)}
.noa-renew :focus-visible{outline:3px solid var(--accent);outline-offset:5px}
.noa-renew .noa-title{transform:translate3d(0,var(--noa-title-y,0px),0);will-change:transform}
.noa-renew .noa-designs{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin:30px 0}
.noa-design{min-height:180px;text-align:left;padding:22px;border:2px solid transparent;cursor:pointer;display:flex;flex-direction:column;justify-content:space-between;font-size:20px;transition:transform .2s}
.noa-design[aria-pressed=true]{border-color:currentColor;transform:translateY(-6px)}
.noa-design small{font:11px var(--mono);text-transform:uppercase;letter-spacing:.08em}
.noa-design[data-design=experimental]{background:#10110f;color:#d0fc58;font:800 23px Manrope,sans-serif}
.noa-design[data-design=minimal]{background:#f6f6f2;color:#171a18;font:600 23px Manrope,sans-serif}
.noa-design[data-design=boho]{background:#eee1cc;color:#573c2c;font:600 25px 'Noto Serif',serif}
.noa-design[data-design=corporate]{background:#edf2fb;color:#103266;font:800 23px Manrope,sans-serif}
.noa-design[data-design=cafe]{background:#f8eacb;color:#63262a;font:700 25px 'Noto Serif',serif}
.noa-plans{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:35px 0}
.noa-plan{padding:30px;border:1px solid var(--line);background:var(--cream-2)}
.noa-plan h3{font-size:24px;font-weight:800;margin:20px 0}.noa-price{font-size:clamp(35px,5vw,60px);font-weight:800;letter-spacing:-.06em}.noa-price small{font-size:14px;letter-spacing:0}.noa-plan ul{padding-left:20px;margin:20px 0 30px}.noa-plan li{margin:10px 0}.noa-plan .btn{display:inline-flex}.noa-selected{font:13px var(--mono)}
.noa-renew .noa-web-hero h1{font-size:clamp(48px,9.5vw,132px)}
.noa-renew .noa-web-hero{min-height:78vh}.noa-web-copy{max-width:640px;font-size:clamp(19px,2vw,25px);margin:25px 0}.noa-renew .noa-web-statement{font-size:clamp(36px,6.5vw,88px);max-width:1040px;line-height:1.07}
@media(max-width:880px){.noa-renew .noa-designs{grid-template-columns:repeat(2,1fr)}.noa-plans{grid-template-columns:1fr}.noa-design:last-child{grid-column:1/-1}.noa-renew h1,.noa-renew .ed-hero h1,.noa-renew .exec-hero h1{font-size:clamp(43px,10.5vw,80px)}.noa-backdrop{opacity:calc(var(--noa-art-opacity,.23)*.65)}.noa-old{width:90vw}.noa-renew .nav-links.open{background:var(--cream)}.noa-renew .noa-web-hero h1{font-size:clamp(43px,11vw,90px)}}
@media(prefers-reduced-motion:reduce){.noa-title{transform:none!important}.noa-renew *, .noa-renew *::before,.noa-renew *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.noa-backdrop{display:none}.reveal{opacity:1!important;transform:none!important}}
/* Original inverse sections now share the evolving page palette. */
.noa-renew .exec{--ll:var(--line);--lm:var(--grey);--lt:var(--ink)}
.noa-renew :is(.dark,.exec) :is(h3,strong,.sub,.sup,.s,.big,.no-close,.final-statement){color:var(--ink)}
.noa-renew :is(.dark,.exec) [style*="color:"]{color:var(--ink)!important}
.noa-renew .exec-alt div{background:var(--cream-2);color:var(--ink)}
.noa-renew :is(.dark,.exec) :is(.col3,.c){background:var(--cream-2);color:var(--ink)}
.noa-renew :is(.exec-cols,.exec-svc .row,.exec-svc .inc li,.statbar .s,.card .ctags span){border-color:var(--line)}
.noa-renew :is(h3,.jr-title,.ed-stack .line,.exec-statements .s){font-family:var(--noa-font,'Manrope','Noto Sans',sans-serif);font-weight:var(--noa-weight,800)}
.noa-renew .noa-plan .eyebrow{margin-bottom:10px}.noa-renew .noa-plan li{font-size:15px}.noa-renew .noa-plan .btn{font-size:13px}
.noa-renew :is(.hero,.ed-hero,.exec-hero) .noa-title{max-width:100%}
html{scroll-padding-top:105px}
/* The sticky wordmark follows the same scroll blend as the page. */
.noa-renew .logo{position:relative;display:inline-flex;align-items:center;min-width:205px;height:31px}
.noa-renew .logo>b,.noa-renew .logo>span:not(.noa-logo-layer){opacity:0}
.noa-renew .logo .noa-logo-layer{position:absolute;inset:0;display:flex;align-items:center;gap:.25em;white-space:nowrap;color:var(--ink);font-size:20px;line-height:1.2;pointer-events:none}
.noa-renew .logo .noa-logo-layer i{font-style:normal;font-size:.72em;letter-spacing:.03em;font-weight:inherit}
.noa-renew .logo .noa-logo-a{opacity:var(--noa-logo-a,1);font-family:var(--noa-logo-font-a,'Newsreader','Noto Serif',serif);font-weight:var(--noa-logo-weight-a,500);letter-spacing:var(--noa-logo-spacing-a,-.045em)}
.noa-renew .logo .noa-logo-b{opacity:var(--noa-logo-b,0);font-family:var(--noa-logo-font-b,'Manrope',sans-serif);font-weight:var(--noa-logo-weight-b,800);letter-spacing:var(--noa-logo-spacing-b,-.045em)}
.noa-renew[data-page=websites] .beliefs{grid-template-columns:repeat(3,minmax(0,1fr));background:transparent;border:1px solid var(--line)}
.noa-renew[data-page=websites] .belief{background:var(--cream-2);padding:28px;border:0;border-right:1px solid var(--line)}
.noa-renew[data-page=websites] .belief:last-child{border-right:0}
.noa-renew[data-page=websites] .belief h3{font-size:20px;line-height:1.3;margin-bottom:16px}
.noa-renew[data-page=websites] .belief p{font-size:17px;line-height:1.6}
@media(max-width:880px){.noa-renew .logo{min-width:185px}.noa-renew[data-page=websites] .beliefs{grid-template-columns:1fr}.noa-renew[data-page=websites] .belief{border-right:0;border-bottom:1px solid var(--line)}.noa-renew[data-page=websites] .belief:last-child{border-bottom:0}}
/* No space needs to be reserved for the removed music player. */
.noa-renew footer{padding-bottom:55px}
@media(max-width:480px){.noa-renew footer{padding-bottom:40px}}
/* Pointer shapes are native CSS geometry, never emoji glyphs. */
.noa-cursor{position:fixed;top:0;left:0;width:0;height:0;z-index:10020;pointer-events:none;opacity:0;transition:opacity .15s;will-change:transform}
.noa-cursor.is-visible{opacity:1}.noa-cursor.is-native{opacity:0}
.noa-cursor-shape{position:absolute;left:-13px;top:-13px;width:26px;height:26px;border:1.5px solid var(--ink);background:color-mix(in srgb,var(--accent) 13%,transparent);border-radius:50%;transform:rotate(var(--cursor-turn,0deg)) scale(var(--cursor-size,1));transition:border-radius .35s,transform .25s,width .35s,height .35s,left .35s,top .35s;box-shadow:0 0 0 2px color-mix(in srgb,var(--cream) 70%,transparent)}
.noa-cursor-shape::after{content:'';position:absolute;width:3px;height:3px;left:calc(50% - 1.5px);top:calc(50% - 1.5px);background:var(--ink);border-radius:50%}
.noa-cursor[data-theme=experimental]{--cursor-turn:45deg}.noa-cursor[data-theme=experimental] .noa-cursor-shape{border-radius:5px}
.noa-cursor[data-theme=minimal] .noa-cursor-shape{width:18px;height:18px;left:-9px;top:-9px;border-radius:50%;background:transparent}
.noa-cursor[data-theme=boho]{--cursor-turn:-18deg}.noa-cursor[data-theme=boho] .noa-cursor-shape{border-radius:38% 62% 66% 34% / 43% 37% 63% 57%}
.noa-cursor[data-theme=corporate] .noa-cursor-shape{border-radius:2px}
.noa-cursor[data-theme=cafe]{--cursor-turn:-25deg}.noa-cursor[data-theme=cafe] .noa-cursor-shape{width:21px;height:30px;left:-10.5px;top:-15px;border-radius:45%}
.noa-cursor.is-active{--cursor-size:1.4}.noa-cursor.is-down{--cursor-size:.8}
@media(hover:hover) and (pointer:fine){body.noa-custom-cursor,body.noa-custom-cursor :is(a,button,summary,label){cursor:none}body.noa-custom-cursor :is(input,textarea,[contenteditable=true]){cursor:text}body.noa-custom-cursor select{cursor:auto}}
.noa-renew[data-page=websites] .noa-plans{grid-template-columns:repeat(2,minmax(0,1fr))}
.noa-renew .noa-price-quote{font-size:clamp(28px,3.3vw,44px);letter-spacing:-.045em}
@media(max-width:880px){.noa-renew[data-page=websites] .noa-plans{grid-template-columns:1fr}}

@media(max-width:1120px){
  .nav-links{display:none}
  .burger{display:block}
  .nav-links.open{display:flex;position:absolute;top:100%;left:0;right:0;flex-direction:column;
    gap:0;background:var(--cream);border-bottom:1px solid var(--line);padding:10px var(--pad) 24px;text-align:center}
  .nav-links.open a{padding:18px 0;border-bottom:1px solid var(--line-soft);font-size:14px;text-align:center;width:100%}
  .nav-links.open a::after{display:none}
  .nav-links.open .nav-cta{margin:20px auto 4px;text-align:center;border:1px solid #16140E !important;padding:13px 26px;width:auto;display:inline-flex;justify-content:center}
  .nav-links.open .dropdown .drop-web{margin:12px auto 6px;width:auto;display:inline-flex;justify-content:center;border:1px solid #0B0B0B;color:#fff !important;background:#0B0B0B;padding:13px 26px;border-radius:0}
  .nav-links.open .nav-item{flex-direction:column;align-items:stretch;width:100%}
  .nav-links.open .navtop{padding:18px 0;border-bottom:1px solid var(--line-soft);
    justify-content:center;font-size:14px;display:inline-flex;gap:10px;width:100%}
  .nav-links.open .dropdown{position:static;opacity:1;visibility:visible;transform:none;
    border:none;box-shadow:none;background:transparent;margin:0;padding:0;min-width:0;display:none}
  .nav-links.open .nav-item.mopen .dropdown{display:block}
  .nav-links.open .nav-item.mopen .caret{transform:rotate(45deg)}
  .nav-links.open .dropdown a{padding:14px 0;border-bottom:1px solid var(--line-soft);text-align:center}
  .nav-links.open .dropdown a:first-child{margin-bottom:0}
}

.noa-renew .nav-links.open .lang-switch a{width:auto;padding:14px 8px;border:0}
.noa-renew .lang-switch{white-space:nowrap}
.noa-audit-dialog{position:fixed;margin:auto;inset:0;width:min(620px,calc(100vw - 36px));max-height:calc(100dvh - 40px);overflow:auto;border:1px solid #515942;padding:clamp(30px,5vw,56px);background:#10110f;color:#f3f4ec;box-shadow:0 30px 120px #0007}
.noa-audit-dialog::backdrop{background:#080b08a8;backdrop-filter:blur(7px)}
.noa-audit-dialog[open]{animation:noa-audit-enter .3s ease-out}.noa-audit-kicker{font:10px var(--mono);letter-spacing:.12em;color:#d0fc58;margin:0 30px 25px 0}
.noa-audit-dialog h2{font:800 clamp(32px,5vw,54px)/1.05 'Manrope','Noto Sans',sans-serif;letter-spacing:-.05em;color:#f3f4ec;margin:0 0 24px;text-wrap:balance}
.noa-audit-dialog p:not(.noa-audit-kicker){font:17px/1.65 'Manrope','Noto Sans',sans-serif;color:#c3cbb8;margin:0 0 30px}
.noa-audit-cta{display:block;padding:17px 22px;background:#d0fc58;color:#10110f;text-align:center;font:800 15px/1.5 'Manrope','Noto Sans',sans-serif}
.noa-audit-later{display:block;margin:17px auto 0;background:none;border:0;color:#c3cbb8;font:13px 'Manrope','Noto Sans',sans-serif;cursor:pointer;padding:8px}
.noa-audit-close{position:absolute;top:18px;right:18px;width:36px;height:36px;background:transparent;border:1px solid #515942;cursor:pointer;color:#f3f4ec}
.noa-audit-close span::before,.noa-audit-close span::after{content:'';position:absolute;top:17px;left:10px;width:14px;height:1px;background:currentColor;transform:rotate(45deg)}.noa-audit-close span::after{transform:rotate(-45deg)}
.noa-audit-dialog :focus-visible{outline:2px solid #d0fc58;outline-offset:4px}.noa-audit-dialog .noa-audit-cta:focus-visible{outline-color:#f3f4ec}
.noa-audit-open{overflow:hidden}.noa-audit-open .noa-cursor{opacity:0!important}.noa-audit-open,.noa-audit-open *{cursor:auto!important}.noa-audit-open :is(a,button){cursor:pointer!important}
.noa-audit-intro{border-left:3px solid var(--accent);padding:10px 0 10px 20px;margin-bottom:28px;font-size:17px;line-height:1.6}.noa-audit-url{display:block;margin:22px 0}.noa-audit-url input{display:block;width:100%;margin-top:9px}
.noa-renew .noa-audit-link{color:var(--accent);font-weight:700}
@keyframes noa-audit-enter{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){.noa-audit-dialog[open]{animation:none}.noa-audit-dialog::backdrop{backdrop-filter:none}}
/* An organic, breathing surface in the homepage's opening paper palette. */
.noa-audit-dialog{width:min(650px,calc(100vw - 36px));padding:clamp(36px,6vw,64px);border:1px solid #c9c4b5;border-radius:48px 86px 65px 74px / 64px 57px 86px 68px;background:radial-gradient(ellipse at 90% 10%,#ece8d9,transparent 55%),#f3f0e4;color:#16140e;box-shadow:0 32px 110px #16140e45}
.noa-audit-dialog::backdrop{background:#16140e55;backdrop-filter:blur(16px) saturate(.55);-webkit-backdrop-filter:blur(16px) saturate(.55)}
.noa-audit-dialog[open]{animation:noa-audit-enter .35s ease-out both,noa-audit-breathe 10s ease-in-out .35s infinite}
.noa-audit-kicker{color:#625d51;margin-right:35px}
.noa-audit-dialog h2{color:#16140e}
.noa-audit-dialog p:not(.noa-audit-kicker){color:#514b3e}
.noa-audit-cta{background:#16140e;color:#f3f0e4;border-radius:12px;transition:transform .2s,background .2s}
.noa-audit-cta:hover{background:#343025;transform:translateY(-2px)}
.noa-audit-later{color:#625d51}
.noa-audit-close{top:24px;right:30px;border-color:#c9c4b5;color:#16140e;border-radius:50%}
.noa-audit-dialog :focus-visible,.noa-audit-dialog .noa-audit-cta:focus-visible{outline-color:#16140e}
@keyframes noa-audit-breathe{0%,100%{border-radius:48px 86px 65px 74px / 64px 57px 86px 68px;transform:translate3d(0,0,0) rotate(0deg)}50%{border-radius:79px 51px 83px 49px / 52px 80px 56px 86px;transform:translate3d(0,-5px,0) rotate(-.2deg)}}
@media(max-width:600px){.noa-audit-dialog{padding:45px 30px 32px;border-radius:32px 48px 35px 45px}.noa-audit-dialog h2{font-size:clamp(29px,8vw,40px)}.noa-audit-dialog[open]{animation:noa-audit-enter .35s ease-out both,noa-audit-mobile-breathe 10s ease-in-out .35s infinite}.noa-audit-close{top:14px;right:20px;width:30px;height:30px}.noa-audit-close span::before,.noa-audit-close span::after{top:14px;left:7px}}
@keyframes noa-audit-mobile-breathe{0%,100%{border-radius:32px 48px 35px 45px;transform:translateY(0)}50%{border-radius:45px 32px 48px 35px;transform:translateY(-3px)}}
@media(prefers-reduced-motion:reduce){.noa-audit-dialog[open]{animation:none!important;transform:none}.noa-audit-dialog::backdrop{backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}}