@font-face{font-family:Woobottle;src:url(/woosign/assets/Woobottle-Regular.latin-Qv4e_ROS.woff2) format("woff2");font-weight:400;font-display:swap}:root{--paper: #f4efe6;--ink: #171513;--surface: #eae4d8;--island: #fff;--muted: #746e65;--line: #d8d0c3;--ember: #d35b1f;--display: Woobottle, Georgia, serif;color-scheme:light;font-family:-apple-system,BlinkMacSystemFont,Apple SD Gothic Neo,Noto Sans KR,sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}:root[data-theme=dark]{--paper: #171513;--ink: #f4efe6;--surface: #2a2622;--island: #2a2622;--muted: #b9b1a5;--line: #494239;color-scheme:dark}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,select,textarea{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:default}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,pre:focus-visible,summary:focus-visible{outline:3px solid var(--ember);outline-offset:4px}p{line-height:1.8}h1,h2,h3,p{margin-top:0}h1,h2{letter-spacing:-.055em}h1{font-weight:500}h2{font-weight:600}code,kbd,pre{font-family:SFMono-Regular,Consolas,Liberation Mono,monospace}code{font-size:12px}::selection{background:#f0c79e;color:#171513}.muted{color:var(--muted)}.eyebrow{font-size:11px;font-weight:650;letter-spacing:.12em;line-height:1.7}.ember-dot{display:inline-block;width:7px;height:7px;background:var(--ember);border-radius:50%;flex-shrink:0}.between{display:flex;justify-content:space-between;align-items:center;gap:16px}.demo-row{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap}.demo-stack{display:flex;flex-direction:column;gap:16px;width:100%}.skip-link{position:fixed;top:10px;left:12px;transform:translateY(-200%);z-index:9999;background:var(--ink);color:var(--paper);padding:12px}.skip-link:focus{transform:none}.site-header{max-width:1600px;margin:0 auto;padding:24px 40px;display:flex;align-items:center;justify-content:space-between;gap:28px;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:11px;font-size:22px;font-weight:700;letter-spacing:-.04em;line-height:1}.brand-mark{font:36px var(--display);width:45px;height:45px;display:grid;place-items:center;border:1px solid var(--ink);border-radius:50%}.brand-caption{display:block;font-size:8px;font-weight:500;letter-spacing:.2em;margin-top:7px}.site-header nav{display:flex;gap:32px;font-size:13px;font-weight:600}.site-header nav a{position:relative;padding:12px 0}.site-header nav a[aria-current=page]:after{content:"";position:absolute;bottom:3px;left:0;right:0;height:2px;background:var(--ember)}.header-tools{display:flex;align-items:center;gap:20px}.theme-button{width:36px;height:36px;border:1px solid var(--line);border-radius:50%;background:transparent;color:var(--ink);font-size:24px;line-height:1}.github-link{font-size:12px;font-weight:600}.hero{max-width:1440px;margin:auto;padding:78px 64px 80px;display:grid;grid-template-columns:1.15fr 1fr;gap:70px;align-items:center}.hero-copy>.eyebrow{display:flex;align-items:center;gap:9px;margin-bottom:24px}.hero h1{font:clamp(72px,7.5vw,112px) / .99 var(--display);letter-spacing:-.025em;margin:0 0 32px}.hero h1 em,.page-heading h1 em{font-style:normal;color:var(--ember)}.hero-copy>p{font-size:16px;line-height:1.9;color:var(--muted);margin-bottom:28px}.hero-actions{display:flex;align-items:center;gap:24px}.action{display:inline-flex;justify-content:center;align-items:center;gap:28px;background:var(--ember);color:#fff;padding:16px 24px;border-radius:999px;font-size:13px;font-weight:650;line-height:1.5;transition:background .15s,transform .15s}.action:hover{background:#b84c17;transform:translateY(-2px)}.action.light{background:#f4efe6;color:#171513}.text-link{font-size:13px;font-weight:600;line-height:1.7}.text-link:hover{color:var(--ember)}.install-mini{display:flex;gap:20px;align-items:center;margin-top:40px;border-top:1px solid var(--line);padding-top:18px}.install-mini code{color:var(--muted);font-size:12px}.install-mini>span{font-size:9px;letter-spacing:.12em}.hero-specimen{border:1px solid var(--line);background:var(--surface);border-radius:20px;overflow:hidden;transform:rotate(1deg)}.specimen-label{display:flex;justify-content:space-between;gap:10px;border-bottom:1px solid var(--line);padding:16px 20px;font-size:9px;letter-spacing:.1em}.specimen-label>span{color:var(--muted)}.specimen-content{padding:40px 32px 24px}.specimen-content h2{font-size:40px;font-weight:500;line-height:1.2;margin:12px 0}.specimen-content>.muted{font-size:13px;margin-bottom:28px}.specimen-footer{display:flex;align-items:center;gap:16px;margin-top:24px}.specimen-footer>span{font-size:12px;color:var(--muted);flex:1}.specimen-note{background:var(--paper);border-top:1px solid var(--line);padding:16px 20px;display:flex;justify-content:space-between;gap:10px;font-size:10px;color:var(--muted)}.manifesto{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:40px max(40px,calc((100vw - 1312px)/2));background:var(--surface)}.manifesto>.eyebrow{margin-bottom:28px}.manifesto-grid{display:grid;grid-template-columns:1fr 1fr .65fr;gap:36px;align-items:center}.manifesto-grid h2{font-size:36px;line-height:1.3;margin:0}.manifesto-grid p{font-size:14px;color:var(--muted);margin:0}.stat{display:flex;flex-direction:column;border-left:1px solid var(--line);padding-left:40px}.stat strong{font:80px/1 var(--display)}.stat span{font-size:12px;color:var(--muted);margin-top:12px}.home-picks{max-width:1440px;margin:auto;padding:80px 64px}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:32px}.section-heading h2{font-size:30px;margin-bottom:0}.section-heading .eyebrow{color:var(--muted);margin-bottom:12px}.pick-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.pick{min-width:0}.pick-preview{min-height:220px;padding:24px 20px;background:var(--surface);display:flex;align-items:center;justify-content:center;border-radius:12px;overflow:hidden}.pick-preview>*{max-width:100%}.pick a{display:flex;justify-content:space-between;padding-top:20px;font-size:15px}.pick a:hover{color:var(--ember)}.pick p{color:var(--muted);font-size:12px;margin-top:8px}.closing{background:#171513;color:#f4efe6;padding:64px 40px;text-align:center}.closing h2{font:64px/1.05 var(--display);letter-spacing:-.015em;margin:24px 0 32px}.site-footer{max-width:1600px;margin:0 auto;display:flex;align-items:center;gap:32px;padding:40px;border-top:1px solid var(--line)}.footer-brand{font:28px var(--display);gap:8px}.site-footer p{margin:0;flex:1;font-size:12px;color:var(--muted)}.site-footer>div{display:flex;gap:24px;font-size:11px;color:var(--muted)}.page{max-width:1440px;padding:64px;margin:auto;min-height:60vh}.page-heading{margin-bottom:48px;max-width:900px}.page-heading>.eyebrow{color:var(--muted);margin-bottom:20px}.page-heading h1{font-size:54px;line-height:1.2;margin-bottom:24px}.page-heading>p:last-child{font-size:15px;color:var(--muted);margin:0}.gallery-toolbar{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:20px}.search{display:flex;gap:12px;align-items:center;border:1px solid var(--line);background:var(--island);padding:12px 16px;border-radius:8px;max-width:420px;width:100%}.search>span{font-size:24px;line-height:1}.search input{width:100%;min-width:0;border:0;outline:none;background:transparent;color:var(--ink);font-size:13px;padding:3px}.search:focus-within{outline:2px solid var(--ember);outline-offset:2px}.search kbd{font-size:9px;color:var(--muted);border:1px solid var(--line);padding:3px;border-radius:3px}.gallery-toolbar>.muted{font-size:12px;white-space:nowrap}.filters{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:32px}.filters button{border:1px solid var(--line);background:transparent;color:var(--muted);padding:9px 16px;border-radius:999px;font-size:12px}.filters button[aria-pressed=true]{background:var(--ink);border-color:var(--ink);color:var(--paper)}.gallery-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.gallery-card{border:1px solid var(--line);border-radius:12px;min-width:0;background:var(--island)}.gallery-preview{height:280px;display:flex;align-items:center;justify-content:center;padding:28px;background:var(--surface);border-radius:12px 12px 0 0;overflow:auto}.gallery-preview>*{max-width:100%;flex-shrink:0}.gallery-preview>div,.gallery-preview>section{width:100%}.gallery-info{border-top:1px solid var(--line);padding:20px 24px}.gallery-info a{display:flex;align-items:center;justify-content:space-between}.gallery-info h2{font-size:17px;letter-spacing:-.02em;margin:0}.gallery-info a:hover{color:var(--ember)}.gallery-info p{font-size:12px;color:var(--muted);margin:8px 0 0}.ratio-art{height:100%;width:100%;background:#1f4435;color:#f4efe6;display:flex;flex-direction:column;justify-content:center;align-items:center;font:36px var(--display)}.ratio-art span{font:10px sans-serif;letter-spacing:.16em;margin-top:12px}.workbench{display:grid;grid-template-columns:240px minmax(0,1fr);max-width:1440px;margin:auto;gap:64px;padding:40px 64px 80px}.desktop-directory{border-right:1px solid var(--line);padding-right:24px}.directory-group{margin-top:28px}.directory-group h3{font-size:11px;color:var(--muted);font-weight:500;margin-bottom:12px}.directory-group a{display:flex;justify-content:space-between;font-size:12px;padding:9px 10px;border-radius:5px;margin-left:-10px}.directory-group a span{opacity:0}.directory-group a:hover,.directory-group a[aria-current=page]{background:var(--surface);color:var(--ember)}.directory-group a[aria-current=page] span{opacity:1}.component-detail{min-width:0;max-width:880px;padding-top:16px}.component-detail>.eyebrow{color:var(--muted);margin-bottom:16px}.component-detail>h1{font:64px/1.15 var(--display);margin-bottom:12px;letter-spacing:-.02em}.detail-description{color:var(--muted);font-size:15px;margin-bottom:32px}.preview-frame{border:1px solid var(--line);border-radius:12px;overflow:hidden}.preview-toolbar{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding:14px 20px;background:var(--surface);font-size:9px;letter-spacing:.12em}.preview-toolbar>span:first-child{display:flex;align-items:center;gap:8px}.detail-preview{min-height:300px;display:flex;justify-content:center;align-items:center;background:var(--paper);padding:48px;overflow:auto}.detail-preview>*{max-width:100%}.detail-preview>.demo-stack,.detail-preview>div:not(.demo-row){width:min(100%,400px)}.controls{display:flex;align-items:center;flex-wrap:wrap;gap:20px;padding:20px 0;border-bottom:1px solid var(--line);font-size:12px}.controls>.eyebrow{color:var(--muted);font-size:9px}.controls label{display:flex;align-items:center;gap:8px}.controls input{accent-color:var(--ember)}.controls select{padding:6px 10px;background:var(--surface);border:1px solid var(--line);border-radius:5px}.subheading{font-size:24px;letter-spacing:-.04em;margin:40px 0 20px}.code{position:relative;background:#171513;color:#f4efe6;border-radius:10px;overflow:hidden;margin-bottom:24px}.code button{position:absolute;top:12px;right:12px;border:1px solid #494239;color:#eae4d8;background:#2a2622;font-size:10px;border-radius:5px;padding:7px 10px}.code pre{margin:0;padding:48px 24px 24px;overflow:auto;max-height:500px;line-height:1.9;-moz-tab-size:2;tab-size:2;white-space:pre}.code code{font-size:12px}.table-scroll{overflow:auto;border:1px solid var(--line);border-radius:8px}table{border-collapse:collapse;width:100%;text-align:left}th{background:var(--surface);font-size:11px;font-weight:500;color:var(--muted);padding:14px 16px}td{font-size:12px;padding:14px 16px;border-top:1px solid var(--line);vertical-align:top}td:first-child{font-weight:600}td:nth-child(2){min-width:220px;max-width:440px;overflow-wrap:anywhere}td:last-child{color:var(--ember)}.api-note{font-size:11px;color:var(--muted);margin:16px 0 32px}.mobile-directory{display:none}.palette-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:32px}.palette-grid h3{font:24px var(--display);font-weight:400;margin-bottom:20px}.swatch{display:flex;gap:10px;align-items:center;margin-bottom:12px}.swatch>span{width:40px;height:40px;border-radius:7px;border:1px solid var(--line)}.swatch strong{font-size:11px;font-weight:500}.swatch code{font-size:10px;color:var(--muted)}.semantic-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.semantic{display:flex;align-items:center;gap:12px;min-width:0}.semantic>span{width:36px;height:36px;border:1px solid var(--line);border-radius:6px;flex-shrink:0}.semantic>div{min-width:0}.semantic strong{display:block;font-size:11px;font-weight:550;overflow-wrap:anywhere}.semantic code{display:block;font-size:9px;color:var(--muted);margin-top:4px;overflow-wrap:anywhere}.type-scale{overflow:hidden;border-top:1px solid var(--line)}.type-scale>div{display:grid;grid-template-columns:210px minmax(0,1fr);align-items:center;gap:20px;padding:20px 0;border-bottom:1px solid var(--line)}.type-scale code{font-size:11px;color:var(--muted)}.type-scale span{font-family:var(--display);overflow-wrap:anywhere}.spacing-scale{max-width:600px}.spacing-scale>div{display:flex;align-items:center;gap:20px;padding:12px 0;border-bottom:1px solid var(--line)}.spacing-scale code:first-child{width:100px;color:var(--muted)}.spacing-scale span{height:16px;background:var(--ember);border-radius:2px}.radius-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:24px}.radius-grid>div{display:flex;flex-direction:column;gap:12px;font-size:11px}.radius-grid span{width:72px;height:72px;border:1px solid var(--ink);background:var(--surface)}.radius-grid code{font-size:10px;color:var(--muted)}.shadow-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:32px}.shadow-grid>div>div{background:var(--island);border-radius:12px;padding:32px 20px;margin-bottom:20px;font-size:12px}.shadow-grid code{font-size:10px;color:var(--muted);overflow-wrap:anywhere}.guide{max-width:1050px}.guide article{position:relative;padding:32px 0 32px 64px;border-top:1px solid var(--line)}.guide article .step{position:absolute;left:0;top:35px;color:var(--ember);font:26px var(--display)}.guide article h2{font-size:24px;letter-spacing:-.04em}.guide article h3{font-size:14px;margin:24px 0 16px}.guide article>p{font-size:14px;color:var(--muted);margin-bottom:24px}.guide .code pre{max-height:none}@media (min-width: 1500px){.manifesto{padding-left:max(64px,calc((100vw - 1312px)/2));padding-right:max(64px,calc((100vw - 1312px)/2))}}@media (max-width: 1100px){.hero{padding:56px 40px;gap:36px}.hero h1{font-size:82px}.specimen-content{padding:32px 24px}.specimen-content h2{font-size:34px}.home-picks,.page{padding:56px 40px}.pick-grid,.gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.workbench{padding:32px 40px 64px;gap:36px;grid-template-columns:200px minmax(0,1fr)}.semantic-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.radius-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.site-footer{gap:20px}.site-footer>div{gap:16px}.specimen-note{font-size:9px}}@media (max-width: 760px){.site-header{padding:18px 24px;flex-wrap:wrap;gap:14px}.brand{font-size:20px}.brand-mark{font-size:30px;width:38px;height:38px}.header-tools{margin-left:auto;gap:14px}.site-header nav{order:3;width:100%;gap:28px;font-size:12px}.site-header nav a{padding:8px 0}.hero{grid-template-columns:1fr;gap:48px;padding:44px 24px 56px}.hero h1{font-size:clamp(66px,13vw,96px);margin-bottom:24px}.hero-copy>p{font-size:14px}.hero-actions{gap:20px}.action{font-size:12px;padding:14px 20px;gap:20px}.hero-specimen{transform:none;max-width:480px;width:100%;justify-self:center}.specimen-content{padding:32px 24px}.specimen-content h2{font-size:36px}.install-mini{margin-top:28px;gap:16px}.install-mini code{font-size:11px}.manifesto{padding:32px 24px}.manifesto-grid{grid-template-columns:1fr 1fr;gap:24px}.manifesto-grid h2{font-size:28px}.manifesto-grid p{font-size:12px}.stat{grid-column:1/-1;border-left:0;border-top:1px solid var(--line);padding:20px 0 0;flex-direction:row;align-items:center;gap:24px}.stat strong{font-size:56px}.stat span{margin:0}.home-picks{padding:48px 24px}.section-heading{align-items:start;flex-direction:column;gap:16px}.section-heading h2{font-size:26px}.pick-grid{gap:20px 16px}.pick-preview{padding:20px 16px;min-height:230px}.closing{padding:48px 24px}.closing h2{font-size:50px}.site-footer{padding:32px 24px;flex-wrap:wrap;gap:16px}.site-footer p{flex-basis:calc(100% - 110px);font-size:11px}.site-footer>div{width:100%;padding-top:16px;border-top:1px solid var(--line);justify-content:space-between;font-size:10px}.page{padding:40px 24px 56px}.page-heading{margin-bottom:32px}.page-heading h1{font-size:38px}.page-heading>p:last-child{font-size:13px}.gallery-grid{gap:16px}.gallery-preview{height:250px;padding:20px 16px}.gallery-info{padding:16px}.gallery-info h2{font-size:15px}.gallery-info p{font-size:11px}.workbench{display:block;padding:24px 24px 56px}.desktop-directory{display:none}.mobile-directory{display:block;border:1px solid var(--line);border-radius:8px;padding:14px 16px;margin-bottom:32px}.mobile-directory summary{font-size:12px;cursor:pointer}.mobile-directory .search{margin-top:20px}.mobile-directory .directory-group{display:flex;flex-wrap:wrap;gap:4px 16px}.mobile-directory h3{width:100%;margin:0}.mobile-directory a{padding:8px 10px;min-width:100px}.component-detail>h1{font-size:52px}.detail-preview{padding:32px 24px;min-height:260px}.controls{gap:16px}.controls>.eyebrow{width:100%}.code pre{padding:48px 20px 20px}.code code{font-size:11px}.subheading{font-size:22px;margin-top:32px}.palette-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.semantic-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 12px}.type-scale>div{grid-template-columns:1fr;gap:12px}.radius-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px 12px}.shadow-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.guide article{padding-left:40px}.guide article .step{font-size:22px}.guide article>p{font-size:13px}}@media (max-width: 480px){.pick-grid,.gallery-grid{grid-template-columns:1fr}.pick-preview{min-height:230px}.gallery-preview{height:auto;min-height:240px;max-height:340px}.gallery-toolbar{align-items:start;flex-direction:column;gap:12px}.gallery-toolbar>.muted{align-self:flex-end}.filters{gap:6px}.filters button{font-size:11px;padding:8px 12px}.manifesto-grid{grid-template-columns:1fr;gap:16px}.manifesto-grid h2 br{display:none}.hero-actions{gap:16px}.hero-actions .text-link{font-size:12px}.specimen-note{flex-direction:column;gap:4px}.semantic strong{font-size:10px}.semantic>span{width:28px;height:28px}.semantic{gap:8px}.guide article{padding-left:0;padding-top:58px}.guide article .step{top:24px}.guide article h2{font-size:22px}.component-detail>h1{font-size:46px}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.site-header-cinema{position:absolute;inset:0 0 auto;z-index:10;color:#fff;border-bottom:1px solid rgba(255,255,255,.18);max-width:none;background:transparent}.site-header-cinema .brand-mark{border-color:#ffffffbf}.site-header-cinema .theme-button{color:#fff;border-color:#ffffff4d}.cinema-hero{position:relative;min-height:820px;height:calc(100svh + -0px);max-height:1200px;background:transparent;color:#fff;overflow:hidden;isolation:isolate}.home-experience{position:relative;isolation:isolate;background:#171513;color:#f4efe6;--ink: #f4efe6;--muted: #c5bbae;--line: rgba(244, 239, 230, .22);--surface: rgba(244, 239, 230, .08);--ember: #f39a57}.home-atmosphere{position:sticky;top:0;height:100lvh;margin-bottom:-100lvh;z-index:-1;overflow:hidden;pointer-events:none}.home-sections{position:relative;background:linear-gradient(to bottom,#171513c2,#171513e6 55%,#1715138c)}.home-experience .shared-api{padding-top:100px;padding-bottom:100px}.home-experience .hero-specimen,.home-experience .pick-preview{--paper: #f4efe6;--ink: #171513;--muted: #746e65;--surface: #eae4d8;--line: #d8d0c3;color:var(--ink);background:var(--surface);box-shadow:0 24px 70px #00000040}:root[data-theme=dark] .home-experience .hero-specimen,:root[data-theme=dark] .home-experience .pick-preview{--paper: #171513;--ink: #f4efe6;--muted: #b9b1a5;--surface: #2a2622;--line: #494239}.home-experience .manifesto{background:#f4efe60f;padding-top:64px;padding-bottom:64px}.home-experience .closing{background:transparent;padding-top:100px;padding-bottom:100px}.home-experience .shared-api-copy .code{border:1px solid var(--line);background:#171513d1}.site-footer-cinema{max-width:none;background:#171513;color:#f4efe6;border-color:#494239}.site-footer-cinema p{color:#b9b1a5}@media (max-width: 700px){.home-experience .shared-api,.home-experience .closing{padding-top:64px;padding-bottom:64px}}.cinema-atmosphere,.cinema-video,.cinema-scrim{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none}.cinema-atmosphere{background-color:#171513;background-size:cover;background-position:center}.cinema-video{object-fit:cover;opacity:.85}.cinema-scrim{background:linear-gradient(90deg,#0000008f,#0000001f),linear-gradient(0deg,rgba(0,0,0,.7),transparent 60%)}.cinema-scrim:after{content:"";position:absolute;top:45%;right:0;bottom:0;left:0;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);-webkit-mask-image:linear-gradient(to top,#000,transparent);mask-image:linear-gradient(to top,#000,transparent)}.cinema-content{position:relative;z-index:2;width:min(1440px,100%);margin:auto;padding:190px 64px 140px;animation:cinema-arrive .8s ease-out both}.platform-badges{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:28px}.platform-badges>span{border:1px solid rgba(255,255,255,.4);border-radius:999px;padding:7px 12px;font-size:11px;font-weight:600;letter-spacing:.02em;background:#00000026;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.cinema-content h1{font:clamp(64px,7.4vw,112px) / 1.02 var(--display);letter-spacing:-.035em;margin:0 0 26px;text-wrap:balance;color:#fff}.cinema-lead{font-size:26px;line-height:1.5;margin-bottom:18px;letter-spacing:-.03em}.cinema-description{font-size:14px;color:#fffc;line-height:1.9;margin-bottom:32px;max-width:500px}.cinema-actions{display:flex;align-items:center;gap:28px;flex-wrap:wrap}.cinema-native-link{font-size:13px;border-bottom:1px solid rgba(255,255,255,.4);padding:10px 0}.cinema-native-link:hover{border-color:#fff}.cinema-bottom{position:absolute;bottom:28px;left:64px;right:64px;display:flex;align-items:center;justify-content:space-between;gap:24px;z-index:2}.cinema-scroll{font-size:11px;display:flex;align-items:center;gap:16px}.cinema-scroll span{font-size:24px}.cinema-version{font-size:10px;letter-spacing:.08em;opacity:.65;margin-left:auto}.cinema-motion{display:flex;gap:8px;align-items:center;border:1px solid rgba(255,255,255,.4);border-radius:999px;padding:8px 12px;background:#0003;color:#fff;font-size:12px}.cinema-motion span{font-size:10px}@keyframes cinema-arrive{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.shared-api{scroll-margin-top:32px}.shared-api-copy h2{font-size:54px;font-weight:500;line-height:1.2;margin:0 0 24px}.shared-api-copy>p{font-size:14px;color:var(--muted);line-height:1.9}.shared-api-copy .code{margin:28px 0}.shared-api-copy .preview-disclosure{font-size:11px;max-width:420px;margin-top:18px}.native-badges>span{border-color:var(--line);background:var(--surface);-webkit-backdrop-filter:none;backdrop-filter:none;color:var(--ink)}.home-map{padding:0 64px 64px;max-width:1440px;margin:auto}.home-map-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;border-top:1px solid var(--line)}.home-map-grid>a{padding:24px 0 0}.home-map-grid h3{display:flex;justify-content:space-between;gap:8px;font-size:17px;letter-spacing:-.02em}.home-map-grid h3 span{color:var(--ember)}.home-map-grid p{font-size:12px;color:var(--muted)}.home-map-grid>a:hover h3{color:var(--ember)}.native-intro{display:grid;grid-template-columns:1fr 1fr;gap:32px;padding-bottom:32px}.native-intro h2{font-size:22px;letter-spacing:-.03em}.native-intro p{font-size:14px;color:var(--muted)}.site-map-main{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.site-map-main a{display:flex;justify-content:space-between;gap:12px;padding:20px;border:1px solid var(--line);border-radius:10px;font-size:14px;background:var(--surface)}.site-map-main a:hover{color:var(--ember)}.site-map-groups{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}.site-map-groups h3{font-size:14px;border-bottom:1px solid var(--line);padding-bottom:16px}.site-map-groups a{display:flex;flex-direction:column;gap:4px;padding:10px 0}.site-map-groups a strong{font-size:13px;font-weight:550}.site-map-groups a span{font-size:11px;color:var(--muted)}.site-map-groups a:hover strong{color:var(--ember)}.site-footer>div{flex-wrap:wrap}@media (max-width: 1100px){.cinema-content{padding:170px 40px 130px}.cinema-bottom{left:40px;right:40px}.home-map{padding:0 40px 56px}.home-map-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.site-header nav{gap:20px}.site-footer>div{gap:16px}.shared-api-copy h2{font-size:44px}}@media (max-width: 760px){.cinema-hero{height:auto;min-height:860px}.cinema-content{padding:190px 24px 150px}.cinema-content h1{font-size:clamp(54px,10vw,76px)}.cinema-lead{font-size:22px}.cinema-description{font-size:13px}.cinema-actions{align-items:flex-start;flex-direction:column;gap:16px}.cinema-bottom{left:24px;right:24px;bottom:24px;flex-wrap:wrap;gap:12px}.cinema-version{display:none}.platform-badges{margin-bottom:24px;gap:6px}.platform-badges>span{font-size:10px;padding:7px 10px}.home-map{padding:0 24px 48px}.shared-api-copy h2{font-size:38px}.native-intro{grid-template-columns:1fr;gap:16px}.site-map-main,.site-map-groups{grid-template-columns:repeat(2,minmax(0,1fr))}.site-header nav{gap:20px;flex-wrap:wrap}.site-header-cinema nav{row-gap:4px}.site-footer p{flex-basis:100%}.site-footer>div{justify-content:flex-start;gap:16px}}@media (max-width: 480px){.cinema-hero{min-height:820px}.cinema-content h1{font-size:53px}.cinema-content{padding-top:190px}.home-map-grid{grid-template-columns:1fr;gap:8px}.home-map-grid>a{border-bottom:1px solid var(--line);padding-bottom:12px}.site-map-main,.site-map-groups{grid-template-columns:1fr}.site-header nav{gap:18px;font-size:11px}.cinema-content .action{font-size:12px}.cinema-lead{font-size:20px}}@media (prefers-reduced-motion: reduce){.cinema-content{animation:none}.cinema-video{display:none}.cinema-scroll{scroll-behavior:auto}}