:root {
      --text-xs:   clamp(0.7rem,   0.65rem + 0.2vw,  0.8rem);
      --text-sm:   clamp(0.8rem,   0.75rem + 0.3vw,  0.9rem);
      --text-base: clamp(0.9rem,   0.85rem + 0.25vw, 1rem);
      --text-lg:   clamp(1rem,     0.9rem  + 0.6vw,  1.3rem);
      --text-xl:   clamp(1.3rem,   1rem    + 1vw,    1.9rem);
      --text-2xl:  clamp(1.6rem,   1rem    + 2vw,    2.8rem);
      --text-3xl:  clamp(2rem,     0.8rem  + 3.2vw,  4rem);
      --text-hero: clamp(2.2rem,   0.5rem  + 5vw,    5rem);
      --space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;
      --space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;
      --space-16:4rem;--space-20:5rem;--space-24:6rem;--space-32:8rem;
      --radius-sm:.375rem;--radius-md:.5rem;--radius-lg:.75rem;--radius-xl:1rem;--radius-full:9999px;
      --transition:180ms cubic-bezier(0.16,1,0.3,1);
      --content-narrow:640px;--content-default:960px;--content-wide:1200px;
      --font-display:'General Sans','Helvetica Neue',sans-serif;
      --font-body:'General Sans','Helvetica Neue',sans-serif;
    }
    :root,[data-theme="dark"]{
      --color-bg:#141414;--color-surface:#1c1c1c;--color-surface-2:#222222;
      --color-surface-offset:#2a2a2a;--color-surface-dynamic:#333333;
      --color-divider:#2e2e2e;--color-border:#383838;
      --color-text:#f0eeeb;--color-text-muted:#9a9895;--color-text-faint:#5a5856;
      --color-text-inverse:#141414;
      --color-primary:#e8b84b;--color-primary-hover:#f0c96a;--color-primary-active:#c99832;
      --color-primary-highlight:#2e2618;
      --color-success:#5aaa6f;--color-error:#e05c5c;
      --shadow-sm:0 1px 2px oklch(0 0 0/.25);--shadow-md:0 4px 16px oklch(0 0 0/.4);
      --shadow-lg:0 12px 40px oklch(0 0 0/.55);
    }
    [data-theme="light"]{
      --color-bg:#f5f4f0;--color-surface:#fafaf8;--color-surface-2:#ffffff;
      --color-surface-offset:#edece8;--color-surface-dynamic:#e4e2dc;
      --color-divider:#dcdad4;--color-border:#d0cdc6;
      --color-text:#1a1917;--color-text-muted:#706e69;--color-text-faint:#b0aea8;
      --color-text-inverse:#fafaf8;
      --color-primary:#c07820;--color-primary-hover:#9e6018;--color-primary-active:#7d4a10;
      --color-primary-highlight:#f5e8d2;
      --shadow-sm:0 1px 2px oklch(0.2 0.01 80/.06);--shadow-md:0 4px 12px oklch(0.2 0.01 80/.09);
      --shadow-lg:0 12px 32px oklch(0.2 0.01 80/.14);
    }
    @media(prefers-color-scheme:light){:root:not([data-theme]){
      --color-bg:#f5f4f0;--color-surface:#fafaf8;--color-surface-2:#ffffff;
      --color-surface-offset:#edece8;--color-surface-dynamic:#e4e2dc;
      --color-divider:#dcdad4;--color-border:#d0cdc6;
      --color-text:#1a1917;--color-text-muted:#706e69;--color-text-faint:#b0aea8;
      --color-text-inverse:#fafaf8;--color-primary:#c07820;--color-primary-hover:#9e6018;
      --color-primary-active:#7d4a10;--color-primary-highlight:#f5e8d2;
      --shadow-sm:0 1px 2px oklch(0.2 0.01 80/.06);--shadow-md:0 4px 12px oklch(0.2 0.01 80/.09);
      --shadow-lg:0 12px 32px oklch(0.2 0.01 80/.14);
    }}
    *,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
    html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;
      text-rendering:optimizeLegibility;scroll-behavior:smooth;scroll-padding-top:var(--space-16)}
    body{min-height:100dvh;line-height:1.6;font-family:var(--font-body);
      font-size:var(--text-base);color:var(--color-text);background-color:var(--color-bg)}
    img,picture,video,canvas,svg{display:block;max-width:100%;height:auto}
    ul[role="list"],ol[role="list"]{list-style:none}
    input,button,textarea,select{font:inherit;color:inherit}
    h1,h2,h3,h4{text-wrap:balance;line-height:1.15;font-family:var(--font-display)}
    p,li{text-wrap:pretty}
    button{cursor:pointer;background:none;border:none}
    ::selection{background:oklch(from var(--color-primary) l c h/.2);color:var(--color-text)}
    :focus-visible{outline:2px solid var(--color-primary);outline-offset:3px;border-radius:var(--radius-sm)}
    @media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}}
    a,button,[role="button"],input,textarea,select{
      transition:color var(--transition),background var(--transition),border-color var(--transition),box-shadow var(--transition),opacity var(--transition)}
    .fade-in{opacity:1}
    @supports(animation-timeline:scroll()){
      .fade-in{opacity:0;animation:reveal-fade linear both;animation-timeline:view();animation-range:entry 0% entry 80%}
    }
    @keyframes reveal-fade{to{opacity:1}}
    .container{max-width:var(--content-default);margin-inline:auto;padding-inline:var(--space-6)}
    .container-wide{max-width:var(--content-wide);margin-inline:auto;padding-inline:var(--space-6)}
    section{padding-block:clamp(var(--space-16),8vw,var(--space-32))}
    .label{font-size:var(--text-xs);font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--color-primary)}
    .section-title{font-size:var(--text-2xl);font-weight:800;color:var(--color-text)}
    .section-sub{font-size:var(--text-base);color:var(--color-text-muted);max-width:56ch;margin-top:var(--space-4);line-height:1.7}
    .btn{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);
      border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:600;font-family:var(--font-body);
      text-decoration:none;transition:all var(--transition);white-space:nowrap}
    .btn-primary{background:var(--color-primary);color:var(--color-text-inverse)}
    .btn-primary:hover{background:var(--color-primary-hover);box-shadow:0 4px 20px oklch(from var(--color-primary) l c h/.35);transform:translateY(-1px)}
    .btn-primary:active{transform:translateY(0)}
    .btn-ghost{background:transparent;color:var(--color-text-muted);border:1px solid var(--color-border)}
    .btn-ghost:hover{color:var(--color-text);border-color:var(--color-text-muted)}
    .btn-sm{padding:var(--space-2) var(--space-4);font-size:var(--text-xs)}
    .nav{position:sticky;top:0;z-index:100;background:oklch(from var(--color-bg) l c h/.88);
      backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--color-divider)}
    .nav-inner{display:flex;align-items:center;justify-content:space-between;padding-block:var(--space-4)}
    .nav-logo{display:flex;align-items:center;gap:var(--space-3);text-decoration:none;color:var(--color-text)}
    .nav-logo-text{font-family:var(--font-display);font-size:var(--text-lg);font-weight:800}
    .nav-logo-text span{color:var(--color-primary)}
    .nav-links{display:flex;align-items:center;gap:var(--space-8);list-style:none}
    .nav-links a{font-size:var(--text-sm);font-weight:500;text-decoration:none;color:var(--color-text-muted);transition:color var(--transition)}
    .nav-links a:hover{color:var(--color-text)}
    .nav-actions{display:flex;align-items:center;gap:var(--space-3)}
    .theme-toggle{width:36px;height:36px;border-radius:var(--radius-md);display:flex;align-items:center;
      justify-content:center;color:var(--color-text-muted);background:var(--color-surface);border:1px solid var(--color-border)}
    .theme-toggle:hover{color:var(--color-text)}
    @media(max-width:768px){.nav-links{display:none}}
    .hero{min-height:90vh;display:flex;align-items:center;position:relative;overflow:hidden;
      padding-block:clamp(var(--space-20),10vw,var(--space-32))}
    .hero-bg{position:absolute;inset:0;pointer-events:none;overflow:hidden}
    .hero-bg-grid{position:absolute;inset:0;
      background-image:linear-gradient(oklch(from var(--color-border) l c h/.4) 1px,transparent 1px),
        linear-gradient(90deg,oklch(from var(--color-border) l c h/.4) 1px,transparent 1px);
      background-size:48px 48px;
      mask-image:radial-gradient(ellipse 80% 60% at 50% 50%,black 30%,transparent 80%)}
    .hero-glow{position:absolute;width:600px;height:600px;top:50%;left:50%;transform:translate(-50%,-50%);
      background:radial-gradient(ellipse,oklch(from var(--color-primary) l c h/.07) 0%,transparent 65%);border-radius:50%}
    .hero-content{position:relative;z-index:1;max-width:var(--content-default);margin-inline:auto}
    .hero-eyebrow{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-8)}
    .hero-badge{display:inline-flex;align-items:center;gap:var(--space-2);
      background:var(--color-primary-highlight);border:1px solid oklch(from var(--color-primary) l c h/.3);
      color:var(--color-primary);padding:var(--space-1) var(--space-3);
      border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:600;letter-spacing:.04em}
    .hero-badge-dot{width:6px;height:6px;border-radius:50%;background:var(--color-primary);animation:pulse-dot 2s ease-in-out infinite}
    @keyframes pulse-dot{0%,100%{opacity:1}50%{opacity:.4}}
    .hero-title{font-size:var(--text-hero);font-weight:900;line-height:1.05;letter-spacing:-.02em}
    .hero-title em{font-style:normal;color:var(--color-primary)}
    .hero-desc{font-size:var(--text-lg);color:var(--color-text-muted);max-width:52ch;line-height:1.7;margin-top:var(--space-6)}
    .hero-ctas{display:flex;flex-wrap:wrap;gap:var(--space-3);margin-top:var(--space-8)}
    .hero-stats{display:flex;flex-wrap:wrap;gap:var(--space-8);margin-top:var(--space-12);
      padding-top:var(--space-8);border-top:1px solid var(--color-divider)}
    .stat-value{font-family:var(--font-display);font-size:var(--text-xl);font-weight:800;color:var(--color-text)}
    .stat-label{font-size:var(--text-xs);color:var(--color-text-muted);margin-top:var(--space-1);letter-spacing:.04em}
    .waveform-visual{margin-top:var(--space-12);display:flex;align-items:center;gap:3px;height:48px;opacity:.6}
    .wave-bar{width:3px;border-radius:2px;background:var(--color-primary);animation:wave-anim 1.4s ease-in-out infinite}
    @keyframes wave-anim{0%,100%{transform:scaleY(.3)}50%{transform:scaleY(1)}}
    .card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);
      padding:var(--space-8);transition:box-shadow var(--transition),border-color var(--transition),transform var(--transition)}
    .card:hover{box-shadow:var(--shadow-md);border-color:var(--color-surface-dynamic)}
    .card-icon{width:40px;height:40px;margin-bottom:var(--space-5);color:var(--color-primary)}
    .card h3{font-size:var(--text-lg);font-weight:700;margin-bottom:var(--space-3)}
    .card p{font-size:var(--text-sm);color:var(--color-text-muted);line-height:1.7}
    .offerings-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(280px,100%),1fr));gap:var(--space-6);margin-top:var(--space-12)}
    .offering-card{background:var(--color-surface);border:1px solid var(--color-border);
      border-radius:var(--radius-xl);padding:var(--space-8);transition:box-shadow var(--transition),border-color var(--transition)}
    .offering-card:hover{box-shadow:var(--shadow-md);border-color:oklch(from var(--color-primary) l c h/.4)}
    .offering-card.featured{background:linear-gradient(135deg,var(--color-primary-highlight),var(--color-surface));
      border-color:oklch(from var(--color-primary) l c h/.4)}
    .offering-card.coming-soon{opacity:.55;position:relative;cursor:default}
    .offering-card.coming-soon:hover{box-shadow:none;border-color:var(--color-border)}
    .coming-soon-badge{display:inline-flex;align-items:center;gap:var(--space-2);
      background:var(--color-surface-dynamic);border:1px solid var(--color-border);
      color:var(--color-text-muted);padding:var(--space-1) var(--space-3);
      border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:600;
      letter-spacing:.06em;text-transform:uppercase;margin-bottom:var(--space-4)}
    .specs-layout{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-8);margin-top:var(--space-12)}
    @media(max-width:768px){.specs-layout{grid-template-columns:1fr}}
    .spec-block{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);overflow:hidden}
    .spec-block-header{padding:var(--space-6) var(--space-8);border-bottom:1px solid var(--color-divider);
      font-family:var(--font-display);font-weight:700;font-size:var(--text-lg)}
    .spec-list{list-style:none}
    .spec-list li{display:flex;align-items:center;justify-content:space-between;
      padding:var(--space-4) var(--space-8);border-bottom:1px solid var(--color-divider);font-size:var(--text-sm)}
    .spec-list li:last-child{border-bottom:none}
    .spec-key{color:var(--color-text-muted)}
    .spec-val{font-weight:600;color:var(--color-text);font-variant-numeric:tabular-nums}
    .spec-val.accent{color:var(--color-primary)}
    .licensing-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-6);margin-top:var(--space-12)}
    @media(max-width:640px){.licensing-grid{grid-template-columns:1fr}}
    .license-card{background:var(--color-surface);border:1px solid var(--color-border);
      border-radius:var(--radius-xl);padding:var(--space-8);position:relative;overflow:hidden}
    .license-card.featured{border-color:oklch(from var(--color-primary) l c h/.5);
      background:linear-gradient(135deg,var(--color-primary-highlight) 0%,var(--color-surface) 60%)}
    .license-badge{display:inline-block;background:var(--color-primary);color:var(--color-text-inverse);
      padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);
      font-size:var(--text-xs);font-weight:700;letter-spacing:.05em;text-transform:uppercase;margin-bottom:var(--space-4)}
    .license-title{font-family:var(--font-display);font-size:var(--text-xl);font-weight:800;margin-bottom:var(--space-3)}
    .license-desc{font-size:var(--text-sm);color:var(--color-text-muted);line-height:1.7;margin-bottom:var(--space-6)}
    .license-features{list-style:none;display:flex;flex-direction:column;gap:var(--space-3)}
    .license-features li{display:flex;align-items:flex-start;gap:var(--space-3);font-size:var(--text-sm);color:var(--color-text-muted)}
    .check-icon{flex-shrink:0;width:18px;height:18px;margin-top:1px;color:var(--color-primary)}
    .custom-build{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);overflow:hidden}
    .custom-build-inner{display:grid;grid-template-columns:1fr 1fr}
    @media(max-width:768px){.custom-build-inner{grid-template-columns:1fr}}
    .custom-build-text{padding:clamp(var(--space-8),5vw,var(--space-16))}
    .custom-build-text h2{font-size:var(--text-2xl);font-weight:800;margin-top:var(--space-4);margin-bottom:var(--space-4)}
    .custom-build-text p{color:var(--color-text-muted);line-height:1.7;margin-bottom:var(--space-6);font-size:var(--text-base)}
    .custom-build-steps{padding:clamp(var(--space-8),5vw,var(--space-16));background:var(--color-surface-2);border-left:1px solid var(--color-divider)}
    @media(max-width:768px){.custom-build-steps{border-left:none;border-top:1px solid var(--color-divider)}}
    .custom-build-steps h3{font-size:var(--text-lg);font-weight:700;margin-bottom:var(--space-6)}
    .step-list{list-style:none;display:flex;flex-direction:column;gap:var(--space-5)}
    .step-item{display:flex;align-items:flex-start;gap:var(--space-4)}
    .step-num{width:28px;height:28px;border-radius:50%;flex-shrink:0;
      background:var(--color-primary-highlight);border:1px solid oklch(from var(--color-primary) l c h/.3);
      display:flex;align-items:center;justify-content:center;
      font-size:var(--text-xs);font-weight:700;color:var(--color-primary)}
    .step-text{font-size:var(--text-sm);color:var(--color-text-muted);line-height:1.6;padding-top:var(--space-1)}
    .step-text strong{color:var(--color-text)}
    .consent-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-8);margin-top:var(--space-12);align-items:start}
    @media(max-width:768px){.consent-grid{grid-template-columns:1fr}}
    .consent-visual{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-8)}
    .consent-chain{display:flex;flex-direction:column;gap:0}
    .consent-node{display:flex;gap:var(--space-4);align-items:flex-start;padding:var(--space-4) 0;position:relative}
    .consent-node:not(:last-child)::after{content:'';position:absolute;left:15px;top:44px;bottom:0;width:2px;background:var(--color-divider)}
    .consent-icon-wrap{width:32px;height:32px;border-radius:50%;flex-shrink:0;
      background:var(--color-primary-highlight);border:1px solid oklch(from var(--color-primary) l c h/.3);
      display:flex;align-items:center;justify-content:center;color:var(--color-primary)}
    .consent-node-text strong{font-size:var(--text-sm);color:var(--color-text);display:block;margin-bottom:2px}
    .consent-node-text span{font-size:var(--text-xs);color:var(--color-text-muted);line-height:1.6}
    .consent-points{list-style:none;display:flex;flex-direction:column;gap:var(--space-5)}
    .consent-points li{display:flex;gap:var(--space-4);align-items:flex-start}
    .consent-points li .label{flex-shrink:0;margin-top:var(--space-1)}
    .consent-point-body strong{display:block;font-size:var(--text-sm);color:var(--color-text);margin-bottom:2px}
    .consent-point-body span{font-size:var(--text-sm);color:var(--color-text-muted);line-height:1.6}
    .form-section{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);overflow:hidden}
    .form-inner{display:grid;grid-template-columns:1fr 1fr}
    @media(max-width:768px){.form-inner{grid-template-columns:1fr}}
    .form-info{padding:clamp(var(--space-8),5vw,var(--space-16))}
    .form-info h2{font-size:var(--text-2xl);font-weight:800;margin-top:var(--space-4);margin-bottom:var(--space-4)}
    .form-info p{color:var(--color-text-muted);line-height:1.7;margin-bottom:var(--space-8);font-size:var(--text-base)}
    .form-guarantees{list-style:none;display:flex;flex-direction:column;gap:var(--space-3)}
    .form-guarantees li{display:flex;align-items:center;gap:var(--space-3);font-size:var(--text-sm);color:var(--color-text-muted)}
    .form-panel{padding:clamp(var(--space-8),5vw,var(--space-16));background:var(--color-surface-2);border-left:1px solid var(--color-divider)}
    @media(max-width:768px){.form-panel{border-left:none;border-top:1px solid var(--color-divider)}}
    .form-panel h3{font-size:var(--text-lg);font-weight:700;margin-bottom:var(--space-6)}
    .form{display:flex;flex-direction:column;gap:var(--space-4)}
    .form-group{display:flex;flex-direction:column;gap:var(--space-2)}
    .form-group label{font-size:var(--text-xs);font-weight:600;color:var(--color-text-muted);letter-spacing:.06em;text-transform:uppercase}
    .form-group input,.form-group select,.form-group textarea{
      background:var(--color-surface);border:1px solid var(--color-border);
      border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);
      font-size:var(--text-sm);color:var(--color-text);
      transition:border-color var(--transition),box-shadow var(--transition);width:100%}
    .form-group input::placeholder,.form-group textarea::placeholder{color:var(--color-text-faint)}
    .form-group input:focus,.form-group select:focus,.form-group textarea:focus{
      outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px oklch(from var(--color-primary) l c h/.15)}
    .form-group textarea{resize:vertical;min-height:80px}
    .form-group select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%239a9895' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:36px}
    .form-submit-wrap{margin-top:var(--space-2)}
    .form-note{font-size:var(--text-xs);color:var(--color-text-faint);margin-top:var(--space-3);line-height:1.6}
    @keyframes tick-draw{0%{stroke-dashoffset:100}100%{stroke-dashoffset:0}}
