*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:Inter,Arial,sans-serif;background:#fafafa;color:#111;line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{text-decoration:none;color:inherit}img{max-width:100%;display:block}.container{width:90%;max-width:1200px;margin:0 auto}header{padding:28px 0;background:rgba(250,250,250,.86);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);position:-webkit-sticky;position:sticky;top:0;z-index:100;border-bottom:1px solid rgba(0,0,0,.05)}nav{display:flex;justify-content:space-between;align-items:center}.logo{font-size:24px;font-weight:700;letter-spacing:-1px}.nav-links{display:flex;align-items:center;gap:36px;font-size:14px;color:#333}.nav-links a:hover{color:#000}.nav-btn{background:#111;color:white;padding:12px 20px;border-radius:999px;font-size:14px}.availability-label{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:600;color:#1a6b3c;background:white;border:1px solid #e3e3e3;padding:8px 14px;border-radius:999px;margin-bottom:16px}.availability-dot{width:8px;height:8px;background:#22c55e;border-radius:50%;box-shadow:0 0 0 3px rgba(34,197,94,.25)}.eyebrow{font-size:13px;letter-spacing:2px;text-transform:uppercase;margin-bottom:20px;color:#555;font-weight:600}.primary-btn,.secondary-btn{padding:14px 24px;border-radius:999px;font-size:15px;display:inline-flex;align-items:center;gap:8px;transition:.3s ease;cursor:pointer;border:none;font-family:inherit}.primary-btn{background:#111;color:white}.secondary-btn{border:1px solid #ddd;color:#111;background:white}.primary-btn:hover,.secondary-btn:hover{transform:translateY(-3px)}.hero{min-height:88vh;display:grid;grid-template-columns:1.1fr 1fr;align-items:center;grid-gap:60px;gap:60px;padding:80px 0}.hero h1{font-size:clamp(38px,6vw,52px);line-height:1.05;letter-spacing:-3px;margin-bottom:28px}.hero p{font-size:18px;color:#666;max-width:560px;margin-bottom:34px}.btn-group{display:flex;gap:16px;flex-wrap:wrap}.hero-visual{position:relative;min-height:520px;display:flex;align-items:center;justify-content:center;padding:40px 20px}.hero-portrait{position:relative;width:min(100%,440px);aspect-ratio:4/5;display:grid;place-items:center}.portrait-blob{position:absolute;border-radius:60% 40% 55% 45%/48% 58% 42% 52%;filter:blur(.5px);animation:blob-float 8s ease-in-out infinite}.portrait-blob-1{inset:-8% -6% auto auto;width:72%;height:68%;background:linear-gradient(135deg,#e9d5ff,#fbcfe8 55%,#fde68a);opacity:.85;animation-delay:0s}.portrait-blob-2{inset:auto auto -10% -8%;width:58%;height:52%;background:linear-gradient(145deg,#a7f3d0,#bfdbfe);opacity:.75;border-radius:45% 55% 40% 60%/55% 45% 60% 40%;animation-delay:-2.5s}.portrait-blob-3{inset:12% auto auto -12%;width:38%;height:34%;background:#111;opacity:.06;border-radius:50%;animation-delay:-5s}.portrait-ring{position:absolute;inset:-6%;border:2px dashed rgba(17,17,17,.14);border-radius:42% 58% 52% 48%/54% 42% 58% 46%;animation:ring-spin 24s linear infinite}.portrait-frame{position:relative;z-index:2;width:78%;transform:rotate(-4deg);padding:10px;background:white;border-radius:36% 64% 58% 42%/48% 38% 62% 52%;box-shadow:0 28px 70px rgba(17,17,17,.14),inset 0 0 0 1px rgba(255,255,255,.8);transition:transform .5s cubic-bezier(.34,1.56,.64,1)}.hero-portrait:hover .portrait-frame{transform:rotate(2deg) scale(1.02)}.hero-photo{width:100%;height:100%;min-height:380px;object-fit:cover;display:block;border-radius:32% 68% 54% 46%/44% 36% 64% 56%;filter:saturate(1.08) contrast(1.03)}.portrait-sticker{position:absolute;z-index:3;font-size:12px;font-weight:700;letter-spacing:.5px;padding:10px 16px;border-radius:999px;box-shadow:0 12px 30px rgba(17,17,17,.12);animation:sticker-bob 5s ease-in-out infinite}.sticker-ux{top:6%;right:2%;background:#111;color:white;animation-delay:0s}.sticker-location{bottom:10%;left:-2%;background:white;color:#111;border:1px solid #ececec;animation-delay:-1.5s}.portrait-shape{position:absolute;z-index:1;display:grid;place-items:center;font-size:22px;font-weight:700;color:#111;animation:sticker-bob 6s ease-in-out infinite}.shape-star{top:18%;left:4%;width:44px;height:44px;background:#fde68a;border-radius:14px;--r:-12deg;box-shadow:0 10px 24px rgba(253,230,138,.5);animation-delay:-3s}.shape-plus{bottom:22%;right:6%;width:36px;height:36px;background:#fbcfe8;border-radius:50%;font-size:18px;--r:14deg;box-shadow:0 10px 24px rgba(251,207,232,.55);animation-delay:-4s}@keyframes blob-float{0%,to{transform:translate(0) rotate(0deg) scale(1)}33%{transform:translate(8px,-12px) rotate(4deg) scale(1.03)}66%{transform:translate(-10px,8px) rotate(-3deg) scale(.98)}}@keyframes ring-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes sticker-bob{0%,to{transform:translateY(0) rotate(var(--r,0deg))}50%{transform:translateY(-8px) rotate(var(--r,0deg))}}.sticker-ux{--r:8deg}.sticker-location{--r:-6deg}.section{padding:100px 0;border-top:1px solid #eaeaea}.section-heading{display:flex;justify-content:flex-end;align-items:flex-end;margin-bottom:36px;gap:24px}.section-heading h2{font-size:34px;letter-spacing:-1px}.section-heading p{color:#666;max-width:430px}.work-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:26px;gap:26px}.project-card{background:white;border:1px solid #e7e7e7;border-radius:24px;overflow:hidden;transition:.3s ease;display:block}.project-card:hover{transform:translateY(-8px);box-shadow:0 24px 60px rgba(0,0,0,.08)}.project-img{height:240px;background:linear-gradient(135deg,#e7f7f5,#f5f1ff);display:flex;align-items:center;justify-content:center;font-size:48px;overflow:hidden}.project-img img{width:100%;height:100%;object-fit:cover;display:block}.project-content{padding:24px}.project-content h3{font-size:22px;margin-bottom:8px;letter-spacing:-.5px}.project-content p{color:#666;font-size:15px;margin-bottom:18px}.project-link{font-size:14px;font-weight:600}.view-all{margin-top:34px;display:flex;justify-content:center}.about-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:70px;gap:70px;align-items:center}.about-text h2{font-size:40px;letter-spacing:-1.5px;margin-bottom:24px}.about-text p{color:#666;margin-bottom:18px;max-width:560px}.skills{display:grid;grid-gap:12px;gap:12px;margin-top:30px}.skill{padding:18px 0;border-bottom:1px solid #ddd;color:#333}.profile-card,.skill{display:flex;justify-content:space-between}.profile-card{background:#111;color:white;border-radius:30px;padding:36px;min-height:420px;flex-direction:column}.profile-card h3{font-size:30px;letter-spacing:-1px}.profile-card p{color:#ccc;margin-top:12px}.profile-circle{width:120px;height:120px;background:linear-gradient(135deg,#d8c7ff,#ffffff);border-radius:50%;margin-left:auto}.contact{background:#111;color:white;border-radius:36px;padding:60px;display:grid;grid-template-columns:.9fr 1.1fr;grid-gap:60px;gap:60px;align-items:start}.contact h2{font-size:44px;line-height:1.1;letter-spacing:-1.5px;margin-bottom:20px}.contact p{color:#cfcfcf;max-width:420px;margin-bottom:28px}.contact-socials{display:flex;align-items:center;gap:12px;margin-top:24px}.contact-socials a{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border:1px solid rgba(255,255,255,.18);border-radius:50%;color:white;background:rgba(255,255,255,.08);transition:transform .2s ease,background .2s ease,border-color .2s ease}.contact-socials a:hover{transform:translateY(-2px);border-color:rgba(255,255,255,.34);background:rgba(255,255,255,.14)}.contact-socials svg{width:18px;height:18px}.contact-socials svg:not([fill=none]){fill:currentColor}form{grid-gap:18px}.form-row,form{display:grid;gap:18px}.form-row{grid-template-columns:1fr;grid-gap:18px}input,textarea{width:100%;padding:16px 18px;border-radius:16px;border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.08);color:white;font-size:15px;outline:none;font-family:inherit}input::placeholder,textarea::placeholder{color:#aaa}textarea{min-height:150px;resize:vertical}.submit-btn{background:white;color:#111;border:none;padding:16px 24px;border-radius:999px;font-size:15px;font-weight:600;cursor:pointer;width:-moz-fit-content;width:fit-content;transition:.3s ease}.submit-btn:hover{transform:translateY(-3px);background:#eee}@media (prefers-reduced-motion:reduce){.portrait-blob,.portrait-ring,.portrait-shape,.portrait-sticker{animation:none}.hero-portrait:hover .portrait-frame{transform:rotate(-4deg)}}.work-hero{padding:110px 0 70px}.work-hero .eyebrow{margin-bottom:18px}.work-hero h1{font-size:clamp(48px,7vw,92px);line-height:.95;letter-spacing:-4px;max-width:900px;margin-bottom:26px}.work-hero p{font-size:19px;color:#666;max-width:680px}.projects-section{padding:30px 0 120px}.project-card-large{background:#fff;border:1px solid #e7e7e7;border-radius:34px;padding:26px;display:grid;grid-template-columns:.9fr 1.1fr;grid-gap:42px;gap:42px;align-items:center;margin-bottom:30px;transition:.3s ease;overflow:hidden}.project-card-large:hover{transform:translateY(-6px);box-shadow:0 28px 70px rgba(0,0,0,.08)}.govi-showcase-card{position:relative;min-height:560px;border-radius:34px;overflow:hidden;margin-bottom:30px;background:#050807;isolation:isolate;transition:.3s ease}.govi-showcase-card:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(0,0,0,.82),rgba(0,0,0,.44) 42%,rgba(0,0,0,.7)),radial-gradient(circle at 70% 55%,rgba(176,255,158,.18),transparent 34%)}.govi-showcase-card:hover{transform:translateY(-6px);box-shadow:0 28px 70px rgba(0,0,0,.12)}.govi-showcase-bg{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover;opacity:.9}.govi-showcase-copy{position:relative;z-index:2;width:min(48%,520px);padding:110px 0 80px 76px;color:white}.govi-brand-mark{display:inline-flex;align-items:center;gap:12px;margin-bottom:42px;font-size:22px;font-weight:800;letter-spacing:6px}.govi-brand-icon{width:24px;height:24px;border:3px solid;border-radius:6px;transform:rotate(45deg);position:relative}.govi-brand-icon:after{content:"";position:absolute;inset:5px;border:2px solid;border-radius:50%}.govi-showcase-copy h2{font-size:clamp(42px,5vw,64px);line-height:1.04;letter-spacing:0;max-width:620px;margin-bottom:34px}.govi-showcase-btn{display:inline-flex;align-items:center;justify-content:center;min-width:210px;min-height:64px;padding:18px 34px;border-radius:999px;background:white;color:#111;font-size:18px;font-weight:700;transition:transform .2s ease,background .2s ease}.govi-showcase-btn:hover{transform:translateY(-2px);background:#f2f2f2}.govi-device-group{position:absolute;right:8%;bottom:72px;z-index:2;display:flex;align-items:flex-end;gap:28px}.govi-phone{width:232px;min-height:430px;border:10px solid #050505;border-radius:34px;background:#f7f8f3;box-shadow:0 26px 64px rgba(0,0,0,.45);overflow:hidden}.govi-phone-main{width:254px;min-height:470px;padding:18px 16px}.govi-phone-map{background:#2d3f2e}.phone-status{display:flex;justify-content:space-between;font-size:12px;font-weight:700;color:#151515;margin-bottom:22px}.phone-menu{width:18px;height:12px;border-top:2px solid #333;border-bottom:2px solid #333;margin-bottom:34px}.crop-reading{display:grid;justify-items:center;grid-gap:4px;gap:4px;color:#191919}.crop-reading strong{font-size:64px;line-height:1;font-weight:500}.crop-reading span{color:#5f625c;font-size:13px;font-weight:700}.field-visual{display:grid;grid-gap:10px;gap:10px;margin:36px auto 28px;width:72%;transform:perspective(150px) rotateX(18deg)}.field-row{height:22px;border-radius:999px;background:linear-gradient(90deg,#426f2e,#9ac85e,#426f2e)}.sensor-dock{display:flex;justify-content:center;gap:12px;margin-bottom:28px}.sensor-dock span{width:48px;height:48px;border-radius:50%;background:#ecefeb}.sensor-dock span:first-child{background:#111}.phone-panel{margin:0 -16px -18px;padding:18px 20px 24px;border-top:4px solid #111;display:flex;justify-content:space-between;background:white;color:#111;font-size:18px}.map-preview{position:relative;height:250px;background:linear-gradient(35deg,transparent 42%,rgba(61,143,80,.22) 43%,transparent 45%),linear-gradient(135deg,#e8eadf,#fafaf7)}.map-route{position:absolute;left:42px;top:92px;width:132px;height:92px;border-color:#4a9eff #4a9eff transparent transparent;border-style:solid;border-width:8px;border-radius:45% 55% 45% 55%;transform:rotate(18deg)}.map-pin{position:absolute;right:34px;top:72px;width:32px;height:32px;border:8px solid #050505;border-radius:50%;background:white;z-index:2}.farm-route-card{min-height:180px;padding:26px 22px;color:white}.farm-route-card span{color:#d6dfcf;font-size:15px}.farm-route-card strong{display:block;margin:6px 0 24px;max-width:180px;font-size:24px;line-height:1.1;font-weight:500}.route-stats{display:flex;justify-content:space-between;gap:12px;color:#eef4e9}.route-stats span{font-size:12px;color:inherit}.range-line{height:1px;margin:16px 0 12px;background:rgba(255,255,255,.26)}.farm-route-card small{color:#d6dfcf}.project-thumbnail{min-height:340px;border-radius:26px;background:radial-gradient(circle at top right,#e9e2ff,transparent 42%),linear-gradient(145deg,#f8f8f8,#eeeeee);border:1px solid #ededed;display:flex;align-items:center;justify-content:center;padding:26px;overflow:hidden}.project-thumbnail.has-image{padding:0;background:#f7f7f7}.thumbnail-image{width:100%;height:100%;min-height:340px;object-fit:cover;display:block;border-radius:26px}.thumbnail-ui{width:92%;background:white;border-radius:24px;padding:20px;box-shadow:0 22px 60px rgba(0,0,0,.1)}.thumbnail-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.dots{display:flex;gap:7px}.dot{width:9px;height:9px;background:#ddd;border-radius:50%}.thumbnail-title{color:#777;font-size:13px}.chart{height:130px;border-radius:20px;background:linear-gradient(135deg,#f1f5ff,#f8f1ff);display:flex;gap:10px;align-items:flex-end;padding:20px;margin-bottom:16px}.bar{flex:1 1;border-radius:99px 99px 8px 8px;background:#111;opacity:.12}.bar:first-child{height:45%}.bar:nth-child(2){height:76%}.bar:nth-child(3){height:58%}.bar:nth-child(4){height:92%}.bar:nth-child(5){height:65%}.line{height:13px;background:#f1f1f1;border-radius:999px;margin:12px 0}.line.short{width:62%}.project-category{font-size:13px;text-transform:uppercase;letter-spacing:2px;color:#777;font-weight:600;margin-bottom:14px}.project-info h2{font-size:clamp(32px,4vw,52px);line-height:1.05;letter-spacing:-2px;margin-bottom:18px}.project-info p{color:#666;font-size:17px;max-width:600px;margin-bottom:22px}.tags{display:flex;flex-wrap:wrap;gap:10px;margin:26px 0 30px}.tag{background:#f2f2f2;border:1px solid #e3e3e3;padding:8px 14px;border-radius:999px;font-size:13px;color:#333}.project-actions{display:flex;flex-wrap:wrap;gap:14px}.projects-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:30px;gap:30px;align-items:stretch}.projects-grid .project-card-large{display:flex;flex-direction:column;align-items:stretch;gap:20px;height:100%;margin-bottom:0;padding:20px;border-radius:28px}.projects-grid .project-thumbnail{width:100%;min-height:0;aspect-ratio:4/3;padding:20px;border-radius:22px}.projects-grid .project-thumbnail.has-image{padding:0}.projects-grid .thumbnail-image{height:100%;min-height:0;border-radius:22px}.projects-grid .thumbnail-ui{width:100%;padding:16px;border-radius:20px}.projects-grid .chart{height:96px}.projects-grid .project-info{display:flex;flex:1 1;flex-direction:column}.projects-grid .project-category{margin-bottom:10px}.projects-grid .project-info h2{font-size:24px;line-height:1.12;letter-spacing:-.8px;margin-bottom:12px}.projects-grid .project-info p{max-width:none;font-size:14px;line-height:1.55;margin-bottom:0}.projects-grid .tags{margin:18px 0}.projects-grid .tag{padding:7px 11px;font-size:12px}.projects-grid .project-actions{margin-top:auto}.projects-grid .project-actions .primary-btn,.projects-grid .project-actions .secondary-btn{padding:12px 15px;font-size:14px}.cta{padding:70px 0 110px}.cta-box{background:#111;color:white;border-radius:36px;padding:62px;display:flex;justify-content:space-between;gap:30px;align-items:center}.cta-box h2{font-size:42px;line-height:1.05;letter-spacing:-1.5px;max-width:560px}.cta-box a{background:white;color:#111;padding:15px 24px;border-radius:999px;font-weight:600;white-space:nowrap}footer{padding:36px 0;color:#666;font-size:14px;border-top:1px solid #eaeaea}.footer-content{display:flex;justify-content:center;text-align:center}@media (max-width:1000px){.projects-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}(max-width: 900px){.about-grid,.contact,.hero{grid-template-columns:1fr}.hero{padding:60px 0}.work-grid{grid-template-columns:1fr}.hero-visual{min-height:420px;padding:24px 0}.hero-portrait{width:min(100%,360px)}.hero-photo{min-height:300px}.sticker-location{left:0;font-size:11px;padding:8px 12px}.section-heading{flex-direction:column;align-items:flex-start}.contact{padding:36px}.project-card-large{grid-template-columns:1fr}.project-thumbnail{min-height:300px}.govi-showcase-card{min-height:760px}.govi-showcase-copy{width:100%;padding:58px 42px 0}.govi-showcase-copy h2{max-width:620px;font-size:clamp(36px,8vw,54px)}.govi-device-group{right:50%;bottom:44px;transform:translateX(50%) scale(.9);transform-origin:bottom center}.cta-box{flex-direction:column;align-items:flex-start;padding:40px}}@media (max-width:600px){.projects-grid{grid-template-columns:1fr}.nav-links{display:none}.hero h1{letter-spacing:-2px}.form-row{grid-template-columns:1fr}.contact h2{font-size:34px}.section{padding:70px 0}.work-hero{padding:80px 0 40px}.work-hero h1{letter-spacing:-2px}.project-card-large{padding:18px;border-radius:26px}.project-info h2{letter-spacing:-1px}.govi-showcase-card{min-height:690px;border-radius:26px}.govi-showcase-copy{padding:38px 26px 0}.govi-brand-mark{margin-bottom:28px;font-size:16px;letter-spacing:4px}.govi-showcase-copy h2{font-size:34px;margin-bottom:24px}.govi-showcase-btn{min-width:170px;min-height:54px;font-size:16px}.govi-device-group{bottom:26px;gap:18px;transform:translateX(50%) scale(.62)}.cta-box h2{font-size:32px}}.case{--cs-bg:#ffffff;--cs-surface:#ffffff;--cs-ink:#111111;--cs-muted:#6b6b6b;--cs-line:#ececec;--cs-soft:#f5f5f5;--cs-accent:#1a6b3c;--cs-accent-soft:#d6f3e1;--cs-pill-bg:#f5f5f5;--cs-pill-border:#ececec;--cs-mint:#e7f6ee;--cs-lavender:#efe6ff;--cs-peach:#fde6e0;--cs-pink:#fde6ed;--cs-cream:#fef3e0;--cs-sage:#eaf4ec;background:var(--cs-bg);color:var(--cs-ink)}.case-container{width:90%;max-width:1280px;margin:0 auto}.case-eyebrow{font-size:13px;letter-spacing:3px;text-transform:uppercase;font-weight:700;color:var(--cs-accent);margin-bottom:22px}.case-eyebrow .dot-divider{display:inline-block;width:6px;height:6px;background:var(--cs-accent);border-radius:50%;margin:0 14px 3px;vertical-align:middle}.case mark{background:var(--cs-accent-soft);color:var(--cs-ink);padding:2px 4px;border-radius:3px}.case-section{padding:110px 0;border-top:1px solid var(--cs-line)}.case-section:first-of-type{border-top:0}.case-display{font-size:clamp(40px,5vw,68px);line-height:1.05;letter-spacing:-2px;margin-bottom:28px;max-width:1100px}.case-lede{font-size:20px;color:var(--cs-muted);max-width:980px;line-height:1.55}.case-hero{padding:90px 0 70px}.case-hero .case-display{max-width:1200px}.case-hero .case-lede{max-width:1200px;font-size:22px;color:#555}.case-stats{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:0;gap:0;margin-top:70px;border-top:1px solid var(--cs-line);border-bottom:1px solid var(--cs-line);padding:40px 0}.case-stat{padding:24px 30px;position:relative;text-align:center}.case-stat+.case-stat{border-left:1px solid var(--cs-line)}.case-stat-number{font-size:clamp(56px,7vw,88px);line-height:1;letter-spacing:-3px;font-weight:700;display:inline-flex;align-items:flex-start;gap:10px;color:var(--cs-accent)}.case-stat-number .arrow{font-size:.5em;color:var(--cs-accent);margin-top:.25em;display:inline-block;font-weight:500}.case-stat-label{margin-top:18px;color:var(--cs-muted);font-size:16px;letter-spacing:.2px}.case-figure{margin:0 auto;display:block;width:100%;max-width:1200px;height:auto;border-radius:18px;overflow:hidden;box-shadow:0 18px 60px rgba(0,0,0,.04)}.case-role-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:24px 28px;gap:24px 28px;margin-top:48px;align-items:stretch}.case-role-card{background:var(--cs-mint);border:none;border-radius:20px;padding:28px;min-height:200px;display:flex;flex-direction:column;gap:14px}.case-role-card .pill{display:inline-flex;background:#ffffff;border-radius:999px;padding:10px 18px;font-weight:700;font-size:15px;letter-spacing:-.2px;width:-moz-fit-content;width:fit-content;box-shadow:0 1px 2px rgba(0,0,0,.04)}.case-role-card p{color:#4a4a4a;font-size:14.5px;line-height:1.6}.case-role-illustration{display:grid;place-items:center;text-align:center;background:transparent;border:none;padding:0;min-height:200px}.case-role-illustration img{width:100%;max-width:280px;height:auto;border-radius:16px}.case-banner{margin-top:56px;border-radius:28px;overflow:hidden;border:1px solid var(--cs-line);background:linear-gradient(135deg,#efe6ff,#e2f2ff 50%,#fde6ed);min-height:420px;display:grid;place-items:center;padding:32px}.case-banner-figure{width:100%;max-width:900px;text-align:center;color:#4a4a6a}.case-banner-figure svg{width:100%;height:auto;max-height:360px}.case-subhead{font-size:28px;letter-spacing:-.6px;margin:56px 0 24px;font-weight:700}.case-subhead.is-accent{color:#c2410c}.case-users{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:20px;gap:20px}.case-user{border:none;border-radius:18px;padding:22px;display:flex;gap:16px;align-items:flex-start}.case-user.tone-lavender{background:var(--cs-lavender)}.case-user.tone-pink{background:var(--cs-pink)}.case-user.tone-mint{background:var(--cs-mint)}.case-user-icon{width:44px;height:44px;border-radius:12px;background:rgba(255,255,255,.7);display:grid;place-items:center;font-size:22px;flex-shrink:0}.case-user h4{font-size:16px;margin-bottom:6px;letter-spacing:-.2px;font-weight:700}.case-user p{color:#4a4a4a;font-size:14px;line-height:1.5}.case-cost{margin-top:28px;display:grid;grid-template-columns:repeat(3,1fr);grid-gap:20px;gap:20px}.case-cost-card{background:var(--cs-peach);border:none;border-radius:18px;padding:22px}.case-cost-card .badge{display:inline-block;font-size:13px;font-weight:700;padding:7px 14px;border-radius:999px;background:#ffffff;color:#c2410c;margin-bottom:14px;letter-spacing:-.1px}.case-cost-card p{color:#4a4a4a;font-size:14px;line-height:1.55}.case-hmw{margin-top:70px;background:#ffffff;border:1px solid var(--cs-line);color:var(--cs-ink);border-radius:28px;padding:60px;text-align:center}.case-hmw p{font-size:clamp(22px,2.4vw,32px);line-height:1.4;letter-spacing:-.5px;max-width:1100px;margin:0 auto;font-weight:600}.case-hmw .chip{display:inline-block;background:var(--cs-accent-soft);color:var(--cs-accent);padding:2px 14px;border-radius:999px;font-weight:700;margin:0 4px}.case-formula{display:grid;grid-template-columns:1.3fr 1fr;grid-gap:40px;gap:40px;margin-top:28px;align-items:center;background:#1a1a1a;color:#ffffff;border-radius:22px;padding:56px 60px}.case-formula .formula{font-size:clamp(48px,6vw,76px);font-weight:700;letter-spacing:-2px;line-height:1}.case-formula .legend{background:#244e35;border-radius:14px;padding:22px 26px;display:grid;grid-gap:14px;gap:14px}.case-formula .legend-row{display:grid;grid-template-columns:60px 1fr;grid-gap:16px;gap:16px;align-items:baseline;color:#e2f0e7;font-size:16px}.case-formula .legend-row .key{font-weight:700;font-size:16px;color:#ffffff}.case-formula .legend-row .val{color:#cfe1d5;font-size:15px}.case-learn-wrapper{margin-top:24px;background:#ffffff;border:1px solid var(--cs-line);border-radius:22px;padding:48px 40px}.case-learn{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:30px;gap:30px}.case-learn-card{border-radius:0;background:transparent;border:none;padding:0;display:flex;gap:14px;align-items:flex-start}.case-learn-card .pin{width:32px;height:36px;flex-shrink:0;display:grid;place-items:center;color:var(--cs-accent);font-size:22px}.case-learn-card h4{font-size:16px;margin-bottom:6px;letter-spacing:-.2px;font-weight:700}.case-learn-card p{color:#555;font-size:14px;line-height:1.55}.case-principles{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:24px;gap:24px;margin-top:28px}.case-principle{border:none;background:#f1f1f1;border-radius:30px;padding:28px 22px;text-align:center}.case-principle h4{font-size:16px;font-weight:700;letter-spacing:-.2px;margin-bottom:14px;line-height:1.3}.case-principle p{color:#555;font-size:13.5px;line-height:1.55}.case-principle.tone-red h4{color:#c2410c}.case-principle.tone-purple h4{color:#7c3aed}.case-principle.tone-green h4{color:var(--cs-accent)}.case-principle.tone-amber h4{color:#b45309}.case-personas{margin-top:30px}.persona-card{background:var(--cs-surface);border:1px solid var(--cs-line);border-radius:26px}.persona-head{display:flex;gap:18px;align-items:center;margin-bottom:22px}.persona-avatar{width:76px;height:76px;border-radius:50%;background:linear-gradient(135deg,#d8c7ff,#fbcfe8);flex-shrink:0}.persona-head h4{font-size:22px;letter-spacing:-.4px}.persona-head .role{color:var(--cs-muted);font-size:14px}.persona-traits{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:22px}.persona-traits .tag{background:var(--cs-pill-bg);border:1px solid var(--cs-pill-border);font-size:12.5px;font-weight:600;color:#333;padding:7px 12px;border-radius:999px}.persona-block{margin-top:20px}.persona-block h5{font-size:12px;font-weight:700;letter-spacing:2px;color:#666;margin-bottom:10px;text-transform:uppercase}.persona-block ul{list-style:none;display:grid;grid-gap:8px;gap:8px}.persona-block li{position:relative;padding-left:22px;color:#333;font-size:14.5px;line-height:1.55}.persona-block li:before{content:"";position:absolute;left:0;top:8px;width:10px;height:10px;border-radius:50%;background:#111;opacity:.7}.case-process{margin-top:32px;background:var(--cs-mint);border-radius:22px;overflow:hidden}.case-process-block{padding:36px 40px;border-bottom:1px solid rgba(0,0,0,.06)}.case-process-block:last-child{border-bottom:0}.case-process-label{font-size:12px;letter-spacing:2.5px;font-weight:700;text-transform:uppercase;color:var(--cs-accent);margin-bottom:14px}.case-process blockquote{font-size:clamp(20px,2vw,26px);line-height:1.4;letter-spacing:-.3px;color:var(--cs-ink);max-width:1100px;font-weight:500}.case-process-pillars{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:18px;gap:18px;margin-top:12px}.case-pillar{border-radius:16px;padding:20px;display:flex;gap:14px;align-items:flex-start;background:#ffffff}.case-pillar .icon{width:44px;height:44px;border-radius:12px;background:var(--cs-accent-soft);color:var(--cs-accent);display:grid;place-items:center;font-size:20px;flex-shrink:0}.case-pillar h5{font-size:15px;letter-spacing:-.2px;margin-bottom:4px;font-weight:700}.case-pillar p{color:#555;font-size:13px;line-height:1.5}.case-loop{margin-top:32px;display:grid;grid-template-columns:repeat(4,1fr);grid-gap:22px;gap:22px;align-items:start;position:relative}.case-loop-step{text-align:center;padding:28px 18px;border-radius:24px;background:var(--cs-mint);min-height:220px;display:flex;flex-direction:column;align-items:center;gap:14px}.case-loop-step .num{width:56px;height:56px;border-radius:50%;background:#ffffff;color:var(--cs-accent);display:grid;place-items:center;font-weight:700;letter-spacing:1px;font-size:18px}.case-loop-step h5{font-size:17px;letter-spacing:-.3px;font-weight:700}.case-loop-step p{color:#555;font-size:13.5px;line-height:1.5;padding:0 6px}.case-pattern{margin-top:32px;background:#1a1a1a;color:white;padding:44px 48px;border-radius:22px;display:grid;grid-template-columns:1.1fr 1fr;grid-gap:36px;gap:36px;align-items:center}.case-pattern .label{font-size:12px;letter-spacing:2.5px;font-weight:700;text-transform:uppercase;color:var(--cs-accent-soft);margin-bottom:12px}.case-pattern p{font-size:17px;line-height:1.55;color:#e7e7e7}.case-pattern .pipeline{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.case-pattern .pill{background:var(--cs-accent-soft);color:var(--cs-accent);border:none;padding:10px 18px;border-radius:999px;font-weight:700;font-size:14px}.case-pattern .arrow{color:#888;font-size:14px}.case-ds{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:22px;gap:22px;margin-top:36px}.case-ds-card{border:1px solid var(--cs-line);background:var(--cs-surface);border-radius:22px;padding:26px}.case-ds-card h4{font-size:18px;letter-spacing:-.3px;margin-bottom:16px}.case-ds-card .swatches{display:grid;grid-template-columns:repeat(5,1fr);grid-gap:8px;gap:8px;margin-bottom:16px}.case-ds-card .swatch{aspect-ratio:1/1;border-radius:10px;border:1px solid rgba(0,0,0,.06)}.case-ds-card p{color:var(--cs-muted);font-size:14px;line-height:1.55}.case-personas{display:grid;grid-template-columns:1fr 1fr;grid-gap:24px;gap:24px;margin-top:28px}.persona-card{background:var(--cs-mint);border:none;border-radius:22px;padding:32px}.persona-card.tone-lavender{background:var(--cs-lavender)}.persona-card.tone-pink{background:var(--cs-pink)}.case-reflect{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:20px;gap:20px;margin-top:32px}.case-reflect-card{border:none;border-radius:20px;padding:28px;background:var(--cs-mint)}.case-reflect-card.tone-lavender{background:var(--cs-lavender)}.case-reflect-card.tone-pink{background:var(--cs-pink)}.case-reflect-card.tone-peach{background:var(--cs-peach)}.case-reflect-card.tone-cream{background:var(--cs-cream)}.case-reflect-card.tone-sage{background:var(--cs-sage)}.case-reflect-card h4{font-size:18px;letter-spacing:-.3px;margin-bottom:12px;line-height:1.3;font-weight:700}.case-reflect-card p{color:#4a4a4a;font-size:14.5px;line-height:1.6}.case-ds-card{background:var(--cs-mint);border:none}.case-ds-card.tone-lavender{background:var(--cs-lavender)}.case-ds-card.tone-peach{background:var(--cs-peach)}.case-ds-card .swatch{border:1px solid rgba(0,0,0,.05)}.case-outro{text-align:center;padding:110px 0;border-top:1px solid var(--cs-line)}.case-outro h2{font-size:clamp(36px,4.4vw,56px);letter-spacing:-1.5px;line-height:1.1;margin-bottom:16px;font-weight:700}.case-outro .pixels{font-size:clamp(48px,6vw,80px);letter-spacing:-2.5px;line-height:1.05;color:var(--cs-accent);font-weight:800;margin:14px 0}.case-outro p.note{color:var(--cs-muted);max-width:760px;margin:32px auto 36px;font-size:17px;line-height:1.6}.case-outro .connect-card{display:inline-flex;flex-direction:column;align-items:center;gap:6px;border:none;background:var(--cs-mint);padding:24px 40px;border-radius:22px}.case-outro .connect-card .title{font-size:22px;letter-spacing:-.5px;font-weight:700;color:var(--cs-accent)}.case-outro .connect-card a{color:#4a4a4a;font-size:15px}.case-back{display:inline-flex;align-items:center;gap:8px;color:var(--cs-muted);font-size:14px;padding:10px 16px;border-radius:999px;background:var(--cs-surface);border:1px solid var(--cs-line)}.case-back:hover{color:var(--cs-ink)}@media (max-width:1024px){.case-cost,.case-ds,.case-learn,.case-loop,.case-principles,.case-process-pillars,.case-reflect,.case-role-grid,.case-stats,.case-users{grid-template-columns:repeat(2,1fr)}.case-formula,.case-pattern,.case-personas{grid-template-columns:1fr}}@media (max-width:640px){.case-section{padding:70px 0}.case-cost,.case-ds,.case-learn,.case-loop,.case-principles,.case-process-pillars,.case-reflect,.case-role-grid,.case-stats,.case-users{grid-template-columns:1fr}.case-stat+.case-stat{border-left:0;border-top:1px solid var(--cs-line)}.case-hmw{padding:36px}.case-formula,.case-pattern{padding:28px}}