:root{--bg:#090c0b;--panel:#111612;--ink:#f1f3e9;--muted:#a6afa5;--accent:#baf58a;--line:#293029;--max:1180px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:28px}body{margin:0;background:var(--bg);color:var(--ink);font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit}a,button,summary{-webkit-tap-highlight-color:transparent}a,button{touch-action:manipulation}button{cursor:pointer}:focus-visible{outline:2px solid var(--accent);outline-offset:5px}::selection{background:var(--accent);color:var(--bg)}.wrap{width:min(calc(100% - 80px),var(--max));margin-inline:auto}.skip-link{position:fixed;top:-90px;left:16px;z-index:99;padding:16px;background:var(--accent);color:#102010}.skip-link:focus{top:12px}.site-header{height:90px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:24px}.brand{display:inline-flex;align-items:center;gap:10px;font-size:15px;font-weight:800;letter-spacing:.12em}.brand img{border-radius:8px}.site-header nav{display:flex;gap:30px;color:var(--muted);font-size:14px}.site-header nav a:hover,footer a:hover{color:var(--accent)}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:28px;border:1px solid #465440;padding:17px 23px;min-height:50px;border-radius:7px;font-size:15px;font-weight:600;transition:background .2s,transform .2s}.button:hover{background:#202a20;transform:translateY(-2px)}.button.small{padding:12px 17px;min-height:44px;font-size:14px}.button.primary{background:var(--accent);color:#12200e;border-color:var(--accent)}.button.primary:hover{background:#ceffac}.button span{font-size:21px;font-weight:400}.hero{display:grid;grid-template-columns:1.04fr 1fr;min-height:555px;align-items:center;gap:15px}.hero,.hero-copy{position:relative}.hero-copy{z-index:1;padding:42px 0}.eyebrow{display:flex;align-items:center;gap:10px;font:11px/1.6 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.12em;color:var(--muted);margin:0 0 24px}.signal{width:6px;height:6px;border-radius:100%;background:var(--accent);box-shadow:0 0 12px #baf58a66;flex:none}h1{margin:0 0 25px;font-size:clamp(72px,8vw,108px);line-height:.94;letter-spacing:-.075em;font-weight:500}em{color:var(--accent);font-style:normal}.hero-description{max-width:385px;font-size:17px;line-height:1.7;color:var(--muted);margin:0 0 29px}.hero-actions{display:flex;align-items:center;gap:22px}.micro{color:var(--muted);font-size:12px;line-height:1.55}.hero-stage{position:relative;height:485px;background:radial-gradient(ellipse at 50% 48%,#7fb15812,transparent 66%)}.rhythm-scene{width:100%;height:100%;position:relative}.rhythm-scene canvas{position:absolute;inset:0;width:100%;height:100%;opacity:0;transition:opacity .7s}.rhythm-scene.is-ready canvas{opacity:1}.scene-fallback{position:absolute;width:80%;height:auto;top:50%;left:50%;transform:translate(-50%,-50%);opacity:.75}.is-ready .scene-fallback{opacity:0}.motion-control,.stage-label,.stage-note{position:absolute;font:10px/1.5 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.12em;color:var(--muted)}.stage-label{top:28px;left:24px}.stage-note{bottom:40px;left:24px;letter-spacing:.03em;font-size:12px}.motion-control{right:20px;bottom:28px;padding:12px;min-height:44px;font-size:11px;border:1px solid var(--line);border-radius:6px;background:#101510}.spec-strip{border-block:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:23px 0;gap:25px;font-size:12px;color:var(--muted)}.spec-strip strong{color:var(--ink);font-size:19px;font-weight:500;margin-right:7px}.spec-strip a{color:var(--accent)}.spec-strip a span{margin-left:15px}.showcase{padding:68px 0 62px}.section-top{display:flex;justify-content:space-between;align-items:center;gap:25px;margin-bottom:35px}.section-top .eyebrow{margin:0}.view-switch{display:flex;padding:4px;background:#141b15;border:1px solid var(--line);border-radius:8px;gap:3px}.view-switch button{color:var(--muted);background:transparent;border:0;border-radius:5px;padding:12px 20px;min-height:44px;font-size:14px;transition:color .2s,background .2s}.view-switch button[aria-pressed=true]{background:#d5e9c6;color:#162313}.view-switch button:hover:not([aria-pressed=true]){background:#263125;color:var(--ink)}.showcase-content{display:grid;grid-template-columns:1fr 1.1fr;align-items:center;gap:80px;min-height:340px}h2{font-size:clamp(32px,3.6vw,47px);line-height:1.07;font-weight:500;letter-spacing:-.05em;margin:0 0 22px}.pro p,.showcase-copy p{color:var(--muted);font-size:16px;line-height:1.7;max-width:440px}.tags{display:block;font-size:12px;line-height:1.7;color:var(--accent);margin-top:23px}.screen-window{border:1px solid #364234;border-radius:12px;overflow:hidden;background:#101210;box-shadow:0 30px 75px #0005}.screen-bar{display:flex;justify-content:space-between;padding:14px 17px;border-bottom:1px solid var(--line);font:10px/1.4 ui-monospace,monospace;letter-spacing:.12em;color:var(--muted)}.screen-bar span:last-child{font-size:8px;color:#678257}.screen-window img{width:100%;height:315px;display:block;object-fit:cover;object-position:center;background:#101210;animation:arrive .35s ease-out}@keyframes arrive{0%{opacity:.3;transform:translateY(5px)}to{opacity:1;transform:none}}.features{border-top:1px solid var(--line);padding:48px 0 58px}.features .section-top h2{font-size:27px;margin:0}.feature-list{display:grid;grid-template-columns:1fr 1fr;column-gap:50px;align-items:start}.feature-list details{border-bottom:1px solid var(--line)}.feature-list summary{list-style:none;display:flex;align-items:center;gap:16px;min-height:73px;cursor:pointer}.feature-list summary::-webkit-details-marker{display:none}.feature-list summary:hover h3{color:var(--accent)}.index{font:11px ui-monospace,monospace;color:var(--muted)}.feature-list h3{font-size:17px;font-weight:500;margin:0}.expand{font-size:23px;color:var(--accent);margin-left:auto;font-weight:300;transition:transform .2s}details[open] .expand{transform:rotate(45deg)}.feature-list details p{margin:0 25px 22px 32px;color:var(--muted);font-size:15px;line-height:1.65}.pro{border-top:1px solid var(--line);padding:55px 0;display:grid;grid-template-columns:1.15fr 1fr;gap:90px;align-items:center}.pro h2{font-size:clamp(36px,4vw,52px)}.pro-offer{border:1px solid #405037;border-radius:12px;background:linear-gradient(125deg,#1b2717,#111710);padding:30px}.pro-offer .eyebrow{color:var(--accent);margin-bottom:13px}.price{font-size:60px;letter-spacing:-.06em;display:flex;align-items:baseline;gap:17px}.price span{font-size:12px;letter-spacing:0;color:var(--muted)}.pro-offer p{font-size:14px}.pro-offer .button{width:100%;margin:10px 0 13px}.pro-offer>.micro{display:block;text-align:center}.privacy{display:flex;align-items:center;gap:19px;padding:25px 0;border-block:1px solid var(--line)}.privacy>span{color:var(--accent);font-size:26px}.privacy p{font-size:13px;line-height:1.7;margin:0}.privacy p span{color:var(--muted)}.privacy a{margin-left:auto;font-size:13px}footer{display:flex;align-items:center;gap:30px;padding:28px 0 35px;font-size:12px;color:var(--muted)}footer .brand{color:var(--ink);font-size:12px}footer>span{flex:1 1}footer div{display:flex;gap:20px}footer small{font-size:11px}.legal-page{width:min(calc(100% - 40px),800px);margin:0 auto;padding:35px 0 80px}.legal-page>.eyebrow{margin-top:70px}.legal-page h1{font-size:clamp(46px,8vw,80px)}.legal-page h2{font-size:30px;margin-top:45px}.legal-page h3{font-size:20px;margin-top:28px}.legal-page address,.legal-page p{line-height:1.8;color:var(--muted);font-style:normal}.back-link,.legal-contact a,.legal-page article a{color:var(--accent);text-decoration:underline}.legal-page .legal-identity{font-size:14px}.back-link{display:inline-block;margin-top:30px}@media (min-width:1500px){.hero{min-height:600px}.hero-stage{height:540px}}@media (max-width:900px){.wrap{width:calc(100% - 44px)}.hero{grid-template-columns:1.1fr 1fr;min-height:540px}h1{font-size:clamp(50px,7vw,76px)}.hero-stage{height:440px}.hero-copy{padding-block:45px}.hero-actions{gap:12px}.hero-actions .micro{display:none}.hero .eyebrow{font-size:9px;letter-spacing:.06em}.stage-note{display:none}.stage-label{left:8px;font-size:9px}.showcase-content{gap:32px}.pro{gap:35px}.price{font-size:49px}.price span{max-width:85px}footer>span{display:none}footer div{margin-left:auto}}@media (max-width:760px){.site-header nav{display:none}.hero{grid-template-columns:1fr;min-height:0}.hero-copy{padding:38px 0 0}h1{font-size:clamp(70px,11vw,86px)}.hero-stage{height:270px}.stage-label{left:0}}@media (max-width:600px){.wrap{width:calc(100% - 36px)}.site-header{height:73px;gap:12px}.site-header nav{display:none}.brand{font-size:12px;gap:8px}.brand img{width:27px;height:27px}.button.small{padding:10px 13px;font-size:12px;gap:15px}.hero{grid-template-columns:1fr;gap:0;min-height:0}.hero-copy{padding:30px 0 0}.hero .eyebrow{font-size:9px;margin-bottom:15px}h1{font-size:clamp(64px,18vw,84px);margin-bottom:17px}.hero-description{font-size:15px;line-height:1.55;max-width:340px;margin-bottom:19px}.hero-actions .micro{display:block;font-size:11px}.hero-actions{gap:17px}.hero-actions .button{font-size:14px;padding:14px 19px;gap:20px}.hero-stage{height:215px;width:100%}.stage-label{top:12px;left:0;font-size:8px}.motion-control{right:0;bottom:6px;font-size:10px}.stage-note{display:block;left:0;bottom:17px;font-size:10px}.spec-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding:14px 0;font-size:10px}.spec-strip strong{display:block;font-size:20px;margin:0 0 5px}.spec-strip a{display:none}.showcase{padding:29px 0 38px}.section-top{align-items:flex-start;flex-direction:column;gap:14px;margin-bottom:18px}.view-switch{width:100%}.view-switch button{flex:1 1;padding:10px 4px;font-size:13px}.showcase-content{grid-template-columns:1fr;gap:24px}.showcase-copy{grid-row:2}.screen-window{grid-row:1}h2{font-size:35px}.showcase-copy p{font-size:15px}.tags{margin-top:14px;font-size:11px}.screen-window img{height:440px;object-position:center top}.screen-window[data-view=create] img{object-position:center 36%}.feature-list{grid-template-columns:1fr}.features{padding:33px 0 38px}.features .section-top{gap:12px}.features .section-top h2{font-size:29px}.feature-list summary{min-height:65px}.feature-list h3{font-size:16px}.pro{grid-template-columns:1fr;padding:36px 0;gap:23px}.pro h2{font-size:39px}.pro p{font-size:15px}.pro-offer{padding:25px}.price{font-size:57px}.price span{max-width:none}.privacy{gap:13px;flex-wrap:wrap}.privacy p{flex:1 1;font-size:12px}.privacy a{margin-left:38px}footer{flex-wrap:wrap;gap:20px;font-size:11px}footer div{gap:17px}footer small{width:100%}}@media (max-width:360px){.hero-actions .micro{display:none}.price{font-size:52px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:after,:before{animation:none!important;transition:none!important}.motion-control{display:none}}.portfolio-context,.portfolio-footer{font-family:Helvetica Neue,Helvetica,Arial,sans-serif;box-sizing:border-box;position:relative;z-index:30;display:flex;align-items:center;justify-content:space-between;gap:16px;width:min(1180px,calc(100% - 40px));margin:0 auto;color:var(--muted,#a6aaa2);font-size:11px;line-height:1.5;letter-spacing:0}.portfolio-context{min-height:38px;border-bottom:1px solid var(--line,#293029)}.portfolio-context a,.portfolio-footer a{color:inherit;text-decoration:none}.portfolio-context a:hover,.portfolio-footer a:hover{color:var(--accent,var(--amber,#e8b59e))}.portfolio-context>a{font-weight:500;white-space:nowrap}.portfolio-context details{position:relative;margin:0;padding:0;border:0;background:none;box-shadow:none}.portfolio-context summary{list-style:none;cursor:pointer;padding:8px 0;min-height:36px;display:flex;align-items:center;gap:12px;font-size:11px}.portfolio-context summary::-webkit-details-marker{display:none}.portfolio-context summary:after{content:"+";font-size:16px}.portfolio-context details[open] summary:after{content:"−"}.portfolio-projects{position:absolute;right:0;top:100%;width:185px;padding:8px;border:1px solid var(--line,#293029);border-radius:6px;background:var(--bg,#111114);box-shadow:0 16px 35px #0005;display:grid;gap:2px}.portfolio-projects a{display:block;padding:10px;min-height:40px;font-size:12px}.portfolio-projects a[aria-current=page]{color:var(--accent,var(--amber,#e8b59e))}.portfolio-footer{min-height:60px;justify-content:flex-start;flex-wrap:wrap;padding:15px 0;border-top:1px solid var(--line,#293029);font-size:10px}.portfolio-footer span{margin-right:auto}.portfolio-footer a{white-space:nowrap}.portfolio-context :focus-visible,.portfolio-footer :focus-visible{outline:2px solid var(--accent,var(--amber,#e8b59e));outline-offset:3px}@media(max-width:400px){.portfolio-footer{gap:10px 16px}.portfolio-footer span{width:100%}}.ui-arrow{display:inline-block;width:14px;height:14px;vertical-align:-2px;flex:none;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}@media(max-width:400px){.navigation{gap:14px}.navigation .nav-links a[href="#tolf"]{display:none}.navigation .nav-links{margin-left:auto;white-space:nowrap}.nav-purchase{white-space:nowrap;flex:none}.nav .brand span{display:none}}:root{--bg:#111114;--bg-2:#19191e;--surface:#19191e;--panel:#19191e;--raised:#222228;--paper:#f2f0ec;--ink:#f2f0ec;--text:#f2f0ec;--muted:#aaa8ad;--faint:#88868d;--dim:#88868d;--line:#29282e;--line-soft:#222228;--accent:#e8b59e;--amber:#e8b59e;--amber-glow:#e8b59e40;--sans:"Helvetica Neue",Helvetica,Arial,sans-serif;color-scheme:dark}:root,body{font-family:var(--sans)}body{-webkit-font-smoothing:antialiased}.portfolio-controls{display:flex;align-items:center;gap:20px}.portfolio-theme{display:grid;place-items:center;width:32px;height:32px;padding:6px;border:0;background:none;color:var(--muted);cursor:pointer}.portfolio-theme svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round}.portfolio-theme:hover{color:var(--text)}:root[data-theme=light]{color-scheme:light;--bg:#f2f0eb;--bg-2:#eae7e1;--surface:#eae7e1;--panel:#eae7e1;--raised:#e3dfd8;--paper:#19181d;--ink:#19181d;--text:#19181d;--muted:#65616c;--faint:#726d78;--dim:#726d78;--line:#d5d0ca;--line-soft:#e3dfd8;--accent:#8a4c38;--amber:#8a4c38;--amber-glow:#8a4c3820}.product-drumloom .button.primary{color:var(--bg)}.product-drumloom .button{border-color:var(--line);border-radius:4px;font-weight:500}.product-drumloom .button.primary:hover{background:var(--text);border-color:var(--text)}.product-drumloom .button:not(.primary):hover{background:var(--panel)}.product-drumloom .signal{box-shadow:0 0 12px #e8b59e44}.product-drumloom .hero-stage{background:radial-gradient(ellipse at 50% 48%,#e8b59e0c,transparent 66%)}.product-drumloom .motion-control{background:var(--bg)}.product-drumloom h1,.product-verdandi h1{font-weight:400;letter-spacing:-.055em}.product-verdandi .portfolio-context,.product-verdandi .portfolio-footer{width:100%;max-width:1072px}.product-verdandi .btn{border-radius:4px;font-weight:500}.product-verdandi .btn.primary{background:var(--text);color:var(--bg);border-color:var(--text)}.product-verdandi .btn.primary:hover{background:var(--accent);border-color:var(--accent)}.product-verdandi .btn:hover{border-color:var(--accent)}.product-verdandi .oled-motion{display:block;margin:12px auto 0;border:1px solid var(--line);border-radius:4px;padding:8px 12px;background:transparent;color:var(--muted);font:11px var(--sans);cursor:pointer}:root[data-theme=light] .product-run4 .nav{background:var(--bg)}:root[data-theme=light] .product-run4 .hero-canvas{opacity:.15}:root[data-theme=light] .product-run4 .chapter li,:root[data-theme=light] .product-run4 .chapter p{color:var(--muted)}:root[data-theme=light] .product-verdandi kbd{background:var(--panel)}@media(max-width:400px){.product-verdandi nav ul{gap:12px;font-size:12px}.product-verdandi nav ul li:last-child{display:none}.portfolio-controls{gap:14px}}.portfolio-context{padding:0;flex-wrap:nowrap}.portfolio-footer{line-height:1.5}.product-verdandi>.portfolio-context,.product-verdandi>.portfolio-footer{width:calc(100% - 40px)}.product-drumloom .view-switch{background:var(--surface)}.product-drumloom .view-switch button[aria-pressed=true]{background:var(--text);color:var(--bg)}.product-drumloom .view-switch button:hover:not([aria-pressed=true]){background:var(--raised);color:var(--text)}.product-drumloom .screen-window{background:var(--surface);border-color:var(--line)}.product-drumloom .screen-bar span:last-child{color:var(--accent)}.product-drumloom .pro-offer{background:var(--surface);border-color:var(--line)}.product-drumloom .pro-offer .price{color:var(--text)}.product-drumloom .skip-link{color:var(--bg)}.product-verdandi .coffee-btn{border-color:var(--line)}.product-verdandi h2{font-weight:400}.product-run4{background:var(--bg)}.product-run4 .navigation{background:transparent}.product-run4 .section{border-bottom-color:var(--line)}.product-run4 .video-play-icon{background:var(--bg)}.product-run4 .video-play:hover .video-play-icon{background:var(--accent)}.product-run4 .video-play:hover .video-play-icon:before{border-left-color:var(--bg)}.product-drumloom .screen-window img{filter:hue-rotate(-78deg) saturate(.85)}.product-run4 .nav-links{color:var(--muted)}:root[data-theme=light] .product-run4 .hero .hero-canvas{mix-blend-mode:normal;opacity:1;-webkit-mask-image:none;mask-image:none}:root[data-theme=light] .product-run4 #grain-sky{filter:invert(1);opacity:.5}.product-run4 .footer-links{flex-wrap:wrap}@media(max-width:400px){.product-drumloom .stage-note{max-width:140px;font-size:9px;bottom:14px}}.portfolio-coffee{display:grid;place-items:center;width:30px;height:36px;color:var(--muted);flex-shrink:0}.portfolio-coffee svg{display:block;width:18px;height:18px}.portfolio-context .portfolio-coffee:hover{color:var(--accent)}