*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--deep-ocean:#0a5e8a;--teal:#1a8a7d;--terracotta:#d4602a;--ink:#1a1a2e;--slate:#4a5568;--sand:#f5f0eb;--marble:#fff}html{scroll-behavior:smooth}body{color:var(--ink);background:var(--marble);-webkit-font-smoothing:antialiased;font-family:DM Sans,sans-serif;font-size:17px;line-height:1.6}a{color:inherit}nav{z-index:100;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:2px solid var(--terracotta);background:#1a1a2ef2;position:fixed;top:0;left:0;right:0}.nav-inner{justify-content:space-between;align-items:center;max-width:1200px;height:60px;margin:0 auto;padding:0 40px;display:flex}.nav-brand{align-items:center;gap:10px;text-decoration:none;display:flex}.nav-brand img{width:auto;height:30px}.nav-brand span{color:var(--marble);letter-spacing:.18em;text-transform:uppercase;font-family:Josefin Sans,sans-serif;font-size:15px;font-weight:600}.nav-links{align-items:center;gap:28px;display:flex}.nav-links a{color:#ffffffbd;font-size:14px;font-weight:500;text-decoration:none;transition:color .2s}.nav-links a:hover{color:var(--marble)}.nav-links a.nav-active{color:var(--marble);border-bottom:1px solid var(--marble);padding-bottom:2px;font-weight:700}.nav-cta{background:var(--terracotta);letter-spacing:.02em;border-radius:6px;padding:8px 20px;font-weight:600;transition:background .2s;color:var(--marble)!important;font-size:13px!important}.nav-cta:hover{background:#c0551f!important}.nav-hamburger{cursor:pointer;background:0 0;border:none;flex-direction:column;flex-shrink:0;justify-content:center;gap:5px;width:36px;height:36px;padding:6px;display:none}.nav-hamburger span{background:var(--marble);border-radius:2px;width:22px;height:2px;transition:transform .2s,opacity .2s;display:block}.container{max-width:1120px;margin:0 auto;padding:0 40px}.section-label{letter-spacing:.14em;text-transform:uppercase;color:var(--teal);margin-bottom:12px;font-size:12px;font-weight:600}.section-title{color:var(--ink);margin-bottom:16px;font-family:Fira Sans,sans-serif;font-size:38px;font-weight:700;line-height:1.15}.section-desc{color:var(--slate);max-width:620px;margin-bottom:48px;font-size:17px;line-height:1.65}.btn{cursor:pointer;border:none;border-radius:8px;align-items:center;gap:8px;padding:14px 28px;font-size:15px;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.btn-primary{background:var(--terracotta);color:var(--marble)}.btn-primary:hover{background:#c0551f;transform:translateY(-1px)}.btn-secondary{color:var(--marble);background:#ffffff14;border:1px solid #ffffff26}.btn-secondary:hover{background:#ffffff24}.btn-secondary-light{background:var(--marble);color:var(--ink);border:1px solid #0000001a}.btn-secondary-light:hover{background:var(--sand)}.btn svg{width:18px;height:18px}.hero{background:var(--ink);min-height:600px;padding:160px 0 120px;position:relative;overflow:hidden}.hero:before{content:"";background:radial-gradient(circle,#0a5e8a33 0%,#0000 65%);border-radius:50%;width:800px;height:800px;position:absolute;top:-200px;right:-100px}.hero:after{content:"";background:radial-gradient(circle,#d4602a1a 0%,#0000 65%);border-radius:50%;width:600px;height:600px;position:absolute;bottom:-200px;left:-150px}.hero .container{z-index:1;position:relative}.hero-octopus{opacity:.15;z-index:0;pointer-events:none;width:55%;max-width:760px;animation:8s ease-in-out infinite octopusFloat;position:absolute;top:50%;right:-8%;transform:translateY(-50%)}.hero-octopus img{width:100%;height:auto;display:block}@keyframes octopusFloat{0%{transform:translateY(-50%)translate(0)rotate(0)}25%{transform:translateY(-52%)translate(-6px)rotate(.4deg)}50%{transform:translateY(-49%)translate(-2px)rotate(-.3deg)}75%{transform:translateY(-51%)translate(-8px)rotate(.2deg)}to{transform:translateY(-50%)translate(0)rotate(0)}}.hero-eyebrow{letter-spacing:.06em;color:var(--teal);text-transform:uppercase;border:1px solid #1a8a7d59;border-radius:20px;margin-bottom:28px;padding:5px 16px;font-size:12px;font-weight:600;display:inline-block}.hero h1{color:var(--marble);max-width:700px;margin-bottom:24px;font-family:Fira Sans,sans-serif;font-size:clamp(40px,5.5vw,64px);font-weight:700;line-height:1.08}.hero h1 em{background:linear-gradient(135deg,var(--teal),var(--deep-ocean));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-style:normal}.hero-sub{color:#ffffffbd;max-width:500px;margin-bottom:40px;font-size:19px;line-height:1.6}.hero-actions{flex-wrap:wrap;gap:16px;display:flex}.what{background:var(--marble);padding:100px 0}.what-grid{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.what-card{background:var(--marble);color:inherit;border:1px solid #0000000d;border-radius:14px;padding:32px;text-decoration:none;transition:transform .2s;display:block}.what-card:hover{transform:translateY(-3px)}.what-card-icon{border-radius:10px;justify-content:center;align-items:center;width:48px;height:48px;margin-bottom:20px;display:flex}.what-card-icon svg{stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;fill:none;width:24px;height:24px}.what-card-icon.ocean{background:#0a5e8a1a}.what-card-icon.ocean svg{stroke:var(--deep-ocean)}.what-card-icon.teal{background:#1a8a7d1a}.what-card-icon.teal svg{stroke:var(--teal)}.what-card-icon.terra{background:#d4602a14}.what-card-icon.terra svg{stroke:var(--terracotta)}.what-card h3{margin-bottom:10px;font-family:Fira Sans,sans-serif;font-size:20px;font-weight:700}.what-card p{color:var(--slate);font-size:15px;line-height:1.6}.what-card code{color:var(--teal);background:#1a8a7d14;border-radius:4px;padding:2px 6px;font-family:JetBrains Mono,monospace;font-size:13px}.journey{background:var(--sand);padding:100px 0}.steps{grid-template-columns:repeat(3,1fr);gap:0;display:grid;position:relative}.steps:before{content:"";background:linear-gradient(90deg,var(--teal),var(--deep-ocean),var(--terracotta));opacity:.25;height:2px;position:absolute;top:36px;left:15%;right:15%}.step code{background:var(--marble);color:var(--teal);border-radius:4px;padding:2px 8px;font-family:JetBrains Mono,monospace;font-size:12px}.journey-cta{text-align:center;margin-top:48px}.journey-cta a{color:var(--terracotta);align-items:center;gap:8px;font-size:18px;font-weight:600;text-decoration:none;transition:gap .2s;display:inline-flex}.journey-cta a:hover{gap:12px}.journey-cta a svg{stroke:currentColor;fill:none;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:18px;height:18px}.usecases{background:var(--marble);padding:100px 0}.usecases-grid{grid-template-columns:1fr 1fr;align-items:start;gap:40px;display:grid}.usecase-cards{flex-direction:column;gap:16px;display:flex}.usecase-card{background:var(--marble);border:1px solid #0000000d;border-radius:12px;align-items:flex-start;gap:16px;padding:24px;transition:transform .2s;display:flex}.usecase-card:hover{transform:translate(4px)}.usecase-icon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:22px;display:flex}.usecase-card:first-child .usecase-icon{background:#0a5e8a1a}.usecase-card:nth-child(2) .usecase-icon{background:#1a8a7d1a}.usecase-card:nth-child(3) .usecase-icon{background:#d4602a14}.usecase-card h4{margin-bottom:4px;font-size:16px;font-weight:600}.usecase-card p{color:var(--slate);font-size:14px;line-height:1.5}.usecases-cta{margin-top:32px}.usecases-cta a{color:var(--terracotta);align-items:center;gap:8px;font-size:18px;font-weight:600;text-decoration:none;transition:gap .2s;display:inline-flex}.usecases-cta a:hover{gap:12px}.usecases-cta a svg{stroke:currentColor;fill:none;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:18px;height:18px}.terminal{background:#0d0d1a;border-radius:12px;overflow:hidden;box-shadow:0 20px 60px #00000040}.terminal-bar{background:#1a1a30;align-items:center;gap:8px;padding:12px 16px;display:flex}.terminal-dot{border-radius:50%;width:12px;height:12px}.terminal-dot.red{background:#ff5f57}.terminal-dot.yellow{background:#ffbd2e}.terminal-dot.green{background:#28c840}.terminal-title{text-align:center;color:#ffffff4d;flex:1;font-family:JetBrains Mono,monospace;font-size:12px}.terminal-body{min-height:260px;padding:24px;font-family:JetBrains Mono,monospace;font-size:14px;line-height:1.8}.terminal-line{opacity:0;animation:.3s forwards typeLine}.terminal-line .prompt{color:var(--teal)}.terminal-line .cmd{color:#ffffffd9}.terminal-line .comment{color:#ffffff40}.terminal-line .output{color:#ffffff80}.terminal-line .success{color:#28c840}.terminal-line .highlight{color:var(--terracotta)}.terminal-line:first-child{animation-delay:.5s}.terminal-line:nth-child(2){animation-delay:1.2s}.terminal-line:nth-child(3){animation-delay:1.9s}.terminal-line:nth-child(4){animation-delay:2.5s}.terminal-line:nth-child(5){animation-delay:3.1s}.terminal-line:nth-child(6){animation-delay:3.7s}.terminal-line:nth-child(7){animation-delay:4.3s}.terminal-line:nth-child(8){animation-delay:4.9s}.terminal-line:nth-child(9){animation-delay:5.5s}.terminal-line:nth-child(10){animation-delay:6.1s}@keyframes typeLine{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.terminal-cursor{background:var(--teal);vertical-align:text-bottom;width:8px;height:16px;margin-left:2px;animation:1s step-end infinite blink;display:inline-block}@keyframes blink{50%{opacity:0}}.cta{background:var(--ink);text-align:center;padding:100px 0;position:relative;overflow:hidden}.cta:before{content:"";background:radial-gradient(circle,#0a5e8a26 0%,#0000 60%);border-radius:50%;width:800px;height:800px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.cta .container{z-index:1;position:relative}.cta h2{color:var(--marble);margin-bottom:16px;font-family:Fira Sans,sans-serif;font-size:clamp(32px,4vw,48px);font-weight:700;line-height:1.1}.cta h2 em{color:var(--teal);font-style:normal}.cta p{color:#ffffffbd;max-width:500px;margin:0 auto 40px;font-size:18px;line-height:1.6}.cta-actions{flex-wrap:wrap;justify-content:center;gap:16px;margin-bottom:48px;display:flex}.cta-links{justify-content:center;gap:32px;display:flex}.cta-links a{color:#ffffffbd;align-items:center;gap:6px;font-size:14px;font-weight:500;text-decoration:none;transition:color .2s;display:flex}.cta-links a:hover{color:var(--marble)}.cta-links a svg{stroke:currentColor;fill:none;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:16px;height:16px}.cta code,.hero code{color:#6cbab1;background:#6cbab126;border-radius:4px;padding:2px 6px;font-family:JetBrains Mono,monospace;font-size:14px}footer{background:var(--ink);text-align:center;border-top:1px solid #ffffff0f;padding:32px 0}.footer-brand{justify-content:center;align-items:center;gap:10px;margin-bottom:8px;display:flex}.footer-brand img{width:auto;height:24px}.footer-brand span{color:#ffffffbd;letter-spacing:.18em;text-transform:uppercase;font-family:Josefin Sans,sans-serif;font-size:13px;font-weight:600}footer p{color:#ffffffbd;font-size:13px}.blog-header{background:var(--ink);padding:120px 0 60px;position:relative;overflow:hidden}.blog-header:before{content:"";background:radial-gradient(circle,#0a5e8a33 0%,#0000 65%);border-radius:50%;width:600px;height:600px;position:absolute;top:-200px;right:-100px}.blog-header .container{z-index:1;position:relative}.blog-header h1{color:var(--marble);margin-bottom:10px;font-family:Fira Sans,sans-serif;font-size:clamp(40px,5.5vw,64px);font-weight:700}.blog-header p{color:#ffffffbd;font-size:17px}.blog-section{background:var(--sand);padding:60px 0 100px}.post-grid{grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:28px;display:grid}.post-card{background:var(--marble);border:1px solid #0000000d;border-radius:14px;flex-direction:column;transition:transform .2s,box-shadow .2s;display:flex;overflow:hidden}.post-card:hover{transform:translateY(-4px);box-shadow:0 16px 48px #0000001a}.post-card-img{object-fit:cover;width:100%;height:200px;display:block}.post-card-img-placeholder{background:linear-gradient(135deg,#0a5e8a1f,#1a8a7d1f);justify-content:center;align-items:center;width:100%;height:200px;display:flex}.post-card-body{flex-direction:column;flex:1;padding:20px 24px 24px;display:flex}.post-date{color:var(--teal);text-transform:uppercase;letter-spacing:.06em;margin-bottom:8px;font-size:12px;font-weight:600}.post-card-body h2{margin-bottom:10px;font-family:Fira Sans,sans-serif;font-size:20px;font-weight:700;line-height:1.3}.post-card-body h2 a{color:var(--ink);text-decoration:none;transition:color .2s}.post-card-body h2 a:hover{color:var(--terracotta)}.post-excerpt{color:var(--slate);flex:1;font-size:14px;line-height:1.6}.post-read-more{color:var(--terracotta);align-items:center;gap:5px;margin-top:14px;font-size:13px;font-weight:600;text-decoration:none;transition:gap .2s;display:inline-flex}.post-read-more:hover{gap:9px}.blog-empty{text-align:center;color:var(--slate);padding:80px 0}.blog-empty h2{color:var(--ink);margin-bottom:8px;font-family:Fira Sans,sans-serif;font-size:24px;font-weight:700}.post-hero-img{object-fit:cover;width:100%;max-height:480px;display:block}.post-detail{padding:60px 0 100px}.post-detail .container{max-width:920px}.post-detail-layout{grid-template-columns:minmax(0,740px) auto;align-items:start;gap:64px;display:grid}.post-content{min-width:0}.post-share-sidebar{flex-direction:column;align-items:center;gap:10px;padding-top:4px;display:flex;position:sticky;top:100px}.post-share-inline{border-bottom:1px solid #00000012;flex-direction:row;align-items:center;gap:8px;margin-bottom:8px;padding:14px 0 20px;display:none}.post-share-label{letter-spacing:.1em;text-transform:uppercase;color:var(--slate);margin-right:2px;font-size:10px;font-weight:700}.share-btn{cursor:pointer;width:40px;height:40px;color:var(--slate);background:#0000000f;border:none;border-radius:50%;justify-content:center;align-items:center;transition:background .15s,color .15s,transform .15s;display:flex}.share-btn:hover{background:var(--ink);color:var(--marble);transform:scale(1.08)}.share-btn.copied{background:var(--teal);color:var(--marble)}.post-back{color:var(--teal);align-items:center;gap:6px;margin-bottom:32px;font-size:14px;font-weight:500;text-decoration:none;transition:gap .2s;display:inline-flex}.post-back:hover{gap:10px}.post-back svg{stroke:currentColor;fill:none;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:16px;height:16px}.post-meta{margin-bottom:8px}.post-meta time{color:var(--teal);text-transform:uppercase;letter-spacing:.06em;font-size:13px;font-weight:600}.post-detail h1{color:var(--ink);word-break:break-word;overflow-wrap:break-word;margin-bottom:24px;font-family:Fira Sans,sans-serif;font-size:clamp(28px,5.5vw,54px);font-weight:700;line-height:1.15}.prose{color:var(--ink);overflow-wrap:break-word;word-break:break-word;font-size:17px;line-height:1.75}.prose h1,.prose h2,.prose h3{color:var(--ink);margin:1.6em 0 .5em;font-family:Fira Sans,sans-serif;font-weight:700;line-height:1.2}.prose h1{font-size:32px}.prose h2{font-size:26px}.prose h3{font-size:21px}.prose p{margin-bottom:1.4em}.prose ul,.prose ol{margin-bottom:1.4em;padding-left:1.5em}.prose li{margin-bottom:.4em}.prose strong{font-weight:600}.prose em{font-style:italic}.prose code{color:var(--teal);background:#1a8a7d14;border-radius:4px;padding:2px 6px;font-family:JetBrains Mono,monospace;font-size:14px}.prose pre{background:#0d0d1a;border-radius:10px;max-width:100%;margin-bottom:1.4em;padding:20px 24px;overflow-x:auto}.prose table{max-width:100%;display:block;overflow-x:auto}.prose pre code{color:#fffc;background:0 0;padding:0;font-size:14px}.prose blockquote{border-left:3px solid var(--terracotta);color:var(--slate);margin:1.4em 0;padding-left:20px;font-style:italic}.prose a{color:var(--terracotta);text-underline-offset:2px;text-decoration:underline}.prose img{border-radius:10px;max-width:100%;margin:1.4em 0}.prose hr{border:none;border-top:1px solid #00000014;margin:2em 0}.post-pagination{border-top:1px solid #00000012;justify-content:space-between;align-items:stretch;gap:16px;margin-top:64px;padding-top:40px;display:flex}.post-pagination-item{color:inherit;border:1px solid #00000012;border-radius:12px;flex-direction:column;flex:1;max-width:48%;padding:20px 24px;text-decoration:none;transition:border-color .2s,transform .2s;display:flex}.post-pagination-item:hover{border-color:var(--terracotta);transform:translateY(-2px)}.post-pagination-item.next{text-align:right;margin-left:auto}.post-pagination-label{letter-spacing:.1em;text-transform:uppercase;color:var(--teal);align-items:center;gap:5px;margin-bottom:6px;font-size:11px;font-weight:600;display:flex}.post-pagination-item.next .post-pagination-label{justify-content:flex-end}.post-pagination-label svg{stroke:currentColor;fill:none;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0;width:14px;height:14px}.post-pagination-title{color:var(--ink);font-family:Fira Sans,sans-serif;font-size:15px;font-weight:700;line-height:1.3}.post-not-found{text-align:center;padding:160px 0 100px}.post-not-found h1{color:var(--ink);margin-bottom:12px;font-family:Fira Sans,sans-serif;font-size:32px;font-weight:700}.post-not-found p{color:var(--slate);margin-bottom:24px}.post-not-found a{color:var(--terracotta);font-weight:600;text-decoration:none}.container-narrow{max-width:800px;margin:0 auto;padding:0 40px}.hero-side-img{object-fit:cover;object-position:center top;opacity:.55;z-index:0;width:45%;height:100%;position:absolute;top:0;right:0;-webkit-mask-image:linear-gradient(90deg,#0000 0%,#000 30%);mask-image:linear-gradient(90deg,#0000 0%,#000 30%)}.hero-back{color:#fff6;align-items:center;gap:6px;margin-bottom:24px;font-size:14px;text-decoration:none;transition:color .2s;display:inline-flex}.hero-back:hover{color:var(--marble)}.hero-back svg{stroke:currentColor;fill:none;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:16px;height:16px}.skill-band{background:var(--sand);padding:100px 0}.skill-band-header{max-width:620px;margin-bottom:48px}.skill-band-header .section-desc{margin-bottom:24px}.personas{background:var(--marble);padding:100px 0}.personas-label{letter-spacing:.14em;text-transform:uppercase;color:var(--teal);text-align:center;margin-bottom:12px;font-size:12px;font-weight:600}.personas-title{color:var(--ink);text-align:center;margin-bottom:40px;font-family:Fira Sans,sans-serif;font-size:38px;font-weight:700;line-height:1.15}.personas-grid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.persona-card{background:var(--marble);color:inherit;border:1px solid #00000014;border-radius:14px;padding:32px;text-decoration:none;transition:transform .2s,box-shadow .2s;display:block}.persona-card:hover{transform:translateY(-3px);box-shadow:0 8px 24px #00000014}.persona-icon{border-radius:10px;justify-content:center;align-items:center;width:48px;height:48px;margin-bottom:20px;font-size:22px;display:flex}.persona-icon.ocean{background:#0a5e8a1a}.persona-icon.teal{background:#1a8a7d1a}.persona-icon.terra{background:#d4602a14}.persona-card h3{color:var(--ink);margin-bottom:4px;font-family:Fira Sans,sans-serif;font-size:20px;font-weight:700}.persona-card .persona-quote{color:var(--teal);margin-bottom:12px;font-size:14px;font-style:italic}.persona-card p{color:var(--slate);font-size:15px;line-height:1.6}.persona-card .persona-link{color:var(--terracotta);align-items:center;gap:6px;margin-top:16px;font-size:14px;font-weight:600;display:inline-flex}.persona-card .persona-link svg{stroke:currentColor;fill:none;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:16px;height:16px}.steps-band{background:var(--sand);padding:100px 0}.steps-grid{grid-template-columns:repeat(3,1fr);gap:0;display:grid;position:relative}.steps-grid:before{content:"";background:linear-gradient(90deg,var(--teal),var(--deep-ocean),var(--terracotta));opacity:.25;height:2px;position:absolute;top:36px;left:15%;right:15%}.step{text-align:center;padding:0 24px;position:relative}.step-num{z-index:1;border-radius:50%;justify-content:center;align-items:center;width:72px;height:72px;margin:0 auto 24px;font-family:Fira Sans,sans-serif;font-size:28px;font-weight:700;display:flex;position:relative}.step:first-child .step-num{color:var(--deep-ocean);background:#0a5e8a1a}.step:nth-child(2) .step-num{color:var(--teal);background:#1a8a7d1a}.step:nth-child(3) .step-num{color:var(--terracotta);background:#d4602a14}.step h3{margin-bottom:10px;font-family:Fira Sans,sans-serif;font-size:20px;font-weight:700}.step p{color:var(--slate);font-size:15px;line-height:1.6}.step code{color:var(--teal);background:#1a8a7d14;border-radius:4px;padding:2px 8px;font-family:JetBrains Mono,monospace;font-size:12px}.detail{padding:80px 0}.detail.white{background:var(--marble)}.detail.sand{background:var(--sand)}.detail-header{align-items:center;gap:16px;margin-bottom:24px;display:flex}.detail-num{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-family:Fira Sans,sans-serif;font-size:20px;font-weight:700;display:flex}.detail-num.ocean{color:var(--deep-ocean);background:#0a5e8a1a}.detail-num.teal{color:var(--teal);background:#1a8a7d1a}.detail-num.terra{color:var(--terracotta);background:#d4602a14}.detail h2{font-family:Fira Sans,sans-serif;font-size:28px;font-weight:700}.detail-body{max-width:720px}.detail-body p{color:var(--slate);margin-bottom:20px;font-size:16px;line-height:1.7}.detail-body ul{margin-bottom:20px;padding-left:20px}.detail-body li{color:var(--slate);margin-bottom:8px;font-size:16px;line-height:1.7}.detail-body li strong{color:var(--ink)}.detail-body a{color:var(--teal);font-weight:600;text-decoration:none}.detail-body code{color:var(--teal);background:#1a8a7d14;border-radius:4px;padding:2px 6px;font-family:JetBrains Mono,monospace;font-size:13px}.video-placeholder{aspect-ratio:16/9;background:var(--ink);color:#ffffff59;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:12px;width:100%;margin:32px 0;display:flex}.video-placeholder svg{width:56px;height:56px}.video-placeholder span{letter-spacing:.04em;text-transform:uppercase;font-size:14px;font-weight:500}.nontechnical-toggle{cursor:pointer;text-align:left;width:100%;color:var(--ink);background:0 0;border:none;justify-content:space-between;align-items:center;padding:0;font-family:Fira Sans,sans-serif;font-size:28px;font-weight:700;display:flex}.nontechnical-toggle svg{width:28px;height:28px;color:var(--slate);flex-shrink:0}.nontechnical-layout{grid-template-columns:1fr 1fr;align-items:center;gap:64px;display:grid}.nontechnical-media .img-placeholder{aspect-ratio:4/3;background:#d8d4cf;border-radius:12px;width:100%}.nontechnical-media{order:-1}@media (max-width:768px){.nontechnical-layout{grid-template-columns:1fr;gap:32px}}.callout{border-left:3px solid var(--teal);background:#1a8a7d0f;border-radius:0 8px 8px 0;margin:24px 0;padding:20px 24px}.callout p{color:var(--ink);margin-bottom:0;font-size:15px}.callout strong{color:var(--teal)}.callout a{color:var(--teal);font-weight:600}.whats-next{background:var(--sand);padding:100px 0}.whats-next-grid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.next-card{background:var(--marble);color:inherit;border:1px solid #0000000d;border-radius:14px;padding:28px;text-decoration:none;transition:transform .2s,box-shadow .2s;display:block}.next-card:hover{transform:translateY(-3px);box-shadow:0 8px 24px #00000014}.next-card h3{margin-bottom:8px;font-family:Fira Sans,sans-serif;font-size:18px;font-weight:700}.next-card p{color:var(--slate);font-size:15px;line-height:1.6}.next-card .card-link{color:var(--terracotta);align-items:center;gap:6px;margin-top:12px;font-size:14px;font-weight:600;display:inline-flex}.next-card .card-link svg{stroke:currentColor;fill:none;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:16px;height:16px}.ideas{background:var(--sand);padding:100px 0}.ideas-grid{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.idea-card{background:var(--marble);border:1px solid #0000000d;border-radius:14px;padding:32px;transition:transform .2s}.idea-card:hover{transform:translateY(-3px)}.idea-card-icon{border-radius:10px;justify-content:center;align-items:center;width:48px;height:48px;margin-bottom:20px;font-size:22px;display:flex}.idea-card-icon.ocean{background:#0a5e8a1a}.idea-card-icon.teal{background:#1a8a7d1a}.idea-card-icon.terra{background:#d4602a14}.idea-card-icon.mixed{background:#1a1a2e0f}.idea-card h3{margin-bottom:10px;font-family:Fira Sans,sans-serif;font-size:20px;font-weight:700}.idea-card p{color:var(--slate);font-size:15px;line-height:1.6}.idea-card a{color:var(--teal);font-weight:600;text-decoration:none}.blocks{background:var(--marble);padding:100px 0}.blocks-grid{grid-template-columns:1fr 1fr;align-items:start;gap:48px;display:grid}.block-item{margin-bottom:40px}.block-item:last-child{margin-bottom:0}.block-item h3{align-items:center;gap:12px;margin-bottom:12px;font-family:Fira Sans,sans-serif;font-size:22px;font-weight:700;display:flex}.block-badge{letter-spacing:.08em;text-transform:uppercase;border-radius:4px;padding:3px 10px;font-size:11px;font-weight:600}.block-badge.api{color:var(--deep-ocean);background:#0a5e8a1a}.block-badge.event{color:var(--teal);background:#1a8a7d1a}.block-badge.tool{color:var(--terracotta);background:#d4602a14}.block-item p{color:var(--slate);margin-bottom:16px;font-size:16px;line-height:1.7}.block-item a{color:var(--teal);font-weight:600;text-decoration:none}.block-item ul{margin-bottom:16px;padding-left:20px}.block-item li{color:var(--slate);margin-bottom:6px;font-size:15px;line-height:1.7}.block-item li strong{color:var(--ink)}.block-item code{color:var(--terracotta);background:#d4602a14;border-radius:4px;padding:2px 6px;font-family:JetBrains Mono,monospace;font-size:13px}@media (max-width:1023px){.hero-side-img{opacity:1;width:100%;height:320px;margin-bottom:48px;display:block;position:static;-webkit-mask-image:none;mask-image:none}.hero{overflow:visible}.hero:has(.hero-side-img){padding-top:0;padding-bottom:60px}}@media (max-width:768px){.nav-inner{padding:0 20px}.nav-hamburger{display:flex}.nav-links{z-index:100;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:2px solid var(--terracotta);background:#1a1a2efa;flex-direction:column;align-items:stretch;gap:0;padding:8px 0;display:none;position:fixed;top:60px;left:0;right:0}.nav-links.nav-links-open{display:flex}.nav-links a{padding:14px 24px;font-size:16px;border-bottom:none!important}.nav-links a.nav-active{padding-bottom:14px}.hero{min-height:auto;padding:120px 0 80px}.hero h1{max-width:100%}.hero-octopus{opacity:.07;width:90%;right:-25%}.container{padding:0 24px}.what-grid,.steps{grid-template-columns:1fr;gap:20px}.steps:before{display:none}.usecases-grid{grid-template-columns:1fr}.cta-links{flex-direction:column;align-items:center;gap:16px}.post-grid{grid-template-columns:1fr}.post-share-sidebar{display:none}.post-share-inline{display:flex}.post-detail-layout{grid-template-columns:1fr}.post-detail{padding:40px 0 60px}.post-detail .container{padding-left:20px;padding-right:20px}.post-pagination{flex-direction:column}.post-pagination-item{max-width:100%}.container-narrow{padding:0 24px}.personas-grid,.steps-grid,.whats-next-grid,.ideas-grid{grid-template-columns:1fr;gap:20px}.steps-grid:before{display:none}.blocks-grid{grid-template-columns:1fr;gap:32px}}