@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/inter-cyrillic-ext-wght-normal.BOeWTOD4.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/inter-cyrillic-wght-normal.DqGufNeO.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/inter-greek-ext-wght-normal.DlzME5K_.woff2)format("woff2-variations");unicode-range:U+1F??}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/inter-greek-wght-normal.CkhJZR-_.woff2)format("woff2-variations");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/inter-vietnamese-wght-normal.CBcvBZtf.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/inter-latin-ext-wght-normal.DO1Apj_S.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/inter-latin-wght-normal.Dx4kXJAl.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Bodoni Moda Variable;font-style:normal;font-display:swap;font-weight:400 900;src:url(/_astro/bodoni-moda-math-wght-normal._TL2RCrf.woff2)format("woff2-variations");unicode-range:U+302-303,U+305,U+307-308,U+310,U+312,U+315,U+31A,U+326-327,U+32C,U+32F-330,U+332-333,U+338,U+33A,U+346,U+34D,U+391-3A1,U+3A3-3A9,U+3B1-3C9,U+3D1,U+3D5-3D6,U+3F0-3F1,U+3F4-3F5,U+2016-2017,U+2034-2038,U+203C,U+2040,U+2043,U+2047,U+2050,U+2057,U+205F,U+2070-2071,U+2074-208E,U+2090-209C,U+20D0-20DC,U+20E1,U+20E5-20EF,U+2100-2112,U+2114-2115,U+2117-2121,U+2123-214F,U+2190,U+2192,U+2194-21AE,U+21B0-21E5,U+21F1-21F2,U+21F4-2211,U+2213-2214,U+2216-22FF,U+2308-230B,U+2310,U+2319,U+231C-2321,U+2336-237A,U+237C,U+2395,U+239B-23B7,U+23D0,U+23DC-23E1,U+2474-2475,U+25AF,U+25B3,U+25B7,U+25BD,U+25C1,U+25CA,U+25CC,U+25FB,U+266D-266F,U+27C0-27FF,U+2900-2AFF,U+2B0E-2B11,U+2B30-2B4C,U+2BFE,U+3030,U+FF5B,U+FF5D,U+1D400-1D7FF,U+1EE??}@font-face{font-family:Bodoni Moda Variable;font-style:normal;font-display:swap;font-weight:400 900;src:url(/_astro/bodoni-moda-symbols-wght-normal.DO7lZbk6.woff2)format("woff2-variations");unicode-range:U+1-C,U+E-1F,U+7F-9F,U+20DD-20E0,U+20E2-20E4,U+2150-218F,U+2190,U+2192,U+2194-2199,U+21AF,U+21E6-21F0,U+21F3,U+2218-2219,U+2299,U+22C4-22C6,U+2300-243F,U+2440-244A,U+2460-24FF,U+25A0-27BF,U+28??,U+2921-2922,U+2981,U+29BF,U+29EB,U+2B??,U+4DC0-4DFF,U+FFF9-FFFB,U+10140-1018E,U+10190-1019C,U+101A0,U+101D0-101FD,U+102E0-102FB,U+10E60-10E7E,U+1D2C0-1D2D3,U+1D2E0-1D37F,U+1F0??,U+1F100-1F1AD,U+1F1E6-1F1FF,U+1F30D-1F30F,U+1F315,U+1F31C,U+1F31E,U+1F320-1F32C,U+1F336,U+1F378,U+1F37D,U+1F382,U+1F393-1F39F,U+1F3A7-1F3A8,U+1F3AC-1F3AF,U+1F3C2,U+1F3C4-1F3C6,U+1F3CA-1F3CE,U+1F3D4-1F3E0,U+1F3ED,U+1F3F1-1F3F3,U+1F3F5-1F3F7,U+1F408,U+1F415,U+1F41F,U+1F426,U+1F43F,U+1F441-1F442,U+1F444,U+1F446-1F449,U+1F44C-1F44E,U+1F453,U+1F46A,U+1F47D,U+1F4A3,U+1F4B0,U+1F4B3,U+1F4B9,U+1F4BB,U+1F4BF,U+1F4C8-1F4CB,U+1F4D6,U+1F4DA,U+1F4DF,U+1F4E3-1F4E6,U+1F4EA-1F4ED,U+1F4F7,U+1F4F9-1F4FB,U+1F4FD-1F4FE,U+1F503,U+1F507-1F50B,U+1F50D,U+1F512-1F513,U+1F53E-1F54A,U+1F54F-1F5FA,U+1F610,U+1F650-1F67F,U+1F687,U+1F68D,U+1F691,U+1F694,U+1F698,U+1F6AD,U+1F6B2,U+1F6B9-1F6BA,U+1F6BC,U+1F6C6-1F6CF,U+1F6D3-1F6D7,U+1F6E0-1F6EA,U+1F6F0-1F6F3,U+1F6F7-1F6FC,U+1F7??,U+1F800-1F80B,U+1F810-1F847,U+1F850-1F859,U+1F860-1F887,U+1F890-1F8AD,U+1F8B0-1F8BB,U+1F8C0-1F8C1,U+1F900-1F90B,U+1F93B,U+1F946,U+1F984,U+1F996,U+1F9E9,U+1FA00-1FA6F,U+1FA70-1FA7C,U+1FA80-1FA89,U+1FA8F-1FAC6,U+1FACE-1FADC,U+1FADF-1FAE9,U+1FAF0-1FAF8,U+1FB??}@font-face{font-family:Bodoni Moda Variable;font-style:normal;font-display:swap;font-weight:400 900;src:url(/_astro/bodoni-moda-latin-ext-wght-normal.BlIE6rrN.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Bodoni Moda Variable;font-style:normal;font-display:swap;font-weight:400 900;src:url(/_astro/bodoni-moda-latin-wght-normal.BIFT5Qnz.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--bg:#0c0c0e;--bg-raised:#141417;--bg-sunken:#09090b;--ink:#efeee9;--ink-2:#b4b3ad;--ink-3:#7d7c78;--line:#ffffff14;--line-strong:#ffffff29;--violet:#a07bff;--blue:#4f9dff;--teal:#2ee8c6;--accent:#8fb4ff;--signature:linear-gradient(110deg, var(--violet) 0%, var(--blue) 50%, var(--teal) 100%);--signature-text:linear-gradient(100deg, #b89bff 0%, #6fb4ff 50%, #4ff2d2 100%);--todo:#ffcf5c;--todo-bg:#ffcf5c1a;--todo-line:#ffcf5c73;--hover:#ffffff0f;--fill-soft:#ffffff29;--fill-faint:#ffffff1a;--border-hover:#ffffff52;--glass:#18181e47;--glass-strong:#18181e73;--glass-border:#ffffff1f;--backdrop:#050507c7;--ph-a:#18181d;--ph-b:#1d1d23;--dot:#c9c9d1;--shadow:var(--shadow);--glow:#a07bff57;--logo-filter:brightness(0) invert(1);--orb-opacity:.8;--grain-opacity:.05;color-scheme:dark;--serif:"Bodoni Moda Variable", "Bodoni 72", Didot, serif;--sans:"Inter Variable", system-ui, -apple-system, "Segoe UI", sans-serif;--mono:ui-monospace, "SF Mono", "Cascadia Code", monospace;--step--1:clamp(.8rem, .78rem + .1vw, .86rem);--step-0:clamp(1rem, .96rem + .2vw, 1.09rem);--step-1:clamp(1.2rem, 1.1rem + .5vw, 1.45rem);--step-2:clamp(1.5rem, 1.3rem + 1vw, 2.1rem);--step-3:clamp(2rem, 1.6rem + 2vw, 3.2rem);--step-4:clamp(2.8rem, 2rem + 4vw, 5.6rem);--gutter:clamp(16px, 4vw, 48px);--max:1320px;--prose:680px;--radius:14px;--radius-lg:22px;--ease:cubic-bezier(.2, .7, .2, 1)}html[data-theme=light]{--bg:#f6f5f1;--bg-raised:#fff;--bg-sunken:#ecebe6;--ink:#131316;--ink-2:#4b4b52;--ink-3:#7b7b82;--line:#00000014;--line-strong:#00000029;--accent:#3d6fe0;--signature-text:linear-gradient(100deg, #7a4cf5 0%, #2c78e8 50%, #0e9f86 100%);--todo:#9a6b00;--todo-bg:#c896001a;--todo-line:#a06e0073;--hover:#0000000d;--fill-soft:#0000001f;--fill-faint:#0000000f;--border-hover:#00000052;--glass:#ffffff80;--glass-strong:#ffffffbf;--glass-border:#00000014;--backdrop:#f0efeab8;--ph-a:#e7e6e1;--ph-b:#dfded8;--dot:#9c9ca5;--shadow:#14142838;--glow:#8c64ff33;--logo-filter:brightness(0);--orb-opacity:.5;--grain-opacity:.035;color-scheme:light}html.theme-switching::view-transition-old(root),html.theme-switching::view-transition-new(root){mix-blend-mode:normal;animation:none}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{background:var(--bg);color:var(--ink);font-family:var(--sans);font-size:var(--step-0);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;line-height:1.6;overflow-x:hidden}img,video,svg{max-width:100%;display:block}a{color:inherit}::selection{background:var(--violet);color:#fff}:focus-visible{outline:2px solid var(--teal);outline-offset:3px;border-radius:6px}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.wrap{width:100%;max-width:var(--max);padding-inline:var(--gutter);margin-inline:auto}.serif{font-family:var(--serif);letter-spacing:-.01em;font-weight:400}.eyebrow{font-size:var(--step--1);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3);font-weight:500}.muted{color:var(--ink-2)}.sig-text{background:var(--signature-text);color:#0000;-webkit-box-decoration-break:clone;box-decoration-break:clone;-webkit-background-clip:text;background-clip:text;padding-bottom:.14em}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}body:after{content:"";pointer-events:none;z-index:100;opacity:var(--grain-opacity);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:fixed;inset:0}.nav{z-index:50;pointer-events:none;justify-content:center;align-items:flex-start;height:0;display:flex;position:sticky;top:14px}.nav__links{pointer-events:auto;background:var(--glass);border:1px solid var(--glass-border);backdrop-filter:blur(18px)saturate(170%);box-shadow:0 12px 30px -14px var(--shadow), inset 0 1px 0 var(--hover);border-radius:999px;align-items:center;gap:2px;padding:5px;transition:background .3s;display:flex}.nav.scrolled .nav__links{background:var(--glass-strong)}.nav__links a{color:var(--ink-3);border-radius:999px;padding:7px 16px;font-size:.92rem;text-decoration:none;transition:color .2s;position:relative}.nav__links a:hover{color:var(--ink)}.nav__links a[aria-current=page]{color:var(--ink);font-weight:600}.nav__sep{background:var(--line-strong);width:1px;height:18px;margin:0 4px}.nav__theme{width:34px;height:34px;color:var(--ink-3);cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;transition:color .2s,background .2s;display:grid}.nav__theme:hover{color:var(--ink);background:var(--hover)}.nav__theme svg{transition:transform .5s var(--ease)}.nav__theme:hover svg{transform:rotate(20deg)}.nav__moon,html[data-theme=light] .nav__sun{display:none}html[data-theme=light] .nav__moon{display:block}.btn{border:1px solid var(--line-strong);color:var(--ink);font:500 .95rem var(--sans);cursor:pointer;transition:background .2s, border-color .2s, transform .2s var(--ease);background:0 0;border-radius:999px;align-items:center;gap:8px;padding:11px 18px;text-decoration:none;display:inline-flex}.btn:hover{background:var(--hover);border-color:var(--border-hover)}.btn:active{transform:scale(.97)}.btn--solid{background:var(--ink);color:var(--bg);border-color:var(--ink)}.btn--solid:hover{background:var(--ink);opacity:.88}.chip{border:1px solid var(--line-strong);color:var(--ink-2);white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:4px 10px;font-size:.78rem;display:inline-flex}.hero{isolation:isolate;padding-block:clamp(88px,11vh,140px) clamp(40px,6vh,80px);position:relative;overflow:clip}.hero__orb{z-index:-1;filter:blur(70px)saturate(130%);width:640px;height:640px;opacity:var(--orb-opacity);pointer-events:none;will-change:transform;border-radius:50%;position:absolute;top:0;left:0;transform:translate(-50%,-50%)}.hero__orb--a{background:radial-gradient(circle at 40% 40%,#a07bffd9,#4f9dff59 45%,#0000 68%)}.hero__orb--b{background:radial-gradient(circle at 60% 60%,#2ee8c6a6,#4f9dff66 45%,#0000 68%)}.hero__grid{grid-template-columns:minmax(0,2fr) minmax(0,3fr);align-items:center;gap:40px;display:grid}@media (width<=980px){.hero__grid{grid-template-columns:1fr}}.hero__meta{color:var(--ink-2);flex-wrap:wrap;align-items:center;gap:10px 18px;margin-bottom:28px;font-size:.92rem;display:flex}.hero__dot{background:var(--teal);border-radius:50%;width:8px;height:8px;position:relative}.hero__dot:after{content:"";background:var(--teal);border-radius:50%;animation:2.4s ease-out infinite pulse;position:absolute;inset:0}@keyframes pulse{0%{opacity:.6;transform:scale(1)}80%,to{opacity:0;transform:scale(3)}}.hero__name{font-size:var(--step-4);margin:0 0 24px;line-height:.98}.hero__name em{font-style:italic}.hero__role{font-size:var(--step-2);color:var(--ink);margin:0 0 22px;font-weight:400;line-height:1.25}.hero__intro{font-size:var(--step-1);color:var(--ink-2);margin:0 0 36px;line-height:1.55}.hero__actions{flex-wrap:wrap;gap:12px;display:flex}.logos{border-block:1px solid var(--line);padding-block:22px}.logos__inner{flex-wrap:wrap;align-items:center;gap:12px 40px;display:flex}.logos__label{color:var(--ink-3);font-size:var(--step--1);margin-right:8px}.logos__inner{justify-content:space-between}.logo{border-radius:8px;align-items:center;padding:6px 4px;display:flex}.logo img{object-fit:contain;width:auto;max-width:180px;height:24px;filter:var(--logo-filter);opacity:.62;transition:opacity .25s}.logo:hover img{opacity:1}@media (width<=720px){.logos__inner{grid-template-columns:repeat(3,minmax(0,1fr));justify-items:center;gap:20px 12px;display:grid}.logo{min-width:0;max-width:100%}.logo img{width:min(100%,104px);max-height:30px;height:auto!important}.logos__label{grid-column:1/-1;justify-self:start}}.section{padding-block:clamp(64px,10vw,128px)}.section__head{flex-wrap:wrap;justify-content:space-between;align-items:end;gap:24px;margin-bottom:40px;display:flex}.section__title{font-size:var(--step-3);margin:8px 0 0;line-height:1.05}.grid-cases{grid-template-columns:repeat(12,1fr);gap:clamp(16px,2vw,28px);display:grid}.card{color:inherit;border-radius:var(--radius-lg);background:var(--bg-raised);border:1px solid var(--line);transition:transform .5s var(--ease), border-color .3s;flex-direction:column;text-decoration:none;display:flex;position:relative;overflow:hidden}.card:hover{border-color:var(--line-strong);transform:translateY(-4px)}.card__media{background:var(--bg-sunken);flex:1;place-items:center;padding:clamp(16px,3vw,36px);display:grid;position:relative;overflow:hidden}.card__media:before{content:"";opacity:0;background:radial-gradient(circle 320px at var(--cx,50%) var(--cy,50%), var(--glow), transparent 100%);transition:opacity 1.6s ease-out;position:absolute;inset:0}.card:hover .card__media:before{opacity:1;transition-duration:.5s}.card__media>*{width:100%;position:relative}.card__body{gap:10px;padding:22px 24px 26px;display:grid}.card__top{color:var(--ink-3);justify-content:space-between;gap:12px;font-size:.85rem;display:flex}.card__title{font-family:var(--serif);font-size:var(--step-2);margin:0;font-weight:400;line-height:1.1}.card__summary{color:var(--ink-2);margin:0;font-size:.95rem}.card__metric{border-top:1px solid var(--line);align-items:baseline;gap:10px;margin-top:6px;padding-top:12px;display:flex}.card__metric strong{font-size:var(--step-2);letter-spacing:-.02em;font-weight:600;line-height:1}.card__metric span{color:var(--ink-2);font-size:.85rem;line-height:1.3}.card__tags{flex-wrap:wrap;gap:6px;display:flex}.card--lg{grid-column:span 7}.card--md{grid-column:span 5}.card--half{grid-column:span 6}.card--third{grid-column:span 4}@media (width<=900px){.card--lg,.card--md,.card--half,.card--third{grid-column:span 12}}.device{margin-inline:auto;position:relative}.device__screen{background:#1a1a1f;position:relative;overflow:hidden}.device--browser{border:1px solid var(--line-strong);width:100%;box-shadow:0 30px 60px -30px var(--shadow);background:#1c1c21;border-radius:12px;overflow:hidden}.device--browser .device__bar{background:#232329;align-items:center;gap:6px;height:28px;padding-inline:12px;display:flex}.device--browser .device__bar i{background:#3b3b43;border-radius:50%;width:9px;height:9px}.device--phone-modern{width:min(260px,70%);box-shadow:0 30px 60px -25px var(--shadow);background:#1f1f24;border:1px solid #34343c;border-radius:42px;padding:9px}.device--phone-modern .device__screen{border-radius:34px}.device--phone-modern:after{content:"";background:#050506;border-radius:20px;width:76px;height:22px;position:absolute;top:18px;left:50%;transform:translate(-50%)}.device--phone-2015{width:min(240px,66%);box-shadow:0 30px 60px -25px var(--shadow);background:linear-gradient(160deg,#2a2a30,#1c1c21);border:1px solid #3a3a42;border-radius:30px;padding:46px 12px 56px}.device--phone-2015 .device__screen{border-radius:3px}.device--phone-2015:before{content:"";background:#3a3a42;border-radius:4px;width:48px;height:6px;position:absolute;top:20px;left:50%;transform:translate(-50%)}.device--phone-2015:after{content:"";border:2px solid #3a3a42;border-radius:50%;width:34px;height:34px;position:absolute;bottom:12px;left:50%;transform:translate(-50%)}.device--tablet{background:#1f1f24;border:1px solid #34343c;border-radius:26px;width:min(520px,100%);padding:18px}.device--tablet .device__screen{border-radius:8px}.device--laptop-2012{width:100%}.device--laptop-2012 .device__lid{background:#1f1f24;border:1px solid #34343c;border-bottom:0;border-radius:14px 14px 0 0;padding:14px 14px 18px}.device--laptop-2012 .device__base{background:linear-gradient(#3a3a42,#232328);border:1px solid #3c3c44;border-top:0;border-radius:0 0 14px 14px;height:14px;margin-inline:-6%}.device--desktop{width:100%}.device--desktop .device__lid{background:#1f1f24;border:1px solid #34343c;border-radius:12px;padding:12px}.device--desktop .device__base{clip-path:polygon(20% 0,80% 0,100% 100%,0 100%);background:linear-gradient(#2b2b30,#1f1f24);width:22%;height:34px;margin:0 auto}.device--flat{border-radius:var(--radius);width:100%;overflow:hidden}.device-img{object-fit:contain;border-radius:var(--radius);width:auto;max-width:100%;height:auto;max-height:min(78vh,900px);margin-inline:auto;display:block}.card__media .device-img{max-height:320px}.card--lg .card__media .device-img{max-height:440px}.ph{text-align:center;background:repeating-linear-gradient(-45deg, var(--ph-a) 0 12px, var(--ph-b) 12px 24px);color:var(--ink-3);place-content:center;gap:6px;padding:14px;font-size:.74rem;line-height:1.35;display:grid;position:absolute;inset:0}.ph__tag{font:600 .66rem var(--mono);letter-spacing:.12em;color:var(--todo);border:1px solid var(--todo-line);border-radius:999px;justify-self:center;padding:2px 8px}.ph__desc{color:var(--ink-2);max-width:34ch}.ph__spec{font-family:var(--mono);font-size:.66rem}.shot{margin:40px 0}.shot figcaption{color:var(--ink-3);text-align:center;margin-top:12px;font-size:.85rem}.todo{background:var(--todo-bg);border:1px dashed var(--todo-line);color:var(--todo);border-radius:10px;margin:20px 0;padding:14px 16px;font-size:.92rem;display:block}.todo:before{content:"PENDIENTE · ";font:600 .7rem var(--mono);letter-spacing:.1em}.todo-inline{color:var(--todo);border-bottom:1px dashed var(--todo-line)}.principles{background:var(--line);border:1px solid var(--line);border-radius:var(--radius-lg);grid-template-columns:repeat(3,1fr);gap:1px;display:grid;overflow:hidden}.principle{background:var(--bg);align-content:start;gap:14px;padding:clamp(24px,3vw,40px);display:grid}.principle__n{font-family:var(--mono);color:var(--ink-3);font-size:.8rem}.principle h3{font-family:var(--serif);font-weight:400;font-size:var(--step-2);margin:0;line-height:1.12}.principle p{color:var(--ink-2);margin:0;font-size:.95rem}.principle a{color:var(--ink);text-underline-offset:4px;text-decoration-color:var(--line-strong);font-size:.88rem}@media (width<=900px){.principles{grid-template-columns:1fr}}.lab{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.lab .card{grid-column:auto}@media (width<=900px){.lab{grid-template-columns:1fr}}.footer{border-top:1px solid var(--line);margin-top:40px;padding-block:72px 40px}.footer__cta{font-size:var(--step-3);max-width:16ch;margin:0 0 28px;line-height:1.05}.footer__row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.footer__bottom{color:var(--ink-3);flex-wrap:wrap;justify-content:space-between;gap:12px;margin-top:64px;font-size:.85rem;display:flex}.toast{opacity:0;z-index:90;background:var(--ink);color:var(--bg);transition:opacity .3s, transform .3s var(--ease);pointer-events:none;border-radius:999px;padding:10px 18px;font-size:.9rem;font-weight:500;position:fixed;bottom:28px;left:50%;transform:translate(-50%,20px)}.toast.show{opacity:1;transform:translate(-50%)}.reveal{opacity:0;transition:opacity .9s var(--ease), transform .9s var(--ease);transform:translateY(18px)}.reveal.in,html:not(.js) .reveal{opacity:1;transform:none}@media (width>=1600px){:root{--max:1520px}.card--third{grid-column:span 3}}@media (width>=2000px){:root{--max:1720px}}.astro-route-announcer{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;top:0;left:0;overflow:hidden}.device__media{object-fit:cover;width:100%;height:100%;display:block}.device-rive{width:100%;max-width:380px;box-shadow:0 30px 60px -30px var(--shadow);border-radius:28px;margin-inline:auto;overflow:hidden}.case__cover>.device-rive.device-rive{max-width:380px}.card__media>.device-rive.device-rive{max-width:260px}.case__cover>.device--phone-modern.device--phone-modern,.case__cover>.device--phone-2015.device--phone-2015{width:min(300px,70%)}.card__media>.device--phone-modern.device--phone-modern{width:min(190px,60%)}.device-rive canvas{width:100%;height:100%;display:block}.snip{width:min(1400px,100vw - 32px);max-width:none;max-height:calc(100dvh - 32px);color:var(--ink);background:0 0;border:0;padding:0}.snip::backdrop{background:var(--backdrop);backdrop-filter:blur(8px)}.snip__frame{border-radius:var(--radius-lg);border:1px solid var(--line-strong);background:var(--bg-raised);position:relative;overflow:hidden}.snip__item{grid-template-columns:minmax(0,1fr) 340px;height:min(820px,100dvh - 32px);display:grid}.snip__item[hidden]{display:none}.snip__media{background:var(--bg-sunken);place-items:center;padding:clamp(32px,5vw,80px);display:grid;position:relative;overflow:hidden}.snip__media:before{content:"";opacity:0;background:radial-gradient(circle 320px at var(--cx,50%) var(--cy,50%), var(--glow), transparent 100%);transition:opacity 1.6s ease-out;position:absolute;inset:0}.snip__media:hover:before{opacity:1;transition-duration:.5s}.snip__media>*{width:100%;max-height:100%;position:relative}.snip__media .device-img{width:auto;max-height:calc(min(820px,100dvh - 32px) - 2*clamp(32px,5vw,80px))}.snip__media .device--laptop-2012,.snip__media .device--browser,.snip__media .device--desktop{width:min(82%,760px)}.snip__media .device--tablet{width:min(78%,560px)}.snip__media .device--phone-2015,.snip__media .device--phone-modern{width:min(300px,60%)}.snip__body{border-left:1px solid var(--line);align-content:center;gap:12px;padding:72px 32px 96px;display:grid}.snip__body h3{font-size:var(--step-2);margin:0;line-height:1.1}.snip__body p{margin:0}.snip__company{color:var(--ink-2);font-size:.92rem}.snip__role{color:var(--ink-3);font-size:.85rem}.snip__close{z-index:3;border:1px solid var(--line-strong);background:var(--bg);width:38px;height:38px;color:var(--ink);cursor:pointer;border-radius:50%;font-size:1.3rem;position:absolute;top:14px;right:14px}.snip__nav{border-top:1px solid var(--line);border-left:1px solid var(--line);background:var(--bg-raised);justify-content:space-between;align-items:center;width:340px;padding:18px 32px;display:flex;position:absolute;bottom:0;right:0}.snip__arrow{border:1px solid var(--line-strong);width:44px;height:44px;color:var(--ink);cursor:pointer;background:0 0;border-radius:50%;font-size:1.1rem;transition:background .2s}.snip__arrow:hover{background:var(--hover)}.snip__count{font:500 .82rem var(--mono);color:var(--ink-3)}@media (width<=860px){.snip__item{grid-template-columns:1fr;height:auto;max-height:calc(100dvh - 32px);overflow:auto}.snip__media{min-height:52vh}.snip__body{border-left:0;border-top:1px solid var(--line);padding:28px 24px 96px}.snip__nav{border-left:0;width:100%}}