*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}
:root{--parchment:#F0EDE6;--pale-stone:#D4CFC4;--sandstone:#C4A882;--lavender:#C8C3DB;--muted-purple:#8B85A1;--deep-purple:#5A5677;--dark-indigo:#2D2A4A;--sage:#7B9E87}
body{background-color:var(--parchment);color:var(--deep-purple);font-family:'IBM Plex Sans',sans-serif;font-weight:400;font-size:16px;line-height:1.7;-webkit-font-smoothing:antialiased;overflow-x:hidden}

.iso-grid-bg{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0;opacity:0;transition:opacity 0.8s ease;background-image:repeating-linear-gradient(30deg,transparent,transparent 59px,rgba(212,207,196,0.3) 59px,rgba(212,207,196,0.3) 60px),repeating-linear-gradient(-30deg,transparent,transparent 59px,rgba(212,207,196,0.3) 59px,rgba(212,207,196,0.3) 60px)}
.iso-grid-bg.visible{opacity:1}

.hero-section{height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;z-index:1}

.iso-platform{position:relative;width:300px;height:200px;margin-bottom:32px;perspective:800px}
.iso-top,.iso-left,.iso-right{position:absolute}
.iso-top{width:240px;height:140px;background:linear-gradient(135deg,var(--pale-stone),#E0DCD4);top:0;left:30px;transform:rotateX(60deg) rotateZ(-45deg);transform-origin:center center;opacity:0;transition:opacity 0.5s ease,transform 0.5s ease}
.iso-left{width:100px;height:80px;background:var(--sandstone);bottom:0;left:0;transform:skewY(30deg);transform-origin:bottom left;opacity:0;transition:opacity 0.5s ease,transform 0.5s ease}
.iso-right{width:100px;height:80px;background:#B89B78;bottom:0;right:30px;transform:skewY(-30deg);transform-origin:bottom right;opacity:0;transition:opacity 0.5s ease,transform 0.5s ease}

.iso-top.visible{opacity:1}.iso-left.visible{opacity:1}.iso-right.visible{opacity:1}

.hero-title{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-family:'Space Grotesk',sans-serif;font-weight:700;font-size:56px;letter-spacing:-0.03em;color:var(--dark-indigo);opacity:0;transition:opacity 0.5s ease;z-index:2}
.hero-title.visible{opacity:1}

.hero-subtitle{font-family:'Space Grotesk',sans-serif;font-weight:400;font-size:16px;color:var(--muted-purple);letter-spacing:0.02em;opacity:0;transition:opacity 0.4s ease}
.hero-subtitle.visible{opacity:1}

.content-container{max-width:1200px;margin:0 auto;padding:0 48px;position:relative;z-index:1}

.spread-section{padding:80px 0;position:relative;border-top:1px solid var(--pale-stone)}
.dark-section{background-color:var(--dark-indigo);margin:0 -48px;padding:80px 48px;border-top:none}

.connector-line{position:absolute;top:-24px;left:50%;width:1px;height:48px;border-left:2px dashed var(--pale-stone);animation:dash-flow 2s linear infinite}
@keyframes dash-flow{0%{border-color:var(--pale-stone)}50%{border-color:var(--sandstone)}100%{border-color:var(--pale-stone)}}

.spread-columns{display:flex;gap:48px;align-items:flex-start}
.col-7-5 .spread-main{flex:7}.col-7-5 .spread-aside{flex:5}
.col-5-7 .spread-aside{flex:5}.col-5-7 .spread-main{flex:7}

.section-label{font-family:'Space Grotesk',sans-serif;font-weight:400;font-size:12px;letter-spacing:0.08em;text-transform:uppercase;color:var(--muted-purple);display:block;margin-bottom:8px}
.light-label{color:var(--lavender)}

h2{font-family:'Space Grotesk',sans-serif;font-weight:700;font-size:32px;letter-spacing:-0.03em;line-height:1.1;color:var(--dark-indigo);margin-bottom:16px}
.light-heading{color:var(--lavender)}
.light-text{color:var(--lavender)}

.iso-card{position:relative;width:180px;height:120px;margin-bottom:16px}
.iso-card-top{width:160px;height:90px;background:linear-gradient(135deg,var(--pale-stone),#E0DCD4);border-radius:2px;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;z-index:1;box-shadow:4px 4px 0 var(--sandstone),4px 8px 0 rgba(0,0,0,0.1)}
.accent-card .iso-card-top{background:linear-gradient(135deg,var(--sage),#6B8E77)}
.iso-card-left{position:absolute;bottom:-8px;left:0;width:160px;height:8px;background:var(--sandstone);transform:skewX(-45deg);transform-origin:top left}
.iso-card-right{position:absolute;bottom:-8px;right:-8px;width:8px;height:90px;background:#B89B78;transform:skewY(-45deg);transform-origin:bottom left}
.accent-card .iso-card-left{background:#5A8866}
.accent-card .iso-card-right{background:#4D7A59}

.card-stat{font-family:'Space Grotesk',sans-serif;font-weight:700;font-size:28px;color:var(--dark-indigo)}
.accent-card .card-stat{color:var(--parchment)}
.card-label{font-family:'Space Mono',monospace;font-size:10px;color:var(--muted-purple);text-transform:uppercase;letter-spacing:0.06em}
.accent-card .card-label{color:rgba(240,237,230,0.7)}

.aside-note{font-family:'IBM Plex Sans',sans-serif;font-size:14px;line-height:1.6;color:var(--muted-purple)}

.site-footer{max-width:1200px;margin:0 auto;padding:32px 48px;display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--pale-stone);position:relative;z-index:1}
.footer-brand{font-family:'Space Mono',monospace;font-size:13px;color:var(--dark-indigo)}
.footer-text{font-family:'IBM Plex Sans',sans-serif;font-size:13px;color:var(--muted-purple)}

@media(max-width:768px){.spread-columns{flex-direction:column;gap:24px}.content-container{padding:0 24px}.dark-section{margin:0 -24px;padding:60px 24px}.hero-title{font-size:40px}h2{font-size:26px}}