*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}a{text-decoration:none;color:inherit}.demo-back{position:fixed;left:18px;bottom:18px;z-index:20;padding:10px 14px;background:#0b0b0b;color:#fff;border:1px solid #444;font-size:12px;letter-spacing:.06em}.demo-back:hover{border-color:currentColor}.demo-nav{height:72px;padding:0 5vw;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid currentColor}.demo-nav strong{letter-spacing:-.04em}.demo-nav div{display:flex;gap:24px;font-size:13px}.demo-btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 20px;font-weight:800;border:1px solid currentColor}.demo-label{font:11px ui-monospace,monospace;letter-spacing:.16em;text-transform:uppercase}.demo-section{padding:100px 5vw}.demo-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px}.demo-card{padding:32px;border:1px solid currentColor}.demo-card span{font:11px ui-monospace,monospace}.demo-card h3{font-size:26px;letter-spacing:-.04em}.demo-footer{padding:36px 5vw;display:flex;justify-content:space-between;border-top:1px solid currentColor;font-size:12px}.north{background:#071014;color:#ebfbff}.north .demo-nav{border-color:#203139}.north .accent{color:#59dfff}.north-hero{min-height:calc(100svh - 72px);padding:8vw 5vw;display:grid;grid-template-columns:1.1fr .9fr;gap:6vw;align-items:center;background:radial-gradient(circle at 85% 20%,rgba(89,223,255,.2),transparent 35%)}.north-hero h1{font-size:clamp(58px,9vw,150px);line-height:.82;letter-spacing:-.08em;margin:24px 0}.north-hero p{max-width:600px;color:#91a8b1;font-size:18px}.north .demo-btn{background:#59dfff;color:#071014;border-color:#59dfff}.north-panel{border:1px solid #28404a;background:#0b171c;padding:18px;transform:rotate(2deg);box-shadow:0 40px 80px #000}.north-panel-head{display:flex;justify-content:space-between;color:#66818c;font:11px ui-monospace,monospace;padding-bottom:18px;border-bottom:1px solid #28404a}.north-chart{height:230px;margin:28px 0;display:flex;gap:10px;align-items:end}.north-chart i{flex:1;background:linear-gradient(#59dfff,#173843);height:var(--h)}.north-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.north-metrics div{padding:14px;background:#102228}.north-metrics b{display:block;font-size:24px}.north .demo-section{border-top:1px solid #203139}.north .demo-card{border-color:#203139}.north .demo-card:hover{background:#0e2027}.atelier{background:#dcd9d0;color:#1a1a17;font-family:Georgia,serif}.atelier .demo-nav{font-family:Inter,sans-serif;border-color:#99968f}.atelier-hero{min-height:calc(100svh - 72px);padding:5vw;display:grid;grid-template-columns:.7fr 1.3fr;gap:5vw}.atelier-copy{display:flex;flex-direction:column;justify-content:space-between}.atelier-copy h1{font-weight:400;font-size:clamp(58px,8vw,130px);line-height:.86;letter-spacing:-.06em;margin:40px 0}.atelier-copy p{max-width:420px;font-size:18px}.atelier-art{background:linear-gradient(125deg,#33362f 0 30%,#85887d 30% 45%,#c9c2ad 45% 67%,#4d514a 67%);position:relative;min-height:650px}.atelier-art span{position:absolute;right:20px;bottom:20px;background:#dcd9d0;padding:12px;font:11px Inter,sans-serif}.atelier-projects{border-top:1px solid #99968f}.atelier-row{display:grid;grid-template-columns:100px 1fr auto;gap:20px;padding:28px 0;border-bottom:1px solid #99968f;align-items:center}.atelier-row strong{font-size:clamp(24px,4vw,56px);font-weight:400}.atelier-row span{font:11px Inter,sans-serif}.forma{background:#11110f;color:#f3efe4}.forma .demo-nav{border-color:#39372f}.forma .orange{color:#ff6234}.forma .demo-btn{background:#ff6234;color:#11110f;border-color:#ff6234}.forma-hero{min-height:calc(100svh - 72px);padding:7vw 5vw;display:grid;grid-template-columns:1.1fr .9fr;gap:5vw;align-items:center}.forma-hero h1{font-size:clamp(62px,10vw,160px);line-height:.8;letter-spacing:-.08em;margin:28px 0}.forma-hero p{color:#aaa699;max-width:620px;font-size:18px}.forma-visual{min-height:560px;background:#e6e0d0;color:#11110f;display:flex;flex-direction:column;justify-content:space-between;padding:28px}.forma-visual b{font-size:clamp(80px,14vw,200px);line-height:.8;letter-spacing:-.1em}.forma-visual div{display:flex;justify-content:space-between;font:11px ui-monospace,monospace}.forma .demo-section{border-top:1px solid #39372f}.forma .demo-card{border-color:#39372f}.forma .demo-card:hover{background:#1b1a17}@media(max-width:800px){.demo-nav div{display:none}.north-hero,.atelier-hero,.forma-hero{grid-template-columns:1fr;min-height:auto;padding-top:80px;padding-bottom:80px}.north-panel{transform:none}.atelier-art,.forma-visual{min-height:440px}.demo-grid{grid-template-columns:1fr}.atelier-row{grid-template-columns:60px 1fr}.atelier-row span:last-child{display:none}.demo-footer{display:block;padding-bottom:90px}}