@keyframes circle-pop{0%{transform:scale(0);opacity:0}60%{transform:scale(1.15)}100%{transform:scale(1);opacity:1}}
@keyframes fade-up{0%{opacity:0;transform:translateY(10px)}100%{opacity:1;transform:translateY(0)}}
.tick-wrap{display:flex;justify-content:center;margin-bottom:var(--space-4)}
.tick-circle{animation:circle-pop .5s cubic-bezier(.34,1.56,.64,1) forwards}
.tick-path{stroke-dasharray:100;stroke-dashoffset:100;animation:tick-draw .4s ease forwards .4s}
.success-text{animation:fade-up .4s ease forwards .6s;opacity:0}
.form-success{display:none;background:oklch(from var(--color-success) l c h/.1);
      border:1px solid oklch(from var(--color-success) l c h/.3);border-radius:var(--radius-md);
      padding:var(--space-4) var(--space-5);font-size:var(--text-sm);color:var(--color-success);text-align:center}
    footer{border-top:1px solid var(--color-divider);padding-block:var(--space-12);background:var(--color-surface)}
    .footer-inner{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-6)}
    .footer-tagline{font-size:var(--text-xs);color:var(--color-text-faint);margin-top:var(--space-2)}
    .footer-links{display:flex;flex-wrap:wrap;gap:var(--space-6);align-items:center}
    .footer-links a{font-size:var(--text-sm);color:var(--color-text-muted);text-decoration:none;transition:color var(--transition)}
    .footer-links a:hover{color:var(--color-text)}
    .footer-contact{font-size:var(--text-sm);color:var(--color-text-muted)}
    .footer-contact a{color:var(--color-primary);text-decoration:none}
    .footer-contact a:hover{text-decoration:underline}
    .section-divider{height:1px;background:var(--color-divider);margin:0}
    .lang-banner{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap;
      background:var(--color-primary-highlight);border:1px solid oklch(from var(--color-primary) l c h/.3);
      border-radius:var(--radius-lg);padding:var(--space-4) var(--space-6);margin-top:var(--space-10);font-size:var(--text-sm)}
    .lang-banner strong{color:var(--color-primary)}
    .lang-tag{background:oklch(from var(--color-primary) l c h/.15);border:1px solid oklch(from var(--color-primary) l c h/.25);
      color:var(--color-primary);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:600}
    .skip-link{position:absolute;top:-100%;left:var(--space-4);background:var(--color-primary);
      color:var(--color-text-inverse);padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);
      font-size:var(--text-sm);text-decoration:none;z-index:9999}
    .skip-link:focus{top:var(--space-4)}



    /* ─── LAPTOP 1024px ─── */
    @media(min-width:1024px){
      .nav-links { gap: var(--space-8); }
      .offerings-grid { grid-template-columns: repeat(3, 1fr); }
      .use-cases-grid { grid-template-columns: repeat(2, 1fr); }
      .specs-grid { grid-template-columns: repeat(2, 1fr); }
      .licensing-grid { grid-template-columns: repeat(2, 1fr); }
      .hero-stats { grid-template-columns: repeat(4, 1fr); }
      .section-title { letter-spacing: -0.02em; }
      .container { padding-inline: var(--space-12); }
    }
    @media(min-width:1440px){
      .container { max-width: 1280px; padding-inline: var(--space-16); }
      .offerings-grid { grid-template-columns: repeat(3, 1fr); }
      .hero-stats { grid-template-columns: repeat(4, 1fr); }
    }
    @media(min-width:1920px){
      :root { --text-base: clamp(1rem, 0.9vw, 1.1rem); }
      .container { max-width: 1400px; }
    }

    /* ─── USE CASES ─── */
    .use-cases-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: var(--space-5); margin-top: var(--space-10); }
    @media(max-width:768px){ .use-cases-grid { grid-template-columns: 1fr; } }
    .use-case-card { background: var(--color-surface); border: 1px solid var(--color-border); border-radius: var(--radius-xl); padding: var(--space-8); display: flex; flex-direction: column; gap: var(--space-4); transition: box-shadow var(--transition); }
    .use-case-card:hover { box-shadow: var(--shadow-md); }
    .coming-soon-card { opacity: 0.65; }
    .use-case-header { display: flex; align-items: flex-start; gap: var(--space-4); }
    .use-case-icon { width: 28px; height: 28px; color: var(--color-primary); flex-shrink: 0; margin-top: 2px; }
    .coming-soon-card .use-case-icon { color: var(--color-text-muted); }
    .use-case-title { font-family: var(--font-display); font-size: var(--text-lg); font-weight: 700; margin-bottom: var(--space-1); }
    .use-case-badge { display: inline-block; font-size: var(--text-xs); font-weight: 700; padding: 2px var(--space-3); border-radius: var(--radius-full); letter-spacing: 0.04em; text-transform: uppercase; }
    .supported { background: oklch(from var(--color-primary) l c h / 0.12); color: var(--color-primary); }
    .coming-soon-badge { background: var(--color-surface-offset); color: var(--color-text-muted); border: 1px solid var(--color-border); }
    .use-case-desc { font-size: var(--text-sm); color: var(--color-text-muted); line-height: 1.75; }
    .use-case-list { list-style: none; display: flex; flex-direction: column; gap: var(--space-2); margin-top: var(--space-2); }
    .use-case-list li { font-size: var(--text-xs); color: var(--color-text-muted); padding-left: var(--space-5); position: relative; }
    .use-case-list li::before { content: ''; position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 6px; height: 6px; border-radius: 50%; background: var(--color-primary); opacity: 0.6; }
    .coming-soon-card .use-case-list li::before { background: var(--color-text-muted); }

    /* ─── FOUNDER ─── */
    .founder-section { background: var(--color-surface); border: 1px solid var(--color-border); border-radius: var(--radius-xl); overflow: hidden; }
    .founder-inner { display: grid; grid-template-columns: auto 1fr; gap: 0; align-items: stretch; }
    @media(max-width:640px){ .founder-inner { grid-template-columns: 1fr; } }
    .founder-avatar-col { padding: clamp(var(--space-8),5vw,var(--space-12)); display: flex; align-items: center; justify-content: center; background: var(--color-surface-2); border-right: 1px solid var(--color-divider); }
    @media(max-width:640px){ .founder-avatar-col { border-right: none; border-bottom: 1px solid var(--color-divider); padding: var(--space-8) var(--space-8) var(--space-6); } }
    .founder-avatar {
      width: 96px; height: 96px; border-radius: 50%;
      background: var(--color-primary-highlight);
      border: 2px solid oklch(from var(--color-primary) l c h / 0.4);
      display: flex; align-items: center; justify-content: center; flex-shrink: 0;
    }
    .founder-body { padding: clamp(var(--space-8),5vw,var(--space-12)); }
    .founder-name { font-family: var(--font-display); font-size: var(--text-xl); font-weight: 800; margin-bottom: var(--space-1); }
    .founder-title { font-size: var(--text-sm); color: var(--color-primary); font-weight: 600; margin-bottom: var(--space-5); }
    .founder-bio { font-size: var(--text-sm); color: var(--color-text-muted); line-height: 1.8; max-width: 58ch; margin-bottom: var(--space-6); }
    .founder-links { display: flex; flex-wrap: wrap; gap: var(--space-3); }
    .founder-link {
      display: inline-flex; align-items: center; gap: var(--space-2);
      padding: var(--space-2) var(--space-4); border-radius: var(--radius-md);
      font-size: var(--text-xs); font-weight: 600; text-decoration: none;
      background: var(--color-surface-offset); border: 1px solid var(--color-border);
      color: var(--color-text-muted); transition: all var(--transition);
    }
    .founder-link:hover { color: var(--color-text); border-color: var(--color-text-muted); background: var(--color-surface-dynamic); }
    .founder-link.linkedin:hover { color: #0a66c2; border-color: #0a66c2; }
  
    /* ─── DC LINKEDIN CARD ─── */
    .dc-linkedin-row { margin-top: var(--space-5); }
    .dc-linkedin-card {
      display: inline-flex; align-items: center; gap: var(--space-4);
      padding: var(--space-3) var(--space-5); border-radius: var(--radius-lg);
      text-decoration: none; background: var(--color-surface-offset);
      border: 1px solid var(--color-border); color: var(--color-text);
      transition: all var(--transition); max-width: 340px; width: 100%;
    }
    .dc-linkedin-card:hover {
      border-color: #0a66c2; box-shadow: 0 4px 16px oklch(0.4 0.15 240 / 0.18);
      transform: translateY(-1px);
    }
    .dc-linkedin-logo {
      width: 44px; height: 44px; border-radius: var(--radius-md);
      object-fit: cover; flex-shrink: 0; border: 1px solid var(--color-border);
    }
    .dc-linkedin-info { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
    .dc-linkedin-name { font-size: var(--text-sm); font-weight: 700; color: var(--color-text); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
    .dc-linkedin-meta { font-size: var(--text-xs); color: var(--color-text-muted); }
    .dc-linkedin-follow {
      margin-left: auto; flex-shrink: 0;
      display: inline-flex; align-items: center; gap: var(--space-1);
      padding: var(--space-1) var(--space-3); border-radius: var(--radius-full);
      font-size: var(--text-xs); font-weight: 700;
      background: #0a66c2; color: #fff; letter-spacing: 0.02em;
    }
  
@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}
.btn-spinner{display:inline-block;width:16px;height:16px;border:2px solid rgba(255,255,255,0.4);border-top-color:#fff;border-radius:50%;animation:spin .7s linear infinite;vertical-align:middle;margin-right:8px}