@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-space-y-reverse:0;--tw-border-style:solid;--tw-font-weight:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000}}}@layer theme{:root,:host{--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-green-100:#dcfce7;--color-green-200:#b9f8cf;--color-green-800:#016630;--color-green-900:#0d542b;--color-gray-100:#f3f4f6;--color-gray-200:#e5e7eb;--color-gray-800:#1e2939;--spacing:.25rem;--container-md:28rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-lg:1.125rem;--text-lg--line-height:calc(1.75 / 1.125);--text-2xl:1.5rem;--text-2xl--line-height:calc(2 / 1.5);--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}@supports (color:lab(0% 0 0)){:root,:host{--color-green-100:lab(96.1861% -13.8464 6.52365);--color-green-200:lab(92.4222% -26.4702 12.9427);--color-green-800:lab(37.4616% -36.7971 22.9692);--color-green-900:lab(30.797% -29.6927 17.382);--color-gray-100:lab(96.1596% -.0823438 -1.13575);--color-gray-200:lab(91.6229% -.159115 -2.26791);--color-gray-800:lab(16.1051% -1.18239 -11.7533)}}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components{:root{--bg:#07111d;--bg2:#0d1a2c;--card:#ffffff0d;--line:#ffffff1f;--text:#f5f8ff;--muted:#bfd0e6;--acc:#59d3a4;--acc2:#ffb347;--shadow:0 24px 80px #00000059;--radius:28px;--page-pad:clamp(12px, 3.2vw, 20px);--section-pad:clamp(14px, 2.5vw, 20px)}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{color:var(--text);background:radial-gradient(1100px 700px at 15% 10%,#59d3a424,#0000 55%),radial-gradient(1000px 600px at 85% 0,#ffb3471f,#0000 52%),linear-gradient(#091321 0%,#05090f 100%);min-height:100vh;font-family:Inter,Arial,sans-serif;line-height:1.5;overflow-x:hidden}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.wrap{width:min(1440px, calc(100% - var(--page-pad) * 2));margin:0 auto}.topbar{z-index:50;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid var(--line);background:#05090fb8;position:sticky;top:0}.topbar .inner{justify-content:center;align-items:center;gap:16px;padding:14px 0;display:flex;position:relative}.topbar-brand-row{align-items:center;gap:14px;min-width:0;display:flex}.brand{text-align:center;flex-direction:column;align-items:center;gap:2px;display:flex}.brand b{font-size:18px}.brand span{color:var(--muted);font-size:13px}.brand-residence{color:#d4fff0;letter-spacing:.02em;font-size:12px}.burger{cursor:pointer;z-index:1001;background:0 0;border:none;flex-direction:column;gap:4px;padding:4px;display:flex;position:absolute;top:50%;right:0;transform:translateY(-50%)}.burger span{background:#fff;border-radius:2px;width:28px;height:3px;transition:all .3s;display:block}.burger.active span:first-child{transform:rotate(45deg)translate(5px,5px)}.burger.active span:nth-child(2){opacity:0}.burger.active span:nth-child(3){transform:rotate(-45deg)translate(5px,-5px)}.menu-overlay{z-index:998;opacity:0;visibility:hidden;background:#0009;width:100%;height:100%;transition:opacity .3s,visibility .3s;position:fixed;top:0;left:0}.menu-overlay.active{opacity:1;visibility:visible}.off-canvas-menu{border-left:1px solid var(--line);width:320px;max-width:85vw;height:100%;box-shadow:var(--shadow);z-index:999;background:#0d1a2c;flex-direction:column;padding:80px 24px 24px;transition:right .3s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;top:0;right:-320px;overflow-y:auto}.off-canvas-menu.open{right:0}.off-canvas-menu .close-btn{color:#fff;cursor:pointer;background:0 0;border:none;padding:0 8px;font-size:32px;line-height:1;transition:transform .2s;position:absolute;top:18px;right:20px}.off-canvas-menu .close-btn:hover{transform:rotate(90deg)}.off-canvas-menu nav{flex-direction:column;gap:24px;margin-top:20px;display:flex}.off-canvas-menu nav a{color:var(--muted);border-bottom:1px solid var(--line);padding-bottom:12px;font-size:22px;font-weight:500;transition:color .2s,padding-left .2s}.off-canvas-menu nav a:hover,.off-canvas-menu nav a:focus-visible{color:#fff;border-bottom-color:var(--acc);padding-left:8px}.off-canvas-menu .menu-footer{color:var(--muted);border-top:1px solid var(--line);margin-top:auto;padding-top:24px;font-size:14px}.hero{padding:34px 0 20px}.heroGrid{grid-template-columns:1.05fr .95fr;align-items:stretch;gap:22px;display:grid}.panel{border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);background:linear-gradient(#ffffff14,#ffffff08)}.heroLeft{padding:34px}.pill{color:#d4fff0;background:#59d3a41f;border:1px solid #59d3a43d;border-radius:999px;align-items:center;gap:8px;padding:9px 14px;font-size:13px;font-weight:500;display:inline-flex}h1{letter-spacing:-.04em;margin:18px 0 14px;font-size:clamp(42px,5.7vw,76px);line-height:1}.lead{color:var(--muted);max-width:68ch;margin:0;font-size:19px}.cta{flex-wrap:wrap;gap:12px;margin-top:26px;display:flex}.btn{cursor:pointer;border:1px solid #0000;border-radius:14px;justify-content:center;align-items:center;padding:14px 20px;font-weight:700;transition:background .2s,transform .1s;display:inline-flex}.btn:focus-visible{outline:3px solid var(--acc);outline-offset:2px}.btn:active{transform:scale(.97)}.btn.primary{background:linear-gradient(135deg, var(--acc), #1ea774);color:#041115}.btn.primary:hover{background:linear-gradient(135deg,#66e0b0,#1ea774)}.btn.ghost{border-color:var(--line);background:#ffffff08}.btn.ghost:hover{background:#ffffff14}.stats{grid-template-columns:repeat(3,1fr);gap:12px;margin-top:26px;display:grid}.stat{border:1px solid var(--line);background:#ffffff0d;border-radius:20px;padding:18px}.stat b{margin-bottom:4px;font-size:22px;display:block}.stat span{color:var(--muted);font-size:13px}.heroMedia{grid-template-rows:1fr auto;gap:14px;padding:18px;display:grid}.imgBox{border:1px solid var(--line);background:#0d1a2c;border-radius:24px;min-height:420px;position:relative;overflow:hidden}.imgBox img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.imgBox:after{content:"";pointer-events:none;background:linear-gradient(#05090f0d,#05090fbf);position:absolute;inset:0}.imgCap{z-index:1;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--line);background:#08121fbf;border-radius:18px;padding:16px 18px;position:absolute;bottom:18px;left:18px;right:18px}.imgCap b{margin-bottom:4px;font-size:18px;display:block}section{padding:20px 0}.sectionHead{letter-spacing:-.03em;margin:0 0 12px;font-size:34px;line-height:1.08}.sectionText{color:var(--muted);max-width:80ch;margin:0 0 18px}.cards{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.card{border:1px solid var(--line);background:#ffffff0a;border-radius:24px;padding:20px}.card h3{margin:0 0 10px;font-size:20px}.card p{color:var(--muted);margin:0}.twoCol{grid-template-columns:1fr 1fr;gap:16px;display:grid}.list{gap:10px;display:grid}.li{border:1px solid var(--line);color:var(--muted);background:#ffffff0a;border-radius:16px;padding:14px 16px}.quote{border-left:4px solid var(--acc);color:#dffdf1;background:#59d3a414;border-radius:18px;padding:24px}.gallery{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.gallery .photo{aspect-ratio:4/3;border:1px solid var(--line);background:#102038;border-radius:22px;position:relative;overflow:hidden}.gallery .photo img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.gallery .photo:after{content:"";pointer-events:none;background:linear-gradient(#0000 10%,#05090f59 100%);position:absolute;inset:0}.photoLabel{z-index:1;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--line);background:#07111dc2;border-radius:14px;padding:12px 14px;font-size:14px;position:absolute;bottom:14px;left:14px;right:14px}.projects{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.projectImg{aspect-ratio:16/10;border:1px solid var(--line);background:#102038;border-radius:20px;margin-bottom:14px;position:relative;overflow:hidden}.projectImg img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.projectImg:after{content:"";pointer-events:none;background:linear-gradient(#0000,#05090f61);position:absolute;inset:0}.wide{border:1px solid var(--line);background:#ffffff0a;border-radius:24px;padding:24px}.scheme-container{border:1px solid var(--line);background:#0d1a2c;border-radius:22px;margin-top:20px;overflow:hidden}.scheme-container img{width:100%;height:auto;display:block}.mini{color:var(--muted);font-size:13px}.form-group{margin-bottom:14px}.form-group label{color:var(--muted);margin-bottom:4px;font-size:14px;display:block}.form-group input,.form-group textarea{border:1px solid var(--line);color:#fff;background:#ffffff0d;border-radius:14px;width:100%;padding:12px 14px;font-family:inherit;font-size:16px;transition:border-color .2s}.form-group input:focus,.form-group textarea:focus{border-color:var(--acc);outline:none}.form-group textarea{resize:vertical;min-height:80px}.footer{color:var(--muted);border-top:1px solid var(--line);margin-top:20px;padding:28px 0 54px;font-size:14px}.project-brief{padding:18px 0 8px}.project-brief-panel{padding:clamp(20px,4vw,32px)}.project-brief-grid{grid-template-columns:1.4fr .9fr;align-items:start;gap:22px;display:grid}.project-brief-main .sectionText:last-child{margin-bottom:0}.project-brief-tags{gap:12px;display:grid}.brief-tag{border:1px solid var(--line);background:#ffffff0a;border-radius:18px;align-items:center;gap:14px;padding:14px 16px;transition:transform .35s,border-color .3s,background .3s;display:flex}.brief-tag:hover{background:#59d3a414;border-color:#59d3a44d;transform:translate(4px)}.brief-tag>span:first-child{font-size:24px;line-height:1}.brief-tag b{margin-bottom:2px;font-size:15px;display:block}.brief-tag div>span{color:var(--muted);font-size:13px;display:block}.site-root main{flex-direction:column;display:flex}section.hero{order:1}section#about{order:2}section#project-brief{order:3}section#options{order:4}section#infra{order:5}section#nearby{order:6}section#projects{order:7}section[aria-labelledby=atmosphere-heading]{order:8}section#docs{order:9}section#contacts{order:10}section.hero{padding-top:16px}.heroGrid{flex-direction:column;display:flex}.heroMedia{order:-1}#about .wrap{flex-direction:column;display:flex}#about .wide{order:-1}#about .sectionHead,#about .sectionText{order:0}.hero-format-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:24px 0;display:grid}.nearby-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:20px;display:grid}.nearby-item{background:#ffffff0a;align-items:center;gap:12px;transition:transform .35s cubic-bezier(.2,.8,.2,1),border-color .3s,background .3s,box-shadow .35s;display:flex}.nearby-item:hover{background:#59d3a414;border-color:#59d3a459;transform:translateY(-4px);box-shadow:0 16px 40px #00000038}.sectionHead{font-size:clamp(26px,5vw,34px)}.lead{font-size:clamp(16px,2.4vw,19px)}.panel{transition:transform .45s cubic-bezier(.2,.8,.2,1),box-shadow .45s,border-color .35s;animation:8s ease-in-out infinite sectionGlow}.panel:hover{border-color:#59d3a438;transform:translateY(-3px);box-shadow:0 28px 90px #0006}.card{transition:transform .4s cubic-bezier(.2,.8,.2,1),border-color .3s,background .3s}.card:hover{background:#ffffff12;border-color:#59d3a44d;transform:translateY(-6px)scale(1.01)}.stat{transition:transform .35s,border-color .3s,background .3s}.stat:hover{background:#59d3a414;border-color:#59d3a447;transform:translateY(-4px)}.btn.primary:hover{transform:translateY(-2px);box-shadow:0 12px 32px #59d3a459}.btn.ghost:hover{transform:translateY(-2px)}.gallery .photo,.imgBox,.scheme-container,.projectImg{transition:transform .45s cubic-bezier(.2,.8,.2,1),box-shadow .45s,border-color .3s}.gallery .photo:hover,.imgBox:hover,.scheme-container:hover,.projectImg:hover{border-color:#59d3a440;transform:translateY(-5px)scale(1.01);box-shadow:0 20px 50px #00000059}.img-zoomable{cursor:zoom-in;transition:transform .55s cubic-bezier(.2,.8,.2,1),filter .35s}.gallery .photo:hover .img-zoomable,.imgBox:hover .img-zoomable,.scheme-container:hover .img-zoomable,.projectImg:hover .img-zoomable{filter:brightness(1.06);transform:scale(1.08)}.gallery .photo:after{transition:opacity .35s}.gallery .photo:hover:after{opacity:.65}.site-root:before{content:"";pointer-events:none;background:radial-gradient(900px 500px at 20% calc(10% + var(--scroll-y,0px) * .03), #59d3a41a, transparent 60%), radial-gradient(700px 400px at 80% calc(5% + var(--scroll-y,0px) * .02), #ffb34714, transparent 55%);z-index:-1;position:fixed;inset:0}.reveal{opacity:0;transition:opacity .75s cubic-bezier(.2,.8,.2,1),transform .75s cubic-bezier(.2,.8,.2,1);transition-delay:var(--reveal-delay,0s);transform:translateY(32px)scale(.98)}.reveal.is-visible{opacity:1;transform:translateY(0)scale(1)}@keyframes lightboxIn{0%{opacity:0}to{opacity:1}}@keyframes lightboxZoom{0%{opacity:0;transform:scale(.88)}to{opacity:1;transform:scale(1)}}@keyframes pulseGlow{0%,to{box-shadow:0 0 #59d3a459}50%{box-shadow:0 0 0 10px #59d3a400}}.pill{animation:3s ease-in-out infinite pulseGlow}.lightbox{z-index:10000;padding:var(--page-pad);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#05090ff0;justify-content:center;align-items:center;animation:.3s lightboxIn;display:flex;position:fixed;inset:0}.lightbox-figure{flex-direction:column;align-items:center;gap:14px;width:100%;max-width:min(100%,1200px);margin:0;display:flex}.lightbox-img{object-fit:contain;border:1px solid var(--line);border-radius:18px;width:auto;max-width:100%;max-height:min(82vh,900px);animation:.4s cubic-bezier(.2,.8,.2,1) lightboxZoom;box-shadow:0 32px 100px #0000008c}.lightbox-caption{text-align:center;color:var(--muted);max-width:70ch;padding:0 8px;font-size:clamp(13px,2.5vw,15px)}.lightbox-close{top:max(12px, env(safe-area-inset-top));right:max(12px, env(safe-area-inset-right));border:1px solid var(--line);color:#fff;cursor:pointer;z-index:1;background:#ffffff14;border-radius:50%;width:48px;height:48px;font-size:22px;transition:transform .25s,background .25s,border-color .25s;position:absolute}.lightbox-close:hover{border-color:var(--acc);background:#59d3a433;transform:rotate(90deg)scale(1.05)}.gallery.gallery-four{grid-template-columns:repeat(4,minmax(0,1fr))}@media (min-width:1101px){.heroGrid{grid-template-columns:1.05fr .95fr;grid-template-areas:"media media""text text";display:grid}.heroMedia{order:0;grid-area:media}.heroLeft{grid-area:text}}@media (max-width:1100px){.heroGrid,.cards,.twoCol,.gallery,.projects,.project-brief-grid{grid-template-columns:1fr}.heroLeft{padding:24px}.heroMedia{padding:14px}.imgBox{min-height:300px}.off-canvas-menu{width:300px}.nearby-grid,.gallery.gallery-four{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:700px){.stats{grid-template-columns:1fr}h1{font-size:clamp(34px,10vw,44px)}.off-canvas-menu{width:min(280px,88vw);padding:70px 18px 18px}.off-canvas-menu nav a{font-size:20px}.nearby-grid,.gallery.gallery-four{grid-template-columns:1fr}.hero-format-grid{grid-template-columns:1fr;margin:18px 0}.hero{padding:16px 0 10px}section{padding:var(--section-pad) 0}.wide{border-radius:20px;padding:16px}.heroLeft{padding:18px}.panel{border-radius:22px}.topbar .inner{padding:12px 0}.brand b{font-size:16px}.brand span{font-size:12px}.photoLabel{padding:10px 12px;font-size:13px}.imgCap{padding:12px 14px;bottom:12px;left:12px;right:12px}.footer{padding:22px 0 max(36px, env(safe-area-inset-bottom));text-align:center}}@media (max-width:380px){:root{--page-pad:10px}.stat b{font-size:20px}.btn{width:100%}.cta .btn{width:auto}}@media (prefers-reduced-motion:reduce){.reveal{opacity:1;transition:none;transform:none}.pill{animation:none}.keys-logo-spinner,.keys-logo-orbit,.ambient-orb,.site-ambient:before{animation:none!important}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.keys-logo-bar{z-index:60;padding:10px var(--page-pad);background:linear-gradient(#08101cf5,#05090fe0);border-bottom:1px solid #59d3a42e;justify-content:center;align-items:center;gap:12px;display:flex;position:relative;overflow:hidden;box-shadow:0 8px 32px #00000040}.keys-logo-bar:before{content:"";pointer-events:none;background:linear-gradient(90deg,#0000,#59d3a41f,#0000);animation:4s ease-in-out infinite logoShimmer;position:absolute;inset:0}.keys-logo-scene{perspective:520px;perspective-origin:50%;flex-shrink:0;width:52px;height:52px;position:relative}.keys-logo-orbit{border:1px solid #59d3a459;border-radius:50%;animation:6s linear infinite logoOrbit;position:absolute;inset:-6px;box-shadow:0 0 24px #59d3a440}.keys-logo-spinner{width:40px;height:40px;transform-style:preserve-3d;will-change:transform;margin:auto;animation:14s cubic-bezier(.45,.05,.55,.95) infinite logoSpin3d;position:absolute;inset:0}.keys-logo-face{letter-spacing:.04em;color:#041115;background:linear-gradient(145deg, #7ef0c8, var(--acc), #1ea774);backface-visibility:hidden;border:1px solid #ffffff59;border-radius:10px;justify-content:center;align-items:center;font-size:11px;font-weight:800;display:flex;position:absolute;inset:0;box-shadow:inset 0 0 12px #ffffff40}.keys-logo-front{transform:rotateY(0)translateZ(20px)}.keys-logo-back{transform:rotateY(180deg)translateZ(20px)}.keys-logo-right{transform:rotateY(90deg)translateZ(20px)}.keys-logo-left{transform:rotateY(-90deg)translateZ(20px)}.keys-logo-top{transform:rotateX(90deg)translateZ(20px)}.keys-logo-bottom{transform:rotateX(-90deg)translateZ(20px)}.keys-logo-label{letter-spacing:.22em;text-transform:uppercase;color:#dffdf1;text-shadow:0 0 20px #59d3a473;font-size:13px;font-weight:700;animation:3s ease-in-out infinite logoLabelPulse}.site-ambient{pointer-events:none;z-index:0;position:fixed;inset:0;overflow:hidden}.ambient-orb{filter:blur(60px);opacity:.45;will-change:transform;border-radius:50%;position:absolute}.ambient-orb-a{background:#59d3a438;width:340px;height:340px;animation:18s ease-in-out infinite floatOrbA;top:-80px;left:-60px}.ambient-orb-b{background:#ffb3472e;width:280px;height:280px;animation:22s ease-in-out infinite floatOrbB;top:20%;right:-80px}.ambient-orb-c{background:#59d3a424;width:220px;height:220px;animation:20s ease-in-out infinite floatOrbC;bottom:10%;left:35%}.site-root{z-index:1;position:relative}@keyframes logoSpin3d{0%{transform:rotateX(16deg)rotateY(0)rotate(0)}25%{transform:rotateX(22deg)rotateY(90deg)rotate(4deg)}50%{transform:rotateX(16deg)rotateY(180deg)rotate(0)}75%{transform:rotateX(10deg)rotateY(270deg)rotate(-4deg)}to{transform:rotateX(16deg)rotateY(360deg)rotate(0)}}@keyframes logoOrbit{0%{opacity:.7;transform:rotate(0)scale(1)}50%{opacity:1;transform:rotate(180deg)scale(1.06)}to{opacity:.7;transform:rotate(360deg)scale(1)}}@keyframes logoShimmer{0%,to{opacity:0;transform:translate(-120%)}45%,55%{opacity:1}to{transform:translate(120%)}}@keyframes logoLabelPulse{0%,to{opacity:.85;transform:translateY(0)}50%{opacity:1;transform:translateY(-1px)}}@keyframes floatOrbA{0%,to{transform:translate(0)scale(1)}50%{transform:translate(40px,30px)scale(1.08)}}@keyframes floatOrbB{0%,to{transform:translate(0)scale(1)}50%{transform:translate(-35px,45px)scale(1.1)}}@keyframes floatOrbC{0%,to{transform:translate(0)scale(1)}50%{transform:translate(25px,-30px)scale(1.06)}}@keyframes sectionGlow{0%,to{box-shadow:var(--shadow)}50%{box-shadow:0 28px 90px #59d3a41f, var(--shadow)}}.reveal{transition:opacity .9s cubic-bezier(.22,1,.36,1),transform .9s cubic-bezier(.22,1,.36,1)}.btn{transition:background .35s cubic-bezier(.22,1,.36,1),transform .25s cubic-bezier(.22,1,.36,1),box-shadow .35s}.img-zoomable{transition:transform .65s cubic-bezier(.22,1,.36,1),filter .45s}.topbar{transition:background .4s,border-color .4s,box-shadow .4s}}@layer utilities{.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.mt-1{margin-top:var(--spacing)}.mt-2{margin-top:calc(var(--spacing) * 2)}.mt-4{margin-top:calc(var(--spacing) * 4)}.mb-1{margin-bottom:var(--spacing)}.mb-2{margin-bottom:calc(var(--spacing) * 2)}.mb-4{margin-bottom:calc(var(--spacing) * 4)}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.w-full{width:100%}.max-w-md{max-width:var(--container-md)}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-2{gap:calc(var(--spacing) * 2)}.gap-4{gap:calc(var(--spacing) * 4)}:where(.space-y-4>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-6>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse)))}.overflow-auto{overflow:auto}.rounded{border-radius:.25rem}.border{border-style:var(--tw-border-style);border-width:1px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-\[var\(--g-color-line-generic\)\]{border-color:var(--g-color-line-generic)}.bg-\[var\(--g-color-base-float\)\]{background-color:var(--g-color-base-float)}.bg-gray-100{background-color:var(--color-gray-100)}.bg-green-100{background-color:var(--color-green-100)}.p-4{padding:calc(var(--spacing) * 4)}.px-2{padding-inline:calc(var(--spacing) * 2)}.px-3{padding-inline:calc(var(--spacing) * 3)}.py-1{padding-block:var(--spacing)}.py-2{padding-block:calc(var(--spacing) * 2)}.py-8{padding-block:calc(var(--spacing) * 8)}.py-12{padding-block:calc(var(--spacing) * 12)}.pt-4{padding-top:calc(var(--spacing) * 4)}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.break-all{word-break:break-all}.text-\[var\(--g-color-text-danger\)\]{color:var(--g-color-text-danger)}.text-\[var\(--g-color-text-link\)\]{color:var(--g-color-text-link)}.text-\[var\(--g-color-text-primary\)\]{color:var(--g-color-text-primary)}.text-\[var\(--g-color-text-secondary\)\]{color:var(--g-color-text-secondary)}.text-gray-800{color:var(--color-gray-800)}.text-green-800{color:var(--color-green-800)}@media (hover:hover){.hover\:underline:hover{text-decoration-line:underline}}.focus\:ring-2:focus{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.focus\:ring-\[var\(--g-color-line-brand\)\]:focus{--tw-ring-color:var(--g-color-line-brand)}.focus\:outline-none:focus{--tw-outline-style:none;outline-style:none}@media (min-width:48rem){.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (prefers-color-scheme:dark){.dark\:bg-gray-800{background-color:var(--color-gray-800)}.dark\:bg-green-900{background-color:var(--color-green-900)}.dark\:text-gray-200{color:var(--color-gray-200)}.dark\:text-green-200{color:var(--color-green-200)}}}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}