:root{--paper:#f6f6ef;--ink:#152522;--muted:#5c6860;--line:#d9ded2;--lime:#d3ef80;--dark:#101e1b;--mono:ui-monospace,SFMono-Regular,Consolas,monospace; font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none;scroll-behavior:smooth;scroll-padding-top:30px}
*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline;text-underline-offset:5px}a:focus-visible{outline:3px solid #467254;outline-offset:5px}button,a{-webkit-tap-highlight-color:transparent}p{line-height:1.65}h1,h2,h3,p{margin-top:0}h1,h2,h3{letter-spacing:-.045em}h2{font-size:clamp(34px,4.2vw,53px);line-height:1.05;font-weight:500;margin-bottom:25px}h3{font-size:24px;line-height:1.2}.wrap{width:min(1180px,calc(100% - 96px));margin-inline:auto}.skip{position:absolute;left:16px;top:-100px;z-index:10;background:var(--lime);padding:15px}.skip:focus{top:10px}.header{height:105px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:30px}.brand{font-size:25px;font-weight:700;display:flex;align-items:center;letter-spacing:-1.2px}.brand-dot{color:#729843}.brand-logo{display:block;width:35px;height:35px;margin-right:10px;border-radius:7px}nav{display:flex;gap:32px;font-size:14px}.header-github{border:1px solid var(--line);padding:11px 19px;border-radius:6px;font-size:14px}.hero{display:grid;grid-template-columns:1.13fr 1fr;align-items:center;gap:65px;padding-block:85px 78px}.eyebrow{font:11px var(--mono);letter-spacing:1.5px;margin-bottom:25px;display:flex;align-items:center;gap:9px}.status-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#739b43;flex-shrink:0}h1{font-size:clamp(58px,6.4vw,84px);font-weight:500;line-height:.99;margin-bottom:29px;letter-spacing:-5px}h1 em{font-style:normal;color:#638341}.lead{font-size:21px;margin-bottom:13px;letter-spacing:-.5px}.hero-description{font-size:16px;max-width:430px;color:var(--muted);margin-bottom:28px}.actions{display:flex;align-items:center;gap:25px;flex-wrap:wrap}.button{display:inline-flex;gap:25px;align-items:center;justify-content:center;font-size:14px;font-weight:600;padding:17px 21px;border-radius:5px;line-height:1.3}.primary{background:var(--ink);color:var(--paper)}.button:hover{background:#304b3a;text-decoration:none}.text-link{font-size:14px;font-weight:600;display:inline-flex;gap:14px}.hero-note{font:11px var(--mono);color:var(--muted);margin-top:26px;margin-bottom:0}.hero-note span{margin:0 10px;color:#adb7a4}.studio{background:var(--dark);color:#d3e3d4;padding:23px 22px 17px;border-radius:13px;box-shadow:0 22px 40px -20px #1b35233d;transform:rotate(2deg);max-width:100%;overflow:hidden}.studio-top,.studio-bottom{display:flex;justify-content:space-between;align-items:center;gap:10px;font:9px var(--mono);letter-spacing:1px}.studio-top{padding-bottom:20px}.studio-top>span:first-child{display:flex;gap:8px;align-items:center}.studio .status-dot{background:var(--lime)}.studio-counter{color:#799084}.viewfinder{height:230px;position:relative;overflow:hidden;background:#adc19c;border-radius:4px}.sun{width:80px;height:80px;position:absolute;top:32px;right:60px;background:#e7f0b7;border-radius:50%}.landscape{position:absolute;border-radius:45% 55% 0 0}.landscape.back{width:130%;height:190px;bottom:-72px;left:-40px;background:#668366;transform:rotate(-19deg)}.landscape.front{width:150%;height:200px;bottom:-135px;left:-90px;background:#304c42;transform:rotate(20deg)}.viewfinder-grid{position:absolute;inset:0;background:linear-gradient(90deg,transparent 33%,#f3ffe429 33%,#f3ffe429 33.3%,transparent 33.3%,transparent 66%,#f3ffe429 66%,#f3ffe429 66.3%,transparent 66.3%),linear-gradient(transparent 33%,#f3ffe429 33%,#f3ffe429 33.3%,transparent 33.3%,transparent 66%,#f3ffe429 66%,#f3ffe429 66.3%,transparent 66.3%)}.frame-label{position:absolute;left:15px;top:15px;font:9px var(--mono);color:#20362c;background:#e9efcfb3;padding:7px}.frame-corner{position:absolute;bottom:12px;right:15px;font-size:25px;color:#d9e6be}.audio-line{display:flex;align-items:center;justify-content:space-between;gap:17px;padding-block:20px;font:9px var(--mono);color:#99ad9b}.wave{display:flex;align-items:center;justify-content:space-between;gap:4px;height:32px;flex:1}.wave i{width:3px;height:8px;background:#c6e69a}.wave i:nth-child(3n){height:25px}.wave i:nth-child(4n){height:16px}.wave i:nth-child(5n){height:31px}.pipeline{display:flex;justify-content:space-between;align-items:center;gap:9px;font:9px var(--mono);border-block:1px solid #32423b;padding-block:15px}.pipeline>span{padding:9px 12px;border:1px solid #425449;border-radius:3px}.pipeline b{color:#6a876d;font-weight:400}.pipeline .pipeline-active{color:var(--dark);background:var(--lime);border-color:var(--lime);padding-inline:24px}.studio-bottom{padding-top:17px;color:#8ca18e;font-size:8px}.platform-strip{border-block:1px solid var(--line)}.platform-strip>.wrap{display:flex;align-items:center;justify-content:space-between;gap:25px;padding-block:23px}.platform-strip .wrap>span{font:10px var(--mono);color:var(--muted);letter-spacing:1px}.platform-strip p{font-size:17px;margin:0;letter-spacing:-.3px}.platform-strip p span{margin:0 14px;color:#b6bfae}.section{padding-block:85px}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-bottom:39px}.section-heading h2{margin-bottom:0}.section-heading>p{font-size:15px;color:var(--muted);margin-bottom:3px}.sdk-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.sdk{border:1px solid var(--line);border-radius:7px;padding:25px;display:flex;flex-direction:column;background:#fbfbf6}.sdk-meta{display:flex;justify-content:space-between;gap:15px;font:9px var(--mono);color:var(--muted);letter-spacing:.7px}.language-icon{height:49px;width:49px;border-radius:11px;display:flex;align-items:center;justify-content:center;font-size:28px;font-weight:600;margin-block:29px 24px;letter-spacing:-2px}.language-icon>span{font-size:19px;margin-left:2px}.swift-icon{color:#a84d2b;background:#f5dfce}.kotlin-icon{color:#635292;background:#e8e1f3}.dart-icon{color:#217595;background:#dceff0}.sdk h3{font-size:25px;margin-bottom:7px}.sdk-platform{font:11px var(--mono);color:var(--muted);margin-bottom:20px}.sdk>p:not(.sdk-platform){font-size:14px;color:var(--muted);line-height:1.7;margin-bottom:22px}.tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:auto;margin-bottom:26px}.tags span{font:9px var(--mono);padding:6px 7px;background:#eff0e7;border-radius:3px;line-height:1.4}.sdk-doc{border-top:1px solid var(--line);padding-top:19px;display:flex;justify-content:space-between;font-size:14px;font-weight:600}.source-link{font-size:12px;color:var(--muted);margin-top:16px}.capabilities{background:var(--dark);color:var(--paper);padding-block:80px}.capability-layout{display:grid;grid-template-columns:1fr 1.15fr;gap:100px}.capabilities .eyebrow{color:#a9c888}.capabilities h2{font-size:54px}.capability-intro{color:#afbeb3;max-width:350px;font-size:15px}.capabilities .text-link{margin-top:12px;color:var(--lime)}.feature-list article{display:flex;gap:27px;border-bottom:1px solid #35453b;padding-block:27px}.feature-list article:first-child{padding-top:0}.feature-list article:last-child{border-bottom:0;padding-bottom:0}.feature-list article>span{font:11px var(--mono);color:#afcd8b;padding-top:5px}.feature-list h3{font-size:22px;font-weight:500;margin-bottom:10px}.feature-list p{font-size:14px;color:#afbeb3;margin-bottom:0}.start{display:grid;grid-template-columns:.9fr 1.1fr;gap:75px;align-items:center}.start>div>p:not(.eyebrow){font-size:15px;color:var(--muted);margin-bottom:28px}.terminal{background:#e9ede2;border:1px solid #d6ddcf;border-radius:8px;overflow:hidden}.terminal-top{display:flex;align-items:center;justify-content:space-between;padding:17px 20px;border-bottom:1px solid #d1d9c9;font:9px var(--mono);color:#687862}.terminal-top>span:first-child{color:#a6b69a;letter-spacing:2px}.terminal pre{margin:0;padding:27px 23px;overflow-x:auto;font:11px/2 var(--mono)}.terminal .comment{color:#6a7e5e}.terminal p{font-size:11px;margin:0;padding:15px 23px;border-top:1px solid #d1d9c9;color:#586a50}.terminal p a{display:inline-block;text-decoration:underline;margin-left:7px}.faq{border-top:1px solid var(--line);display:grid;grid-template-columns:.9fr 1.1fr;gap:75px}.answers article{padding-block:23px;border-bottom:1px solid var(--line)}.answers article:first-child{padding-top:0}.answers article:last-child{border-bottom:0}.answers h3{font-size:18px;letter-spacing:-.4px;margin-bottom:11px}.answers p{font-size:14px;color:var(--muted);margin:0}.answers a{text-decoration:underline}.answers code{font-size:11px;overflow-wrap:anywhere}.support{background:var(--lime);border-radius:9px;padding:43px;display:flex;align-items:center;justify-content:space-between;gap:40px;margin-bottom:70px}.support h2{font-size:40px;margin-bottom:14px}.support .eyebrow{font-size:9px;margin-bottom:20px}.support p:last-child{font-size:14px;max-width:420px;margin-bottom:0}.support .actions{flex-direction:column;align-items:flex-start;gap:22px}.footer{border-top:1px solid var(--line);padding-block:33px;display:flex;align-items:center;justify-content:space-between;gap:20px}.footer p{font-size:12px;color:var(--muted);margin:0}.footer nav{font-size:12px;gap:22px}
@media(min-width:1500px){.hero{padding-block:100px}.hero h1{font-size:88px}}
@media(max-width:1000px){.wrap{width:calc(100% - 60px)}.hero{gap:35px}h1{font-size:64px}.hero .actions{gap:19px}.hero .text-link{font-size:13px}.studio{padding:18px 16px}.viewfinder{height:210px}.platform-strip p{font-size:14px}.platform-strip p span{margin:0 7px}.sdk-grid{gap:14px}.sdk{padding:20px}.sdk h3{font-size:22px}.capability-layout,.start,.faq{gap:45px}.support{padding:34px}.support .actions{min-width:215px}.terminal pre{font-size:10px}}
@media(max-width:760px){.header{height:85px;gap:15px}.header nav{gap:18px;font-size:12px}.header-github{display:none}.brand{font-size:22px}.brand-logo{width:29px;height:29px}.hero{grid-template-columns:1fr;padding-block:53px 60px;gap:45px}.hero h1{font-size:72px;letter-spacing:-4px}.hero-description{max-width:470px}.hero .actions{gap:23px}.studio{width:min(450px,100%);justify-self:center;transform:rotate(1deg);padding:22px}.viewfinder{height:220px}.platform-strip>.wrap{align-items:flex-start;flex-direction:column;gap:12px;padding-block:22px}.platform-strip p{font-size:14px;line-height:2}.platform-strip p span{margin:0 7px}.section{padding-block:58px}.section-heading{align-items:flex-start;flex-direction:column;gap:19px;margin-bottom:29px}.section-heading>p br{display:none}.sdk-grid{grid-template-columns:1fr;gap:17px}.sdk{padding:26px}.sdk h3{font-size:27px}.language-icon{margin-block:22px}.sdk>p:not(.sdk-platform){max-width:500px}.sdk .tags{margin-top:0}.capabilities{padding-block:56px}.capability-layout,.start,.faq{grid-template-columns:1fr;gap:38px}.capabilities h2{font-size:43px}.capability-intro{max-width:500px}.feature-list article{gap:20px}.terminal pre{font-size:11px}.support{padding:28px;flex-direction:column;align-items:flex-start;margin-bottom:45px;gap:28px}.support .actions{align-items:flex-start;gap:22px}.support h2{font-size:35px}.footer{flex-wrap:wrap;padding-block:25px}.footer>p{order:3;width:100%}.footer nav{gap:15px;font-size:11px}.footer>.brand{font-size:20px}}
@media(max-width:380px){.wrap{width:calc(100% - 36px)}.header nav{gap:12px}.brand{font-size:20px}.brand-logo{width:25px;height:25px;margin-right:7px}.hero h1{font-size:61px}.hero .actions{align-items:flex-start;flex-direction:column}.pipeline>span{padding-inline:8px}.studio-top{font-size:8px}.studio-bottom{font-size:7px}}
@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}}