:root{--red:#e72d32;--red-dark:#b5141b;--red-soft:#fff1f1;--ink:#16171b;--muted:#656972;--line:#e6e7ea;--paper:#f7f7f5;--white:#fff;--navy:#10151f;--blue:#2766e6;--green:#2a9b70;--shadow:0 28px 80px #1e1f231f;--radius:26px;--container:1180px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:var(--ink);background:var(--white);-webkit-font-smoothing:antialiased;margin:0;font-family:Hiragino Kaku Gothic ProN,Yu Gothic,YuGothic,Meiryo,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}a{color:inherit;text-decoration:none}button,a{-webkit-tap-highlight-color:transparent}img{max-width:100%}main{overflow:hidden}.container{width:min(calc(100% - 48px), var(--container));margin-inline:auto}.siteHeader{z-index:50;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffe0;border-bottom:1px solid #14151914;position:fixed;inset:0 0 auto}.headerInner{justify-content:space-between;align-items:center;gap:24px;min-height:76px;display:flex}.brand{align-items:center;gap:12px;min-width:max-content;display:inline-flex}.brand>span:last-child{flex-direction:column;line-height:1.1;display:flex}.brand strong{letter-spacing:-.02em;font-size:16px}.brand small{color:var(--muted);letter-spacing:.12em;text-transform:uppercase;margin-top:4px;font-size:10px}.brandMark{background:var(--ink);border-radius:12px;width:38px;height:38px;display:inline-block;position:relative}.cherry{background:var(--red);border-radius:50%;width:9px;height:9px;position:absolute;top:17px}.cherryLeft{left:10px}.cherryRight{right:9px}.stem{border-top:2px solid #69b86e;border-left:2px solid #69b86e;border-radius:8px 0 0;width:10px;height:12px;position:absolute;top:8px;left:18px;transform:rotate(16deg)}.stem:after{content:"";background:#69b86e;border-radius:4px;width:8px;height:2px;position:absolute;top:1px;left:-8px;transform:rotate(35deg)}.desktopNav{align-items:center;gap:34px;margin-left:auto;display:flex}.desktopNav a{color:#3c3f46;font-size:13px;font-weight:700;position:relative}.desktopNav a:after{content:"";background:var(--red);height:2px;transition:right .22s;position:absolute;bottom:-9px;left:0;right:100%}.desktopNav a:hover:after{right:0}.headerGithub{min-height:42px;color:var(--white);background:var(--ink);border-radius:999px;align-items:center;gap:8px;padding:0 17px;font-size:13px;font-weight:800;transition:transform .2s,background .2s;display:inline-flex}.headerGithub:hover{background:var(--red);transform:translateY(-2px)}.buttonIcon{flex:none;width:18px;height:18px}.hero{background:radial-gradient(circle at 76% 18%,#e72d3221,#0000 27%),linear-gradient(#fff 0%,#fafafa 100%);padding:154px 0 88px;position:relative}.heroGridPattern{pointer-events:none;opacity:.42;background-image:linear-gradient(#1415190b 1px,#0000 1px),linear-gradient(90deg,#1415190b 1px,#0000 1px);background-size:48px 48px;position:absolute;inset:76px 0 0;-webkit-mask-image:linear-gradient(90deg,#000,#0000 45%,#000);mask-image:linear-gradient(90deg,#000,#0000 45%,#000)}.heroGrid{grid-template-columns:1.02fr .98fr;align-items:center;gap:72px;display:grid;position:relative}.heroCopy{z-index:2;position:relative}.eyebrow,.sectionKicker{color:var(--red);letter-spacing:.17em;text-transform:uppercase;align-items:center;gap:9px;font-size:12px;font-weight:900;display:inline-flex}.statusDot{background:var(--red);border-radius:50%;width:8px;height:8px;position:relative;box-shadow:0 0 0 6px #e72d321f}.hero h1{letter-spacing:-.075em;margin:28px 0 25px;font-size:clamp(54px,6vw,82px);font-weight:900;line-height:1.05}.hero h1 span{color:var(--red);white-space:nowrap;position:relative}.hero h1 span:after{content:"";background:#e72d3226;border-radius:999px;height:7px;position:absolute;bottom:-5px;left:2px;right:0}.heroLead{color:#4f535b;max-width:610px;margin:0;font-size:17px;font-weight:500;line-height:1.9}.heroActions{flex-wrap:wrap;gap:13px;margin-top:34px;display:flex}.button{border:1px solid #0000;border-radius:14px;justify-content:center;align-items:center;gap:10px;min-height:54px;padding:0 22px;font-size:14px;font-weight:900;transition:transform .2s,box-shadow .2s,background .2s;display:inline-flex}.button:hover{transform:translateY(-3px)}.buttonPrimary{color:var(--white);background:var(--red);box-shadow:0 14px 35px #e72d3247}.buttonPrimary:hover{background:var(--red-dark);box-shadow:0 18px 40px #e72d3259}.buttonSecondary{background:#ffffffb8;border-color:#d9dadd}.buttonSecondary:hover{background:var(--white);box-shadow:0 14px 34px #1e1f231a}.heroStats{border-top:1px solid var(--line);gap:30px;margin-top:46px;padding-top:26px;display:flex}.heroStats div{flex-direction:column;gap:6px;display:flex}.heroStats strong{letter-spacing:-.04em;font-size:18px;line-height:1.1}.heroStats span{color:var(--muted);font-size:11px;font-weight:700}.heroVisual{justify-content:center;align-items:center;min-height:575px;display:flex;position:relative}.visualGlow{background:radial-gradient(circle,#e72d3230,#e72d3200 68%);border-radius:50%;width:480px;height:480px;position:absolute}.deviceCard{z-index:2;width:min(100%,510px);box-shadow:var(--shadow);background:#fffffff0;border:1px solid #14151914;border-radius:34px;padding:20px 22px 24px;position:relative;transform:rotate(-2.2deg)}.deviceCard:before{content:"";pointer-events:none;border:1px solid #1415190f;border-radius:25px;position:absolute;inset:11px}.deviceCardTop,.deviceCardBottom{z-index:2;color:#777b83;letter-spacing:.15em;justify-content:space-between;align-items:center;font-size:10px;font-weight:900;display:flex;position:relative}.liveBadge{color:var(--red);background:var(--red-soft);letter-spacing:.08em;border-radius:999px;padding:6px 9px}.mainDeviceImage{object-fit:contain;filter:drop-shadow(0 20px 28px #191a1f2e);width:100%;height:auto;margin:-2px 0 -4px}.deviceCardBottom{justify-content:flex-start;gap:9px}.deviceCardBottom span{border:1px solid var(--line);color:#545861;letter-spacing:.07em;background:#fafafa;border-radius:8px;padding:6px 9px}.floatingChip{z-index:4;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffff0;border:1px solid #14151914;border-radius:17px;grid-template-rows:auto auto;grid-template-columns:35px 1fr;column-gap:10px;min-width:132px;padding:13px 15px;display:grid;position:absolute;box-shadow:0 18px 45px #1e1f2324}.floatingIcon{width:33px;height:33px;color:var(--white);background:var(--red);border-radius:10px;grid-row:1/3;align-self:center;padding:7px}.floatingChip span{color:var(--muted);letter-spacing:.14em;font-size:9px;font-weight:900}.floatingChip strong{font-size:13px}.chipInput{top:90px;left:-8px;transform:rotate(3deg)}.chipOutput{bottom:100px;right:-8px;transform:rotate(-2deg)}.chipOutput .floatingIcon{background:var(--ink)}.codeWindow{z-index:5;color:#f0f2f6;background:#10151ff5;border-radius:16px;width:255px;padding:15px 18px 17px;position:absolute;bottom:5px;left:20px;transform:rotate(1deg);box-shadow:0 22px 45px #10151f4d}.windowDots{gap:5px;margin-bottom:11px;display:flex}.windowDots i{background:#59606d;border-radius:50%;width:6px;height:6px}.windowDots i:first-child{background:#ff665f}.windowDots i:nth-child(2){background:#ffbd4a}.windowDots i:nth-child(3){background:#5dca6a}.codeWindow code{font-family:Consolas,SFMono-Regular,monospace;font-size:12px;line-height:1.8}.codePink{color:#ff6b9c}.codeBlue{color:#76a7ff}.trustBar{border-block:1px solid var(--line);background:var(--white)}.trustItems{scrollbar-width:none;justify-content:space-between;align-items:center;gap:22px;min-height:84px;display:flex;overflow-x:auto}.trustItems::-webkit-scrollbar{display:none}.trustItems span{color:#757982;letter-spacing:.04em;flex:none;font-family:Consolas,SFMono-Regular,monospace;font-size:13px;font-weight:800}.section{padding:122px 0}.sectionHeading h2,.flowCopy h2,.kitCopy h2,.specIntro h2,.ctaInner h2{letter-spacing:-.055em;margin:17px 0 20px;font-size:clamp(38px,4.6vw,58px);line-height:1.16}.sectionHeading>p,.flowCopy>p,.kitCopy>p,.specIntro>p,.ctaRight>p{color:var(--muted);font-size:16px;line-height:1.9}.centeredHeading{text-align:center;max-width:810px;margin:0 auto 55px}.centeredHeading p{max-width:720px;margin-inline:auto}.featureGrid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.featureCard{border:1px solid var(--line);border-radius:var(--radius);background:var(--white);min-height:390px;padding:34px;transition:transform .25s,box-shadow .25s;position:relative;overflow:hidden}.featureCard:hover{transform:translateY(-7px);box-shadow:0 24px 55px #1c1d211c}.featureCard:after{content:"";border:1px solid #14151912;border-radius:50%;width:170px;height:170px;position:absolute;bottom:-60px;right:-60px;box-shadow:0 0 0 28px #14151906,0 0 0 58px #14151905}.featureCardRed{color:var(--white);border-color:var(--red);background:var(--red)}.featureCardRed:after{border-color:#ffffff38;box-shadow:0 0 0 28px #ffffff12,0 0 0 58px #ffffff0b}.featureIconWrap{width:60px;height:60px;color:var(--red);background:var(--red-soft);border-radius:17px;place-items:center;display:grid}.featureCardRed .featureIconWrap{color:var(--white);background:#ffffff29}.featureIcon{width:30px;height:30px}.featureNo{color:#b0b3b9;font-family:Consolas,monospace;font-size:12px;font-weight:900;position:absolute;top:34px;right:34px}.featureCardRed .featureNo{color:#ffffffb3}.featureCard h3{z-index:1;letter-spacing:-.04em;margin:44px 0 18px;font-size:28px;line-height:1.35;position:relative}.featureCard p{z-index:1;color:var(--muted);margin:0;font-size:14px;line-height:1.9;position:relative}.featureCardRed p{color:#ffffffd1}.flowSection{color:var(--white);background:var(--navy);padding:114px 0}.flowGrid{grid-template-columns:.9fr 1.1fr;align-items:center;gap:72px;display:grid}.flowCopy>p{color:#aeb5c1}.flowSteps{gap:16px;margin-top:38px;display:grid}.flowStep{grid-template-columns:42px 1fr;align-items:center;gap:14px;display:grid}.flowStep>span{width:42px;height:42px;color:var(--white);background:#e72d32e6;border-radius:13px;place-items:center;font-family:Consolas,monospace;font-size:13px;font-weight:900;display:grid}.flowStep strong{letter-spacing:.13em;font-family:Consolas,monospace;font-size:11px}.flowStep p{color:#9ea6b3;margin:4px 0 0;font-size:13px}.flowDemo{background-color:#ffffff06;background-image:linear-gradient(#ffffff06 1px,#0000 1px),linear-gradient(90deg,#ffffff06 1px,#0000 1px),none;background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:30px 30px;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;border:1px solid #ffffff17;border-radius:32px;grid-template-columns:1fr 52px 1fr 52px 1fr;align-items:center;padding:42px;display:grid}.flowNode{text-align:center;background:#ffffff0d;border:1px solid #ffffff1c;border-radius:24px;flex-direction:column;justify-content:center;align-items:center;min-height:218px;padding:22px 16px;display:flex}.nodeIcon{width:54px;height:54px;color:var(--white);background:var(--red);border-radius:16px;margin-bottom:24px;padding:13px}.flowNode>span{color:#8e97a6;letter-spacing:.12em;font-family:Consolas,monospace;font-size:10px;font-weight:900}.flowNode>strong{margin:8px 0 5px;font-size:31px}.flowNode>code{color:#9fbfff;background:#2766e624;border-radius:8px;margin:10px 0 9px;padding:7px 9px;font-family:Consolas,monospace;font-size:11px}.flowNode>small{color:#6f7886;font-size:10px}.nodeLogic .nodeIcon{background:var(--blue)}.nodeMotor .nodeIcon{background:var(--green)}.nodeMotor>strong{color:#66d6ae}.flowArrow{color:#596270}.flowArrow svg{width:32px;height:32px;margin:auto}.modulesSection{background:var(--paper)}.splitHeading{grid-template-columns:1fr .7fr;align-items:end;gap:70px;margin-bottom:54px;display:grid}.splitHeading>p{margin:0 0 9px}.moduleGrid{grid-template-columns:repeat(3,1fr);gap:19px;display:grid}.moduleCard{background:var(--white);border:1px solid #e0e1e3;border-radius:23px;transition:transform .25s,box-shadow .25s;overflow:hidden}.moduleCard:hover{transform:translateY(-6px);box-shadow:0 22px 48px #1e1f231c}.moduleImageWrap{aspect-ratio:4/3;background:#eee;position:relative;overflow:hidden}.moduleImageWrap img{object-fit:cover;width:100%;height:100%;transition:transform .35s}.moduleCard:hover .moduleImageWrap img{transform:scale(1.035)}.moduleCategory{color:var(--white);background:var(--blue);letter-spacing:.12em;border-radius:7px;padding:6px 9px;font-family:Consolas,monospace;font-size:9px;font-weight:900;position:absolute;top:14px;left:14px}.moduleCategory.output{background:var(--red)}.moduleBody{padding:23px 23px 25px}.moduleBody h3{letter-spacing:-.03em;margin:0 0 8px;font-size:18px}.moduleBody p{color:var(--muted);margin:0;font-size:13px;line-height:1.7}.allModules{grid-template-columns:1fr 1fr;gap:16px;margin-top:25px;display:grid}.allModules div{background:#ffffff85;border:1px dashed #c8c9cd;border-radius:17px;padding:24px 27px}.allModules span{color:var(--red);letter-spacing:.13em;font-family:Consolas,monospace;font-size:10px;font-weight:900}.allModules p{color:#4d5159;margin:8px 0 0;font-size:13px;font-weight:700}.kitSection{padding:130px 0}.kitGrid{grid-template-columns:.92fr 1.08fr;align-items:center;gap:94px;display:grid}.kitVisual{max-width:510px;margin-inline:auto;position:relative}.kitImageFrame{border:1px solid var(--line);background:var(--white);box-shadow:var(--shadow);border-radius:34px;padding:13px;overflow:hidden;transform:rotate(-2deg)}.kitImageFrame img{border-radius:24px;width:100%;height:auto;display:block}.kitStamp{border:8px solid var(--white);width:108px;height:108px;color:var(--white);background:var(--red);text-align:center;letter-spacing:.08em;border-radius:50%;place-items:center;font-family:Consolas,monospace;font-size:14px;font-weight:900;line-height:1.15;display:grid;position:absolute;bottom:55px;right:-38px;transform:rotate(8deg);box-shadow:0 18px 40px #e72d324d}.checkList{gap:13px;margin:32px 0 31px;padding:0;list-style:none;display:grid}.checkList li{color:#3f434a;align-items:center;gap:12px;font-size:14px;font-weight:700;display:flex}.checkList span{width:25px;height:25px;color:var(--red);background:var(--red-soft);border-radius:50%;place-items:center;font-size:12px;font-weight:900;display:grid}.textLink{color:var(--red);align-items:center;gap:8px;font-size:14px;font-weight:900;display:inline-flex}.textLink:hover .buttonIcon{transform:translate(4px)}.textLink .buttonIcon{transition:transform .2s}.learningSection{border-top:1px solid var(--line);background:#fbfbfb}.narrowHeading{max-width:760px}.roadmap{max-width:930px;margin:0 auto}.roadmapItem{grid-template-columns:85px 1fr;min-height:150px;display:grid}.roadmapLine{flex-direction:column;align-items:center;display:flex}.roadmapLine span{border:1px solid var(--red);width:49px;height:49px;color:var(--red);background:var(--white);border-radius:15px;place-items:center;font-family:Consolas,monospace;font-size:12px;font-weight:900;display:grid;box-shadow:0 10px 25px #e72d321a}.roadmapLine i{background:linear-gradient(var(--red), #e8e8eb);flex:1;width:1px;margin:10px 0}.roadmapContent{padding:0 0 45px 22px}.roadmapContent code{color:#545861;letter-spacing:.11em;background:#eceef1;border-radius:7px;margin-bottom:12px;padding:6px 9px;font-family:Consolas,monospace;font-size:9px;font-weight:900;display:inline-block}.roadmapContent h3{letter-spacing:-.035em;margin:0 0 8px;font-size:24px}.roadmapContent p{color:var(--muted);margin:0;font-size:14px;line-height:1.75}.languageCards{grid-template-columns:1fr 1fr;gap:18px;margin-top:48px;display:grid}.languageCard{border-radius:25px;justify-content:space-between;align-items:flex-end;gap:30px;min-height:210px;padding:34px;transition:transform .25s;display:flex;overflow:hidden}.languageCard:hover{transform:translateY(-6px)}.languageCard>svg{width:45px;height:45px;color:var(--white);background:#ffffff26;border-radius:50%;padding:12px}.languageCard span{color:#ffffffa1;letter-spacing:.12em;font-family:Consolas,monospace;font-size:10px;font-weight:900}.languageCard h3{letter-spacing:-.04em;margin:10px 0;font-size:28px}.languageCard p{color:#ffffffbf;max-width:440px;margin:0;font-size:13px;line-height:1.75}.cppCard{color:var(--white);background:linear-gradient(135deg,#087f8c,#075a76)}.pythonCard{color:var(--white);background:linear-gradient(135deg,#2b5b9e,#183d78)}.specSection{color:var(--white);background:#191a1e;padding:120px 0}.specGrid{grid-template-columns:.8fr 1.2fr;align-items:start;gap:85px;display:grid}.lightKicker{color:#ff6e72}.specIntro>p{color:#aeb1b9}.specIconRow{flex-wrap:wrap;gap:10px;margin-top:28px;display:flex}.specIconRow span{color:#d2d5dc;background:#ffffff0a;border:1px solid #ffffff1f;border-radius:10px;align-items:center;gap:7px;padding:9px 11px;font-size:11px;font-weight:800;display:inline-flex}.specIconRow svg{color:#ff696e;width:17px;height:17px}.specList{border-top:1px solid #ffffff21;margin:0}.specList div{border-bottom:1px solid #ffffff21;grid-template-columns:.7fr 1.3fr;gap:30px;padding:21px 4px;display:grid}.specList dt{color:#777d87;font-size:12px;font-weight:800}.specList dd{color:#f3f4f6;margin:0;font-size:14px;font-weight:700}.ctaSection{color:var(--white);background:var(--red);padding:106px 0;position:relative;overflow:hidden}.ctaCircuit{opacity:.16;background-image:linear-gradient(90deg,#0000 49.5%,#fff 49.5% 50.5%,#0000 50.5%),linear-gradient(#0000 49.5%,#fff 49.5% 50.5%,#0000 50.5%);background-size:92px 92px;position:absolute;inset:-30%;transform:rotate(12deg)}.ctaCircuit:before,.ctaCircuit:after{content:"";border:3px solid #fff;border-radius:50%;width:12px;height:12px;position:absolute}.ctaCircuit:before{top:38%;left:31%}.ctaCircuit:after{bottom:35%;right:28%}.ctaInner{grid-template-columns:.85fr 1.15fr;align-items:center;gap:90px;display:grid;position:relative}.ctaInner .sectionKicker{color:#ffffffb8}.ctaInner h2{margin-bottom:0}.ctaRight>p{color:#ffffffd1;max-width:570px;margin-top:0}.buttonDark{color:var(--white);background:var(--ink);box-shadow:0 16px 35px #46000240}.buttonWhite{color:var(--ink);background:var(--white)}.siteFooter{color:#868a92;background:#111217;padding:36px 0}.footerInner{grid-template-columns:1fr auto auto;align-items:center;gap:42px;display:grid}.footerBrand strong{color:var(--white)}.footerBrand small{color:#666b74}.footerLinks{gap:24px;display:flex}.footerLinks a{font-size:12px;font-weight:700}.footerLinks a:hover{color:var(--white)}.footerInner>small{font-size:10px}@media (max-width:1050px){.desktopNav{display:none}.heroGrid{grid-template-columns:1fr;gap:50px}.heroCopy{max-width:760px}.heroVisual{width:min(100%,700px);margin:auto}.featureGrid,.moduleGrid{grid-template-columns:repeat(2,1fr)}.featureCard:last-child{grid-column:1/-1;min-height:310px}.flowGrid,.kitGrid,.specGrid{grid-template-columns:1fr}.flowDemo{max-width:760px}.kitVisual{width:min(100%,520px)}.specIntro{max-width:700px}}@media (max-width:780px){.container{width:min(calc(100% - 32px), var(--container))}.siteHeader{position:absolute}.headerInner{min-height:68px}.headerGithub{padding:0 13px}.headerGithub .buttonIcon{width:17px}.hero{padding:116px 0 60px}.hero h1{margin-top:22px;font-size:clamp(47px,13vw,66px)}.heroLead{font-size:15px}.heroActions{flex-direction:column}.button{width:100%}.heroStats{grid-template-columns:1fr 1fr;gap:22px;display:grid}.heroVisual{min-height:500px}.deviceCard{width:92%}.chipInput{top:55px;left:0}.chipOutput{bottom:82px;right:0}.codeWindow{bottom:0;left:4%}.section,.kitSection,.specSection{padding:88px 0}.featureGrid,.moduleGrid,.allModules,.languageCards{grid-template-columns:1fr}.featureCard:last-child{grid-column:auto;min-height:390px}.flowSection{padding:88px 0}.flowDemo{grid-template-columns:1fr;gap:14px;padding:24px}.flowNode{min-height:170px}.flowArrow{transform:rotate(90deg)}.splitHeading{grid-template-columns:1fr;gap:12px}.kitGrid{gap:70px}.kitStamp{right:-10px}.roadmapItem{grid-template-columns:62px 1fr}.roadmapContent{padding-left:12px}.specList div{grid-template-columns:1fr;gap:8px}.ctaInner{grid-template-columns:1fr;gap:28px}.footerInner{grid-template-columns:1fr;gap:24px}.footerLinks{flex-wrap:wrap}}@media (max-width:500px){.brand strong{font-size:14px}.brand small{font-size:9px}.brandMark{width:34px;height:34px}.headerGithub{width:42px;padding:0;font-size:0}.headerGithub .buttonIcon{width:20px;height:20px}.hero h1{letter-spacing:-.065em}.heroStats{grid-template-columns:1fr}.heroVisual{min-height:415px}.floatingChip{min-width:115px;padding:10px}.floatingIcon{width:29px;height:29px}.chipInput{top:35px}.chipOutput{bottom:56px}.codeWindow{width:220px;padding:12px 15px}.sectionHeading h2,.flowCopy h2,.kitCopy h2,.specIntro h2,.ctaInner h2{font-size:38px}.featureCard{min-height:350px;padding:27px}.moduleGrid{gap:14px}.kitStamp{width:88px;height:88px;font-size:12px}.languageCard{padding:28px}}
