/* ── Facet Legal — styles ─────────────────────────────────────────────────
   Presentation for legal.facet3d.studio. Content itself comes from Strapi
   (see legal.js); this file is pure design. Edit here, redeploy the folder.
   ------------------------------------------------------------------------ */

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600&family=Instrument+Serif:ital@0;1&family=DM+Mono:wght@400;500&display=swap');

*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }

:root {
    --bg: #080808;
    --bg2: #0f0f0f;
    --border: rgba(255,255,255,0.07);
    --accent: #c1ff72;
    --txt: rgba(255,255,255,0.88);
    --txt-dim: rgba(255,255,255,0.42);
    --txt-dimmer: rgba(255,255,255,0.22);
}

/* Living gradient border angle for the doc cards (see .doc-card). */
@property --fct-a { syntax: '<angle>'; initial-value: 0deg; inherits: false; }

html {
    background: var(--bg); color: var(--txt);
    font-family: 'Inter', system-ui, sans-serif;
    font-size: 16px; line-height: 1.75;
    -webkit-font-smoothing: antialiased;
    scrollbar-width: thin;
    scrollbar-color: rgba(255,255,255,0.1) transparent;
}
::-webkit-scrollbar { width: 6px; }
::-webkit-scrollbar-track { background: transparent; }
::-webkit-scrollbar-thumb { background: rgba(255,255,255,0.1); border-radius: 99px; }
::-webkit-scrollbar-thumb:hover { background: rgba(255,255,255,0.18); }

body { min-height: 100vh; display: flex; flex-direction: column; }

/* ── Noise overlay ── */
body::before {
    content: '';
    position: fixed; inset: 0; z-index: 0; pointer-events: none;
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.035'/%3E%3C/svg%3E");
    background-size: 200px; opacity: 0.6;
}

/* ── Nav ── */
nav {
    position: sticky; top: 0; z-index: 100;
    display: flex; align-items: center; justify-content: space-between;
    padding: 1.75rem 2rem;
    background: transparent;
}

