:root{--paper:#f6f5f0;--ink:#252720;--muted:#6d7066;--line:#dedfd6;--accent:#ed643b;--pale:#eee8dd;--radius:16px;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}button{font:inherit}svg{display:block}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:3px solid var(--accent);outline-offset:6px}[hidden]{display:none!important}.wrap{width:min(1220px,calc(100% - 96px));margin-inline:auto}.skip-link{position:absolute;top:-100px;left:20px;background:var(--ink);color:white;padding:12px;z-index:10}.skip-link:focus{top:12px}.site-header{display:flex;align-items:center;justify-content:space-between;min-height:110px;border-bottom:1px solid var(--line)}.brand{display:inline-flex;align-items:center;font-size:26px;font-weight:750;letter-spacing:-1.5px}.brand-symbol{height:30px;width:30px;fill:var(--accent);margin-right:10px}.brand-dot{color:var(--accent)}nav{display:flex;align-items:center;gap:35px;font-size:14px}nav a:hover{color:var(--accent)}.contact-link{display:flex;gap:20px;font-weight:700}.menu-toggle{border:0;background:transparent;font-size:14px;padding:12px}.menu-toggle span{margin-left:12px;font-size:20px}.hero{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:44px;padding-block:85px 90px}.eyebrow{font-family:"Courier New",monospace;font-size:11px;font-weight:700;letter-spacing:1.4px;line-height:1.7}.hero .eyebrow{letter-spacing:.6px;display:flex;align-items:center;gap:10px}.small-spark{font-size:26px;color:var(--accent)}h1{font-size:clamp(66px,6.9vw,100px);line-height:.99;letter-spacing:-6px;font-weight:500;margin:28px 0}h1 em{font-family:Georgia,serif;font-weight:400;color:var(--accent)}.hero-description{max-width:400px;font-size:17px;line-height:1.7;color:var(--muted);margin-block:28px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:35px;min-height:52px;background:var(--ink);color:var(--paper);border-radius:7px;padding:16px 20px;font-size:13px;font-weight:700;transition:background .2s,transform .2s}.button:hover{background:var(--accent);transform:translateY(-2px)}.button span{font-size:19px;font-weight:400}.hero-note{margin-top:22px;font-size:10px;letter-spacing:.1px;color:var(--muted)}.workbench{background:#eaece3;border:1px solid #e0e2d8;border-radius:12px;overflow:hidden;transform:rotate(1deg)}.bench-top,.bench-bottom{display:flex;align-items:center;justify-content:space-between;padding:19px 20px;font-family:"Courier New",monospace;font-size:8px;letter-spacing:1px;color:#797e70}.bench-top{border-bottom:1px solid #d7dbcf}.bench-top>span:first-child{display:flex;gap:4px}.bench-top i{display:block;width:5px;height:5px;border:1px solid #999f8f;border-radius:50%}.bench-bottom{border-top:1px solid #d7dbcf}.bench-bottom>span:last-child{font-size:18px;color:var(--ink)}.bench-grid{position:relative;min-height:438px;background-image:radial-gradient(#c9cec0 .8px,transparent .8px);background-size:18px 18px}.idea-note{position:absolute;z-index:2;left:26px;top:25px;background:#f9e3b4;width:190px;padding:21px 21px 7px;transform:rotate(-7deg);box-shadow:0 7px 14px #4c4b3820}.note-label{font-family:"Courier New",monospace;font-size:8px;letter-spacing:.8px;color:#7c7057}.idea-note p{font-size:21px;line-height:1.25;letter-spacing:-.6px}.idea-note svg{width:95px;margin-left:50px;fill:none;stroke:#ab7940;stroke-width:1.4}.interface-card{position:absolute;top:112px;left:86px;right:24px;min-height:212px;background:#fffef9;border:1px solid #d9dbd2;border-radius:9px;box-shadow:0 16px 24px #414b3520;transform:rotate(3deg)}.interface-nav{display:flex;align-items:center;gap:10px;padding:14px;border-bottom:1px solid #ecece5}.interface-nav>span:not(:first-child){width:20px;height:3px;background:#d8ddd0}.interface-nav>span:nth-child(2){margin-left:auto}.interface-logo{width:17px;height:17px;background:var(--accent);border-radius:4px}.interface-content{display:grid;grid-template-columns:1fr 1fr;gap:18px;padding:24px 19px}.skeleton{display:block;height:3px;background:#dce0d4;width:100%;margin-bottom:5px}.skeleton.short{width:35%;background:var(--accent);margin-bottom:12px}.skeleton.heading{height:8px;background:#404937;width:95%}.skeleton.medium{width:70%}.skeleton.heading.medium{margin-bottom:11px}.tiny-button{display:flex;align-items:center;justify-content:space-between;background:#e4e9da;font-size:7px;padding:7px;margin-top:15px;width:100px;border-radius:3px}.tiny-button b{font-size:10px}.interface-art{background:#d9e0cc;border-radius:6px;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden}.interface-art span{position:absolute;border:1px solid #718367;width:65px;height:65px;border-radius:11px;transform:rotate(40deg)}.interface-art span:nth-child(2){transform:translate(18px,-17px) rotate(40deg);background:#c1cbb0}.interface-art span:nth-child(3){transform:translate(-17px,17px) rotate(40deg);background:#edf0e5}.interface-bottom{display:flex;gap:6px;padding:0 19px 20px}.interface-bottom span{height:5px;background:#e9ebdf;flex:1;border-radius:3px}.code-note{position:absolute;left:30px;bottom:24px;z-index:3;background:#30392d;color:#f0f2e9;padding:20px 22px;border-radius:7px;width:220px;transform:rotate(-4deg);box-shadow:0 12px 20px #414b3520}.code-comment{font-family:monospace;font-size:9px;color:#a1b592}.code-note code{display:block;font-size:13px;line-height:1.8;margin-top:12px}.code-note code>span{color:#f5b083}.code-status{display:flex;align-items:center;gap:6px;font-family:monospace;font-size:7px;color:#b1bca7;margin-top:14px}.code-status span{width:4px;height:4px;background:#bed5a1;border-radius:50%}.spark-stamp{position:absolute;bottom:18px;right:29px;font-size:93px;line-height:1;color:var(--accent);transform:rotate(8deg)}.section{padding-block:80px}.services{display:grid;grid-template-columns:.85fr 1.15fr;gap:65px;border-top:1px solid var(--line)}h2{font-size:clamp(35px,3.7vw,51px);line-height:1.12;font-weight:500;letter-spacing:-2px;margin:20px 0}.section-heading>p:last-child,.approach-heading>p:last-child{font-size:15px;line-height:1.7;color:var(--muted);max-width:290px}.service{display:grid;grid-template-columns:27px 1fr 35px;gap:15px;padding:28px 0;border-bottom:1px solid var(--line)}.service:first-child{padding-top:10px}.service:last-child{border-bottom:0}.service-number{font-family:monospace;font-size:10px;color:var(--muted);padding-top:7px}.service h3{font-size:23px;letter-spacing:-.7px;font-weight:500;margin:0 0 12px}.service p{max-width:390px;color:var(--muted);font-size:14px;line-height:1.7;margin:0}.service ul{list-style:none;padding:0;margin:16px 0 0;display:flex;gap:8px;flex-wrap:wrap}.service li{border:1px solid var(--line);border-radius:4px;padding:5px 7px;color:var(--muted);font-size:9px}.service-icon{color:var(--accent);font-size:30px;text-align:right}.approach{background:#eceee5}.approach-heading{display:grid;grid-template-columns:.7fr 1.2fr 1fr;gap:35px;align-items:start}.approach-heading h2{margin-top:0}.approach-heading>p{margin-top:5px}.steps{list-style:none;display:grid;grid-template-columns:repeat(3,1fr);gap:45px;padding:38px 0 0;margin:20px 0 0;border-top:1px solid #d5dacb}.step-index{font-family:monospace;color:#747e6a;font-size:10px;letter-spacing:.6px}.steps h3{font-weight:500;font-size:23px;letter-spacing:-.6px;margin:20px 0 13px}.steps p{font-size:14px;line-height:1.7;color:var(--muted);max-width:300px}.contact{display:flex;align-items:center;justify-content:space-between;gap:35px}.contact h2{font-size:clamp(45px,5.5vw,72px)}.contact p:last-child{font-size:15px;color:var(--muted);line-height:1.6}.contact>.button{min-width:200px;background:var(--accent)}.contact>.button:hover{background:var(--ink)}.site-footer{display:flex;align-items:center;justify-content:space-between;gap:25px;padding-block:35px;border-top:1px solid var(--line)}.site-footer .brand{font-size:23px}.site-footer p,.site-footer>span{font-size:10px;color:var(--muted)}
@media(min-width:761px){.menu-toggle{display:none!important}}
@media(max-width:1100px){.wrap{width:calc(100% - 64px)}.hero{gap:25px;padding-block:65px}.hero h1{font-size:75px;letter-spacing:-4px}.hero-description{font-size:15px}.bench-grid{min-height:400px}.interface-card{left:60px;top:120px}.idea-note{left:18px;width:175px}.code-note{left:15px;width:205px}.spark-stamp{right:15px;font-size:70px}.services{gap:35px}.approach-heading{grid-template-columns:.7fr 1fr}.approach-heading>p:last-child{grid-column:2}.steps{gap:26px}}
@media(max-width:760px){.wrap{width:calc(100% - 40px)}.site-header{min-height:85px;flex-wrap:wrap}.brand{font-size:25px}.brand-symbol{width:25px;height:25px}.menu-toggle{display:flex;align-items:center}nav{width:100%;gap:0;flex-direction:column;align-items:stretch;padding:10px 0 20px}nav a{padding:14px 0}nav.is-collapsed{display:none}.hero{grid-template-columns:1fr;padding-block:45px 55px;gap:40px}.hero h1{font-size:clamp(64px,13vw,90px);letter-spacing:-4px}.hero-description{max-width:440px;font-size:16px}.hero-note{font-size:9px}.workbench{width:100%;max-width:520px;justify-self:center}.bench-grid{min-height:415px}.interface-card{left:75px;right:20px;top:120px}.idea-note{width:180px;left:23px}.code-note{left:25px;width:210px}.spark-stamp{right:25px;font-size:80px}.section{padding-block:55px}.services{grid-template-columns:1fr;gap:25px}.section-heading>p:last-child{max-width:340px}.service{padding-block:25px;grid-template-columns:20px 1fr 30px;gap:10px}.service h3{font-size:22px}.service li{font-size:9px}.approach-heading{display:block}.approach-heading h2{margin-top:20px}.steps{grid-template-columns:1fr;gap:25px;padding-top:30px}.steps li{padding-bottom:20px;border-bottom:1px solid #d5dacb}.steps li:last-child{border:0;padding-bottom:0}.steps h3{margin-top:12px}.steps p{max-width:450px}.contact{align-items:flex-start;flex-direction:column}.contact>.button{min-width:180px}.site-footer{flex-wrap:wrap;gap:14px}.site-footer .brand{width:100%}.site-footer p{margin:0}.site-footer>span{margin-left:auto}}
@media(max-width:370px){.bench-grid{min-height:390px}.interface-card{left:45px;right:12px}.idea-note{left:16px;width:170px}.code-note{left:15px;width:195px}.spark-stamp{right:12px;font-size:65px}.hero h1{font-size:63px}.hero .eyebrow{font-size:9px}}
@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}*{transition:none!important}}