/* ==========================================================================
       BuildableX single-file landing page
       Sections: base tokens, shared components, modals, desktop layout,
       responsive/mobile layout, and reduced-motion preferences.
       ========================================================================== */
    @font-face{
      font-family:'Sora';
      src:url(https://raw.githubusercontent.com/google/fonts/main/ofl/sora/Sora%5Bwght%5D.ttf) format('truetype-variations');
      font-weight:100 900;font-style:normal;font-display:swap;
    }

    :root{
      --ink:#ffffff;--sub:#a2a9b8;--nav:#fbfdff;--foot:#f4f8fd;
      --hair:rgba(196,214,232,.72);--chev:rgba(214,232,250,.90);
      --navdim:#e8ecf0;--feat:#e2ebf5;
      --veil:6,10,18;
      --cover:max(calc(100vw / 1536), calc(100vh / 1024));
      --fit:calc(100vh / 910);
      --u:min(var(--cover), var(--fit));
      --blur:calc(var(--u)*26);
      --glow:calc(var(--u)*34);
      --hairline:max(1px, calc(var(--u)*1.6));
    }
    @supports (height:100dvh){
      :root{--cover:max(calc(100vw / 1536), calc(100dvh / 1024));--fit:calc(100dvh / 910);}
    }

    *{box-sizing:border-box}
    html,body{height:100%;margin:0;background:#02060f;overflow:hidden}
    body{font-family:'Sora',system-ui,-apple-system,'Segoe UI',sans-serif;color:var(--ink);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:geometricPrecision}
    a{color:inherit;text-decoration:none}
    button{font:inherit}
    ul{margin:0;padding:0}
    li{list-style:none}
    a:focus-visible,label:focus-visible,button:focus-visible{outline:2px solid #9fe0ff;outline-offset:3px;border-radius:4px}

    .art{position:fixed;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 50%;z-index:0;user-select:none;-webkit-user-drag:none;pointer-events:none;background:#03060c}
    .veil{position:fixed;inset:0;z-index:0;pointer-events:none;background:radial-gradient(120% 48% at 50% 47%,rgba(var(--veil),.42) 0%,rgba(var(--veil),.24) 48%,rgba(var(--veil),.04) 100%),radial-gradient(140% 60% at 50% 40%,rgba(var(--veil),.28) 0%,rgba(var(--veil),.14) 50%,rgba(var(--veil),.04) 100%),linear-gradient(180deg,rgba(var(--veil),.08) 0%,rgba(var(--veil),.16) 45%,rgba(var(--veil),.24) 100%)}
    .bar,.hero,.foot{position:fixed;z-index:1}
    .bar{z-index:5}

    .brand-logo{display:block;background:url(assets/images/buildablex-logo.png) center/100% auto no-repeat}
    .menu button{font:inherit;color:inherit;background:none;border:0;padding:0;margin:0;cursor:pointer;-webkit-appearance:none;appearance:none}
    .caret,.navarrow{fill:none;stroke:var(--nav);stroke-linecap:round;stroke-linejoin:round}
    .navarrow{stroke-linecap:square;stroke-linejoin:miter}
    .pill{border:var(--hairline) solid var(--hair);border-radius:999px}
    .chev{fill:none;stroke:var(--chev);stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}
    .cta{border-radius:999px;background:linear-gradient(180deg,rgba(6,12,22,0) 45%,rgba(6,12,22,.12) 78%,rgba(6,12,22,.28) 100%),linear-gradient(90deg,rgba(255,226,178,.17) 0%,rgba(255,236,208,.07) 22%,rgba(176,206,238,.03) 55%,rgba(150,196,244,.09) 100%),linear-gradient(90deg,rgba(255,255,255,.24) 0%,rgba(255,255,255,.17) 12%,rgba(255,255,255,.11) 26%,rgba(255,255,255,.07) 42%,rgba(255,255,255,.05) 60%,rgba(255,255,255,.04) 80%,rgba(255,255,255,.04) 100%);-webkit-backdrop-filter:blur(var(--blur)) saturate(.45);backdrop-filter:blur(var(--blur)) saturate(.45);box-shadow:0 calc(var(--u)*-2) calc(var(--u)*20) rgba(255,224,176,.20),0 0 var(--glow) rgba(168,204,252,.16),inset 0 var(--hairline) 0 0 rgba(255,251,242,.45)}
    .cta::before{content:'';position:absolute;inset:0;border-radius:inherit;padding:var(--hairline);pointer-events:none;background:linear-gradient(180deg,rgba(255,252,246,.95) 0%,rgba(255,252,246,.20) 45%,rgba(255,252,246,0) 78%),linear-gradient(90deg,rgba(255,228,182,.95) 0%,rgba(250,236,210,.70) 12%,rgba(226,230,234,.03) 32%,rgba(214,226,240,.02) 62%,rgba(200,228,250,.70) 90%,rgba(186,224,247,.95) 100%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude}
    .cta .arrow{fill:none;stroke:var(--ink);stroke-width:1.6;stroke-linecap:square;stroke-linejoin:miter}
    .rule{background:linear-gradient(180deg,rgba(186,200,214,.70) 0%,rgba(206,220,232,.92) 52%,rgba(182,198,212,.68) 100%)}
    .legal-toggle{position:fixed;left:-9999px;opacity:0;pointer-events:none}
    .legal-links{display:flex;align-items:center;justify-content:center;gap:calc(var(--u)*14);color:var(--foot)}
    .legal-links > *{position:static;line-height:normal;white-space:nowrap}
    .legal-link{cursor:pointer;opacity:.78;transition:opacity .18s ease}
    .legal-link:hover{opacity:1}
    .legal-sep{opacity:.45}
    .modal{position:fixed;inset:0;z-index:20;display:grid;place-items:center;padding:max(22px,calc(var(--u)*28));opacity:0;visibility:hidden;pointer-events:none;transition:opacity .2s ease,visibility 0s linear .2s}
    .modal-shade{position:absolute;inset:0;background:rgba(2,6,15,.74);-webkit-backdrop-filter:blur(calc(var(--blur)*.85));backdrop-filter:blur(calc(var(--blur)*.85));cursor:pointer}
    .modal-card{position:relative;width:min(680px,calc(100vw - 44px));max-height:min(680px,calc(100vh - 44px));overflow:auto;scrollbar-width:thin;scrollbar-color:rgba(196,214,232,.48) rgba(255,255,255,.055);border:var(--hairline) solid rgba(196,214,232,.55);border-radius:18px;padding:28px;background:linear-gradient(180deg,rgba(255,255,255,.11) 0%,rgba(255,255,255,.045) 100%),linear-gradient(180deg,rgba(6,12,22,.82) 0%,rgba(6,12,22,.92) 100%);box-shadow:0 24px 80px rgba(0,0,0,.48);color:var(--foot)}
    .modal-card::-webkit-scrollbar{width:10px}
    .modal-card::-webkit-scrollbar-track{background:rgba(255,255,255,.045);border-radius:999px}
    .modal-card::-webkit-scrollbar-thumb{background:linear-gradient(180deg,rgba(196,214,232,.58),rgba(150,196,244,.32));border:2px solid rgba(8,14,24,.90);border-radius:999px}
    .modal-card::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,rgba(220,234,246,.72),rgba(150,196,244,.46))}
    .modal-card h2{margin:0 44px 16px 0;font-size:24px;line-height:1.15;font-variation-settings:'wght' 581}
    .modal-card p{margin:0 0 14px;color:var(--navdim);font-size:14px;line-height:1.55;font-variation-settings:'wght' 446}
    .modal-close{position:absolute;top:18px;right:18px;display:grid;place-items:center;width:34px;height:34px;border:var(--hairline) solid var(--hair);border-radius:999px;cursor:pointer;background:rgba(255,255,255,.03);color:var(--ink);font:inherit;font-size:22px;line-height:1;-webkit-appearance:none;appearance:none}
    .feature-modal .modal-card{width:min(1080px,calc(100vw - 44px));padding:26px}
    .feature-intro{max-width:720px}
    .feature-table-wrap{overflow:auto;margin-top:18px;border:1px solid rgba(196,214,232,.22);border-radius:14px;background:rgba(255,255,255,.035)}
    .feature-table{width:100%;min-width:760px;border-collapse:collapse;font-size:13px;color:var(--navdim)}
    .feature-table th,.feature-table td{padding:12px 14px;border-bottom:1px solid rgba(196,214,232,.16);text-align:left;white-space:nowrap}
    .feature-table th{position:sticky;top:0;background:rgba(16,24,36,.96);color:var(--ink);font-variation-settings:'wght' 581;z-index:1}
    .feature-table th:not(:first-child),.feature-table td:not(:first-child){text-align:center}
    .feature-table tbody tr:nth-child(even){background:rgba(255,255,255,.025)}
    .feature-table tbody tr:hover{background:rgba(150,196,244,.08)}
    .feature-table td:first-child{color:var(--foot);font-variation-settings:'wght' 534}
    .check{color:#8ed7ff;font-variation-settings:'wght' 700}
    .dash{color:rgba(232,236,240,.42)}
    .about-modal .modal-card{width:min(860px,calc(100vw - 44px));padding:34px;background:linear-gradient(180deg,rgba(255,255,255,.13),rgba(255,255,255,.055)),linear-gradient(180deg,rgba(8,14,24,.92),rgba(5,10,18,.97))}
    .about-logo{display:block;width:150px;height:auto;margin:0 auto 22px}
    .about-modal .modal-card h2{text-align:center;margin-right:44px;font-size:30px}
    .about-lede{max-width:680px;margin:0 auto 22px!important;text-align:center;color:#d9e3ee!important;font-size:16px!important;line-height:1.65!important}
    .about-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:20px 0}
    .about-section,.founder-card,.quote-card{border:1px solid rgba(196,214,232,.18);border-radius:14px;background:rgba(255,255,255,.045);padding:16px}
    .about-section h3,.founder-card h3,.quote-card h3{margin:0 0 8px;color:var(--ink);font-size:16px;line-height:1.25;font-variation-settings:'wght' 581}
    .about-section p,.founder-card p,.quote-card p{margin:0;color:#d5deea;font-size:13.5px;line-height:1.55}
    .founder-card{margin-top:14px}
    .founder-title{color:#9fe0ff!important;font-variation-settings:'wght' 581!important}
    .achievement-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:14px}
    .achievement{border:1px solid rgba(84,200,255,.22);border-radius:12px;padding:12px;background:rgba(84,200,255,.07)}
    .achievement strong{display:block;color:var(--ink);font-size:19px;line-height:1.1}
    .achievement span{display:block;margin-top:5px;color:var(--navdim);font-size:12.5px;line-height:1.35}
    .quote-card{margin-top:14px;border-color:rgba(255,216,150,.24);background:rgba(255,216,150,.055)}
    .quote-card blockquote{margin:0;color:#f1f5fb;font-size:15px;line-height:1.6;font-style:italic}
    .quote-card cite{display:block;margin-top:10px;color:#ffd896;font-size:12px;letter-spacing:.08em;font-style:normal}
    .pain-submenu{display:none;gap:4px;padding:8px;border:0;border-radius:0;background:transparent;box-shadow:none;opacity:0;visibility:hidden;pointer-events:none;transform:translateY(-6px);transition:opacity .18s ease,transform .18s ease,visibility 0s linear .18s}
    .pain-submenu.is-open{display:grid;opacity:1;visibility:visible;pointer-events:auto;transform:none;transition-delay:0s}
    .pain-submenu button{display:flex;align-items:center;justify-content:space-between;width:100%;border:0;border-radius:10px;padding:10px 12px;background:transparent;color:var(--navdim);font-size:13px;line-height:1.2;text-align:left;cursor:pointer;-webkit-appearance:none;appearance:none}
    .pain-submenu button:hover,.pain-submenu button:focus-visible{background:rgba(150,196,244,.10);color:var(--ink)}
    .pain-detail-modal .modal-card{width:min(760px,calc(100vw - 36px));padding:34px;background:linear-gradient(180deg,rgba(255,255,255,.14) 0%,rgba(255,255,255,.055) 100%),linear-gradient(180deg,rgba(8,14,24,.94) 0%,rgba(5,10,18,.97) 100%)}
    .pain-detail-modal .modal-card h2{font-size:30px;line-height:1.12;margin-bottom:18px}
    .pain-detail-modal .modal-card p{max-width:620px;color:#d6dee8;font-size:17px;line-height:1.62}
    .pain-list{display:grid;gap:14px;margin:22px 0 0;padding:0}
    .pain-list li{position:relative;padding:15px 16px 15px 42px;border:1px solid rgba(196,214,232,.18);border-radius:14px;background:rgba(255,255,255,.045);color:#dde6ef;font-size:16px;line-height:1.58}
    .pain-list li::before{content:'';position:absolute;left:18px;top:24px;width:8px;height:8px;border-radius:50%;background:#54c8ff;box-shadow:0 0 14px rgba(84,200,255,.55)}
    .pain-list strong{color:var(--foot);font-variation-settings:'wght' 581}
    .modal-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-top:24px}
    .modal-cta{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 20px;border:var(--hairline) solid var(--hair);border-radius:999px;background:rgba(255,255,255,.07);color:var(--ink);font-size:15px;font-variation-settings:'wght' 581;transition:background .18s ease,border-color .18s ease,transform .18s ease}
    .modal-cta:hover{background:rgba(150,196,244,.14);border-color:rgba(196,214,232,.9);transform:translateY(-1px)}
    .tag{display:inline-flex;margin-right:6px;padding:2px 7px;border:1px solid rgba(196,214,232,.26);border-radius:999px;color:#9fe0ff;background:rgba(84,200,255,.08);font-size:11px;line-height:1.35;font-variation-settings:'wght' 581}
    .tag.soon{color:#ffd896;background:rgba(255,216,150,.10);border-color:rgba(255,216,150,.42)}
    .tag.enterprise{color:#b8c7ff;background:rgba(184,199,255,.10);border-color:rgba(184,199,255,.42)}
    #about-open:checked ~ .about-modal,#features-open:checked ~ .feature-modal,#homeowners-open:checked ~ .homeowners-modal,#designers-open:checked ~ .designers-modal,#contractors-open:checked ~ .contractors-modal,#builders-open:checked ~ .builders-modal,#investors-open:checked ~ .investors-modal,#privacy-open:checked ~ .privacy-modal,#terms-open:checked ~ .terms-modal{opacity:1;visibility:visible;pointer-events:auto;transition-delay:0s}

    #about,#product,#solutions,#login{font-variation-settings:'wght' 506;color:var(--nav)}
    #contact{font-variation-settings:'wght' 581;color:var(--navdim)}
    #h1a,#h1b{font-variation-settings:'wght' 424;color:var(--ink)}
    #sub1{font-variation-settings:'wght' 446;color:var(--sub)}
    #cta{font-variation-settings:'wght' 497;color:var(--ink)}
    #f1,#f2,#f3,#f4{font-variation-settings:'wght' 534;color:var(--feat)}
    #foot1,#foot2{font-variation-settings:'wght' 521;color:var(--foot)}

    @media (prefers-reduced-motion:no-preference){
      :root{--ent-line:cubic-bezier(.16,1,.3,1);--ent-soft:cubic-bezier(.25,.8,.35,1);--rise:9px}
      @keyframes en-wipe{from{clip-path:inset(-.78em 0 calc(100% + .78em) 0);translate:0 var(--rise)}to{clip-path:inset(-.78em 0 -.78em 0);translate:0 0}}
      @keyframes en-lift{from{opacity:0;translate:0 var(--rise)}}
      @keyframes en-settle{from{opacity:0;translate:0 calc(var(--rise)*.7);scale:.99}}
      @keyframes en-draw{from{scale:1 0}}
      html:not(.is-entered) .brand{animation:en-lift .60s var(--ent-soft) .12s backwards}
      html:not(.is-entered) #about{animation:en-lift .55s var(--ent-soft) .20s backwards}
      html:not(.is-entered) #product{animation:en-lift .55s var(--ent-soft) .25s backwards}
      html:not(.is-entered) #solutions,html:not(.is-entered) .caret{animation:en-lift .55s var(--ent-soft) .30s backwards}
      html:not(.is-entered) #login,html:not(.is-entered) .navarrow{animation:en-lift .55s var(--ent-soft) .35s backwards}
      html:not(.is-entered) .pill{animation:en-settle .60s var(--ent-soft) .40s backwards}
      html:not(.is-entered) .burger{animation:en-lift .60s var(--ent-soft) .40s backwards}
      html:not(.is-entered) #h1a{animation:en-wipe .95s var(--ent-line) .34s backwards}
      html:not(.is-entered) #h1b{animation:en-wipe .95s var(--ent-line) .44s backwards}
      html:not(.is-entered) #sub1{animation:en-lift .70s var(--ent-soft) .74s backwards}
      html:not(.is-entered) .cta{animation:en-lift .80s var(--ent-line) .94s backwards}
      html:not(.is-entered) .feats li:nth-child(1){animation:en-lift .60s var(--ent-soft) 1.08s backwards}
      html:not(.is-entered) .feats li:nth-child(2){animation:en-lift .60s var(--ent-soft) 1.15s backwards}
      html:not(.is-entered) .feats li:nth-child(3){animation:en-lift .60s var(--ent-soft) 1.22s backwards}
      html:not(.is-entered) .feats li:nth-child(4){animation:en-lift .60s var(--ent-soft) 1.29s backwards}
      html:not(.is-entered) .rule{animation:en-draw .55s var(--ent-line) 1.34s backwards;transform-origin:top}
      html:not(.is-entered) #foot1{animation:en-lift .60s var(--ent-soft) 1.42s backwards}
      html:not(.is-entered) #foot2{animation:en-lift .60s var(--ent-soft) 1.48s backwards}
    }

    @media (min-width:1200px) and (min-height:560px) and (min-aspect-ratio:100/95){
      .bar,.hero,.foot{left:50%;width:calc(var(--u)*1536);transform:translateX(-50%)}
      .bar{top:0;height:calc(var(--u)*120)}
      .foot{bottom:0;height:calc(var(--u)*140)}
      .hero{top:50%;height:calc(var(--u)*1024);transform:translate(-50%,-50%)}
      .navtoggle,.burger,.scrim{display:none}
      .navpanel{display:contents}
      .bar > *,.foot > *,.hero > *,.pill,.caret,.navarrow{position:absolute}
      .menu{position:static}
      .title,.sub,.feats{inset:0;font-weight:inherit}
      .bar span,.bar #product,.bar #solutions,.foot span,.title span,.sub span,.feats span,.cta span{position:absolute;line-height:0;white-space:nowrap}
      .menu > a,.menu > button,.login{position:absolute;z-index:2;display:flex;align-items:center;height:calc(var(--u)*44);line-height:1;white-space:nowrap}
      .menu a span,.login span{position:static;line-height:1;white-space:nowrap}
      .menu > button{line-height:1}
      .pain-submenu{position:absolute;z-index:6;left:calc(var(--u)*690);top:calc(var(--u)*84);grid-template-columns:repeat(2,minmax(0,1fr));width:max(318px,calc(var(--u)*342));gap:max(4px,calc(var(--u)*5));padding:max(10px,calc(var(--u)*10));border:1px solid rgba(196,214,232,.16);border-radius:16px;background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.025)),rgba(4,9,17,.62);box-shadow:0 18px 48px rgba(0,0,0,.32);-webkit-backdrop-filter:blur(18px) saturate(.85);backdrop-filter:blur(18px) saturate(.85)}
      .pain-submenu button{min-height:30px;padding:0 max(11px,calc(var(--u)*11));font-size:13px;line-height:1.15;color:#edf5ff}
      .pain-submenu button:nth-child(5){grid-column:1/-1}

      .brand{left:calc(var(--u)*221);top:calc(var(--u)*68);display:flex;align-items:center}
      .brand-logo{width:calc(var(--u)*158);height:calc(var(--u)*32)}
      .caret{position:static;width:calc(var(--u)*9);height:calc(var(--u)*6);margin-left:calc(var(--u)*15);stroke-width:1.25;flex:none}
      .navarrow{position:static;width:calc(var(--u)*10);height:calc(var(--u)*9);margin-left:calc(var(--u)*10);stroke-width:1.2;flex:none}
      .pill{left:calc(var(--u)*1191.5);top:calc(var(--u)*43.5);width:calc(var(--u)*144);height:calc(var(--u)*44)}
      .cta{left:calc(var(--u)*625.8);top:calc(var(--u)*555.2);width:calc(var(--u)*279.6);height:calc(var(--u)*46.6);position:absolute}
      .cta .arrow{position:absolute;left:calc(var(--u)*230.8);top:calc(var(--u)*17.8);width:calc(var(--u)*16);height:calc(var(--u)*11)}
      .feats{left:50%;top:calc(var(--u)*718);right:auto;bottom:auto;display:grid;grid-template-columns:repeat(4,max-content);align-items:center;gap:calc(var(--u)*54);width:auto;height:auto;transform:translateX(-50%)}
      .feats li{position:static;display:flex;align-items:center;gap:calc(var(--u)*14);width:auto;height:calc(var(--u)*22)}
      .feats .chev{position:static;width:calc(var(--u)*11);height:calc(var(--u)*20);flex:none}
      .feats li:nth-child(1){left:calc(var(--u)*360);top:calc(var(--u)*718)}
      .feats li:nth-child(2){left:calc(var(--u)*590);top:calc(var(--u)*719)}
      .feats li:nth-child(3){left:calc(var(--u)*803);top:calc(var(--u)*721)}
      .feats li:nth-child(4){left:calc(var(--u)*1013);top:calc(var(--u)*722)}
      .rule{left:calc(var(--u)*767);top:calc(var(--u)*792);width:calc(var(--u)*1);height:calc(var(--u)*57)}

      .menu a{left:calc(var(--u)*477);top:calc(var(--u)*43.5)}
      #about{font-size:calc(var(--u)*13.5);letter-spacing:calc(var(--u)*-.5);left:calc(var(--u)*477);top:calc(var(--u)*43.5)}
      #product{font-size:calc(var(--u)*13.5);letter-spacing:calc(var(--u)*-.167);left:calc(var(--u)*568.5);top:calc(var(--u)*43.5)}
      #solutions{font-size:calc(var(--u)*13.5);letter-spacing:calc(var(--u)*-.5);left:calc(var(--u)*692);top:calc(var(--u)*43.5);cursor:pointer}
      #solutions[aria-expanded="true"] .caret{transform:rotate(180deg)}
      .login{left:calc(var(--u)*994);top:calc(var(--u)*43.5)}
      #login{font-size:calc(var(--u)*13.5);letter-spacing:calc(var(--u)*-.227)}
      #contact{position:static;display:block;font-size:calc(var(--u)*13.5);letter-spacing:calc(var(--u)*.25);line-height:calc(var(--u)*44);text-align:center;transform:translateX(calc(var(--u)*-.5))}
      #h1a{font-size:calc(var(--u)*46.8);letter-spacing:calc(var(--u)*.532);left:0;right:0;text-align:center;top:calc(var(--u)*285.222);transform:translateX(calc(var(--u)*-1))}
      #h1b{font-size:calc(var(--u)*46.8);letter-spacing:calc(var(--u)*-.398);left:0;right:0;text-align:center;top:calc(var(--u)*335.222);transform:translateX(calc(var(--u)*-3))}
      .sub{left:50%;top:calc(var(--u)*405);bottom:auto;width:calc(var(--u)*980);max-width:calc(100% - calc(var(--u)*220));margin:0;text-align:center;transform:translateX(-50%)}
      .sub span{position:static;display:inline;white-space:normal;line-height:1.36}
      #sub1{font-size:calc(var(--u)*17.8);letter-spacing:calc(var(--u)*-.18)}
      #cta{font-size:calc(var(--u)*22);letter-spacing:calc(var(--u)*-.312);left:0;right:0;text-align:center;top:calc(var(--u)*23.113);transform:translateX(calc(var(--u)*-14.5))}
      #f1,#f2,#f3,#f4{position:static;font-size:calc(var(--u)*14.6);letter-spacing:calc(var(--u)*-.45);line-height:1.1;white-space:nowrap}
      #foot1{font-size:calc(var(--u)*16.3);letter-spacing:calc(var(--u)*-.256);left:0;right:0;text-align:center;bottom:calc(var(--u)*101.344);transform:translateX(calc(var(--u)*-.5))}
      #foot2{font-size:calc(var(--u)*16.3);letter-spacing:calc(var(--u)*-.667);left:0;right:0;text-align:center;bottom:calc(var(--u)*76.344);transform:translateX(calc(var(--u)*-2))}
      .legal-links{left:0;right:0;bottom:calc(var(--u)*48);font-size:calc(var(--u)*12.8);letter-spacing:calc(var(--u)*-.2)}
    }

    @media (max-width:1199px),(max-height:559px),(max-aspect-ratio:100/95){
      :root{--c:min(calc(100vw / 430), calc(100vh / 860))}
      body{display:flex;flex-direction:column;height:100vh;padding:calc(env(safe-area-inset-top) + calc(var(--c)*24)) calc(var(--c)*22) calc(env(safe-area-inset-bottom) + calc(var(--c)*22))}
      .bar,.hero,.foot{position:static;width:100%}
      .bar{order:1;position:relative;z-index:5;display:flex;align-items:center;justify-content:space-between;gap:calc(var(--c)*16)}
      .brand{display:flex;align-items:center}
      .brand-logo{width:calc(var(--c)*176);height:calc(var(--c)*46)}
      .navtoggle{position:absolute;top:0;right:0;width:1px;height:1px;opacity:0;margin:0;pointer-events:none}
      .burger{display:inline-flex;align-items:center;justify-content:center;width:calc(var(--c)*42);height:calc(var(--c)*30);border-radius:999px;cursor:pointer;border:var(--hairline) solid var(--hair);background:rgba(255,255,255,.03);-webkit-backdrop-filter:blur(var(--blur)) saturate(.45);backdrop-filter:blur(var(--blur)) saturate(.45)}
      .burger svg{width:calc(var(--c)*19);height:auto;fill:none;stroke:var(--nav);stroke-width:1.4;stroke-linecap:round}
      .burger svg path{transform-box:fill-box;transform-origin:center;transition:transform .24s ease,opacity .18s ease}
      .navtoggle:focus-visible ~ .burger{outline:2px solid #9fe0ff;outline-offset:3px}
      .navtoggle:checked ~ .burger .b1{transform:translateY(6px) rotate(45deg)}
      .navtoggle:checked ~ .burger .b2{opacity:0}
      .navtoggle:checked ~ .burger .b3{transform:translateY(-6px) rotate(-45deg)}
      .scrim{display:none;position:fixed;inset:0;z-index:-1}
      .navtoggle:checked ~ .scrim{display:block}
      .navpanel{position:absolute;top:calc(100% + calc(var(--c)*12));right:0;display:flex;flex-direction:column;gap:calc(var(--c)*2);width:min(calc(var(--c)*268), 78vw);padding:calc(var(--c)*12);border-radius:calc(var(--c)*20);background:linear-gradient(180deg,rgba(255,255,255,.10) 0%,rgba(255,255,255,.045) 100%),linear-gradient(90deg,rgba(255,226,178,.06) 0%,rgba(150,196,244,.06) 100%),linear-gradient(180deg,rgba(6,12,22,.60) 0%,rgba(6,12,22,.70) 100%);-webkit-backdrop-filter:blur(var(--blur)) saturate(.45);backdrop-filter:blur(var(--blur)) saturate(.45);box-shadow:0 calc(var(--c)*14) calc(var(--c)*38) rgba(2,6,14,.45);opacity:0;transform:translateY(calc(var(--c)*-8)) scale(.985);transform-origin:100% 0;pointer-events:none;transition:opacity .2s ease,transform .2s ease}
      .navtoggle:checked ~ .navpanel{opacity:1;transform:none;pointer-events:auto}
      .navpanel .menu{display:flex;flex-direction:column}
      .navpanel .menu > a,.navpanel .menu > label,.navpanel .menu > button,.navpanel .login{display:flex;align-items:center;gap:calc(var(--c)*8);padding:calc(var(--c)*10) calc(var(--c)*12);border-radius:calc(var(--c)*12);font-size:calc(var(--c)*16);color:var(--nav);transition:background .15s ease}
      .navpanel .menu > a:hover,.navpanel .menu > label:hover,.navpanel .menu > button:hover,.navpanel .login:hover{background:rgba(255,255,255,.07)}
      .navpanel .menu label,.navpanel .menu button{cursor:pointer}
      .navpanel .caret,.navpanel .navarrow{margin-left:auto;height:auto}
      .navpanel .caret{width:calc(var(--c)*10)}
      .navpanel .navarrow{width:calc(var(--c)*11)}
      .navpanel .pain-submenu{position:static;margin:0 calc(var(--c)*4) calc(var(--c)*5) calc(var(--c)*18);padding:calc(var(--c)*6);transform:none}
      .navpanel .pain-submenu button{font-size:calc(var(--c)*14);padding:calc(var(--c)*9) calc(var(--c)*10)}
      .navpanel .pill{margin-top:calc(var(--c)*8);text-align:center;white-space:nowrap;padding:calc(var(--c)*11) calc(var(--c)*16);font-size:calc(var(--c)*15)}
      .hero{order:2;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:calc(var(--c)*20)}
      .title{font-size:calc(var(--c)*33);line-height:1.12;max-width:15ch;margin:0}
      .sub{color:var(--sub);font-size:calc(var(--c)*17);line-height:1.32;max-width:26ch;margin:0}
      .cta{position:relative;display:inline-flex;align-items:center;gap:calc(var(--c)*12);padding:calc(var(--c)*16) calc(var(--c)*26);font-size:calc(var(--c)*18)}
      .cta .arrow{width:calc(var(--c)*16);height:calc(var(--c)*11)}
      .feats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:calc(var(--c)*15) calc(var(--c)*13);width:100%;max-width:calc(var(--c)*400);margin-top:calc(var(--c)*6)}
      .feats li{display:flex;align-items:center;gap:calc(var(--c)*9);font-size:calc(var(--c)*14)}
      .feats .chev{width:calc(var(--c)*9);height:calc(var(--c)*16);flex:none}
      .rule{width:1px;height:calc(var(--c)*33);margin:calc(var(--c)*19) auto 0}
      .foot{order:3;text-align:center;color:var(--foot);font-size:calc(var(--c)*13);line-height:1.55}
      .foot span{display:block}
      .legal-links{position:static;margin-top:calc(var(--c)*7);gap:calc(var(--c)*10);font-size:calc(var(--c)*11.5)}

      @media (max-width:599px),(max-height:429px){
        :root{--c:min(calc(100vw / 360), calc(100vh / 770), 1px);--rise:6px}
        body{padding:calc(env(safe-area-inset-top) + calc(var(--c)*28)) calc(var(--c)*26) calc(env(safe-area-inset-bottom) + calc(var(--c)*26))}
        .brand-logo{width:calc(var(--c)*178);height:calc(var(--c)*47)}
        .burger{width:calc(var(--c)*46);height:calc(var(--c)*33);position:relative}
        .burger::after{content:'';position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:max(44px,100%);height:max(44px,100%)}
        .burger svg{width:calc(var(--c)*21)}
        .navpanel{width:min(calc(var(--c)*300), 82vw);padding:calc(var(--c)*15);border-radius:calc(var(--c)*22)}
        .navpanel .menu > a,.navpanel .menu > label,.navpanel .menu > button,.navpanel .login{font-size:calc(var(--c)*16);padding:calc(var(--c)*13) calc(var(--c)*14);border-radius:calc(var(--c)*13);min-height:max(44px,calc(var(--c)*44))}
        .navpanel .pill{font-size:calc(var(--c)*16);padding:calc(var(--c)*13) calc(var(--c)*18);margin-top:calc(var(--c)*9)}
        .about-grid,.achievement-grid{grid-template-columns:1fr}
        .pain-submenu button{min-height:max(40px,calc(var(--c)*40))}
        .veil{background:radial-gradient(130% 44% at 50% 45%,rgba(var(--veil),.50) 0%,rgba(var(--veil),.26) 55%,rgba(var(--veil),0) 100%),linear-gradient(180deg,rgba(var(--veil),.34) 0%,rgba(var(--veil),0) 20%,rgba(var(--veil),0) 60%,rgba(var(--veil),.36) 100%)}
        .hero{gap:calc(var(--c)*22)}
        .title{font-size:calc(var(--c)*32);line-height:1.2;letter-spacing:-.002em;max-width:none;text-wrap:balance}
        .title span{display:block}
        .sub{font-size:calc(var(--c)*16);line-height:1.45;max-width:none;text-wrap:balance}
        .sub span{display:block}
        .cta{font-size:calc(var(--c)*16.5);padding:calc(var(--c)*15) calc(var(--c)*28);gap:calc(var(--c)*12)}
        .cta .arrow{width:calc(var(--c)*17);height:calc(var(--c)*12)}
        .feats{grid-template-columns:repeat(2,max-content);justify-content:center;width:auto;max-width:none;gap:calc(var(--c)*16) calc(var(--c)*16);margin-top:calc(var(--c)*22)}
        .feats li{font-size:calc(var(--c)*13);gap:calc(var(--c)*10)}
        .feats .chev{width:calc(var(--c)*10);height:calc(var(--c)*18)}
        .rule{height:calc(var(--c)*30);margin:calc(var(--c)*28) auto 0}
        .foot{font-size:calc(var(--c)*13.5);line-height:1.65;text-wrap:balance}
        .legal-links{font-size:calc(var(--c)*11.5);margin-top:calc(var(--c)*6)}
      }

      @media (max-height:429px) and (min-aspect-ratio:1/1){
        :root{--c:min(calc(100vw / 760), calc(100vh / 430))}
        .hero{gap:calc(var(--c)*12)}
        .title{font-size:calc(var(--c)*31);line-height:1.2;max-width:26ch}
        .sub{font-size:calc(var(--c)*16);max-width:44ch}
        .sub span{display:inline}
        .cta{font-size:calc(var(--c)*15.5);padding:calc(var(--c)*12) calc(var(--c)*24)}
        .feats{grid-template-columns:repeat(4,max-content);justify-content:center;max-width:none;gap:calc(var(--c)*24);margin-top:calc(var(--c)*2)}
        .feats li{font-size:calc(var(--c)*13.5)}
        .rule{height:calc(var(--c)*20);margin:calc(var(--c)*10) auto 0}
        .foot{font-size:calc(var(--c)*13)}
        .legal-links{font-size:calc(var(--c)*11)}
      }

      @media (min-width:600px) and (min-height:430px){
        :root{--c:min(calc(100vw / 860), calc(100vh / 1120))}
        body{padding:calc(env(safe-area-inset-top) + calc(var(--c)*40)) calc(var(--c)*44) calc(env(safe-area-inset-bottom) + calc(var(--c)*36))}
        .brand-logo{width:calc(var(--c)*244);height:calc(var(--c)*64)}
        .burger{width:calc(var(--c)*60);height:calc(var(--c)*44)}
        .burger svg{width:calc(var(--c)*27);stroke-width:1.2}
        .navpanel{width:min(calc(var(--c)*330), 56vw);padding:calc(var(--c)*16);border-radius:calc(var(--c)*26);gap:calc(var(--c)*4)}
        .navpanel .menu > a,.navpanel .menu > label,.navpanel .menu > button,.navpanel .login{font-size:calc(var(--c)*20);padding:calc(var(--c)*13) calc(var(--c)*15);border-radius:calc(var(--c)*15);gap:calc(var(--c)*10)}
        .navpanel .pain-submenu button{font-size:calc(var(--c)*16)}
        .navpanel .caret{width:calc(var(--c)*13)}
        .navpanel .navarrow{width:calc(var(--c)*14)}
        .navpanel .pill{margin-top:calc(var(--c)*10);padding:calc(var(--c)*14) calc(var(--c)*20);font-size:calc(var(--c)*19)}
        .hero{gap:calc(var(--c)*26)}
        .title{font-size:calc(var(--c)*46);line-height:1.15;max-width:none}
        .title span{display:block}
        .sub{font-size:calc(var(--c)*21);line-height:1.34;max-width:none}
        .sub span{display:block}
        .cta{gap:calc(var(--c)*14);padding:calc(var(--c)*18) calc(var(--c)*34);font-size:calc(var(--c)*21)}
        .cta .arrow{width:calc(var(--c)*20);height:calc(var(--c)*14)}
        .feats{grid-template-columns:repeat(2,max-content);justify-content:center;gap:calc(var(--c)*22) calc(var(--c)*54);max-width:none;margin-top:calc(var(--c)*12)}
        .feats li{gap:calc(var(--c)*12);font-size:calc(var(--c)*16)}
        .feats .chev{width:calc(var(--c)*12);height:calc(var(--c)*21)}
        .rule{height:calc(var(--c)*46);margin:calc(var(--c)*30) auto 0}
        .foot{font-size:calc(var(--c)*16)}
        .legal-links{font-size:calc(var(--c)*13);margin-top:calc(var(--c)*8)}
        @media (min-aspect-ratio:1/1){
          :root{--c:min(calc(100vw / 1040), calc(100vh / 780))}
          .feats{grid-template-columns:repeat(4,max-content);gap:calc(var(--c)*40)}
        }
      }
    }

    @supports (height:100dvh){
      @media (max-width:1199px),(max-height:559px),(max-aspect-ratio:100/95){
        :root{--c:min(calc(100vw / 430), calc(100dvh / 860))}
        body{height:100dvh}
        @media (max-width:599px),(max-height:429px){
          :root{--c:min(calc(100vw / 360), calc(100dvh / 770), 1px)}
        }
        @media (max-height:429px) and (min-aspect-ratio:1/1){
          :root{--c:min(calc(100vw / 760), calc(100dvh / 430))}
        }
        @media (min-width:600px) and (min-height:430px){
          :root{--c:min(calc(100vw / 860), calc(100dvh / 1120))}
          @media (min-aspect-ratio:1/1){
            :root{--c:min(calc(100vw / 1040), calc(100dvh / 780))}
          }
        }
      }
    }

    @media (prefers-reduced-motion:reduce){
      *{animation:none!important;transition:none!important}
    }