/* Logo — plain monochrome wordmark, no pill / bg / border. */
.nav-logo {
    display: flex; align-items: center;
    text-decoration: none;
    color: var(--txt);
    transition: color 0.15s, opacity 0.15s;
}
.nav-logo:hover { color: #fff; opacity: 0.85; }
.nav-logo svg { height: 20px; width: auto; color: currentColor; display: block; }
@media (min-width: 640px) { .nav-logo svg { height: 24px; } }

/* Quick-nav pill — skeuomorphic (recessed track + raised active thumb),
   matching the pricing page's Yearly/Monthly toggle. */
.nav-links {
    display: flex; gap: 0.25rem;
    background: linear-gradient(145deg, #0c0e12, #16191f);
    border: 0;
    border-radius: 99px;
    padding: 0.4rem;
    box-shadow: inset 2px 2px 5px rgba(0,0,0,0.75), inset -2px -2px 4px rgba(255,255,255,0.03);
    transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.4s ease;
}
.nav-links.hide-up { transform: translateY(-120px); opacity: 0; pointer-events: none; }
.nav-link {
    font-size: 0.82rem; color: var(--txt-dim); text-decoration: none;
    padding: 0.5rem 1.1rem; border-radius: 99px;
    border: 1px solid transparent;
    transition: color 0.2s, box-shadow 0.28s cubic-bezier(.34,1.3,.5,1), background 0.2s;
    white-space: nowrap;
}
.nav-link:hover { color: rgba(255,255,255,0.72); }
.nav-link.active {
    color: #fff;
    background: linear-gradient(145deg, #2c323d, #1b1f26);
    box-shadow: 2px 2px 5px rgba(0,0,0,0.6), -1px -1px 3px rgba(255,255,255,0.06);
}

/* ── Layout ── */
main {
    position: relative; z-index: 1;
    flex: 1;
    max-width: 780px; width: 100%;
    margin: 0 auto;
    padding: 4rem 2rem 6rem;
}

/* ── Header (per-doc) ── */
.doc-eyebrow {
    font-family: 'DM Mono', monospace;
    font-size: 0.72rem; font-weight: 500; letter-spacing: 0.12em; text-transform: uppercase;
    color: var(--accent); margin-bottom: 1rem;
}
.doc-title {
    font-family: 'Instrument Serif', serif; font-style: italic; font-weight: 400;
    font-size: clamp(2.6rem, 6vw, 3.8rem); letter-spacing: 0;
    line-height: 1.05; color: #fff; margin-bottom: 1.5rem;
}
.doc-meta {
    font-family: 'DM Mono', monospace;
    font-size: 0.8rem; color: var(--txt-dimmer);
    padding-bottom: 3rem; border-bottom: 1px solid var(--border);
    margin-bottom: 3rem;
}

/* ── Loading skeleton ── */
.skeleton-line {
    height: 1em; border-radius: 4px;
    background: linear-gradient(90deg, rgba(255,255,255,0.04) 25%, rgba(255,255,255,0.08) 50%, rgba(255,255,255,0.04) 75%);
    background-size: 200% 100%;
    animation: shimmer 1.5s infinite;
    margin-bottom: 0.75rem;
}
.skeleton-line:nth-child(2) { width: 85%; }
.skeleton-line:nth-child(3) { width: 92%; }
.skeleton-line:nth-child(4) { width: 78%; }
@keyframes shimmer { 0% { background-position: 200% 0; } 100% { background-position: -200% 0; } }

/* ── RTE content ── */
.rte { color: var(--txt); }
.rte h1, .rte h2, .rte h3, .rte h4 {
    color: #fff; font-weight: 600; letter-spacing: -0.02em;
    margin-top: 2.5rem; margin-bottom: 0.75rem; line-height: 1.25;
}
.rte h1 { font-size: 1.7rem; }
.rte h2 { font-size: 1.3rem; padding-top: 1.5rem; border-top: 1px solid var(--border); }
.rte h3 { font-size: 1.05rem; color: rgba(255,255,255,0.75); }
.rte p { margin-bottom: 1.1rem; color: rgba(255,255,255,0.68); font-size: 1rem; }
.rte a { color: var(--accent); text-decoration: none; border-bottom: 1px solid rgba(193,255,114,0.3); transition: border-color 0.15s; }
.rte a:hover { border-color: var(--accent); }
.rte ul, .rte ol { padding-left: 1.5rem; margin-bottom: 1.1rem; color: rgba(255,255,255,0.65); font-size: 1rem; }
.rte li { margin-bottom: 0.5rem; }
.rte strong { color: rgba(255,255,255,0.88); font-weight: 500; }
.rte blockquote {
    border-left: 2px solid var(--accent); margin: 1.5rem 0;
    padding: 0.75rem 1.25rem;
    background: rgba(193,255,114,0.03); border-radius: 0 8px 8px 0;
    color: rgba(255,255,255,0.55); font-style: italic; font-size: 1rem;
}
.rte code {
    font-family: 'DM Mono', 'SF Mono', monospace; font-size: 0.85rem;
    background: rgba(255,255,255,0.06); padding: 0.15em 0.4em;
    border-radius: 4px; color: var(--accent);
}
.rte pre { background: rgba(255,255,255,0.04); border: 1px solid var(--border); border-radius: 10px; padding: 1.25rem; margin-bottom: 1.1rem; overflow-x: auto; }
.rte pre code { background: none; padding: 0; }

/* ── Related docs — skeuomorphic quick-nav pill ── */
.related { margin-top: 5rem; padding-top: 3rem; border-top: 1px solid var(--border); }
.related-label {
    font-family: 'DM Mono', monospace;
    font-size: 0.72rem; font-weight: 500; letter-spacing: 0.1em; text-transform: uppercase;
    color: var(--txt-dimmer); margin-bottom: 1.25rem;
}
.related-links {
    display: inline-flex; gap: 0.25rem; flex-wrap: wrap;
    background: linear-gradient(145deg, #0c0e12, #16191f);
    border: 0;
    border-radius: 99px;
    padding: 0.4rem;
    box-shadow: inset 2px 2px 5px rgba(0,0,0,0.75), inset -2px -2px 4px rgba(255,255,255,0.03);
}
.related-link {
    display: flex; align-items: center; gap: 0.5rem;
    font-size: 0.82rem; color: var(--txt-dim); text-decoration: none;
    padding: 0.5rem 1.1rem; border-radius: 99px;
    border: 1px solid transparent;
    transition: color 0.2s, box-shadow 0.28s cubic-bezier(.34,1.3,.5,1), background 0.2s;
    white-space: nowrap;
}
.related-link:hover {
    color: #fff;
    background: linear-gradient(145deg, #2c323d, #1b1f26);
    box-shadow: 2px 2px 5px rgba(0,0,0,0.55), -1px -1px 3px rgba(255,255,255,0.06);
}
.related-link svg { opacity: 0.4; flex-shrink: 0; }

/* ── Footer ── */
footer {
    position: relative; z-index: 1;
    padding: 1rem 1.5rem 1.5rem;
    display: flex; align-items: center; justify-content: space-between; gap: 1rem; flex-wrap: wrap;
}
.footer-copy {
    font-family: 'DM Mono', monospace;
    font-size: 0.72rem; color: var(--txt-dimmer);
    background: rgba(255,255,255,0.04); border: 1px solid var(--border);
    padding: 0.55rem 1rem; border-radius: 99px;
}
.footer-links {
    display: flex; gap: 0.25rem;
    background: rgba(255,255,255,0.04); border: 1px solid var(--border);
    padding: 0.35rem; border-radius: 99px;
}
.footer-links a {
    font-size: 0.78rem; color: var(--txt-dimmer); text-decoration: none;
    padding: 0.35rem 0.85rem; border-radius: 99px;
    transition: color 0.15s, background 0.15s;
}
.footer-links a:hover { color: var(--txt); background: rgba(255,255,255,0.05); }

/* ── Not found ── */
.not-found { text-align: center; padding: 6rem 0; }
.not-found h2 { font-size: 1.5rem; font-weight: 600; color: #fff; margin-bottom: 0.75rem; }
.not-found p { font-size: 1rem; color: var(--txt-dim); }

/* ── Page transition loader — shimmering Facet wordmark ── */
#page-loader {
    position: fixed; inset: 0; z-index: 9999;
    background: #080808;
    display: flex; align-items: center; justify-content: center;
    opacity: 0; pointer-events: none;
    transition: opacity 0.25s ease;
}
#page-loader.visible { opacity: 1; pointer-events: all; }
.loader-logo {
    width: 128px; height: 30px;
    -webkit-mask: url("data:image/svg+xml,%3Csvg%20width%3D'130'%20height%3D'30'%20viewBox%3D'0%200%203353%20773'%20fill%3D'none'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M936.18%200.0400391C986.72%20-1.25996%201034.22%2029.1399%201081.22%2058.3398C1115.11%2079.5598%201149.28%20101.151%201183.29%20122.141C1262.54%20175.531%201321.59%20190.75%201410.22%20150.91C1439.48%20139.88%201475.93%20123.69%201493.4%20154.61C1511.62%20193.29%201506.31%20242.471%201507.79%20284.971C1507.41%20345.651%201508.84%20407.931%201480.75%20455.98C1449.13%20510.31%201383.33%20551.6%201323.01%20553.16C1263.29%20554.92%201212.37%20514.28%201161.56%20489.59C1063.31%20440.92%201074.25%20558.1%201053.44%20618.46C1033.19%20683.41%20973.4%20733.02%20906.42%20742.53C779.67%20758.24%20682.75%20613.26%20563.15%20615.38L561.44%20615.41L561.45%20615.42C437.25%20620.74%20334.44%20762.091%20210.33%20772.181C138.17%20772.771%2066.3298%20728.04%2028.0098%20667.99C-2.67006%20617.01%200.399981%20547.381%200%20482.801C1.84%20436.391%20-9.44002%20338.821%2060.5996%20347.511C97.1896%20354.201%20131.26%20378.64%20168.17%20386.95C256.56%20410.26%20335.38%20336.57%20410.05%20294.92C586.86%20175.27%20613.5%20239.08%20774.5%20330.4C809.96%20350.92%20848.05%20369.76%20889.72%20368.23C933.2%20367.85%20992.43%20338.78%201004.74%20303.8C1034.1%20212.92%20786.17%20162.93%20806.18%2076.6201C818.42%2036.4602%20888.66%20-0.349768%20936.18%200.0400391ZM2110.81%20287.218C2137.01%20287.218%202160.59%20292.048%202181.56%20301.728C2202.51%20311.397%202218.95%20325.608%202230.84%20344.357C2242.73%20363.107%202248.68%20385.388%202248.68%20411.178V520.027L2248.66%20520.048C2248.66%20540.208%202249.66%20557.638%202251.68%20572.348C2253.69%20587.068%202257.12%20602.488%202261.96%20618.607H2194.84C2191.61%20606.917%202188.99%20592.707%202186.98%20575.978C2184.96%20559.258%202183.96%20544.238%202183.96%20530.928V507.348C2152.52%20585.958%202106.15%20625.258%202044.88%20625.258C2017.06%20625.258%201995.38%20617.907%201979.87%20603.188C1964.35%20588.468%201956.59%20569.018%201956.59%20544.828C1956.59%20523.058%201965.45%20502.708%201983.2%20483.758C2000.94%20464.808%202026.84%20448.278%202060.91%20434.168C2094.97%20420.058%202135.79%20409.578%202183.36%20402.718C2181.75%20380.948%202173.89%20363.718%202159.78%20351.018C2145.67%20338.318%202127.93%20331.968%202106.57%20331.968C2077.95%20331.968%202055.48%20342.058%202039.15%20362.208C2022.82%20382.368%202012.04%20404.528%202006.8%20428.718L1949.96%20414.808C1962.05%20374.498%201981.9%20343.147%202009.52%20320.777C2037.13%20298.408%202070.9%20287.218%202110.81%20287.218ZM2801.01%20287.218C2833.26%20287.218%202860.77%20295.078%202883.55%20310.798C2906.32%20326.518%202923.55%20347.388%202935.25%20373.388H2935.26C2946.95%20399.388%202953.4%20428.108%202954.61%20459.558H2704.87C2704.87%20482.528%202709.3%20503.298%202718.17%20521.838C2727.03%20540.388%202738.82%20554.798%202753.54%20565.078C2768.25%20575.358%202784.08%20580.498%202801.01%20580.498C2826%20580.498%202845.85%20572.638%202860.57%20556.918C2875.29%20541.198%202885.06%20520.038%202889.9%20493.428L2950.37%20506.128C2942.71%20539.598%202926.69%20567.808%202902.3%20590.788C2877.9%20613.768%202844.14%20625.258%202801.01%20625.258C2766.74%20625.258%202737.52%20617.298%202713.33%20601.368C2689.15%20585.448%202670.9%20564.577%202658.61%20538.777C2646.3%20512.987%202640.16%20484.967%202640.16%20455.938C2640.16%20426.908%202646.31%20399.497%202658.61%20373.697C2670.9%20347.898%202689.14%20327.037%202713.33%20311.107C2737.52%20295.188%202766.74%20287.218%202801.01%20287.218ZM3227.12%20334.987H3091.06V520.628C3091.06%20541.188%203094.7%20556.308%203101.95%20565.978C3109.21%20575.648%203119.29%20580.487%203132.19%20580.487C3146.71%20580.487%203159.71%20575.257%203171.2%20564.768C3182.69%20554.29%203191.85%20538.373%203198.71%20517.01L3248.89%20539.378C3238%20565.178%203221.77%20585.938%203200.21%20601.658C3178.64%20617.378%203154.96%20625.237%203129.16%20625.237C3096.9%20625.237%203071.71%20615.978%203053.57%20597.428C3035.43%20578.888%203026.36%20552.287%203026.36%20517.607V334.987H2959.24V293.868H3227.12V334.987ZM2457.72%20287.197C2503.27%20287.197%202538.54%20300.708%202563.54%20327.708C2588.53%20354.728%202604.45%20386.778%202611.31%20423.857L2552.05%20434.748C2546%20403.308%202534.91%20378.318%202518.79%20359.768C2502.67%20341.238%202481.91%20331.958%202456.51%20331.958C2439.98%20331.958%202424.36%20337.608%202409.65%20348.888V348.857C2394.93%20360.157%202383.14%20375.278%202374.28%20394.218C2365.41%20413.178%202360.98%20433.728%202360.98%20455.897C2360.98%20478.067%202365.41%20498.738%202374.28%20517.878C2383.14%20537.038%202394.93%20552.258%202409.65%20563.538C2424.36%20574.828%202439.98%20580.468%202456.51%20580.468C2481.9%20580.468%202502.67%20571.208%202518.79%20552.658C2534.91%20534.128%202546%20509.128%202552.05%20477.678L2611.31%20488.567C2604.46%20525.667%202588.53%20557.718%202563.54%20584.718C2538.54%20611.728%202503.27%20625.228%202457.72%20625.228C2425.87%20625.227%202397.65%20617.467%202373.06%20601.947C2348.47%20586.437%202329.52%20565.768%202316.22%20539.968C2302.91%20514.168%202296.26%20485.738%202296.26%20455.908C2296.26%20426.078%202302.91%20398.258%202316.22%20372.458C2329.52%20346.668%202348.47%20326.008%202373.06%20310.478C2397.65%20294.968%202425.87%20287.197%202457.72%20287.197ZM1884.22%20146.928C1908.4%20146.928%201931.28%20153.188%201952.85%20165.678C1974.41%20178.178%201993.26%20196.518%202009.39%20220.708L1960.41%20249.728C1941.46%20211.028%201916.47%20191.678%201885.43%20191.678C1869.3%20191.678%201855.9%20197.628%201845.22%20209.518C1834.54%20221.408%201829.2%20238.638%201829.2%20261.218V293.868H1950.74V334.998H1829.2V618.598H1764.49V334.998H1699.79V293.878H1764.49V263.638C1764.49%20226.958%201774.86%20198.328%201795.63%20177.768C1816.39%20157.208%201845.92%20146.928%201884.22%20146.928ZM2183.36%20432.947C2132.16%20443.437%202092.35%20457.137%202063.93%20474.067C2035.51%20490.997%202021.3%20510.948%202021.3%20533.928C2021.3%20547.638%202025.63%20558.827%202034.3%20567.487C2042.97%20576.157%202054.95%20580.487%202070.28%20580.487C2088.83%20580.487%202106.46%20573.038%202123.2%20558.118C2139.93%20543.208%202153.64%20524.257%202164.32%20501.277H2164.31C2174.99%20478.298%202181.34%20455.527%202183.36%20432.947ZM3198.71%20517.01L3198.7%20517.008L3198.71%20516.998C3198.71%20517.002%203198.71%20517.006%203198.71%20517.01ZM2799.8%20331.958C2778.83%20331.958%202759.98%20340.117%202743.26%20356.447C2726.52%20372.777%202714.93%20394.448%202708.49%20421.458H2890.5C2883.64%20394.048%202872.36%20372.277%202856.64%20356.147C2840.92%20340.028%202821.96%20331.958%202799.8%20331.958ZM3303.81%20298.938H3288.91V336.588H3282.71V298.938H3267.86V294.448H3303.81V298.938ZM3318.32%20294.448L3330.27%20334.338L3342%20294.448H3352.52V336.588H3346.44V296.908L3334.71%20336.588H3325.88L3313.83%20296.968V336.588H3307.8V294.448H3318.32Z'%20fill%3D'%2523000'%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
            mask: url("data:image/svg+xml,%3Csvg%20width%3D'130'%20height%3D'30'%20viewBox%3D'0%200%203353%20773'%20fill%3D'none'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M936.18%200.0400391C986.72%20-1.25996%201034.22%2029.1399%201081.22%2058.3398C1115.11%2079.5598%201149.28%20101.151%201183.29%20122.141C1262.54%20175.531%201321.59%20190.75%201410.22%20150.91C1439.48%20139.88%201475.93%20123.69%201493.4%20154.61C1511.62%20193.29%201506.31%20242.471%201507.79%20284.971C1507.41%20345.651%201508.84%20407.931%201480.75%20455.98C1449.13%20510.31%201383.33%20551.6%201323.01%20553.16C1263.29%20554.92%201212.37%20514.28%201161.56%20489.59C1063.31%20440.92%201074.25%20558.1%201053.44%20618.46C1033.19%20683.41%20973.4%20733.02%20906.42%20742.53C779.67%20758.24%20682.75%20613.26%20563.15%20615.38L561.44%20615.41L561.45%20615.42C437.25%20620.74%20334.44%20762.091%20210.33%20772.181C138.17%20772.771%2066.3298%20728.04%2028.0098%20667.99C-2.67006%20617.01%200.399981%20547.381%200%20482.801C1.84%20436.391%20-9.44002%20338.821%2060.5996%20347.511C97.1896%20354.201%20131.26%20378.64%20168.17%20386.95C256.56%20410.26%20335.38%20336.57%20410.05%20294.92C586.86%20175.27%20613.5%20239.08%20774.5%20330.4C809.96%20350.92%20848.05%20369.76%20889.72%20368.23C933.2%20367.85%20992.43%20338.78%201004.74%20303.8C1034.1%20212.92%20786.17%20162.93%20806.18%2076.6201C818.42%2036.4602%20888.66%20-0.349768%20936.18%200.0400391ZM2110.81%20287.218C2137.01%20287.218%202160.59%20292.048%202181.56%20301.728C2202.51%20311.397%202218.95%20325.608%202230.84%20344.357C2242.73%20363.107%202248.68%20385.388%202248.68%20411.178V520.027L2248.66%20520.048C2248.66%20540.208%202249.66%20557.638%202251.68%20572.348C2253.69%20587.068%202257.12%20602.488%202261.96%20618.607H2194.84C2191.61%20606.917%202188.99%20592.707%202186.98%20575.978C2184.96%20559.258%202183.96%20544.238%202183.96%20530.928V507.348C2152.52%20585.958%202106.15%20625.258%202044.88%20625.258C2017.06%20625.258%201995.38%20617.907%201979.87%20603.188C1964.35%20588.468%201956.59%20569.018%201956.59%20544.828C1956.59%20523.058%201965.45%20502.708%201983.2%20483.758C2000.94%20464.808%202026.84%20448.278%202060.91%20434.168C2094.97%20420.058%202135.79%20409.578%202183.36%20402.718C2181.75%20380.948%202173.89%20363.718%202159.78%20351.018C2145.67%20338.318%202127.93%20331.968%202106.57%20331.968C2077.95%20331.968%202055.48%20342.058%202039.15%20362.208C2022.82%20382.368%202012.04%20404.528%202006.8%20428.718L1949.96%20414.808C1962.05%20374.498%201981.9%20343.147%202009.52%20320.777C2037.13%20298.408%202070.9%20287.218%202110.81%20287.218ZM2801.01%20287.218C2833.26%20287.218%202860.77%20295.078%202883.55%20310.798C2906.32%20326.518%202923.55%20347.388%202935.25%20373.388H2935.26C2946.95%20399.388%202953.4%20428.108%202954.61%20459.558H2704.87C2704.87%20482.528%202709.3%20503.298%202718.17%20521.838C2727.03%20540.388%202738.82%20554.798%202753.54%20565.078C2768.25%20575.358%202784.08%20580.498%202801.01%20580.498C2826%20580.498%202845.85%20572.638%202860.57%20556.918C2875.29%20541.198%202885.06%20520.038%202889.9%20493.428L2950.37%20506.128C2942.71%20539.598%202926.69%20567.808%202902.3%20590.788C2877.9%20613.768%202844.14%20625.258%202801.01%20625.258C2766.74%20625.258%202737.52%20617.298%202713.33%20601.368C2689.15%20585.448%202670.9%20564.577%202658.61%20538.777C2646.3%20512.987%202640.16%20484.967%202640.16%20455.938C2640.16%20426.908%202646.31%20399.497%202658.61%20373.697C2670.9%20347.898%202689.14%20327.037%202713.33%20311.107C2737.52%20295.188%202766.74%20287.218%202801.01%20287.218ZM3227.12%20334.987H3091.06V520.628C3091.06%20541.188%203094.7%20556.308%203101.95%20565.978C3109.21%20575.648%203119.29%20580.487%203132.19%20580.487C3146.71%20580.487%203159.71%20575.257%203171.2%20564.768C3182.69%20554.29%203191.85%20538.373%203198.71%20517.01L3248.89%20539.378C3238%20565.178%203221.77%20585.938%203200.21%20601.658C3178.64%20617.378%203154.96%20625.237%203129.16%20625.237C3096.9%20625.237%203071.71%20615.978%203053.57%20597.428C3035.43%20578.888%203026.36%20552.287%203026.36%20517.607V334.987H2959.24V293.868H3227.12V334.987ZM2457.72%20287.197C2503.27%20287.197%202538.54%20300.708%202563.54%20327.708C2588.53%20354.728%202604.45%20386.778%202611.31%20423.857L2552.05%20434.748C2546%20403.308%202534.91%20378.318%202518.79%20359.768C2502.67%20341.238%202481.91%20331.958%202456.51%20331.958C2439.98%20331.958%202424.36%20337.608%202409.65%20348.888V348.857C2394.93%20360.157%202383.14%20375.278%202374.28%20394.218C2365.41%20413.178%202360.98%20433.728%202360.98%20455.897C2360.98%20478.067%202365.41%20498.738%202374.28%20517.878C2383.14%20537.038%202394.93%20552.258%202409.65%20563.538C2424.36%20574.828%202439.98%20580.468%202456.51%20580.468C2481.9%20580.468%202502.67%20571.208%202518.79%20552.658C2534.91%20534.128%202546%20509.128%202552.05%20477.678L2611.31%20488.567C2604.46%20525.667%202588.53%20557.718%202563.54%20584.718C2538.54%20611.728%202503.27%20625.228%202457.72%20625.228C2425.87%20625.227%202397.65%20617.467%202373.06%20601.947C2348.47%20586.437%202329.52%20565.768%202316.22%20539.968C2302.91%20514.168%202296.26%20485.738%202296.26%20455.908C2296.26%20426.078%202302.91%20398.258%202316.22%20372.458C2329.52%20346.668%202348.47%20326.008%202373.06%20310.478C2397.65%20294.968%202425.87%20287.197%202457.72%20287.197ZM1884.22%20146.928C1908.4%20146.928%201931.28%20153.188%201952.85%20165.678C1974.41%20178.178%201993.26%20196.518%202009.39%20220.708L1960.41%20249.728C1941.46%20211.028%201916.47%20191.678%201885.43%20191.678C1869.3%20191.678%201855.9%20197.628%201845.22%20209.518C1834.54%20221.408%201829.2%20238.638%201829.2%20261.218V293.868H1950.74V334.998H1829.2V618.598H1764.49V334.998H1699.79V293.878H1764.49V263.638C1764.49%20226.958%201774.86%20198.328%201795.63%20177.768C1816.39%20157.208%201845.92%20146.928%201884.22%20146.928ZM2183.36%20432.947C2132.16%20443.437%202092.35%20457.137%202063.93%20474.067C2035.51%20490.997%202021.3%20510.948%202021.3%20533.928C2021.3%20547.638%202025.63%20558.827%202034.3%20567.487C2042.97%20576.157%202054.95%20580.487%202070.28%20580.487C2088.83%20580.487%202106.46%20573.038%202123.2%20558.118C2139.93%20543.208%202153.64%20524.257%202164.32%20501.277H2164.31C2174.99%20478.298%202181.34%20455.527%202183.36%20432.947ZM3198.71%20517.01L3198.7%20517.008L3198.71%20516.998C3198.71%20517.002%203198.71%20517.006%203198.71%20517.01ZM2799.8%20331.958C2778.83%20331.958%202759.98%20340.117%202743.26%20356.447C2726.52%20372.777%202714.93%20394.448%202708.49%20421.458H2890.5C2883.64%20394.048%202872.36%20372.277%202856.64%20356.147C2840.92%20340.028%202821.96%20331.958%202799.8%20331.958ZM3303.81%20298.938H3288.91V336.588H3282.71V298.938H3267.86V294.448H3303.81V298.938ZM3318.32%20294.448L3330.27%20334.338L3342%20294.448H3352.52V336.588H3346.44V296.908L3334.71%20336.588H3325.88L3313.83%20296.968V336.588H3307.8V294.448H3318.32Z'%20fill%3D'%2523000'%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
    background: linear-gradient(100deg, rgba(255,255,255,0.18) 30%, rgba(255,255,255,0.92) 50%, rgba(255,255,255,0.18) 70%);
    background-size: 280% 100%;
    animation: facetShimmer 1.6s ease-in-out infinite;
}
@keyframes facetShimmer { 0% { background-position: 180% 0; } 100% { background-position: -80% 0; } }

/* ── Home page ── */
.home-hero { margin-bottom: 3.5rem; }
.home-eyebrow {
    font-family: 'DM Mono', monospace;
    font-size: 0.72rem; font-weight: 500; letter-spacing: 0.12em; text-transform: uppercase;
    color: var(--accent); margin-bottom: 1rem;
}
.home-title {
    font-family: 'Instrument Serif', serif; font-style: italic; font-weight: 400;
    font-size: clamp(2.8rem, 6vw, 4rem); letter-spacing: 0;
    line-height: 1.02; color: #fff; margin-bottom: 1rem;
}
.home-sub { font-size: 1rem; color: var(--txt-dim); max-width: 480px; }

.doc-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 1rem; }

/* Doc card — living gradient border + breathing aurora, like the pricing
   page's Recommended card. */
.doc-card {
    position: relative;
    display: flex; flex-direction: column; justify-content: space-between;
    padding: 2.75rem;
    border: 1px solid transparent;
    background:
        linear-gradient(var(--bg2), var(--bg2)) padding-box,
        conic-gradient(from var(--fct-a),
            rgba(193,255,114,0.75), rgba(127,212,255,0.35) 24%,
            rgba(255,255,255,0.06) 46%, rgba(255,255,255,0.10) 60%,
            rgba(193,255,114,0.30) 80%, rgba(193,255,114,0.75)) border-box;
    border-radius: 36px;
    text-decoration: none; color: var(--txt);
    aspect-ratio: 1.1;
    animation: fctOrbit 9s linear infinite;
    transition: transform 0.15s;
    cursor: pointer;
    overflow: hidden;
}
@keyframes fctOrbit { to { --fct-a: 360deg; } }
.doc-card::after {
    content: ''; position: absolute; inset: 0; z-index: 0; border-radius: inherit; pointer-events: none;
    background:
        radial-gradient(120% 55% at 28% 0%, rgba(193,255,114,0.12), transparent 60%),
        radial-gradient(90% 45% at 85% 8%, rgba(127,212,255,0.08), transparent 55%);
    animation: fctBreathe 5s ease-in-out infinite;
}
@keyframes fctBreathe { 0%, 100% { opacity: 0.5; } 50% { opacity: 1; } }
.doc-card > * { position: relative; z-index: 1; }
.doc-card:hover { transform: translateY(-3px); }
.doc-card-label {
    font-family: 'DM Mono', monospace;
    font-size: 0.72rem; font-weight: 500; letter-spacing: 0.1em; text-transform: uppercase;
    color: var(--txt-dimmer); margin-bottom: 0.75rem;
}
.doc-card-title {
    font-family: 'Instrument Serif', serif; font-weight: 400;
    font-size: 1.7rem; letter-spacing: 0;
    color: #fff; line-height: 1.15;
}
.doc-card-arrow {
    display: flex; align-items: center; gap: 0.5rem;
    font-family: 'DM Mono', monospace;
    font-size: 0.78rem; color: var(--txt-dimmer);
    margin-top: 2rem;
    transition: color 0.15s, gap 0.15s;
}
.doc-card:hover .doc-card-arrow { color: var(--accent); gap: 0.75rem; }

/* ── Reduced motion ── */
@media (prefers-reduced-motion: reduce) {
    .doc-card, .doc-card::after, .loader-logo, .skeleton-line { animation: none; }
}

/* ── Responsive ── */
@media (max-width: 640px) {
    nav { padding: 0.75rem 1rem; }
    .nav-links { display: none; }
    main { padding: 3rem 1.25rem 5rem; }
    footer { padding: 1rem; }
    .related-links { border-radius: 20px; }
    .doc-grid { grid-template-columns: 1fr; }
}