@import "https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,300;0,400;0,500;0,600;0,700;1,400;1,500&family=Libre+Franklin:wght@200;300;400;500;600&family=JetBrains+Mono:wght@300;400;500&display=swap";:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#fafaf8;--bg-nav:#fafaf8eb;--surface:#fff;--surface-glass:#ffffffb3;--surface-glass-strong:#fffffff0;--surface-tint:#c2b8a32e;--surface-tint-soft:#c2b8a31f;--placeholder:#efece6;--ink:#1a1a1a;--ink-strong:#2a2a28;--text:#55504a;--text-soft:#6b6355;--text-faint:#7d766a;--accent:#6a5f4b;--accent-mid:#7a6e58;--accent-soft:#9c8f76;--accent-line:#c2b8a3;--accent-dot:#6b8a6b;--line:#c2b8a359;--line-soft:#c2b8a338;--line-strong:#c2b8a399;--line-card:#c2b8a338;--line-card-hover:#c2b8a38c;--solid-bg:#1a1a1a;--solid-bg-hover:#2a2a28;--solid-fg:#f5f2ec;--chip-bg:#2a2a28;--chip-fg:#f0ece5;--field-bg:#fff;--field-border:#9c8f76;--focus-ring:#6a5f4b38;--tile-hover-bg:#2a2a28;--tile-hover-ink:#f2eee7;--tile-hover-text:#b3aa9c;--tile-hover-item:#ddd6c7;--tile-hover-accent:#c2b8a3;--wa:#25d366;--wa-rgb:37, 211, 102;--shadow-rgb:26, 26, 26;--fade-surface:#fffffff5;--fade-surface-0:#fff0;--img-filter:saturate(.85);--backdrop-dim:1;--marble-1:radial-gradient(ellipse 95% 85% at 20% 30%, #c6bdac29 0%, transparent 72%), radial-gradient(ellipse 90% 80% at 80% 70%, #b8b0a021 0%, transparent 68%), radial-gradient(ellipse 105% 95% at 50% 50%, #cdc7ba1a 0%, transparent 80%);--marble-2:radial-gradient(ellipse 95% 85% at 25% 35%, #bcb3a338 0%, transparent 74%), radial-gradient(ellipse 90% 80% at 75% 65%, #aca3922e 0%, transparent 70%), linear-gradient(160deg, #f2eee6 0%, #e8e2d6 55%, #dcd4c4 100%);--halo-1:radial-gradient(circle, #baaf986b 0%, #baaf9800 70%);--halo-2:radial-gradient(circle, #7e725d42 0%, #7e725d00 72%);--backdrop-wash:radial-gradient(ellipse 90% 55% at 50% 0%, #faf9f5eb 0%, #faf9f500 72%), linear-gradient(165deg, #f7f4eee6 0%, #eee9dfbd 45%, #e0d7c6e0 100%);--blueprint:#1a1a1a;--blueprint-op:.025;--star-empty:#9c8f7673;--dot-idle:#9c8f7666;--status-done:#3f5c3f;--status-wip:#6d5f16;--status-plan:#435466;--nav-glass:#fafaf89e;--nav-glass-strong:#fafaf8c7;--nav-sheen:#ffffffb3;--nav-item-hover:#c2b8a32e;--cta-face:#fcfbf8e0;--cta-ring:#c2b8a373;--cta-spark:#96855cf2;--cta-spark-soft:#c2b8a380;--cta-glow:#96855c4d}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#121211;--bg-nav:#121211e6;--surface:#1b1a18;--surface-glass:#282622a8;--surface-glass-strong:#1f1e1beb;--surface-tint:#c2b8a31f;--surface-tint-soft:#c2b8a312;--placeholder:#232220;--ink:#f3efe8;--ink-strong:#ebe6dc;--text:#b7ada0;--text-soft:#a3998b;--text-faint:#8c8478;--accent:#c2b8a3;--accent-mid:#cabd9f;--accent-soft:#a89b81;--accent-line:#8a8069;--accent-dot:#8fb08f;--line:#c2b8a32e;--line-soft:#c2b8a31f;--line-strong:#c2b8a352;--line-card:#c2b8a321;--line-card-hover:#c2b8a34d;--solid-bg:#e9e3d7;--solid-bg-hover:#fffdf6;--solid-fg:#17170f;--chip-bg:#e9e3d7;--chip-fg:#1a1a18;--field-bg:#141312;--field-border:#c2b8a342;--focus-ring:#c2b8a338;--tile-hover-bg:#262420;--shadow-rgb:0, 0, 0;--fade-surface:#1b1a18f5;--fade-surface-0:#1b1a1800;--img-filter:saturate(.78) brightness(.82);--backdrop-dim:.55;--marble-1:radial-gradient(ellipse 95% 85% at 20% 30%, #c2b8a30f 0%, transparent 72%), radial-gradient(ellipse 90% 80% at 80% 70%, #a0947c0d 0%, transparent 68%), radial-gradient(ellipse 105% 95% at 50% 50%, #cdc7ba0a 0%, transparent 80%);--marble-2:radial-gradient(ellipse 95% 85% at 25% 35%, #c2b8a314 0%, transparent 74%), radial-gradient(ellipse 90% 80% at 75% 65%, #a0947c12 0%, transparent 70%), linear-gradient(160deg, #1a1917 0%, #161514 55%, #100f0e 100%);--halo-1:radial-gradient(circle, #96886c29 0%, #96886c00 70%);--halo-2:radial-gradient(circle, #6e635024 0%, #6e635000 72%);--backdrop-wash:radial-gradient(ellipse 90% 55% at 50% 0%, #121211ed 0%, #12121100 72%), linear-gradient(165deg, #141311e6 0%, #1a1916c7 45%, #0d0d0ceb 100%);--blueprint:#f2eee7;--blueprint-op:.04;--star-empty:#c2b8a33d;--dot-idle:#c2b8a347;--status-done:#8fb489;--status-wip:#cdb84f;--status-plan:#8fa9c4;--nav-glass:#1212118c;--nav-glass-strong:#121211b8;--nav-sheen:#ffffff12;--nav-item-hover:#c2b8a31a;--cta-face:#181715db;--cta-ring:#c2b8a338;--cta-spark:#e6d8b4;--cta-spark-soft:#c2b8a36b;--cta-glow:#d6c49647}body{background:var(--bg);color:var(--ink);transition:background-color .45s,color .45s}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;scroll-padding-top:80px}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--accent-line);border-radius:3px}@keyframes fadeUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes heroFadeUp{0%{opacity:0;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}@keyframes heroLineGrow{0%{opacity:0;width:0}to{opacity:1;width:32px}}@keyframes pulseDot{0%,to{box-shadow:0 0 #6b8a6b80}70%{box-shadow:0 0 0 8px #6b8a6b00}}@keyframes scrollCue{0%,to{opacity:.5;transform:translateY(0)}50%{opacity:1;transform:translateY(4px)}}.hero-card{background:var(--placeholder);cursor:pointer;box-shadow:0 18px 42px -26px rgba(var(--shadow-rgb), .45);border-radius:20px;transition:transform .55s cubic-bezier(.2,.8,.2,1),box-shadow .55s;position:relative;overflow:hidden}.hero-card:hover{box-shadow:0 32px 64px -28px rgba(var(--shadow-rgb), .55);transform:translateY(-7px)}.hero-card>img{object-fit:cover;width:100%;height:100%;filter:var(--img-filter);transition:transform .9s cubic-bezier(.2,.8,.2,1);display:block}.hero-card:hover>img{transform:scale(1.06)}.hero-pill{transition:transform .3s,background .3s,color .3s,border-color .3s,box-shadow .3s}.hero-pill:hover{transform:translateY(-2px)}.hero-pill-solid:hover{background:var(--solid-bg-hover);box-shadow:0 16px 32px -16px rgba(var(--shadow-rgb), .6)}.hero-pill-ghost:hover{border-color:var(--accent-line);background:var(--surface)}.hero-pill-wa,.hero-pill-ghost.hero-pill-wa:hover{border-color:var(--wa)}.hero-pill-wa:hover{background:rgba(var(--wa-rgb), .08);box-shadow:0 14px 30px -16px rgba(var(--wa-rgb), .55)}.card{background:var(--surface);border:1px solid var(--line-card);box-shadow:0 18px 44px -32px rgba(var(--shadow-rgb), .5);border-radius:22px;transition:transform .5s cubic-bezier(.2,.8,.2,1),box-shadow .5s,border-color .5s,background .45s;position:relative}.card-hover:hover{box-shadow:0 34px 64px -34px rgba(var(--shadow-rgb), .55);border-color:var(--line-card-hover);transform:translateY(-6px)}.zoom{overflow:hidden}.zoom>img{object-fit:cover;width:100%;height:100%;filter:var(--img-filter);transition:transform .9s cubic-bezier(.2,.8,.2,1);display:block}.card-hover:hover .zoom>img{transform:scale(1.06)}.pill{border-radius:999px;transition:transform .3s,background .3s,color .3s,border-color .3s,box-shadow .3s}.pill:hover{transform:translateY(-2px)}.field{border-radius:14px;transition:border-color .3s,box-shadow .3s,background .3s}.field:focus{border-color:var(--accent);box-shadow:0 0 0 4px var(--focus-ring)}.field::placeholder{color:var(--text-faint)}.link-soft{transition:color .3s,transform .3s}.link-soft:hover{color:var(--ink);transform:translate(4px)}.credit-link{color:var(--accent);text-decoration:none;transition:color .3s}.credit-link:hover{color:var(--ink);text-underline-offset:3px;text-decoration:underline}.bento{grid-template-columns:1fr;gap:18px;max-width:1200px;margin:0 auto;display:grid}@media (width>=700px){.bento{grid-template-columns:repeat(2,1fr)}}@media (width>=1000px){.bento{grid-template-columns:repeat(3,1fr)}}.bento-inner{z-index:1;flex-direction:column;gap:24px;height:100%;display:flex;position:relative}.bento-items{align-content:end;gap:8px;margin-top:auto;display:grid}.bento-mark{opacity:.05;color:var(--accent-mid);pointer-events:none;-webkit-user-select:none;user-select:none;font-size:170px;line-height:1;transition:color .45s,opacity .45s;position:absolute;bottom:-40px;right:-18px}.bento-tile{transition:background .45s,border-color .45s,transform .5s cubic-bezier(.2,.8,.2,1),box-shadow .5s}.bento-tile:hover{background:var(--tile-hover-bg);border-color:var(--line-strong)}.bento-icon{background:var(--surface-tint);color:var(--accent-mid);transition:background .45s,color .45s}.bento-tile:hover .bento-icon{color:var(--tile-hover-accent);background:#c2b8a333}.bento-title{color:var(--ink);transition:color .45s}.bento-tile:hover .bento-title{color:var(--tile-hover-ink)}.bento-desc{color:var(--text);transition:color .45s}.bento-tile:hover .bento-desc{color:var(--tile-hover-text)}.bento-item{background:var(--surface-tint-soft);color:var(--text);transition:background .45s,color .45s}.bento-tile:hover .bento-item{color:var(--tile-hover-item);background:#ffffff0f}.bento-item>span{color:var(--accent-soft);transition:color .45s}.bento-tile:hover .bento-item>span{color:var(--tile-hover-accent)}.bento-tile:hover .bento-mark{color:var(--tile-hover-accent);opacity:.08}.process-grid{grid-template-columns:1fr;gap:32px;max-width:1200px;margin:0 auto;display:grid}.process-panel{border-radius:26px;order:-1;height:300px;position:relative;overflow:hidden}@media (width>=960px){.process-grid{grid-template-columns:1fr 1fr;align-items:center;gap:48px}.process-panel{order:0;height:460px}}.process-step{font:inherit;text-align:left;cursor:pointer;-webkit-tap-highlight-color:transparent;width:100%;overflow:hidden}.process-step:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.process-mark{background:var(--ink-strong);border-radius:0 3px 3px 0;width:3px;animation:.4s ease-out both fadeIn;position:absolute;top:22px;bottom:22px;left:0}.process-num{transition:background .45s,color .45s}.process-photo{object-fit:cover;width:100%;height:100%;filter:var(--img-filter);transition:opacity .7s,transform 1.4s cubic-bezier(.2,.8,.2,1);position:absolute;inset:0}.process-veil{pointer-events:none;background:linear-gradient(to top, var(--fade-surface) 0%, var(--fade-surface-0) 42%);position:absolute;inset:0}.process-legend{letter-spacing:1.6px;text-transform:uppercase;color:var(--ink-strong);justify-content:space-between;align-items:center;gap:16px;font-family:JetBrains Mono,monospace;font-size:9.5px;display:flex;position:absolute;bottom:20px;left:22px;right:22px}@media (width>=960px){.process-legend{letter-spacing:2px;font-size:10.5px;bottom:22px;left:26px;right:26px}}.fab{transition:transform .35s cubic-bezier(.2,.8,.2,1),opacity .35s,box-shadow .35s,background .35s}.fab:hover{transform:translateY(-3px)scale(1.05)}.fab-wa{animation:2.8s ease-out infinite pulseRing}.fab-wa:hover{animation-play-state:paused}.fab-label{opacity:0;pointer-events:none;transition:opacity .35s,transform .35s cubic-bezier(.2,.8,.2,1);transform:translate(10px)}.fab-wrap:hover .fab-label,.fab-wrap:focus-within .fab-label{opacity:1;transform:translate(0)}@keyframes pulseRing{0%,to{box-shadow:0 18px 38px -16px rgba(var(--wa-rgb), .85), 0 0 0 0 rgba(var(--wa-rgb), .45)}70%{box-shadow:0 18px 38px -16px rgba(var(--wa-rgb), .85), 0 0 0 16px rgba(var(--wa-rgb), 0)}}.carousel-track{scrollbar-width:none;-ms-overflow-style:none}.carousel-track::-webkit-scrollbar{display:none}.carousel-btn{transition:background .3s,border-color .3s,color .3s,transform .3s,opacity .3s}.carousel-btn:not(:disabled):hover{background:var(--chip-bg);border-color:var(--chip-bg);color:var(--chip-fg);transform:translateY(-2px)}.carousel-btn:disabled{opacity:.3;cursor:default}.carousel-dot{transition:width .35s cubic-bezier(.2,.8,.2,1),background .35s}.carousel-dots{align-items:center;gap:7px;display:flex}.carousel-count{display:none}@media (width<=640px){.carousel-dots{display:none}.carousel-count{display:block}}@media (prefers-reduced-motion:reduce){.carousel-btn,.carousel-dot{transition:none}.carousel-btn:not(:disabled):hover{transform:none}.hero-card,.hero-card>img,.hero-pill,.card,.zoom>img,.pill,.link-soft,.fab,.fab-label,.bento-tile,.bento-icon,.bento-title,.bento-desc,.bento-item,.bento-item>span,.bento-mark,.process-num,.process-photo{transition:none}.hero-card:hover,.card-hover:hover,.pill:hover,.link-soft:hover,.fab:hover{transform:none}.fab-wa,.process-mark{animation:none}}.theme-toggle{border:1px solid var(--line);background:var(--surface-glass);width:38px;height:38px;color:var(--text);cursor:pointer;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;transition:color .3s,background .3s,border-color .3s,transform .3s;display:inline-flex}.theme-toggle:hover{color:var(--ink);border-color:var(--line-strong);transform:translateY(-1px)}.theme-toggle:focus-visible{outline:2px solid var(--accent);outline-offset:3px}@media (prefers-reduced-motion:reduce){.theme-toggle{transition:none}.theme-toggle:hover{transform:none}}.nav-glass{z-index:100;background:var(--nav-glass);-webkit-backdrop-filter:blur(22px)saturate(180%);border-bottom:1px solid var(--line-soft);box-shadow:inset 0 1px 0 var(--nav-sheen), 0 1px 20px rgba(var(--shadow-rgb), .03);padding:20px 48px;transition:padding .4s,background .4s,box-shadow .4s,border-color .4s;position:fixed;top:0;left:0;right:0}.nav-glass[data-scrolled]{background:var(--nav-glass-strong);border-color:var(--line);box-shadow:inset 0 1px 0 var(--nav-sheen), 0 10px 34px -18px rgba(var(--shadow-rgb), .35);padding:12px 48px}@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.nav-glass,.nav-glass[data-scrolled]{background:var(--bg-nav)}}.nav-inner{justify-content:space-between;align-items:center;gap:24px;max-width:1200px;margin:0 auto;display:flex}.nav-actions{align-items:center;gap:14px;display:flex}.nav-links{align-items:center;gap:2px;display:flex}.nav-link{letter-spacing:2.5px;text-transform:uppercase;color:var(--text);cursor:pointer;-webkit-tap-highlight-color:transparent;border-radius:999px;padding:9px 15px;font-family:Libre Franklin,sans-serif;font-size:12px;text-decoration:none;transition:color .3s,background .3s,transform .2s;position:relative}.nav-link:after{content:"";background:var(--accent-line);height:1px;transition:transform .35s cubic-bezier(.2,.8,.2,1);position:absolute;bottom:4px;left:15px;right:15px;transform:scaleX(0)}.nav-link:hover{color:var(--ink);background:var(--nav-item-hover)}.nav-link:hover:after{transform:scaleX(1)}.nav-link:active{transform:scale(.95)}.nav-link:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.nav-cta{isolation:isolate;letter-spacing:2.5px;text-transform:uppercase;color:var(--ink);cursor:pointer;-webkit-tap-highlight-color:transparent;border-radius:999px;justify-content:center;align-items:center;padding:11px 26px;font-family:Libre Franklin,sans-serif;font-size:12px;text-decoration:none;transition:transform .3s,box-shadow .4s,color .3s;display:inline-flex;position:relative;overflow:hidden}.nav-cta:before{content:"";aspect-ratio:1;z-index:-2;background:conic-gradient(from 0deg, transparent 0 8%, var(--cta-spark-soft) 15%, var(--cta-spark) 21%, var(--cta-spark-soft) 27%, transparent 34% 58%, var(--cta-spark-soft) 65%, var(--cta-spark) 71%, var(--cta-spark-soft) 77%, transparent 84% 100%), var(--cta-ring);width:190%;animation:4.5s linear infinite ctaOrbit;position:absolute;top:50%;left:50%;translate:-50% -50%}.nav-cta:after{content:"";z-index:-1;border-radius:inherit;background:var(--cta-face);transition:background .3s;position:absolute;inset:1px}.nav-cta:hover{box-shadow:0 12px 30px -14px var(--cta-glow);transform:translateY(-1px)}.nav-cta:hover:before{animation-duration:2s}.nav-cta:active{transform:translateY(0)scale(.97)}.nav-cta:focus-visible{outline:2px solid var(--accent);outline-offset:3px}@keyframes ctaOrbit{to{rotate:360deg}}@media (width<=900px){.nav-glass,.nav-glass[data-scrolled]{padding-left:20px;padding-right:20px}}@media (prefers-reduced-motion:reduce){.nav-glass,.nav-link,.nav-link:after,.nav-cta,.nav-cta:after{transition:none}.nav-link:active,.nav-cta:hover,.nav-cta:active{transform:none}.nav-cta:before,.nav-cta:hover:before{animation:none}}
