:root{
      --bg:#0c1729; --surface:#12253f; --surface-2:#172d49; --ink:#edf8f7; --muted:#b6c8d7;
      --line:#36526c; --teal:#56e2d0; --blue:#b8a2ff; --violet:#c9b9ff; --amber:#ffc668;
      --mint:#1b4f54; --sky:#203c5c; --shadow:0 24px 70px rgba(0,0,0,.38); --max:1180px;
    }
    *{box-sizing:border-box}
    html{scroll-behavior:smooth}
    body{margin:0;min-width:320px;min-height:100svh;overflow-x:hidden;background:
      radial-gradient(circle at 86% 7%,rgba(184,162,255,.20),transparent 24rem),
      radial-gradient(circle at 8% 30%,rgba(86,226,208,.12),transparent 21rem),var(--bg);
      color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.5;transition:background .2s,color .2s}
    body:before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;opacity:.36;background-image:linear-gradient(rgba(237,248,247,.028) 1px,transparent 1px),linear-gradient(90deg,rgba(237,248,247,.028) 1px,transparent 1px);background-size:52px 52px}
    a{color:inherit;text-decoration:none}
    button{font:inherit;color:inherit}
    button,a,[tabindex="0"]{-webkit-tap-highlight-color:transparent}
    button:focus-visible,a:focus-visible,[tabindex="0"]:focus-visible{outline:3px solid var(--amber);outline-offset:3px}
    .wrap{width:min(var(--max),100%);margin-inline:auto;padding-inline:clamp(18px,4vw,42px)}

    /* Navigation */
    .site-header{position:sticky;top:0;z-index:30;background:color-mix(in srgb,var(--bg) 84%,transparent);backdrop-filter:blur(18px);border-bottom:1px solid color-mix(in srgb,var(--line) 68%,transparent)}
    .nav{min-height:78px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:22px;position:relative}
    .lang-switch{position:relative;justify-self:end;grid-column:3;grid-row:1;padding-left:20px;border-left:1px solid color-mix(in srgb,var(--line) 65%,transparent);direction:ltr}
    .lang-current{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:44px;padding:0 12px;border-radius:12px;border:1px solid color-mix(in srgb,var(--line) 75%,transparent);background:color-mix(in srgb,var(--surface) 65%,transparent);color:var(--muted);font-weight:650;font-size:.78rem;cursor:pointer;transition:border-color .18s ease,background .18s ease,color .18s ease,box-shadow .18s ease}
    .lang-current:hover,.lang-switch.open .lang-current{border-color:color-mix(in srgb,var(--teal) 48%,var(--line));background:var(--surface);color:var(--ink)}
    .lang-switch.open .lang-current{box-shadow:0 0 0 3px color-mix(in srgb,var(--teal) 8%,transparent)}
    .lang-globe{width:16px;height:16px;flex:0 0 auto;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;color:var(--teal)}
    .lang-code{min-width:2em;text-align:center;letter-spacing:.05em}
    .lang-caret{width:10px;height:7px;opacity:.7;transition:transform .18s ease;flex:0 0 auto}
    .lang-caret path{fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
    .lang-switch.open .lang-caret{transform:rotate(180deg)}
    .lang-menu{position:absolute;top:calc(100% + 12px);right:0;width:224px;padding:8px;border:1px solid color-mix(in srgb,var(--line) 85%,transparent);border-radius:16px;background:var(--surface);box-shadow:0 18px 48px rgba(0,0,0,.32),0 2px 8px rgba(0,0,0,.12);z-index:40;transform-origin:top right;animation:langMenuIn .16s ease both}
    .lang-menu[hidden]{display:none}
    .lang-heading{display:block;margin:0 4px 5px;padding:7px 7px 11px;border-bottom:1px solid color-mix(in srgb,var(--line) 55%,transparent);font-size:.68rem;font-weight:650;letter-spacing:.04em;color:var(--muted)}
    .lang-options{display:grid;gap:3px;margin:0;padding:0;list-style:none}
    .lang-option{display:grid;grid-template-columns:30px minmax(0,1fr) 16px;align-items:center;gap:11px;min-height:46px;padding:8px 10px;border:1px solid transparent;border-radius:10px;font-size:.84rem;font-weight:550;color:var(--muted);cursor:pointer;white-space:nowrap;transition:background .15s ease,color .15s ease,border-color .15s ease}
    .lang-option:hover,.lang-option:focus-visible{background:var(--surface-2);color:var(--ink)}
    .lang-option:focus-visible{outline:2px solid var(--teal);outline-offset:-2px}
    .lang-option[aria-selected="true"]{background:color-mix(in srgb,var(--teal) 9%,var(--surface));border-color:color-mix(in srgb,var(--teal) 16%,transparent);color:var(--teal)}
    .lang-option-code{display:grid;place-items:center;width:30px;height:27px;border:1px solid color-mix(in srgb,var(--line) 70%,transparent);border-radius:6px;font-size:.61rem;font-weight:700;letter-spacing:.06em}
    .lang-option-name{justify-self:start}
    .lang-check{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;visibility:hidden}
    .lang-option[aria-selected="true"] .lang-check{visibility:visible}
    @keyframes langMenuIn{from{opacity:0;transform:translateY(-5px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}
    .brand{border:0;background:transparent;padding:0;font-size:1.27rem;font-weight:900;letter-spacing:-.075em;cursor:pointer;white-space:nowrap;justify-self:start;text-align:left}.brand i{font-style:normal;color:var(--teal)}
    .nav-links{display:flex;align-items:center;gap:22px}.nav-link{border:0;background:transparent;color:var(--muted);padding:8px 0;cursor:pointer;font-size:.84rem;font-weight:750;position:relative}.nav-link:after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:var(--teal);transform:scaleX(0);transform-origin:left;transition:transform .2s ease}.nav-link:hover:after,.nav-link[aria-current="page"]:after{transform:scaleX(1)}.nav-link[aria-current="page"]{color:var(--ink)}
    .nav-links{justify-content:flex-end}.menu-button{height:38px;border-radius:999px;border:1px solid var(--line);cursor:pointer;display:none;place-items:center;gap:4px;padding-inline:12px;background:var(--surface);font-weight:850;font-size:.78rem}.menu-button span{font-size:1rem;line-height:1}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

    /* Panels */
    main{padding-bottom:30px}.panel[hidden]{display:none!important}.panel{animation:panelIn .32s ease both}@keyframes panelIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
    .home{min-height:calc(100svh - 79px);display:flex;flex-direction:column;justify-content:space-between;padding-block:clamp(54px,8vw,95px) 24px}.hero-grid{display:grid;grid-template-columns:minmax(0,1.18fr) minmax(280px,.72fr);gap:clamp(34px,7vw,92px);align-items:end}.eyebrow{margin:0 0 18px;color:var(--blue);font-size:.72rem;font-weight:900;letter-spacing:.14em;text-transform:uppercase;display:flex;align-items:center;gap:10px}.eyebrow:before{content:"";width:28px;height:2px;background:var(--teal);border-radius:999px}.hero-title{margin:0;font-size:clamp(3.05rem,8vw,7.4rem);line-height:.85;letter-spacing:-.095em;text-wrap:balance}.hero-title span{color:var(--teal)}.hero-tagline{margin:14px 0 0;color:var(--blue);font-weight:850;font-size:clamp(1.05rem,1.9vw,1.4rem);letter-spacing:-.02em}.hero-copy{margin:0;color:var(--muted);font-size:clamp(1.03rem,1.7vw,1.22rem);max-width:420px;overflow-wrap:anywhere}
    .signal-grid{display:grid;grid-template-columns:repeat(3,1fr);margin-top:clamp(40px,7vw,78px);border:1px solid var(--line);border-radius:22px;overflow:hidden;background:color-mix(in srgb,var(--surface) 76%,transparent);box-shadow:var(--shadow)}.signal-card{min-height:220px;padding:24px;position:relative;border-right:1px solid var(--line);isolation:isolate}.signal-card:last-child{border-right:0}.signal-card:before{content:"";position:absolute;inset:0;z-index:-1;opacity:.82}.signal-card:nth-child(1):before{background:linear-gradient(145deg,var(--sky),transparent 65%)}.signal-card:nth-child(2):before{background:linear-gradient(145deg,var(--mint),transparent 65%)}.signal-card:nth-child(3):before{background:linear-gradient(145deg,color-mix(in srgb,var(--amber) 22%,transparent),transparent 65%)}.signal-number{font-size:.69rem;font-weight:900;letter-spacing:.12em;color:var(--muted);text-transform:uppercase}.signal-card strong{display:block;margin-top:64px;font-size:clamp(2rem,3.8vw,3.25rem);line-height:.9;letter-spacing:-.08em}.signal-card p{margin:10px 0 0;color:var(--muted);font-size:.83rem;max-width:240px}

    .content-section{padding-block:clamp(52px,8vw,96px) 34px}.section-head{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(250px,.65fr);gap:48px;align-items:end;padding-bottom:30px;border-bottom:1px solid var(--line)}.section-head h2,.contact h2{margin:0;font-size:clamp(2.4rem,5vw,5.15rem);letter-spacing:-.09em;line-height:.88;text-wrap:balance}.section-head p,.contact-copy{margin:0;color:var(--muted);max-width:460px;overflow-wrap:anywhere}

    /* Work */
    .project-list{border-top:0}.project{display:grid;grid-template-columns:52px minmax(0,1fr) 205px 42px;gap:20px;align-items:center;padding:29px 0;border-bottom:1px solid var(--line);position:relative;cursor:pointer;color:inherit;text-decoration:none;transition:padding .2s,background .2s}.project:before{content:"";position:absolute;left:0;top:12px;bottom:12px;width:4px;background:var(--teal);border-radius:10px;transform:scaleY(0);transition:transform .2s}.project:hover,.project:focus-visible{padding-inline:14px;background:color-mix(in srgb,var(--surface) 76%,transparent)}.project:hover:before,.project:focus-visible:before{transform:scaleY(1)}.project-no{align-self:start;margin-top:9px;font-size:.73rem;color:var(--teal);font-weight:900}.project h3{margin:0;font-size:clamp(1.25rem,2.35vw,2.02rem);line-height:1.05;letter-spacing:-.06em}.project p{margin:8px 0 0;color:var(--muted);font-size:.91rem;line-height:1.45}.project-meta{border-left:1px solid var(--line);padding-left:18px;color:var(--muted);font-size:.78rem;line-height:1.5}.project-plus{width:39px;height:39px;border:1px solid var(--line);display:grid;place-items:center;border-radius:50%;font-size:1.3rem;color:var(--teal);justify-self:end;transition:background .2s,transform .2s}.project:hover .project-plus{background:var(--teal);color:#062d30;border-color:var(--teal);transform:rotate(45deg)}
    #work .content-section{padding-block:clamp(30px,4.5vw,56px) 18px}
    #work .section-head{gap:32px;padding-bottom:20px}
    #work .section-head h2{font-size:clamp(2.15rem,4.1vw,4.3rem)}
    #work .project{padding:19px 0}
    #work .project h3{font-size:clamp(1.18rem,1.8vw,1.62rem)}
    #work .project p{margin-top:6px;font-size:.86rem;line-height:1.38}
    #work .project-meta{font-size:.74rem;line-height:1.42}

    /* Blog */
    .blog{padding-block:clamp(30px,4.5vw,56px) 22px}.blog .section-head{display:block;padding-bottom:18px}.blog .eyebrow{margin-bottom:12px}.blog .section-head h2{font-size:clamp(2.15rem,4.1vw,4.3rem)}.blog-list{margin-top:0}.blog-post{border-bottom:1px solid var(--line);padding:18px 0;scroll-margin-top:110px;cursor:pointer;transition:padding .2s ease,background .2s ease}.blog-post:hover,.blog-post:focus-visible{padding-inline:12px;background:color-mix(in srgb,var(--surface) 68%,transparent)}.blog-post-header{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px;align-items:start}.blog-meta{display:flex;flex-wrap:wrap;gap:7px 12px;margin:0 0 7px;color:var(--blue);font-size:.68rem;font-weight:900;letter-spacing:.1em;text-transform:uppercase}.blog-post h3{margin:0;max-width:780px;font-size:clamp(1.24rem,2vw,1.82rem);line-height:1.04;letter-spacing:-.055em;text-wrap:balance}.blog-summary{margin:8px 0 0;max-width:760px;color:var(--muted);font-size:.88rem;line-height:1.42}.blog-body{max-width:820px;margin-top:10px;color:var(--muted)}.blog-body p{margin:0;font-size:.82rem;line-height:1.48}.blog-body p+p{display:none}.blog-tags{display:flex;flex-wrap:wrap;gap:7px;margin-top:10px}.blog-tags span{border:1px solid var(--line);border-radius:999px;padding:5px 9px;color:var(--muted);font-size:.68rem;font-weight:800}.share-button{min-height:36px;border-radius:999px;border:1px solid var(--line);background:color-mix(in srgb,var(--surface) 82%,transparent);padding:7px 12px;display:inline-flex;align-items:center;gap:8px;color:var(--ink);cursor:pointer;font-size:.75rem;font-weight:900;white-space:nowrap;transition:transform .18s ease,background .18s ease,border-color .18s ease}.share-button:hover{transform:translateY(-1px);border-color:color-mix(in srgb,var(--teal) 62%,var(--line));background:color-mix(in srgb,var(--teal) 16%,var(--surface))}.share-button.copied{background:var(--teal);border-color:var(--teal);color:#062e30}.share-icon{font-size:1rem;line-height:1}
    .blog-panel{width:min(940px,100%)}.blog-detail-meta{display:flex;flex-wrap:wrap;gap:9px 14px;margin:8px 0 0;color:var(--blue);font-size:.72rem;font-weight:900;letter-spacing:.1em;text-transform:uppercase}.blog-detail-actions{display:flex;flex-wrap:wrap;gap:9px;margin-top:20px}.blog-article{margin-top:28px}.blog-article-section{border-top:1px solid var(--line);padding-top:24px;margin-top:28px}.blog-article-section h3{margin:0 0 12px;color:var(--blue);font-size:.75rem;letter-spacing:.13em;text-transform:uppercase}.blog-article-section p{margin:0;color:var(--muted);font-size:1rem;line-height:1.72}.blog-article-section p+p{margin-top:14px}.blog-article-section ul{margin:15px 0 0;padding-left:20px;color:var(--muted)}.blog-article-section li{font-size:.95rem;line-height:1.58}.blog-article-section li+li{margin-top:8px}.blog-figure{margin:24px 0 0;border:1px solid var(--line);border-radius:18px;overflow:hidden;background:color-mix(in srgb,var(--surface-2) 86%,transparent)}.blog-figure-art{min-height:220px;position:relative;display:grid;place-items:center;padding:24px;isolation:isolate;background:linear-gradient(135deg,color-mix(in srgb,var(--sky) 78%,transparent),color-mix(in srgb,var(--mint) 52%,transparent))}.blog-figure-art:before{content:"";position:absolute;inset:18px;border:1px solid color-mix(in srgb,var(--teal) 45%,transparent);border-radius:14px;z-index:-1}.blog-figure-art span{display:inline-flex;align-items:center;justify-content:center;min-height:42px;border-radius:999px;border:1px solid color-mix(in srgb,var(--ink) 32%,transparent);background:rgba(12,23,41,.48);padding:10px 14px;font-weight:900;font-size:.78rem;letter-spacing:.08em;text-transform:uppercase;color:var(--ink)}.blog-figure-art.migration{background:linear-gradient(135deg,color-mix(in srgb,var(--sky) 84%,transparent),color-mix(in srgb,var(--amber) 24%,transparent))}.blog-figure-art.automation{background:linear-gradient(135deg,color-mix(in srgb,var(--mint) 72%,transparent),color-mix(in srgb,var(--teal) 24%,transparent))}.blog-figure-art.integration{background:linear-gradient(135deg,color-mix(in srgb,var(--surface-2) 88%,transparent),color-mix(in srgb,var(--blue) 30%,transparent))}.blog-figure figcaption{padding:13px 16px;color:var(--muted);font-size:.82rem;line-height:1.45;border-top:1px solid var(--line)}.blog-detail-share.copied{background:var(--teal);border-color:var(--teal);color:#062e30}
    @media (max-width:960px){.blog{padding-block:32px 20px}.blog-post{padding:16px 0}.blog-post-header{grid-template-columns:minmax(0,1fr) auto;gap:14px}.share-button{justify-self:end}.blog-summary{max-width:680px}.blog-panel{width:100%}}
    @media (max-width:760px){.blog{padding-top:52px}.blog-post{padding:24px 0;scroll-margin-top:96px}.blog-meta{font-size:.68rem}.blog-summary{font-size:.91rem}.blog-body p{font-size:.88rem;line-height:1.58}.blog-tags span{font-size:.7rem}.blog-article-section p{font-size:.91rem;line-height:1.62}.blog-figure-art{min-height:160px}.blog-figure-art span{font-size:.7rem}.blog-detail-actions .share-button{width:100%;justify-content:center}}

    /* Contact */
    .contact{display:grid;grid-template-columns:1fr minmax(280px,.72fr);gap:44px;align-items:end;padding:53px 0 62px;border-block:1px solid var(--line)}.contact h2{font-size:clamp(3.3rem,6vw,6.5rem)}.contact-copy{margin-bottom:22px}.contact-actions{display:flex;flex-wrap:wrap;gap:10px}.btn{min-height:46px;border-radius:999px;border:1px solid var(--line);background:var(--surface);padding:11px 16px;display:inline-flex;align-items:center;justify-content:center;gap:9px;cursor:pointer;font-size:.86rem;font-weight:900;transition:transform .2s,background .2s,border-color .2s}.btn:hover{transform:translateY(-2px)}.btn.primary{background:var(--teal);color:#062e30;border-color:var(--teal)}.contact .copy-email-button{min-width:220px;box-shadow:0 12px 28px color-mix(in srgb,var(--teal) 18%,transparent)}.contact .copy-email-button:hover{background:color-mix(in srgb,var(--teal) 86%,white);border-color:color-mix(in srgb,var(--teal) 86%,white)}.contact .copy-email-button.copied{background:color-mix(in srgb,var(--amber) 88%,white);border-color:var(--amber);box-shadow:0 12px 28px color-mix(in srgb,var(--amber) 18%,transparent)}.mail-icon{font-size:1rem;line-height:1;color:currentColor}.contact-note{margin:15px 0 0;color:var(--muted);font-size:.77rem}

    /* Drawers */
    .drawer{position:fixed;inset:0;z-index:60;display:grid;justify-items:end;background:rgba(3,13,25,.48);backdrop-filter:blur(8px);opacity:0;visibility:hidden;transition:opacity .25s,visibility .25s}.drawer.open{opacity:1;visibility:visible}.drawer-panel{width:min(720px,100%);height:100%;overflow-y:auto;overscroll-behavior:contain;background:var(--surface);color:var(--ink);padding:34px clamp(20px,5vw,62px) calc(40px + env(safe-area-inset-bottom));box-shadow:-24px 0 72px rgba(0,0,0,.28);transform:translateX(100%);transition:transform .32s cubic-bezier(.2,.78,.22,1)}.drawer.open .drawer-panel{transform:translateX(0)}.close{position:sticky;top:0;z-index:1;margin-left:auto;width:42px;height:42px;border-radius:50%;display:grid;place-items:center;border:1px solid var(--line);background:color-mix(in srgb,var(--surface) 92%,transparent);font-size:1.55rem;line-height:1;cursor:pointer}.drawer-kicker{margin-top:38px;color:var(--teal);font-size:.71rem;font-weight:900;letter-spacing:.13em;text-transform:uppercase}.drawer h2{margin:22px 45px 22px 0;font-size:clamp(2.45rem,5vw,4.5rem);line-height:.9;letter-spacing:-.085em}.drawer-summary{margin:0;max-width:600px;color:var(--muted);font-size:1.04rem}.case-block{border-top:1px solid var(--line);margin-top:30px;padding-top:20px}.case-block h3,.cv-section h3{margin:0 0 12px;color:var(--blue);font-size:.75rem;letter-spacing:.13em;text-transform:uppercase}.case-block p,.case-block li{color:var(--muted);font-size:.93rem}.case-block ul{padding-left:19px;margin:0}.case-block li+li{margin-top:8px}.callout{border-left:4px solid var(--teal);padding:16px 18px;background:color-mix(in srgb,var(--mint) 48%,transparent);border-radius:0 12px 12px 0;color:var(--ink)}.callout b{display:block;color:var(--teal);font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;margin-bottom:7px}.chips{display:flex;flex-wrap:wrap;gap:8px}.chips span{font-size:.77rem;border:1px solid var(--line);border-radius:999px;padding:7px 10px;color:var(--muted)}

    /* Tablet */
    @media (max-width:960px){
      .hero-grid{grid-template-columns:1fr;gap:24px}.hero-copy{max-width:600px}.section-head,.contact{grid-template-columns:1fr;gap:24px}.section-head p{max-width:620px}.project{grid-template-columns:48px minmax(0,1fr) 160px 40px}.project-meta{padding-left:14px}.contact{align-items:start}
    }
    /* Mobile / tablet navigation */
    @media (max-width:760px){
      .site-header{backdrop-filter:none;background:var(--bg)}.nav{min-height:68px}.nav-links{display:none;position:absolute;top:calc(100% + 8px);left:0;right:0;padding:10px;border:1px solid var(--line);border-radius:16px;background:var(--surface);box-shadow:var(--shadow);grid-template-columns:1fr 1fr;gap:4px}.nav-links.open{display:grid}.nav-link{padding:12px 10px;text-align:left;border-radius:10px}.nav-link:hover,.nav-link[aria-current="page"]{background:color-mix(in srgb,var(--mint) 45%,transparent)}.nav-link:after{display:none}.menu-button{display:inline-flex;align-items:center}.home{min-height:calc(100svh - 69px);padding-top:46px}.hero-title{font-size:clamp(3.05rem,14.5vw,4.55rem)}.signal-grid{grid-template-columns:1fr;margin-top:38px;border-radius:18px}.signal-card{min-height:0;padding:20px;border-right:0;border-bottom:1px solid var(--line);display:grid;grid-template-columns:90px 1fr;column-gap:16px;align-items:start}.signal-card:last-child{border-bottom:0}.signal-card strong{margin:0;font-size:1.9rem;grid-column:2;grid-row:1}.signal-card p{margin:8px 0 0;grid-column:2;max-width:none}.signal-number{grid-column:1;grid-row:1/3;padding-top:5px}.content-section{padding-top:52px}.section-head{padding-bottom:24px}.section-head h2{font-size:clamp(2.32rem,11vw,3.45rem)}
      .project{grid-template-columns:36px minmax(0,1fr) 35px;gap:10px;padding:21px 0}.project:hover,.project:focus-visible{padding-inline:8px}.project-no{font-size:.68rem;margin-top:4px}.project h3{font-size:1.3rem}.project p{grid-column:2/4;font-size:.87rem;margin-top:7px}.project-meta{grid-column:2/4;border:0;padding:0;margin:1px 0 0;font-size:.73rem}.project-plus{width:33px;height:33px;font-size:1.1rem}.contact{padding:43px 0 48px;margin-top:10px}.contact h2{font-size:clamp(3.25rem,15vw,4.45rem)}.contact-actions{align-items:stretch}.btn{width:100%;min-height:48px}.drawer{justify-items:stretch}.drawer-panel{width:100%;padding:23px 17px calc(28px + env(safe-area-inset-bottom))}.drawer h2{font-size:clamp(2.35rem,11vw,3.35rem);margin-right:44px}.drawer-kicker{margin-top:27px}.cv-title-wrap{margin-top:27px}.cv-job-top{grid-template-columns:1fr;gap:6px}.cv-date{text-align:left}.cv-job li{font-size:.88rem}.cv-bottom{grid-template-columns:1fr;gap:25px}.unused-cv-tools .btn{width:auto}.unused-cv-tools{display:grid;grid-template-columns:1fr 1fr}.unused-cv-tools .btn{padding-inline:10px;font-size:.75rem}
    }
    @media (max-width:390px){.hero-title{font-size:3rem}.signal-card{grid-template-columns:72px 1fr;column-gap:12px}.signal-card strong{font-size:1.65rem}.unused-cv-tools{grid-template-columns:1fr}.unused-cv-tools .btn{width:100%}}


    /* FAQ panel and responsive alignment rebuild */
    .faq{padding-block:clamp(56px,8vw,104px) 40px}
    .faq-grid{display:grid;grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);gap:clamp(34px,8vw,110px);align-items:start}
    .faq h2{margin:0;font-size:clamp(2.35rem,4.8vw,4.8rem);line-height:.9;letter-spacing:-.085em;text-wrap:balance}
    .faq .eyebrow{margin-bottom:16px}
    .faq-list{border-top:1px solid var(--line)}
    .faq-item{border-bottom:1px solid var(--line)}
    .faq-item summary{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px 0;cursor:pointer;list-style:none;font-size:clamp(1.05rem,1.9vw,1.32rem);font-weight:850;letter-spacing:-.035em;line-height:1.2}
    .faq-item summary::-webkit-details-marker{display:none}
    .faq-mark{display:grid;place-items:center;flex:0 0 auto;width:34px;height:34px;border:1px solid var(--line);border-radius:50%;font-size:1.32rem;line-height:1;color:var(--teal);transition:transform .2s ease,background .2s ease,color .2s ease}
    .faq-item[open] .faq-mark{transform:rotate(45deg);background:var(--teal);color:#073036;border-color:var(--teal)}
    .faq-answer{padding:0 0 23px;max-width:650px}.faq-answer p{margin:0;color:var(--muted);font-size:.96rem;line-height:1.6}.faq-answer strong{color:var(--ink)}

    /* Collapse navigation before it can crowd tablets. */
    @media (max-width:1050px){
      .site-header .nav{min-height:70px;padding-block:12px}
      .site-header .nav-links{display:none;position:absolute;z-index:35;top:calc(100% + 7px);left:0;right:0;padding:10px;border:1px solid var(--line);border-radius:16px;background:var(--surface);box-shadow:var(--shadow);grid-template-columns:repeat(2,minmax(0,1fr));gap:5px}
      .site-header .nav-links.open{display:grid}
      .site-header .nav-link{padding:12px 11px;text-align:left;border-radius:10px}
      .site-header .nav-link:after{display:none}
      .site-header .nav-link:hover,.site-header .nav-link[aria-current="page"]{background:color-mix(in srgb,var(--mint) 45%,transparent)}
      .site-header .menu-button{display:inline-flex;align-items:center}
    }

    /* Tablet: prevent compressed grid tracks and clipped typography. */
    @media (max-width:960px){
      .home{min-height:auto;padding-block:64px 28px}
      .signal-grid{grid-template-columns:1fr 1fr}
      .signal-card:nth-child(2){border-right:0}
      .signal-card:nth-child(3){grid-column:1 / -1;border-top:1px solid var(--line);border-right:0;min-height:185px}
      .section-head,.contact,.faq-grid{grid-template-columns:1fr;gap:26px}
      .section-head p,.contact-copy{max-width:680px}
      .project{grid-template-columns:44px minmax(0,1fr) 145px 38px;gap:15px}
      .project-meta{font-size:.75rem;padding-left:13px}
      
    }

    /* Phone: single-column components and reliable touch targets. */
    @media (max-width:760px){
      .wrap{padding-inline:18px}
      .site-header{background:var(--bg);backdrop-filter:none}
      .nav{grid-template-columns:auto minmax(0,1fr) auto;gap:8px}
      .menu-button{height:36px}
      .lang-current{padding-inline:10px;font-size:.72rem}
      .home{padding-top:44px}
      .hero-grid{gap:24px}
      .hero-title{font-size:clamp(2.95rem,14vw,4.25rem);line-height:.88}
      .hero-copy{font-size:1.02rem;line-height:1.55}
      .signal-grid{grid-template-columns:1fr;margin-top:36px}
      .signal-card,.signal-card:nth-child(3){display:block;min-height:0;grid-column:auto;padding:21px;border-right:0;border-top:0;border-bottom:1px solid var(--line)}
      .signal-card:last-child{border-bottom:0}
      .signal-number{display:block;padding:0}
      .signal-card strong{margin-top:15px;font-size:2.05rem;line-height:.95}
      .signal-card p{margin-top:9px;font-size:.87rem;max-width:32rem}
      .content-section,.faq{padding-top:54px}
      .section-head{gap:18px;padding-bottom:23px}
      .section-head h2,.faq h2{font-size:clamp(2.28rem,10.8vw,3.42rem)}
      .project{grid-template-columns:32px minmax(0,1fr) 34px;gap:10px;padding:22px 0}
      .project-no{margin-top:3px}.project h3{font-size:1.28rem;overflow-wrap:anywhere}.project p{font-size:.87rem}
      .project-meta{grid-column:2 / -1;border-left:0;padding-left:0;margin-top:2px;overflow-wrap:anywhere}
      .faq-grid{gap:28px}.faq-item summary{padding:20px 0;font-size:1.07rem}.faq-answer{padding-bottom:21px}.faq-answer p{font-size:.9rem}
      .contact-actions{display:grid;grid-template-columns:1fr}.contact-actions .btn{width:100%}
      .drawer-panel{height:100dvh;width:100%;padding:22px 18px calc(30px + env(safe-area-inset-bottom));border-radius:0}
      .drawer h2{overflow-wrap:anywhere}.unused-cv-tools{grid-template-columns:1fr}.unused-cv-tools .btn{width:100%}
    }

    @media (max-width:420px){
      .nav{gap:7px}.brand{font-size:1.12rem}.menu-button{padding-inline:10px;font-size:.72rem}
      .site-header .nav-links{grid-template-columns:1fr}
      .hero-title{font-size:clamp(2.8rem,14.5vw,3.55rem)}
      .project{grid-template-columns:29px minmax(0,1fr) 32px}.project-plus{width:32px;height:32px}
      .faq-mark{width:31px;height:31px}
    }



    /* Keep the language selector in the final column, after Contact. */
    .site-header .nav{grid-template-columns:auto minmax(0,1fr) auto;min-height:78px;direction:ltr}
    .site-header .nav-links{position:static!important;display:flex!important;justify-content:flex-end;align-items:center;gap:clamp(12px,1.8vw,24px);padding:0!important;border:0!important;box-shadow:none!important;background:transparent!important;border-radius:0!important;grid-column:2;grid-row:1}
    .site-header .nav-link{display:inline-flex;align-items:center;justify-content:center;text-align:center;white-space:nowrap;padding:8px 0!important;border-radius:0!important;background:transparent!important}
    .site-header .nav-link:after{display:block!important}
    .site-header .menu-button{display:none!important}
    .signal-card strong{margin-top:54px;font-size:clamp(1.7rem,3.25vw,2.85rem)}

    @media (max-width:960px){
      .site-header .nav{grid-template-columns:auto minmax(0,1fr) auto;grid-template-rows:auto;gap:8px 14px;padding-block:12px}
      .site-header .brand{grid-column:1;grid-row:1}
      .site-header .nav-links{grid-column:2;grid-row:1;justify-content:flex-end;flex-wrap:nowrap;gap:4px 18px;min-height:34px}
      .site-header .nav-link{font-size:.78rem!important;padding:6px 0!important}
      .home{min-height:calc(100svh - 122px)}
    }
    @media (max-width:600px){
      .site-header .nav{grid-template-columns:minmax(0,1fr) auto;gap:8px 10px;padding-block:10px 8px}
      .site-header .brand{grid-column:1 / -1;grid-row:1}
      .site-header .nav-links{grid-column:1;grid-row:2;justify-content:flex-start;gap:3px 14px}
      .site-header .lang-switch{grid-column:2;grid-row:2;padding-left:10px}
      .lang-current{gap:6px;padding-inline:9px}
      .site-header .nav-link{font-size:.72rem!important}
      .home{min-height:calc(100svh - 116px)}
    }
    @media (max-width:390px){
      .site-header .nav-links{gap:3px 11px}
      .site-header .nav-link{font-size:.68rem!important}
    }

    /* Fill the first viewport while allowing longer translated copy to grow. */
    main{padding-bottom:0}
    @media (min-width:601px){
      .home{animation:none}
    }
    @media (min-width:961px){
      .home{height:auto;min-height:calc(100svh - 79px);overflow:visible;justify-content:center;gap:clamp(16px,3svh,32px);padding-block:clamp(20px,4svh,42px) clamp(14px,2.5svh,22px)}
      .hero-grid{align-items:center;gap:clamp(28px,5vw,70px)}
      .eyebrow{margin-bottom:clamp(8px,1.5svh,14px)}
      .hero-title{font-size:5.6rem;line-height:.86}
      .hero-copy{font-size:1.08rem;line-height:1.48;max-width:400px}
      .signal-grid{margin-top:0;border-radius:18px}
      .signal-card{min-height:clamp(150px,23svh,190px);padding:clamp(17px,2.5svh,22px)}
      .signal-card strong{margin-top:clamp(34px,7svh,50px);font-size:2.45rem}
      .signal-card p{margin-top:8px;font-size:.8rem;line-height:1.42}
    }
    @media (min-width:961px) and (max-height:760px){
      .home{gap:16px;padding-block:20px 14px}
      .hero-title{font-size:4.75rem;line-height:.87}
      .hero-copy{font-size:.98rem;line-height:1.38;max-width:380px}
      .signal-card{min-height:134px;padding:16px}
      .signal-card strong{margin-top:24px;font-size:2rem}
      .signal-card p{font-size:.76rem;line-height:1.34}
    }
    @media (min-width:961px) and (max-height:640px){
      .home{gap:12px;padding-block:14px 10px}
      .eyebrow{margin-bottom:6px;font-size:.66rem}
      .hero-title{font-size:4rem;line-height:.88}
      .hero-copy{font-size:.9rem;line-height:1.32}
      .signal-card{min-height:112px;padding:13px 15px}
      .signal-card strong{margin-top:16px;font-size:1.7rem}
      .signal-card p{margin-top:5px;font-size:.7rem;line-height:1.28}
    }
    @media (min-width:601px) and (max-width:960px){
      .home{height:auto;min-height:calc(100svh - 122px);overflow:visible;justify-content:center;gap:clamp(12px,2.2svh,20px);padding-block:clamp(12px,2.5svh,24px)}
      .hero-grid{gap:clamp(10px,2svh,16px)}
      .eyebrow{margin-bottom:8px;font-size:.68rem}
      .hero-title{font-size:3.35rem;line-height:.9}
      .hero-copy{font-size:.96rem;line-height:1.42;max-width:640px}
      .signal-grid{margin-top:0;border-radius:16px}
      .signal-card{min-height:clamp(102px,18svh,132px);padding:14px 16px}
      .signal-card strong{margin-top:20px;font-size:1.8rem;line-height:.94}
      .signal-card:nth-child(3) strong{margin-top:16px}
      .signal-card p{margin-top:6px;font-size:.78rem;line-height:1.34;max-width:none}
    }
    @media (min-width:601px) and (max-width:960px) and (max-height:700px){
      .home{gap:10px;padding-block:10px}
      .hero-grid{gap:8px}
      .eyebrow{margin-bottom:6px;font-size:.64rem}
      .hero-title{font-size:2.75rem;line-height:.9}
      .hero-copy{font-size:.84rem;line-height:1.3}
      .signal-card{min-height:88px;padding:11px 13px}
      .signal-card strong{margin-top:12px;font-size:1.42rem}
      .signal-card:nth-child(3) strong{margin-top:10px}
      .signal-card p{margin-top:4px;font-size:.69rem;line-height:1.22}
    }

    @media (prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}
  
    /* LuminareSoft company refinements */
    .brand-logo{
      display:block;width:clamp(150px,18vw,215px);height:auto;
      background:transparent;border-radius:0;padding:0;
      box-shadow:none
    }
    .brand{display:flex;align-items:center}
    .hero-brandline{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
    .hero-title{max-width:900px}
    .hero-copy{max-width:470px}
    .service-note{margin-top:10px;color:var(--muted);font-size:.78rem}
    .contact-email{color:var(--teal);font-weight:850;overflow-wrap:anywhere}
    .mini-pill{display:inline-flex;align-items:center;border:1px solid var(--line);border-radius:999px;padding:6px 10px;font-size:.72rem;font-weight:850;color:var(--muted)}
    .contact-actions a.btn{cursor:pointer}
    @media (max-width:600px){
      .brand-logo{width:138px;padding:0}
      .site-header .nav-links{gap:3px 11px}
      .site-header .nav-link{font-size:.69rem!important}
    }


/* Multi-page SEO/maintainability additions */
.site-header .brand{display:flex;align-items:center}
.site-header .brand-logo{display:block;width:clamp(150px,18vw,215px);height:auto;background:transparent;border-radius:0;padding:0;box-shadow:none}
.nav-link{text-decoration:none}
.project{text-decoration:none;color:inherit}
.project:focus-visible{outline:3px solid var(--amber);outline-offset:4px}
.project .project-plus{pointer-events:none}
.section-tail{display:flex;justify-content:flex-end;margin-top:24px}.section-tail .btn{width:auto}
.blog-actions{display:flex;gap:8px;align-items:flex-start;flex-wrap:wrap;justify-content:flex-end}
.blog-title-link{text-decoration:none}.blog-title-link:hover{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:5px}
.preview-button{min-height:36px;border-radius:999px;border:1px solid var(--line);background:transparent;padding:7px 12px;color:var(--muted);cursor:pointer;font-size:.75rem;font-weight:900}
.preview-button:hover{color:var(--ink);border-color:var(--teal)}
.page-shell{padding-block:clamp(48px,7vw,84px) 60px}
.page-hero{display:grid;grid-template-columns:minmax(0,1.16fr) minmax(260px,.72fr);gap:clamp(34px,7vw,88px);align-items:end;padding-bottom:36px;border-bottom:1px solid var(--line)}
.page-hero h1{margin:0;font-size:clamp(2.75rem,6.2vw,6.1rem);line-height:.9;letter-spacing:-.085em;text-wrap:balance}
.page-hero .lead{margin:0;color:var(--muted);font-size:clamp(1rem,1.6vw,1.17rem);line-height:1.6;max-width:500px}
.page-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin-top:34px}
.info-card{border:1px solid var(--line);border-radius:20px;padding:26px;background:color-mix(in srgb,var(--surface) 75%,transparent)}
.info-card h2,.info-card h3{margin:0 0 12px;font-size:1rem;letter-spacing:.08em;text-transform:uppercase;color:var(--blue)}
.info-card p{margin:0;color:var(--muted);line-height:1.7}
.info-card ul{margin:0;padding-left:20px;color:var(--muted)}.info-card li+li{margin-top:9px}
.full-span{grid-column:1/-1}.capability-row{display:flex;flex-wrap:wrap;gap:8px}.capability-row span{font-size:.78rem;border:1px solid var(--line);border-radius:999px;padding:7px 10px;color:var(--muted)}
.related-links{display:flex;flex-wrap:wrap;gap:10px}.related-links a{border:1px solid var(--line);border-radius:999px;padding:9px 13px;color:var(--muted);font-weight:800;font-size:.82rem}.related-links a:hover{border-color:var(--teal);color:var(--ink)}
.page-cta{display:grid;grid-template-columns:1fr auto;gap:20px;align-items:center;margin-top:34px;padding:28px;border:1px solid var(--line);border-radius:20px;background:linear-gradient(145deg,var(--sky),color-mix(in srgb,var(--mint) 70%,var(--surface)))}
.page-cta h2{margin:0;font-size:clamp(1.6rem,3vw,2.6rem);letter-spacing:-.055em}.page-cta p{margin:7px 0 0;color:var(--muted)}
.article-wrap{width:min(850px,100%);margin-top:34px}.article-section{border-top:1px solid var(--line);padding-top:28px;margin-top:30px}.article-section h2{margin:0 0 14px;font-size:clamp(1.35rem,2.4vw,2rem);letter-spacing:-.04em}.article-section p{margin:0;color:var(--muted);font-size:1rem;line-height:1.75}.article-section p+p{margin-top:15px}.article-section ul{color:var(--muted);padding-left:20px;line-height:1.65}.article-section li+li{margin-top:7px}
.article-tools{display:flex;flex-wrap:wrap;gap:9px;margin-top:24px}.article-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}.article-tags span{border:1px solid var(--line);border-radius:999px;padding:6px 10px;color:var(--muted);font-size:.76rem;font-weight:800}
.index-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:30px}.index-card{display:block;border:1px solid var(--line);border-radius:20px;padding:24px;background:color-mix(in srgb,var(--surface) 72%,transparent);transition:transform .18s,border-color .18s,background .18s}.index-card:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--teal) 60%,var(--line));background:color-mix(in srgb,var(--surface) 92%,transparent)}.index-card .kicker{font-size:.7rem;text-transform:uppercase;letter-spacing:.12em;color:var(--teal);font-weight:900}.index-card h2{margin:12px 0 8px;font-size:clamp(1.25rem,2.5vw,1.75rem);letter-spacing:-.04em}.index-card p{margin:0;color:var(--muted);line-height:1.55}.index-card .link-hint{display:inline-block;margin-top:18px;color:var(--blue);font-size:.8rem;font-weight:900}
.site-footer{border-top:1px solid var(--line);padding:24px 0 34px;color:var(--muted);font-size:.78rem}.footer-inner{display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap}.footer-links{display:flex;gap:15px;flex-wrap:wrap}.footer-links a:hover{color:var(--ink)}
.footer-office{text-align:right}.footer-office h3{margin:0 0 6px;font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;color:var(--blue);font-weight:900}.footer-office address{margin:0;font-style:normal;color:var(--muted);line-height:1.55}
.footer-left{align-self:flex-start}.footer-social{display:flex;align-items:center;justify-content:flex-end;gap:12px;margin-top:14px}.social-link{display:inline-flex;align-items:center;justify-content:center;color:var(--muted);transition:color .18s ease,transform .18s ease}.social-link:hover{color:var(--ink);transform:translateY(-1px)}.social-link svg{width:17px;height:17px;fill:currentColor;display:block}
@media (max-width:600px){.footer-office{text-align:left}.footer-social{justify-content:flex-start}}
.not-found{min-height:calc(100svh - 79px);display:grid;place-items:center;padding-block:50px}.not-found-inner{max-width:700px;text-align:center}.not-found h1{font-size:clamp(3rem,9vw,7rem);letter-spacing:-.09em;line-height:.9;margin:0}.not-found p{color:var(--muted);font-size:1.05rem;line-height:1.6}.not-found-actions{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin-top:22px}
@media (max-width:760px){
  .site-header .brand-logo{width:138px;padding:0}
  .page-hero,.page-grid{grid-template-columns:1fr}.page-hero{gap:20px}.page-grid{gap:16px}.full-span{grid-column:auto}.page-cta{grid-template-columns:1fr}.page-cta .btn{width:100%}.index-grid{grid-template-columns:1fr}.blog-post-header{grid-template-columns:1fr}.blog-actions{justify-content:flex-start}.section-tail{justify-content:stretch}.section-tail .btn{width:100%}
}

@media (max-width:360px){
  .site-header .nav{column-gap:8px}
  .site-header .nav-links{gap:3px 6px}
  .site-header .lang-switch{padding-left:8px}
  .lang-current .lang-globe{display:none}
}

.copy-helper{position:fixed;left:-9999px;top:0;opacity:0;pointer-events:none;width:1px;height:1px}

/* Two equal panels: service cards, followed by one uninterrupted client panel. */
.home-panels{display:grid;grid-template-rows:repeat(2,1fr);gap:24px;margin-top:36px}
.home-panels>.signal-grid{margin-top:0}
.trusted-by{display:flex;flex-direction:column;justify-content:center;gap:18px;min-width:0;padding:24px 32px;border:1px solid #fff;border-radius:18px;background:#fff;color:#172d49;box-shadow:var(--shadow)}
.trusted-by h2{margin:0;text-align:center;font-size:1.2rem;line-height:1.3;font-weight:750;letter-spacing:-.025em}
.trusted-logos{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:center;gap:clamp(24px,4vw,56px);flex:1;margin:0;padding:0;list-style:none;direction:ltr}
.trusted-logos li{display:flex;align-items:center;justify-content:center;min-width:0}
.trusted-logo{display:block;max-width:100%;height:auto;object-fit:contain}
.trusted-logo-mac{width:280px}
.trusted-logo-nuenergy{width:230px;filter:brightness(0)}
.trusted-logo-sds{width:132px}
@media (min-width:601px){.home-panels{margin-top:0}}
@media (min-width:601px) and (max-width:960px){.trusted-by{border-radius:16px}}
@media (min-width:961px) and (max-height:760px){
  .trusted-by{padding-block:16px;gap:12px}
  .trusted-by h2{font-size:1.05rem}
  .trusted-logo-sds{width:112px}
}
@media (max-width:600px){
  .home-panels{gap:20px}
  .trusted-by{padding:28px 26px;gap:24px}
  .trusted-logos{grid-template-columns:1fr;grid-template-rows:repeat(3,1fr);gap:28px}
  .trusted-logo-mac{width:280px}
  .trusted-logo-nuenergy{width:230px}
  .trusted-logo-sds{width:145px}
}

/* A quiet accent for our community initiative. */
.site-header .nav-link.nav-good{gap:7px;color:var(--teal)}
.nav-good svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}
@media (max-width:760px){
  .site-header .nav{grid-template-columns:minmax(0,1fr) auto;gap:8px 10px;padding-block:10px 8px}
  .site-header .brand{grid-column:1 / -1;grid-row:1}
  .site-header .nav-links{grid-column:1;grid-row:2;justify-content:flex-start;flex-wrap:wrap}
  .site-header .lang-switch{grid-column:2;grid-row:2;padding-left:10px;align-self:end}
  .site-header .nav-link.nav-good{gap:5px}
  .nav-good svg{width:13px;height:13px}
}
@media (max-width:360px){
  .site-header .nav{column-gap:8px}
  .site-header .lang-switch{padding-left:8px}
}

/* For the Good: a founder's note, with room for the cause. */
.good-page{padding-bottom:72px}
.good-hero{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(280px,.85fr);gap:48px;align-items:center;padding-block:80px 72px}
.good-hero h1{margin:0;font-size:clamp(3.1rem,6.6vw,6rem);font-weight:850;line-height:.98;letter-spacing:-.075em}
.good-hero h1 span{color:var(--teal)}
.good-lead{max-width:490px;margin:24px 0 28px;color:var(--muted);font-size:1.08rem;line-height:1.7}
.good-request{gap:16px;padding:13px 20px;font-weight:750}
.good-request svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex:0 0 auto}
.good-small{margin:14px 0 0;color:var(--muted);font-size:.78rem;line-height:1.6}
.good-orbit{position:relative;aspect-ratio:1;width:100%;max-width:410px;justify-self:end;display:grid;place-items:center;background:radial-gradient(circle,rgba(86,226,208,.10),transparent 66%)}
.good-orbit-ring{position:absolute;inset:7%;border:1px solid color-mix(in srgb,var(--teal) 28%,transparent);border-radius:50%}
.good-orbit-ring-inner{inset:19%;border-color:color-mix(in srgb,var(--line) 65%,transparent)}
.good-orbit-dot{position:absolute;right:17%;top:18%;width:9px;height:9px;border-radius:50%;background:var(--teal);box-shadow:0 0 0 7px rgba(86,226,208,.08),0 0 24px rgba(86,226,208,.3)}
.good-orbit-label{position:absolute;z-index:1;border:1px solid var(--line);border-radius:999px;padding:8px 15px;background:var(--bg);color:var(--muted);font-size:.76rem;font-weight:650}
.good-orbit-label-one{top:14%;left:2%}.good-orbit-label-two{bottom:20%;right:0;color:var(--teal);border-color:color-mix(in srgb,var(--teal) 32%,var(--line))}
.good-orbit-core{display:grid;justify-items:center;gap:20px;text-align:center;color:var(--ink);font-size:.9rem;font-weight:650}
.good-orbit-core svg{width:68px;height:68px;fill:rgba(86,226,208,.08);stroke:var(--teal);stroke-width:1.2;stroke-linecap:round;stroke-linejoin:round}
.good-letter{display:grid;grid-template-columns:minmax(190px,.42fr) minmax(0,1fr);gap:70px;border-block:1px solid var(--line);padding-block:48px}
.good-section-label h2{font-size:1rem;font-weight:650;line-height:1.5;margin:12px 0 0;max-width:200px}
.good-section-no{font-size:.7rem;letter-spacing:.12em;color:var(--teal)}
.good-letter-body>p{margin:0 0 20px;color:var(--muted);font-size:1rem;line-height:1.85}
.good-promise{display:flex;gap:18px;padding:26px 28px;margin:30px 0;border:1px solid color-mix(in srgb,var(--teal) 23%,var(--line));border-radius:16px;background:linear-gradient(120deg,color-mix(in srgb,var(--mint) 48%,var(--surface)),var(--surface))}
.good-promise>svg{width:24px;height:24px;margin-top:4px;flex:0 0 auto;fill:none;stroke:var(--teal);stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.good-promise h3{margin:0 0 9px;color:var(--teal);font-size:1.3rem;font-weight:700;letter-spacing:-.035em}
.good-promise p{margin:0;color:var(--ink);font-size:.94rem;line-height:1.75}
.good-letter-body .good-capacity{font-size:.88rem}
.good-letter-body .good-signature{display:flex;align-items:center;gap:13px;margin:26px 0 0;font-size:.86rem;font-weight:600;color:var(--ink)}
.good-signature-line{width:30px;height:1px;background:var(--teal);flex:0 0 auto}
.good-section{padding-block:64px}
.good-section-head{display:flex;justify-content:space-between;align-items:end;gap:50px;margin-bottom:30px}
.good-section-head .eyebrow{margin-bottom:14px}
.good-section-head h2{max-width:530px;margin:0;font-size:clamp(2rem,3.6vw,3.1rem);line-height:1.07;letter-spacing:-.065em}
.good-section-head>p{max-width:300px;margin:0;color:var(--muted);font-size:.94rem;line-height:1.7}
.good-causes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.good-cause{position:relative;padding:28px;border:1px solid var(--line);border-radius:18px;background:color-mix(in srgb,var(--surface) 60%,transparent)}
.good-cause-no{position:absolute;top:28px;inset-inline-end:28px;color:var(--muted);font-size:.7rem;letter-spacing:.1em;opacity:.7}
.good-cause>svg{display:block;width:30px;height:30px;margin-bottom:24px;fill:none;stroke:var(--teal);stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.good-cause:nth-child(even)>svg{stroke:var(--blue)}
.good-cause h3{max-width:420px;margin:0;font-size:1.14rem;line-height:1.4;font-weight:650;letter-spacing:-.025em}
.good-cause p{margin:12px 0 0;color:var(--muted);font-size:.86rem;line-height:1.65;max-width:410px}
.good-cta{position:relative;margin-top:0;padding:52px 28px;text-align:center;border:1px solid color-mix(in srgb,var(--teal) 30%,var(--line));border-radius:24px;background:radial-gradient(ellipse at 50% 100%,rgba(86,226,208,.11),transparent 70%),var(--surface);scroll-margin-top:170px}
.good-cta .eyebrow{justify-content:center}
.good-cta h2{max-width:650px;margin:0 auto;font-size:clamp(2.2rem,4.5vw,4rem);line-height:1.02;letter-spacing:-.065em}
.good-cta-copy{max-width:530px;margin:22px auto 26px;color:var(--muted);font-size:1rem;line-height:1.7}
.good-cta .good-small{font-size:.74rem}
[dir="rtl"] .good-page h1,[dir="rtl"] .good-page h2,[dir="rtl"] .good-page h3{letter-spacing:0;line-height:1.4}
[dir="rtl"] .good-orbit{direction:rtl}
@media (max-width:960px){
  .good-hero{gap:28px;padding-block:60px}
  .good-hero h1{font-size:clamp(3rem,6.2vw,4.8rem)}
  .good-letter{gap:32px;grid-template-columns:180px minmax(0,1fr)}
}
@media (max-width:760px){
  .good-page{padding-bottom:42px}
  .good-hero{grid-template-columns:1fr;padding-block:44px 36px;gap:16px}
  .good-hero h1{font-size:clamp(2.8rem,10vw,4.3rem)}
  .good-lead{font-size:1rem;margin-block:20px 24px}
  .good-orbit{max-width:290px;justify-self:center}
  .good-orbit-core svg{width:52px;height:52px}
  .good-orbit-label{padding:6px 11px;font-size:.7rem}
  .good-orbit-core{font-size:.8rem;gap:14px}
  .good-letter{grid-template-columns:1fr;gap:24px;padding-block:32px}
  .good-section-label{display:flex;align-items:baseline;gap:14px}
  .good-section-label h2{max-width:none;margin:0}
  .good-letter-body>p{font-size:.94rem;line-height:1.8}
  .good-promise{padding:22px 18px;gap:12px}
  .good-promise h3{font-size:1.16rem}
  .good-promise p{font-size:.88rem}
  .good-section{padding-block:42px}
  .good-section-head{display:block;margin-bottom:24px}
  .good-section-head>p{max-width:none;margin-top:18px}
  .good-causes{grid-template-columns:1fr}
  .good-cause{padding:24px}
  .good-cta{padding:36px 20px;border-radius:20px}
  .good-request{width:auto;max-width:100%;font-size:.8rem}
  .good-cta .good-request{width:100%}
}

/* RTL (Arabic) baseline */
[dir="rtl"] .footer-office{text-align:left}
[dir="rtl"] .brand{text-align:right}
[dir="rtl"] .not-found-actions,[dir="rtl"] .contact-actions{direction:rtl}
@media (max-width:600px){[dir="rtl"] .footer-office{text-align:right}}