@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&display=swap');
:root{--ink:#262725;--paper:#f7f6f2;--blue:#d2eafd;--peach:#edb984;--lime:#d4f58b;--lilac:#d5aef1}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',Arial,sans-serif;line-height:1.5}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}a:focus-visible,button:focus-visible{outline:2px solid var(--ink);outline-offset:3px}.section-inner{max-width:1420px;margin:auto;padding:0 clamp(24px,5vw,80px)}.section-kicker,.micro-label{display:block;font-size:.72rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase}header{height:76px;max-width:1420px;margin:auto;padding:0 clamp(24px,5vw,80px);display:flex;align-items:center;justify-content:space-between;gap:20px}.wordmark{font-size:1.12rem;letter-spacing:-.06em;font-weight:700}.wordmark span{color:#8caed2}nav{display:flex;align-items:center;gap:31px;font-size:.8rem;font-weight:700}nav a:hover{opacity:.58}.nav-cta{border:1px solid var(--ink);border-radius:100px;padding:8px 16px}.nav-cta:hover{opacity:1;background:var(--ink);color:#fff}.pill-button{display:inline-flex;align-items:center;gap:20px;background:var(--ink);color:#fff;border-radius:100px;padding:14px 22px;font-size:.85rem;font-weight:700;transition:transform .3s,background .3s,color .3s}.pill-button:hover{transform:translateY(-4px);background:#577590}.hero{min-height:760px;max-width:1420px;margin:auto;padding:70px clamp(24px,5vw,80px) 100px;position:relative;display:grid;grid-template-columns:1.25fr .75fr;align-items:center;gap:30px}.hero-copy{position:relative;z-index:2}.hero h1{font-size:clamp(4.5rem,8vw,9.2rem);letter-spacing:-.1em;line-height:.95;font-weight:700;margin:31px 0 34px;max-width:1070px}.hero h1 em{font-style:normal;color:#818684}.hero p{font-size:1.15rem;max-width:600px;margin:0 0 30px;line-height:1.6}.hero-art{height:600px;position:relative;align-self:center}.hero-art img{position:absolute;z-index:3;left:0;bottom:0;width:100%;height:88%;object-fit:contain;object-position:bottom;filter:none}.color-sheet{position:absolute;width:74%;height:72%;left:15%;top:15%;border-radius:47% 47% 4px 4px;transform-origin:bottom center;transition:transform .6s}.color-one{background:var(--blue);transform:rotate(-11deg) translateX(-18px)}.color-two{background:var(--lilac);transform:rotate(10deg) translateX(18px)}.color-three{background:var(--peach);transform:rotate(0)}.hero-art:hover .color-one{transform:rotate(-19deg) translateX(-25px)}.hero-art:hover .color-two{transform:rotate(18deg) translateX(25px)}.hero-tag{position:absolute;z-index:4;bottom:18px;right:0;font-size:.65rem;letter-spacing:.1em;font-weight:700;background:#fff;padding:10px 14px;box-shadow:0 8px 25px #2222}.hero-scroll{position:absolute;left:clamp(24px,5vw,80px);bottom:30px;display:flex;gap:12px;align-items:center;font-size:.65rem;letter-spacing:.12em;font-weight:700}.hero-scroll span{font-size:1.3rem}.ticker{overflow:hidden;background:var(--ink);color:#fff;white-space:nowrap;padding:15px 0;font-weight:700;letter-spacing:.08em;font-size:.72rem}.ticker div{width:max-content;animation:ticker 28s linear infinite}.ticker span{margin:0 35px;color:var(--peach)}@keyframes ticker{to{transform:translateX(-50%)}}
.work-section{padding:115px 0 125px}.work-section h2,.lab-section h2,.approach-section h2,.toolkit-section h2,.about-section h2{font-size:clamp(3.5rem,6.6vw,7.2rem);font-weight:700;line-height:.98;letter-spacing:-.085em;margin:15px 0 30px}.section-intro{max-width:650px;font-size:1.1rem;line-height:1.55;margin:0 0 56px}.project-list{display:grid;gap:24px}.project-panel{display:grid;grid-template-columns:42% 58%;min-height:480px;border-radius:24px;overflow:hidden;background:#eeede8;transition:transform .4s,box-shadow .4s}.project-panel:hover{transform:translateY(-6px);box-shadow:0 20px 45px #2222}.project-copy{padding:clamp(32px,4vw,60px);display:flex;flex-direction:column}.project-copy h3{font-size:clamp(2rem,3.3vw,3.8rem);line-height:1.04;letter-spacing:-.07em;margin:38px 0 20px}.project-copy p{max-width:420px;font-size:1.04rem}.project-outcome{margin-top:auto;border-top:1px solid #9a9d95;padding-top:15px;display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:.8rem;font-weight:700}.project-outcome span{text-align:right}.project-stage,.case-visual{display:grid;place-items:center;padding:45px;overflow:hidden}.project-0 .project-stage,.case-visual.project-0{background:var(--blue)}.project-1 .project-stage,.case-visual.project-1{background:var(--lime)}.project-2 .project-stage,.case-visual.project-2{background:var(--lilac)}.project-3 .project-stage,.case-visual.project-3{background:var(--peach)}.demo-ui{background:#282d2b;color:#f4f4ef;width:100%;max-width:650px;min-height:315px;border-radius:13px;padding:24px;box-shadow:0 30px 50px #1215143d;transform:perspective(900px) rotateY(-7deg) rotateX(3deg) translateY(14px);transition:transform .6s,box-shadow .6s}.project-panel:hover .demo-ui{transform:perspective(900px) rotateY(0) rotateX(0) translateY(0) scale(1.03);box-shadow:0 35px 60px #12151450}.demo-top{border-bottom:1px solid #59615b;display:flex;justify-content:space-between;padding-bottom:13px;font-size:.59rem;letter-spacing:.1em}.demo-ui h4{font-size:1.35rem;letter-spacing:-.06em;margin:22px 0}.demo-status{font-size:.63rem;color:#b9c6be;margin-top:18px}.demo-panels,.demo-tiles{display:flex;gap:10px}.demo-panels div,.demo-tiles div{flex:1;min-width:0;min-height:100px;background:#3e4641;padding:13px;display:flex;flex-direction:column}.demo-panels b,.demo-tiles b{font-size:.59rem;color:#a9c8d8}.demo-panels span,.demo-tiles span{font-size:.8rem;font-weight:700;margin:8px 0}.demo-panels i{height:4px;background:#7c9186;margin-top:auto;position:relative}.demo-panels i:before{content:'';position:absolute;inset:0 40% 0 0;background:var(--blue);transition:right .6s}.project-panel:hover .demo-panels i:before{right:9%}.demo-numbers{display:flex;gap:10px;margin:18px 0}.demo-numbers div{flex:1;background:#3e4641;padding:12px}.demo-numbers small{display:block;font-size:.57rem}.demo-numbers b{font-size:1.2rem}.demo-data svg{width:100%;height:110px;color:var(--lime)}.demo-data svg path{stroke-dasharray:700;stroke-dashoffset:0}.project-panel:hover .demo-data svg path{animation:draw 1.3s ease both}@keyframes draw{from{stroke-dashoffset:700}to{stroke-dashoffset:0}}.demo-tiles small{margin-top:auto;font-size:.63rem}.demo-tiles div{transition:transform .4s,background .4s}.project-panel:hover .demo-tiles div:first-child{transform:translateY(-8px);background:#695974}.project-panel:hover .demo-tiles div:last-child{transform:translateY(-4px);background:#65576c}.demo-track{display:flex;align-items:center;margin:35px 0 20px}.demo-track span{flex:1;padding:12px 4px;text-align:center;border:1px solid #718078;font-size:.74rem;transition:background .3s}.demo-track i{width:19px;height:1px;background:#aab7ad}.project-panel:hover .demo-track span{background:#71513a}.demo-event{background:#3f4742;padding:13px;font-family:ui-monospace,monospace;font-size:.75rem}.demo-event b{color:var(--peach);margin:0 12px}
.lab-section{background:var(--blue);padding:115px 0 125px;transition:background-color .6s}.lab-section[data-scene=partner]{background:var(--lilac)}.lab-section[data-scene=report]{background:var(--lime)}.lab-grid{display:grid;grid-template-columns:31% 69%;background:#fff;border-radius:24px;overflow:hidden;box-shadow:0 20px 45px #2426251d}.lab-menu{padding:35px;display:flex;flex-direction:column;gap:10px}.lab-menu .micro-label{margin-bottom:20px}.scene{background:#f2f2ee;border:0;border-radius:12px;padding:17px;text-align:left;display:flex;justify-content:space-between;font-weight:700;font-size:.87rem}.scene.is-active{background:#282d2b;color:#fff}.scene:hover:not(.is-active){background:#e1e7e4}.lab-controls{display:flex;gap:8px;margin-top:25px}.lab-controls button{border-radius:9px;border:1px solid #292d2b;padding:12px;font-size:.76rem;font-weight:700}.lab-controls button:first-child{background:#292d2b;color:#fff;flex:1}.lab-controls button:last-child{background:#fff}.lab-controls button:hover{transform:translateY(-2px)}.lab-controls button:disabled{opacity:.6;cursor:progress}.lab-menu small{margin-top:auto;color:#6d736e;font-size:.68rem}.lab-screen{background:#282d2b;color:#fff;padding:30px;min-height:475px}.screen-top{display:flex;justify-content:space-between;border-bottom:1px solid #5c665e;padding-bottom:18px;font-size:.65rem;letter-spacing:.1em}.screen-top span:last-child{color:var(--blue)}.progress{height:4px;background:#4f5b52;margin-top:17px}.progress span{display:block;height:100%;width:0;background:var(--blue);transition:width .4s}.lab-section[data-scene=partner] .progress span{background:var(--lilac)}.lab-section[data-scene=report] .progress span{background:var(--lime)}.lab-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:25px 0}.lab-step{border:1px solid #69756c;padding:12px;min-height:144px;opacity:.48;transition:opacity .3s,transform .3s,background .3s}.lab-step.is-done{opacity:1;background:#ffffff0c;transform:translateY(-4px)}.lab-step small{font-size:.53rem;letter-spacing:.08em;color:#adc1b3}.lab-step h4{font-size:.91rem;line-height:1.18;margin:21px 0 8px}.lab-step p{font-size:.66rem;line-height:1.35;color:#c2cac3;margin:0}.event-block{border-top:1px solid #5c665e;padding-top:13px;min-height:100px}.event-block>span{font-size:.6rem;letter-spacing:.1em;color:#b6c6b9}.event-line{display:inline-flex;gap:9px;padding:7px 12px;background:#3a443d;margin:9px 6px 0 0;border-radius:6px;font-family:ui-monospace,monospace;font-size:.64rem}.event-line b{color:var(--blue)}.lab-result{border-top:1px solid #5c665e;padding-top:14px;display:flex;gap:20px;font-size:.81rem}.lab-result span{font-size:.6rem;letter-spacing:.1em;color:#b6c6b9}.lab-result strong{font-weight:500}
.approach-section{padding:120px 0;background:#f7f6f2}.approach-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-top:65px}.approach-grid>div{padding:30px;min-height:300px;border-radius:22px;display:flex;flex-direction:column;transition:transform .35s}.approach-grid>div:hover{transform:translateY(-9px)}.approach-grid>div:nth-child(1){background:var(--blue)}.approach-grid>div:nth-child(2){background:var(--peach)}.approach-grid>div:nth-child(3){background:var(--lime)}.approach-grid>div:nth-child(4){background:var(--lilac)}.approach-grid span{font-size:.75rem;font-weight:700}.approach-grid h3{font-size:1.6rem;line-height:1.1;letter-spacing:-.055em;margin:auto 0 14px}.approach-grid p{font-size:.84rem;margin:0}
.toolkit-section{background:#e8e7e3;padding:120px 0 130px;overflow:hidden}.toolkit-layout{display:grid;grid-template-columns:34% 66%;gap:30px;align-items:center}.toolkit-copy{position:relative;z-index:2}.toolkit-copy h2{font-size:clamp(3.8rem,6vw,6.4rem)}.toolkit-copy h2 em{font-style:normal;color:#868b85}.toolkit-copy p{font-size:1.03rem;max-width:380px}.toolkit-copy small{font-size:.7rem;color:#747972}.tool-filters{display:flex;flex-wrap:wrap;gap:7px;margin:30px 0}.tool-filters button{border:1px solid #8b9188;border-radius:100px;background:transparent;padding:8px 12px;font-size:.71rem;font-weight:700}.tool-filters button.is-active,.tool-filters button:hover{background:#282d2b;color:#fff;border-color:#282d2b}.app-field{display:grid;grid-template-columns:repeat(5,1fr);gap:13px;perspective:1200px;min-height:660px;align-content:center}.app-tile{height:119px;border-radius:21px;background:#fff;box-shadow:0 10px 25px #1f25201b;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;transform:translateY(-210px) rotate(var(--tilt)) scale(.75);opacity:0;transition:transform .7s cubic-bezier(.2,.8,.2,1),opacity .7s,filter .3s,box-shadow .3s;transition-delay:calc(var(--i) * 35ms)}.app-field.is-visible .app-tile{transform:translateY(0) rotate(0) scale(1);opacity:1}.app-tile .icon-wrap{height:50px;width:50px;display:grid;place-items:center}.app-tile img{height:38px;width:38px;object-fit:contain}.app-tile span{font-size:.64rem;font-weight:700;text-align:center;line-height:1.15}.app-tile:hover{transform:translateY(-11px) rotate(-3deg) scale(1.06)!important;box-shadow:0 22px 35px #1f252033;z-index:2}.app-field.is-filtered .app-tile:not(.is-match){filter:grayscale(1);opacity:.17;transform:scale(.9)}.app-field.is-filtered .app-tile.is-match{opacity:1}.about-section{background:#dcd9d2;padding:115px 0}.about-layout{display:grid;grid-template-columns:1fr 1fr;gap:80px}.about-layout p{font-size:1.26rem;line-height:1.55;max-width:630px;margin:0 0 22px}footer{background:#282d2b;color:#f6f6f1;padding:100px 0 30px}footer h2{font-size:clamp(3.8rem,7vw,8rem);line-height:.99;letter-spacing:-.09em;max-width:1050px;margin:25px 0 35px}footer h2 em{font-style:normal;color:var(--peach)}footer .pill-button{background:#f7f6f2;color:#282d2b}footer .pill-button:hover{background:var(--blue)}.footer-base{display:flex;justify-content:space-between;border-top:1px solid #788079;margin-top:110px;padding-top:22px;font-size:.75rem;color:#b9c2b9}
.case-hero{padding-top:85px;padding-bottom:85px}.back{font-size:.8rem;font-weight:700;display:block;margin-bottom:75px}.back:hover{text-decoration:underline}.case h1{font-size:clamp(4rem,8vw,8.5rem);letter-spacing:-.09em;line-height:.96;margin:18px 0 28px;max-width:1100px}.case-hero>p{font-size:1.2rem;max-width:780px}.case-stat{display:flex;align-items:baseline;gap:20px;margin-top:60px;border-top:1px solid #a9aea8;padding-top:20px}.case-stat strong{font-size:3rem;letter-spacing:-.06em}.case-stat span{font-size:.8rem}.case-visual{height:610px}.case-visual .demo-ui{max-width:850px;min-height:400px;padding:35px;transform:none}.case-content{padding-top:90px;padding-bottom:110px}.case-content section{display:grid;grid-template-columns:1fr 2fr;gap:60px;padding:50px 0;border-bottom:1px solid #b9bcb5}.case-content h2{font-size:2.6rem;letter-spacing:-.07em;margin:0}.case-content p,.case-content li{font-size:1.13rem;max-width:780px}.case-content li{margin-bottom:12px}.case-content .pill-button{margin-top:50px}
@media(max-width:1100px){.hero{grid-template-columns:1fr 1fr}.hero h1{font-size:7vw}.hero-art{height:500px}.project-panel{grid-template-columns:45% 55%}.toolkit-layout{grid-template-columns:1fr}.toolkit-copy{max-width:700px}.app-field{min-height:0}.approach-grid{grid-template-columns:1fr 1fr}.approach-grid>div{min-height:250px}}
@media(max-width:700px){header{height:67px}nav{gap:13px}nav a:nth-child(2),nav a:nth-child(3){display:none}.hero{display:flex;flex-direction:column;padding-top:55px;padding-bottom:65px;min-height:0}.hero h1{font-size:clamp(3.9rem,12vw,6rem)}.hero-art{height:420px;width:100%;max-width:420px}.hero-scroll{display:none}.work-section,.lab-section,.approach-section,.toolkit-section,.about-section{padding:75px 0}.work-section h2,.lab-section h2,.approach-section h2,.toolkit-section h2,.about-section h2{font-size:clamp(3.2rem,10vw,5rem)}.project-panel{display:flex;flex-direction:column}.project-copy{padding:28px}.project-copy h3{margin:28px 0 10px}.project-outcome{margin-top:20px}.project-stage{min-height:300px;padding:25px}.demo-ui{min-height:240px;padding:15px}.demo-panels div{min-height:78px;padding:8px}.demo-panels span,.demo-tiles span{font-size:.62rem}.demo-data svg{height:65px}.demo-ui h4{font-size:1.1rem}.lab-grid{grid-template-columns:1fr}.lab-menu{padding:22px}.lab-screen{padding:20px}.lab-steps{grid-template-columns:1fr 1fr}.lab-step{min-height:130px}.approach-grid{grid-template-columns:1fr}.approach-grid>div{min-height:210px}.app-field{grid-template-columns:repeat(3,1fr);gap:9px}.app-tile{height:105px;border-radius:14px}.app-tile img{height:31px;width:31px}.app-tile span{font-size:.58rem}.about-layout{grid-template-columns:1fr;gap:20px}.about-layout p{font-size:1.05rem}.footer-base{display:block}.footer-base span{display:block;margin-bottom:7px}.case-visual{height:380px}.case-content section{grid-template-columns:1fr;gap:15px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.ticker div{animation:none}.app-tile,.app-field.is-visible .app-tile{transition:none;transform:none;opacity:1}.project-panel:hover .demo-data svg path{animation:none}*{animation-duration:.01ms!important;transition-duration:.01ms!important}}
.app-tile:nth-child(5n+1){transform:translate(-130px,-220px) rotate(-18deg) scale(.65)}.app-tile:nth-child(5n+2){transform:translate(45px,-270px) rotate(12deg) scale(.75)}.app-tile:nth-child(5n+3){transform:translate(-35px,-190px) rotate(-10deg) scale(.68)}.app-tile:nth-child(5n+4){transform:translate(105px,-245px) rotate(18deg) scale(.7)}.app-tile:nth-child(5n){transform:translate(-80px,-300px) rotate(-16deg) scale(.65)}
@media(prefers-reduced-motion:reduce){.app-tile:nth-child(n){transform:none;opacity:1}}
/* Scroll-led project carousel and movement. */
.scroll-progress{position:fixed;top:0;left:0;height:4px;width:0;background:linear-gradient(90deg,var(--blue),var(--lilac),var(--peach),var(--lime));z-index:100;pointer-events:none}.slider-controls{display:flex;align-items:center;justify-content:space-between;margin:-13px 0 17px;font-size:.8rem;font-weight:700;letter-spacing:.1em}.slider-controls>div{display:flex;gap:7px}.slider-controls button{height:44px;width:44px;border-radius:50%;background:transparent;border:1px solid #9ba29b;font-size:1.25rem;transition:background .25s,transform .25s}.slider-controls button:hover:not(:disabled){background:var(--ink);color:#fff;transform:scale(1.05)}.slider-controls button:disabled{opacity:.32;cursor:default}.project-list{display:flex;gap:18px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;overscroll-behavior-inline:contain}.project-list::-webkit-scrollbar{display:none}.project-panel{flex:0 0 100%;scroll-snap-align:center;scroll-snap-stop:always}.project-panel:hover{transform:none;box-shadow:none}.project-panel .project-stage{position:relative}.project-panel .project-stage:after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(110deg,transparent 40%,#ffffff29 50%,transparent 60%);transform:translateX(-125%);transition:transform .7s}.project-panel:hover .project-stage:after{transform:translateX(125%)}.slider-track{height:3px;background:#d1d4cd;margin-top:20px}.slider-track span{display:block;height:100%;width:25%;background:var(--ink);transition:width .35s}.motion-ready .reveal{opacity:0;transform:translateY(42px);transition:opacity .8s ease,transform .8s cubic-bezier(.2,.75,.2,1)}.motion-ready .reveal.in-view{opacity:1;transform:translateY(0)}.motion-ready .approach-grid>div.reveal:nth-child(2){transition-delay:.08s}.motion-ready .approach-grid>div.reveal:nth-child(3){transition-delay:.16s}.motion-ready .approach-grid>div.reveal:nth-child(4){transition-delay:.24s}.app-field.is-visible .app-tile:nth-child(3n) .icon-wrap{animation:iconFloat 4s ease-in-out infinite;animation-delay:1.6s}.app-field.is-visible .app-tile:nth-child(3n+1) .icon-wrap{animation:iconFloat 5s ease-in-out infinite;animation-delay:1.9s}@keyframes iconFloat{50%{translate:0 -5px}}@media(max-width:700px){.project-panel{flex-basis:100%}.slider-controls{margin:0 0 14px}.slider-controls button{width:40px;height:40px}.project-panel .project-stage{min-height:300px}}@media(prefers-reduced-motion:reduce){.project-list{scroll-behavior:auto}.motion-ready .reveal{opacity:1;transform:none;transition:none}.app-field.is-visible .app-tile .icon-wrap{animation:none}}
/* Toolkit constellation, based on the supplied reference. */
.toolkit-section{background:#fbfbf9;padding:70px 0 100px}.toolkit-stage{height:800px;position:relative;isolation:isolate}.toolkit-copy{position:absolute;z-index:2;left:50%;top:48%;transform:translate(-50%,-50%);width:min(680px,67%);text-align:center;pointer-events:none}.toolkit-copy h2{font-size:clamp(4.1rem,6.8vw,7.5rem);line-height:.96;margin:16px 0 24px}.toolkit-copy h2 em{color:#5079b6}.toolkit-copy p{margin:auto;max-width:540px;font-size:1.08rem}.app-field{position:absolute;inset:0;display:block;min-height:0;perspective:none;overflow:hidden}.app-tile{position:absolute;left:var(--x);top:var(--y);width:var(--size);height:var(--size);border-radius:24%;background:#fff;box-shadow:0 10px 24px #26312c23;display:grid;place-items:center;opacity:0;transform:translate(var(--fly-x,-50px),-230px) rotate(var(--tilt,-14deg)) scale(.65);transition:transform .85s cubic-bezier(.18,.78,.22,1),opacity .85s,box-shadow .3s,filter .3s;transition-delay:calc(var(--i) * 50ms)}.app-field.is-visible .app-tile{transform:translate(0,0) rotate(0) scale(1);opacity:1}.app-tile:nth-child(3n){--fly-x:100px;--tilt:18deg}.app-tile:nth-child(4n){--fly-x:-110px;--tilt:-23deg}.app-tile:nth-child(4n+1){background:transparent;box-shadow:none}.app-tile img{width:65%;height:65%;object-fit:contain}.app-tile[title='Canva'] img{width:88%}.app-tile:hover{transform:translateY(-12px) rotate(-5deg) scale(1.12)!important;box-shadow:0 24px 40px #26312c35;z-index:5}.app-tile:nth-child(4n+1):hover{background:#fff}.app-tile:after{content:attr(title);position:absolute;top:100%;left:50%;translate:-50% 8px;background:#262725;color:#fff;border-radius:6px;padding:4px 8px;font-size:.62rem;font-weight:700;white-space:nowrap;opacity:0;transition:opacity .2s}.app-tile:hover:after{opacity:1}.app-field.is-filtered .app-tile:not(.is-match){opacity:.15;filter:grayscale(1);transform:scale(.85)}.app-field.is-filtered .app-tile.is-match{opacity:1}
.tool-directory{border-top:1px solid #bbbfb9;margin-top:28px}.tool-directory summary{list-style:none;cursor:pointer;padding:26px 0;display:flex;align-items:center;justify-content:space-between;font-size:1.22rem;font-weight:700;letter-spacing:-.04em}.tool-directory summary::-webkit-details-marker{display:none}.tool-directory summary span{font-size:.73rem;letter-spacing:.03em;color:#626862}.tool-directory[open] summary{border-bottom:1px solid #bbbfb9}.tool-directory .tool-filters{margin:24px 0}.tool-list{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;padding-bottom:15px}.directory-tool{background:#f0f1ed;border-radius:13px;padding:13px 10px;display:flex;align-items:center;gap:10px;min-height:62px;transition:opacity .25s,transform .25s}.directory-tool:hover{transform:translateY(-4px)}.directory-tool img{width:27px;height:27px;object-fit:contain;flex:none}.directory-tool span{font-size:.72rem;font-weight:700;line-height:1.15}.tool-directory.is-filtered .directory-tool:not(.is-match){opacity:.18}
@media(max-width:1100px){.toolkit-stage{height:700px}.toolkit-copy{width:65%}.tool-list{grid-template-columns:repeat(4,1fr)}}
@media(max-width:700px){.toolkit-section{padding:35px 0 70px}.toolkit-stage{height:620px}.toolkit-copy{width:92%;top:49%}.toolkit-copy h2{font-size:clamp(3.6rem,11vw,5.4rem)}.toolkit-copy p{font-size:.9rem;max-width:300px}.app-tile{width:clamp(48px,12vw,70px);height:clamp(48px,12vw,70px);border-radius:18px}.app-tile:nth-child(4),.app-tile:nth-child(6),.app-tile:nth-child(7),.app-tile:nth-child(9),.app-tile:nth-child(10),.app-tile:nth-child(14),.app-tile:nth-child(15){display:none}.app-tile:nth-child(1){left:3%;top:6%}.app-tile:nth-child(2){left:19%;top:22%}.app-tile:nth-child(3){left:76%;top:7%}.app-tile:nth-child(5){left:79%;top:72%}.app-tile:nth-child(8){left:74%;top:25%}.app-tile:nth-child(11){left:44%;top:86%}.app-tile:nth-child(12){left:14%;top:79%}.app-tile:nth-child(13){left:69%;top:84%}.tool-directory summary{font-size:1rem}.tool-directory summary span{font-size:.62rem}.tool-list{grid-template-columns:repeat(2,1fr)}}
@media(prefers-reduced-motion:reduce){.app-tile:nth-child(n),.app-field.is-visible .app-tile{transform:none;opacity:1;transition:none}.app-tile:hover{transform:none!important}}
/* Direct introduction and cinematic project highlights. */
.hero{max-width:none;min-height:770px;padding:90px max(5vw,calc((100vw - 1260px)/2)) 105px;grid-template-columns:minmax(0,1.35fr) minmax(330px,.65fr);gap:clamp(40px,5vw,90px);background:#282d2b;color:#f8f8f5;overflow:hidden}.hero-copy{align-self:center}.hero h1{font-size:clamp(4.7rem,6.8vw,8.4rem);line-height:.93;margin:32px 0 35px;max-width:980px;letter-spacing:-.085em}.hero h1 em{font-style:normal;color:#d2eafd}.hero-period{color:#d4f58b}.hero p{color:#d5ddd5;font-size:1.14rem;max-width:660px}.hero-actions{display:flex;align-items:center;gap:28px;flex-wrap:wrap}.hero .pill-button{background:#f8f8f5;color:#282d2b}.hero .pill-button:hover{background:var(--blue)}.text-link{font-size:.86rem;font-weight:700;border-bottom:1px solid #a9b5ad;padding-bottom:5px}.text-link:hover{color:var(--lime)}.hero-art{height:520px;min-width:0;align-self:center;display:flex;flex-direction:column;justify-content:center;gap:16px}.portrait-frame{height:440px;width:100%;position:relative;overflow:hidden;border-radius:8px;background:linear-gradient(135deg,#d2eafd,#f3f1ec 55%,#d5aef1);border:1px solid #a6b4b0}.portrait-frame:after{content:'';position:absolute;inset:0;border:1px solid #ffffff60;pointer-events:none}.hero-art img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;object-position:center bottom;filter:none}.hero-art-caption{display:flex;justify-content:space-between;gap:8px;color:#b2bcb4;font-size:.59rem;letter-spacing:.08em;font-weight:700}.hero-scroll{color:#bac4bc}.color-sheet,.hero-tag{display:none}
.highlights-section{padding:120px 0 130px;background:#f7f6f2}.highlights-head{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:40px}.highlights-head h2{font-size:clamp(4rem,7.4vw,8rem);line-height:.96;letter-spacing:-.085em;margin:18px 0 0}.highlights-head p{max-width:330px;font-size:1.02rem;margin-bottom:7px}.highlight-player{background:#282d2b;color:#fff;border-radius:12px;overflow:hidden;box-shadow:0 30px 70px #252a2526}.highlight-visual{display:grid;grid-template-columns:1.55fr .85fr;min-height:450px}.highlight-screen{background:#d2eafd;display:grid;place-items:center;padding:45px;overflow:hidden;transition:background .45s}.highlight-screen[data-highlight='1']{background:var(--lime)}.highlight-screen[data-highlight='2']{background:var(--lilac)}.highlight-screen[data-highlight='3']{background:var(--peach)}.highlight-screen .demo-ui{width:min(100%,670px);min-height:320px;box-shadow:0 25px 55px #171b1b38;animation:screenArrive .7s cubic-bezier(.15,.8,.2,1) both}.highlight-caption{padding:48px clamp(28px,4vw,65px);display:flex;flex-direction:column;justify-content:center}.highlight-caption>span{font-size:.7rem;letter-spacing:.12em;color:#b9c8bc;font-weight:700}.highlight-caption strong{font-size:clamp(2.5rem,3.5vw,4.5rem);letter-spacing:-.07em;line-height:1;margin:25px 0}.highlight-caption p{color:#d3dad2;font-size:1.02rem;max-width:350px}.highlight-caption a{font-size:.82rem;font-weight:700;margin-top:20px;text-decoration:underline;text-underline-offset:5px}.highlight-controls{border-top:1px solid #526059;display:flex;align-items:stretch;justify-content:space-between}.highlight-tabs{display:grid;grid-template-columns:repeat(4,1fr);flex:1}.highlight-tabs button{background:transparent;color:#aeb9b0;border:0;border-right:1px solid #526059;text-align:left;padding:21px 23px;font-size:.78rem;font-weight:700;line-height:1.2;transition:background .25s,color .25s}.highlight-tabs button span{display:block;color:#8a9c8d;font-size:.64rem;letter-spacing:.1em;margin-bottom:8px}.highlight-tabs button.is-active,.highlight-tabs button:hover{background:#3d4740;color:#fff}.highlight-toggle{border:0;background:transparent;color:#fff;width:75px;font-size:1.1rem}.highlight-toggle:hover{background:#3d4740}.highlight-progress{height:4px;background:#56645a}.highlight-progress span{display:block;height:100%;background:var(--lime);width:0}.highlight-note{display:block;color:#b9c8bc;font-size:.68rem;padding:13px 22px 16px}.highlight-screen.is-playing .demo-panels i:before{animation:fillBar 2.2s ease both}.highlight-screen.is-playing .demo-panels div:nth-child(2) i:before{animation-delay:.5s}.highlight-screen.is-playing .demo-panels div:nth-child(3) i:before{animation-delay:1s}.highlight-screen.is-playing .demo-data svg path{animation:draw 2.5s ease both}.highlight-screen.is-playing .demo-tiles div:first-child{animation:tilePulse 2s ease .5s both}.highlight-screen.is-playing .demo-tiles div:last-child{animation:tilePulse 2s ease 1.1s both}.highlight-screen.is-playing .demo-track span{animation:trackPulse 1.5s ease both}.highlight-screen.is-playing .demo-track span:nth-of-type(2){animation-delay:.6s}.highlight-screen.is-playing .demo-track span:nth-of-type(3){animation-delay:1.2s}.highlight-screen.is-paused *{animation-play-state:paused!important}@keyframes screenArrive{from{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:none}}@keyframes fillBar{from{right:100%}to{right:10%}}@keyframes tilePulse{50%{transform:translateY(-9px);background:#6c5a76}}@keyframes trackPulse{50%{background:#8e6e56;color:#fff}}
.toolkit-section{background:#fff;padding:65px 0 85px}.toolkit-section .section-inner{max-width:1540px}.toolkit-stage{height:740px;max-width:1400px;margin:auto}.toolkit-copy{width:48%;top:48%;left:50%}.toolkit-copy h2{font-size:clamp(3.6rem,5.8vw,6.8rem)}.toolkit-copy p{font-size:1rem}.app-field{overflow:visible}.app-tile{box-shadow:0 13px 27px #25312c1c}.app-tile:nth-child(4n+1){background:#fff;box-shadow:0 13px 27px #25312c1c}.app-tile img{width:68%;height:68%}.app-tile[title='Canva'] img{width:87%}.app-tile[title='VS Code'] img{width:75%}.tool-directory{margin-top:0}.about-section{background:#fff;border-top:1px solid #e4e5df;padding:95px 0}.about-layout{align-items:center}.about-layout h2{font-size:clamp(3.4rem,5vw,6rem);line-height:1.02;letter-spacing:-.075em;margin:20px 0}.about-layout p{font-size:1.12rem}footer h2 em{background:linear-gradient(95deg,#d2eafd 0%,#d5aef1 25%,#edb984 50%,#d4f58b 75%,#d2eafd 100%);background-size:250% 100%;background-position:var(--gradient-shift,0%) center;-webkit-background-clip:text;background-clip:text;color:transparent}
@media(max-width:1100px){.hero{grid-template-columns:1fr .65fr;min-height:700px}.hero h1{font-size:6.7vw}.hero-art{height:430px}.portrait-frame{height:370px}.toolkit-stage{height:680px}.toolkit-copy{width:53%}.app-tile{scale:.82;transform-origin:top left}}
@media(max-width:700px){.hero{padding:65px 24px 80px;display:flex;gap:40px}.hero h1{font-size:clamp(3.7rem,12vw,5.6rem)}.hero p{font-size:1rem}.hero-art{height:auto;width:100%;max-width:440px}.portrait-frame{height:315px}.hero-art-caption{font-size:.55rem}.highlights-section{padding:75px 0}.highlights-head{display:block}.highlights-head h2{font-size:clamp(3.7rem,11vw,5.6rem)}.highlights-head p{margin:20px 0 0}.highlight-visual{grid-template-columns:1fr}.highlight-screen{min-height:310px;padding:26px}.highlight-screen .demo-ui{min-height:235px}.highlight-caption{padding:28px}.highlight-caption strong{font-size:2.8rem;margin:14px 0}.highlight-caption p{margin:0}.highlight-tabs{grid-template-columns:repeat(2,1fr)}.highlight-tabs button{padding:13px;font-size:.68rem}.highlight-tabs button span{display:inline;margin-right:5px}.highlight-toggle{width:50px}.toolkit-stage{height:520px}.toolkit-copy{width:74%;top:49%}.toolkit-copy h2{font-size:clamp(2.7rem,9vw,4.4rem)}.toolkit-copy p{font-size:.76rem}.app-tile{scale:.64}.app-tile:nth-child(n){display:grid}.app-tile:nth-child(n+17){display:none}.app-tile:nth-child(1){left:1%;top:5%}.app-tile:nth-child(2){left:24%;top:4%}.app-tile:nth-child(3){left:70%;top:3%}.app-tile:nth-child(4){left:87%;top:19%}.app-tile:nth-child(5){left:78%;top:70%}.app-tile:nth-child(6){left:1%;top:72%}.app-tile:nth-child(7){left:74%;top:84%}.app-tile:nth-child(8){left:83%;top:37%}.app-tile:nth-child(9){left:0%;top:40%}.app-tile:nth-child(10){left:54%;top:5%}.app-tile:nth-child(11){left:37%;top:86%}.app-tile:nth-child(12){left:14%;top:83%}.app-tile:nth-child(13){left:61%;top:84%}.app-tile:nth-child(14){left:90%;top:55%}.app-tile:nth-child(15){left:0%;top:57%}.app-tile:nth-child(16){left:14%;top:20%}.about-section{padding:75px 0}}
@media(prefers-reduced-motion:reduce){.highlight-screen .demo-ui,.highlight-screen.is-playing *{animation:none!important}}
/* Refinements from the annotated review. */
.hero{grid-template-columns:minmax(0,58%) minmax(0,42%);padding-right:0;gap:0;min-height:760px}.hero-copy{padding-right:clamp(20px,3vw,55px)}.hero-art{height:100%;width:100%;min-height:760px;position:relative;display:block;overflow:hidden}.portrait-frame{position:absolute;inset:0;height:100%;border:0;border-radius:0;background:linear-gradient(145deg,#d2eafd 0%,#d5aef1 46%,#edb984 78%,#d4f58b 110%)}.hero-art img{object-fit:contain;object-position:center bottom;width:100%;height:100%;inset:0}.hero-art-caption{position:absolute;bottom:24px;left:22px;right:22px;z-index:2;color:#282d2b;background:#f8f8f5cf;backdrop-filter:blur(10px);padding:11px 14px;border-radius:6px;font-size:.58rem}.hero-scroll{z-index:3}
.toolkit-copy h2 em{color:var(--ink)}.toolkit-copy{top:49%;width:55%}.toolkit-copy h2{font-size:clamp(3.5rem,5.6vw,6.4rem)}.toolkit-copy p{max-width:510px}.app-tile[title='Canva'] img{width:68%;height:68%}.app-field{overflow:hidden}.app-tile{scale:.9;transform-origin:top left}.toolkit-stage{height:750px}.about-layout h2{max-width:650px;font-size:clamp(3.2rem,4.5vw,5.6rem)}
.highlight-progress span{background:linear-gradient(90deg,var(--blue),var(--lilac),var(--peach),var(--lime),var(--blue));background-size:200% 100%;animation:gradientFlow 3s linear infinite}.highlight-tabs button{background:#282d2b;color:#f7f6f2}.highlight-tabs button.is-active{background:#f7f6f2;color:#282d2b}.highlight-tabs button:hover,.highlight-toggle:hover{background:linear-gradient(110deg,var(--blue),var(--lilac),var(--peach),var(--lime));background-size:220% 100%;animation:gradientFlow 2.8s linear infinite;color:#282d2b}.highlight-tabs button.is-active span{color:#4c544e}
.scene.is-active{background:var(--blue);color:#282d2b}.lab-section[data-scene=partner] .scene.is-active{background:var(--lilac)}.lab-section[data-scene=report] .scene.is-active{background:var(--lime)}.scene:hover:not(.is-active){background:linear-gradient(110deg,var(--blue),var(--lilac),var(--peach),var(--lime));background-size:220% 100%;animation:gradientFlow 2.8s linear infinite;color:#282d2b}.lab-controls button:first-child{background:linear-gradient(100deg,var(--blue),var(--lilac),var(--peach),var(--lime),var(--blue));background-size:220% 100%;animation:gradientFlow 3s linear infinite;color:#282d2b;border-color:#282d2b}.lab-controls button:first-child:hover{background-position:100% 0}.lab-controls button:last-child:hover{background:linear-gradient(100deg,var(--blue),var(--lilac),var(--peach),var(--lime));background-size:220% 100%;animation:gradientFlow 3s linear infinite;color:#282d2b}@keyframes gradientFlow{to{background-position:200% 0}}
@media(max-width:1100px){.hero{grid-template-columns:56% 44%;min-height:650px}.hero-art{min-height:650px}.hero h1{font-size:6vw}.app-tile{scale:.75}.toolkit-copy{width:60%}}
@media(max-width:700px){.hero{display:flex;flex-direction:column;padding:65px 0 0;gap:35px}.hero-copy{padding:0 24px}.hero h1{font-size:clamp(3.7rem,12vw,5.5rem)}.hero-art{min-height:450px;max-width:none;height:450px}.portrait-frame{height:100%}.hero-art-caption{bottom:16px}.toolkit-stage{height:530px}.toolkit-copy{width:75%}.app-field{overflow:hidden}.app-tile{scale:.62}.about-layout h2{font-size:clamp(3.1rem,10vw,4.8rem)}}
@media(prefers-reduced-motion:reduce){.highlight-progress span,.highlight-tabs button:hover,.highlight-toggle:hover,.scene:hover,.lab-controls button{animation:none!important}}
.hero h1 em{background:linear-gradient(95deg,var(--blue) 0%,var(--lilac) 26%,var(--peach) 52%,var(--lime) 76%,var(--blue) 100%);background-size:250% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:gradientFlow 7s linear infinite}
@media(prefers-reduced-motion:reduce){.hero h1 em{animation:none}}
.ticker{padding:14px 0}.ticker .ticker-track{display:flex;width:max-content;animation:ticker 28s linear infinite}.ticker .ticker-group{display:flex;align-items:center;justify-content:space-around;flex:none;min-width:100vw;width:max-content;gap:55px;padding:0 55px 0 0;animation:none}.ticker .ticker-group span{margin:0;color:#fff}.ticker .ticker-group i{font-style:normal;color:var(--peach)}
@media(prefers-reduced-motion:reduce){.ticker .ticker-track{animation:none}}
.ai-section{padding:120px 0 115px;background:#e8eef0}.ai-heading{display:flex;justify-content:space-between;align-items:end;gap:50px;margin-bottom:48px}.ai-heading h2{font-size:clamp(3.8rem,6.8vw,7rem);letter-spacing:-.085em;line-height:.98;margin:18px 0 0}.ai-heading p{font-size:1.12rem;max-width:450px;line-height:1.55;margin:0 0 8px}.ai-explorer{display:grid;grid-template-columns:33% 67%;border-radius:17px;overflow:hidden;background:#fff;box-shadow:0 18px 45px #1e292324}.ai-options{padding:32px;display:flex;flex-direction:column;gap:9px}.ai-options .micro-label{margin-bottom:18px}.ai-option{text-align:left;border:1px solid #d5ddd7;background:#f7f8f5;border-radius:10px;padding:18px 18px 16px;display:grid;grid-template-columns:34px 1fr;column-gap:9px;transition:transform .25s,background .25s,border-color .25s}.ai-option:hover{transform:translateX(5px);background:#d2eafd;border-color:#afcce3}.ai-option.is-active{background:#282d2b;color:#fff;border-color:#282d2b}.ai-option span{font-size:.68rem;font-weight:700;grid-row:span 2;padding-top:3px}.ai-option strong{font-size:1.02rem;line-height:1.2}.ai-option small{font-size:.75rem;line-height:1.3;opacity:.72;margin-top:5px}.ai-flow{background:#282d2b;color:#f7f8f5;min-height:475px;padding:35px;display:flex;flex-direction:column}.ai-flow-top{display:flex;justify-content:space-between;gap:20px;font-size:.67rem;letter-spacing:.08em;font-weight:700;border-bottom:1px solid #66736a;padding-bottom:19px;color:#b7c4b9}.ai-flow-top b{color:#fff}.ai-flow-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:auto 0}.ai-flow-step{border:1px solid #637269;border-radius:8px;padding:17px 13px;min-height:220px;animation:aiArrive .45s ease both}.ai-flow-step:nth-child(2){animation-delay:.08s}.ai-flow-step:nth-child(3){animation-delay:.16s}.ai-flow-step:nth-child(4){animation-delay:.24s}.ai-flow-step span{display:block;color:var(--blue);font-size:.64rem;letter-spacing:.08em;margin-bottom:35px}.ai-flow-step strong{font-size:1.04rem;line-height:1.15;display:block}.ai-flow-step p{font-size:.75rem;color:#c7d0c8;line-height:1.4;margin:10px 0 0}.ai-flow-footer{border-top:1px solid #66736a;padding-top:18px;display:flex;gap:30px;align-items:start}.ai-flow-footer span{font-size:.64rem;letter-spacing:.08em;color:#b7c4b9;white-space:nowrap}.ai-flow-footer p{font-size:.8rem;margin:0;max-width:580px}.ai-note{font-size:.76rem;color:#596a60;margin:19px 0 0}@keyframes aiArrive{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
@media(max-width:900px){.ai-heading{display:block}.ai-heading p{margin-top:25px}.ai-explorer{grid-template-columns:1fr}.ai-options{display:grid;grid-template-columns:repeat(3,1fr)}.ai-options .micro-label{grid-column:1/-1}.ai-option{display:block}.ai-option span{display:block;margin-bottom:12px}}
@media(max-width:700px){.ai-section{padding:75px 0}.ai-heading h2{font-size:clamp(3.5rem,10vw,5rem)}.ai-heading p{font-size:1rem}.ai-options{padding:20px;grid-template-columns:1fr}.ai-options .micro-label{margin:0 0 6px}.ai-option{display:grid;padding:13px}.ai-option span{margin:0}.ai-flow{padding:23px;min-height:0}.ai-flow-top{font-size:.58rem}.ai-flow-steps{grid-template-columns:1fr 1fr;gap:8px;margin:25px 0}.ai-flow-step{min-height:180px;padding:12px}.ai-flow-step span{margin-bottom:19px}.ai-flow-step strong{font-size:.91rem}.ai-flow-step p{font-size:.7rem}.ai-flow-footer{display:block}.ai-flow-footer p{margin-top:8px}}
@media(prefers-reduced-motion:reduce){.ai-flow-step{animation:none}}
/* More natural hierarchy and full-bleed hero art. */
.hero{display:flex;align-items:center;min-height:760px;padding-top:70px;padding-bottom:70px}.hero-copy{width:58%;max-width:800px;padding-right:clamp(25px,4vw,70px)}.hero h1{line-height:1.01;padding:.04em 0 .11em;margin:17px 0 20px}.hero-art{position:absolute;right:0;top:0;bottom:0;width:42%;height:100%;min-height:0}.portrait-frame{height:100%;inset:0}.hero-art img{height:100%;object-position:center bottom}.hero-art-caption{display:none}.hero-scroll{bottom:20px}
.toolkit-section{padding:55px 0 85px}.toolkit-stage{height:850px}.toolkit-copy{left:50%;top:49%;width:54%}.toolkit-copy h2{font-size:clamp(4.1rem,6vw,7.1rem)}.toolkit-copy p{max-width:510px}.app-tile{scale:1;transform-origin:center;box-shadow:0 12px 30px #24312920}.app-tile:nth-child(4n+1){background:#fff;box-shadow:0 12px 30px #24312920}.app-field.is-visible .app-tile{transform:translate(0,0) rotate(var(--angle,0deg)) scale(1)}.app-tile:nth-child(5n+1){--angle:-5deg}.app-tile:nth-child(5n+2){--angle:4deg}.app-tile:nth-child(5n+3){--angle:-3deg}.app-tile:nth-child(5n+4){--angle:6deg}.app-tile:nth-child(5n){--angle:-2deg}.app-tile:hover{transform:translateY(-12px) rotate(0) scale(1.11)!important}.app-tile:nth-child(1),.app-tile:nth-child(3),.app-tile:nth-child(4),.app-tile:nth-child(7){box-shadow:0 20px 40px #24312929}
.scene:hover:not(.is-active){background:#282d2b;color:#fff;animation:none}.scene.is-active:hover{filter:brightness(.96)}footer .pill-button:hover{background:linear-gradient(100deg,var(--blue),var(--lilac),var(--peach),var(--lime),var(--blue));background-size:220% 100%;animation:gradientFlow 3s linear infinite;color:#282d2b}
.ai-section{background:#f4f5f1;padding:115px 0}.ai-simple{display:grid;grid-template-columns:1fr .9fr;gap:clamp(60px,9vw,150px);align-items:center}.ai-simple h2{font-size:clamp(4rem,6.8vw,7.2rem);letter-spacing:-.085em;line-height:.97;margin:21px 0 30px}.ai-simple p{font-size:1.16rem;line-height:1.55;max-width:630px;margin:0}.ai-simple-flow{display:grid;gap:0;border-top:1px solid #aeb9af}.ai-simple-flow>div{padding:26px 0;border-bottom:1px solid #aeb9af;display:grid;grid-template-columns:45px 1fr;column-gap:16px;align-items:baseline;transition:padding-left .3s,background .3s}.ai-simple-flow>div:hover{padding-left:12px;background:#e8eef0}.ai-simple-flow span{font-size:.72rem;font-weight:700;color:#68766d}.ai-simple-flow strong{font-size:1.45rem;letter-spacing:-.05em}.ai-simple-flow small{grid-column:2;font-size:.83rem;color:#5c685f;margin-top:3px}
@media(max-width:1100px){.hero{min-height:680px}.hero-copy{width:58%}.hero-art{width:42%}.hero h1{font-size:5.9vw}.toolkit-stage{height:790px}.app-tile{scale:.86}.ai-simple{gap:50px}}
@media(max-width:700px){.hero{display:flex;flex-direction:column;align-items:stretch;padding:55px 0 0;min-height:0}.hero-copy{width:100%;padding:0 24px}.hero h1{font-size:clamp(3.6rem,11.7vw,5.5rem)}.hero-art{position:relative;width:100%;height:450px;min-height:0;margin-top:35px}.toolkit-stage{height:530px}.toolkit-copy{width:75%}.app-tile{scale:.64}.ai-section{padding:80px 0}.ai-simple{display:block}.ai-simple h2{font-size:clamp(3.7rem,10vw,5.5rem)}.ai-simple p{font-size:1rem}.ai-simple-flow{margin-top:45px}}
@media(prefers-reduced-motion:reduce){footer .pill-button:hover{animation:none}}
/* Final logo alignment and staggered entrance. */
.motion-ready .toolkit-copy.reveal{transform:translate(-50%,calc(-50% + 42px))}.motion-ready .toolkit-copy.reveal.in-view{transform:translate(-50%,-50%)}.toolkit-copy{left:50%;text-align:center;width:min(720px,54%)}.toolkit-copy h2{margin-left:auto;margin-right:auto}.toolkit-copy p{margin-left:auto;margin-right:auto}.app-tile{transition-duration:1.15s;transition-delay:calc(var(--i) * 105ms)}.app-field.is-visible .app-tile{transition-duration:1.15s;transition-delay:calc(var(--i) * 105ms)}.app-tile[title='Canva'] img{width:88%;height:70%}.directory-tool:has(img[src$='canva.svg']) img{width:42px;height:27px}
.lab-controls button:last-child:hover{background:#282d2b;color:#fff;animation:none}.lab-controls button:last-child{transition:background .25s,color .25s,transform .25s}
.ai-simple-flow>div{opacity:0;transform:translateY(24px);transition:opacity .8s ease,transform .8s ease,padding-left .3s,background .3s}.ai-simple-flow.is-visible>div{opacity:1;transform:none}.ai-simple-flow.is-visible>div:nth-child(2){transition-delay:.28s}.ai-simple-flow.is-visible>div:nth-child(3){transition-delay:.56s}
@media(max-width:700px){.toolkit-copy{width:75%}.motion-ready .toolkit-copy.reveal,.motion-ready .toolkit-copy.reveal.in-view{transform:translate(-50%,-50%)}.app-tile{transition-delay:calc(var(--i) * 75ms)}}
@media(prefers-reduced-motion:reduce){.ai-simple-flow>div{opacity:1;transform:none;transition:none}.app-tile,.app-field.is-visible .app-tile{transition:none}}
.app-field.is-visible .app-tile:hover{transition-delay:0ms!important;transition-duration:.3s}
/* Quiet, continuous logo flow inspired by the supplied reference. */
.app-field.is-visible .app-tile{animation:logoFlow 12s ease-in-out infinite alternate;animation-delay:calc(3.1s + var(--i) * 115ms)}.app-field.is-visible .app-tile:nth-child(3n){animation-duration:15s;animation-direction:alternate-reverse}.app-field.is-visible .app-tile:nth-child(4n){animation-duration:10s}.app-field.is-visible .app-tile:nth-child(5n){animation-duration:17s;animation-direction:alternate-reverse}.app-field.is-visible .app-tile:hover{animation-play-state:paused}@keyframes logoFlow{0%{translate:0 -11px}50%{translate:0 12px}100%{translate:0 -9px}}
@media(prefers-reduced-motion:reduce){.app-field.is-visible .app-tile{animation:none}}

/* The address appears on deliberate interaction, including touch and keyboard. */
.contact-control{position:relative;display:inline-flex;align-items:center}.contact-trigger{font-family:inherit}.contact-control .nav-cta{background:transparent;color:inherit;font-size:inherit;font-weight:inherit}.contact-control .nav-cta:hover{background:var(--ink);color:#fff}.contact-control-footer .pill-button{border:0}.contact-popover{position:absolute;z-index:120;top:calc(100% + 10px);right:0;display:flex;align-items:center;gap:12px;background:#fff;color:var(--ink);padding:10px 12px;border:1px solid #d7d9d2;border-radius:12px;box-shadow:0 14px 35px #0002;white-space:nowrap;font-size:.78rem}.contact-popover[hidden]{display:none}.contact-email{text-decoration:underline;text-underline-offset:3px;font-weight:700}.contact-copy{border:0;border-radius:6px;padding:6px 9px;background:#edf0ec;color:var(--ink);font-size:.7rem;font-weight:700}.contact-copy:hover{background:#dce4dc}.contact-control-footer .contact-popover{top:auto;bottom:calc(100% + 10px);left:0;right:auto}.contact-control-footer .contact-popover a{color:var(--ink)}@media(max-width:700px){.contact-popover{right:0;max-width:calc(100vw - 24px)}.contact-control-footer .contact-popover{left:0}}
.work-section .section-intro strong{display:block;font-size:1.3em;line-height:1.15;letter-spacing:-.04em;color:var(--ink);margin-bottom:12px}

/* Solar case study */
.solar-case .case-hero>p{max-width:900px;font-size:clamp(1.2rem,2vw,1.7rem);line-height:1.38}.case-actions{display:flex;align-items:center;flex-wrap:wrap;gap:20px;margin-top:34px}.case-actions>span{font-size:.82rem;color:#606963}.solar-case .case-stat{gap:14px 22px;flex-wrap:wrap}.solar-case .case-stat strong:not(:first-child){margin-left:45px}.solar-case .case-content{padding-top:65px}.solar-case .case-content section{align-items:start}.solar-case .case-content section>div>p:first-child{margin-top:0}.solar-tool-list{display:grid;grid-template-columns:1fr 1fr;gap:12px}.solar-tool-list>div{border:1px solid #cdd1c9;padding:23px;min-height:170px}.solar-tool-list b{display:block;font-size:.72rem;color:#66746a;margin-bottom:14px}.solar-tool-list strong{display:block;font-size:1.13rem;letter-spacing:-.025em}.solar-tool-list p{font-size:.93rem;line-height:1.5;margin-bottom:0}.solar-flow{display:flex;flex-wrap:wrap;gap:9px;margin-top:28px}.solar-flow span{font-size:.77rem;border:1px solid #a9b4aa;border-radius:100px;padding:10px 15px}.solar-flow span+span:before{content:'→';margin-right:16px;color:#5b7b66}.solar-evidence{margin:30px 0 0}.solar-evidence img{display:block;width:100%;height:auto;background:#fff;border:1px solid #d7d9d2;border-radius:10px}.solar-evidence figcaption{font-size:.78rem;color:#69706b;line-height:1.5;margin-top:10px}.case-more{display:inline-block;margin-top:45px;font-weight:700;text-decoration:underline;text-underline-offset:4px}@media(max-width:800px){.solar-tool-list{grid-template-columns:1fr}.solar-case .case-stat strong:not(:first-child){margin-left:0}.solar-flow span+span:before{display:none}.solar-case .case-content section{gap:22px}.solar-case .case-visual{height:380px}}

/* Solar product interaction study */
.solar-demo{position:relative;min-height:335px}.solar-demo-head{display:flex;align-items:baseline;justify-content:space-between;gap:15px}.solar-demo-head h4{font-size:1.25rem;margin:18px 0}.solar-demo-head>span{font-size:.58rem;color:#a7c5d7;font-weight:700}.solar-demo-grid{display:grid;grid-template-columns:1.25fr .85fr;gap:12px}.solar-demo-form,.solar-demo-output{background:#383f3b;border:1px solid #69756e;padding:13px;min-width:0;min-height:177px}.solar-demo small{display:block;color:#aac0b5;font-size:.54rem;letter-spacing:.1em;font-weight:700}.solar-demo-sync{border-left:3px solid var(--blue);padding-left:10px;margin-bottom:12px}.solar-demo-sync strong{display:block;font-size:.7rem;margin-top:5px;line-height:1.3}.solar-demo-fields{display:grid;grid-template-columns:1fr 1fr;gap:8px}.solar-demo-fields>div{position:relative;background:#282e2b;border:1px solid #738078;padding:8px;min-height:53px}.solar-demo-fields span{display:block;margin-top:6px;font-size:.66rem;white-space:nowrap}.solar-demo-select b{position:absolute;right:8px;bottom:9px;font-size:.8rem;font-weight:400}.solar-demo .solar-selected{position:absolute;left:8px;bottom:8px;opacity:0}.solar-demo-options{position:absolute;z-index:3;top:calc(100% - 1px);left:-1px;right:-1px;background:#f9faf7;color:#252b27;border:1px solid #84928a;box-shadow:0 15px 23px #1119;opacity:0;transform:translateY(-7px);pointer-events:none}.solar-demo-options span{margin:0;padding:7px 8px;font-size:.64rem}.solar-demo-options .chosen{background:#d7e9f6;color:#174d70;font-weight:700}.solar-demo-output{display:flex;flex-direction:column;position:relative}.solar-output-idle{font-size:.84rem;color:#dae3dc;margin-top:26px}.solar-output-ready{position:absolute;inset:34px 13px 24px;opacity:0}.solar-output-ready strong{display:block;font-size:.85rem}.solar-output-ready span{display:block;color:#c3d6ca;font-size:.65rem;margin-top:5px}.solar-output-ready i{display:block;width:100%;height:5px;background:#82afe0;margin-top:12px}.solar-output-ready i:nth-of-type(2){width:76%;background:#b9d3e8}.solar-output-ready i:nth-of-type(3){width:54%;background:#d3e4f2}.solar-demo-check{font-size:.58rem;color:#a8d3b5;margin-top:auto}.solar-demo .demo-status{margin-top:13px}.solar-demo .solar-placeholder{animation:solar-placeholder 5.5s ease infinite}.solar-demo .solar-selected{animation:solar-selected 5.5s ease infinite}.solar-demo-options{animation:solar-menu 5.5s ease infinite}.solar-output-idle{animation:solar-idle 5.5s ease infinite}.solar-output-ready{animation:solar-ready 5.5s ease infinite}@keyframes solar-menu{0%,16%,52%,100%{opacity:0;transform:translateY(-7px)}22%,42%{opacity:1;transform:translateY(0)}}@keyframes solar-placeholder{0%,43%{opacity:1}51%,100%{opacity:0}}@keyframes solar-selected{0%,43%{opacity:0}52%,100%{opacity:1}}@keyframes solar-idle{0%,55%{opacity:1}65%,100%{opacity:0}}@keyframes solar-ready{0%,55%{opacity:0}65%,100%{opacity:1}}.highlight-screen.is-paused .solar-demo *{animation-play-state:paused!important}@media(prefers-reduced-motion:reduce){.solar-demo .solar-placeholder,.solar-demo-options,.solar-output-idle{display:none}.solar-demo .solar-selected,.solar-output-ready{animation:none;opacity:1}}@media(max-width:700px){.solar-demo-grid{grid-template-columns:1fr}.solar-demo-output{min-height:100px}.solar-demo .solar-demo-sync{margin-bottom:8px}.solar-demo-form{min-height:0}.solar-demo .demo-status{display:none}.solar-demo-head h4{margin:10px 0}.case-visual .solar-demo{min-height:0}}

/* Closer study of the live Backup Array Sizer interface */
.solar-realistic.demo-ui{background:#fff;color:#171b19;padding:0;overflow:visible;max-width:750px;min-height:380px;border-radius:9px;box-shadow:0 22px 45px #1215142b}.solar-ui-bar{display:flex;align-items:center;gap:10px;background:#050505;color:#fff;padding:12px 16px;border-radius:9px 9px 0 0;font-size:.68rem}.solar-ui-bar b{font-size:1rem;font-weight:900;font-style:italic}.solar-ui-bar strong{font-size:.68rem}.solar-ui-bar>span{margin-left:auto;font-size:.49rem;letter-spacing:.1em;color:#b7c6d1}.solar-ui-body{padding:13px 17px 17px}.solar-ui-body>p{font-size:.55rem;color:#6b716e;line-height:1.3;margin:0 0 10px}.solar-sync{border:1px solid #b7dac7;background:#f3faf5;border-radius:6px;padding:10px;margin-bottom:9px}.solar-sync-title{font-size:.58rem;font-weight:700;color:#34845c;margin-bottom:8px}.solar-sync-values{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.solar-sync-values>div{background:#fff;border:1px solid #c8e2d3;border-radius:5px;padding:6px}.solar-realistic small{display:block;font-size:.45rem;color:#677a70;letter-spacing:.03em}.solar-sync-values b{display:block;font-size:.69rem;color:#2c5d43;margin-top:3px}.solar-sync-values i{font-size:.5rem;font-weight:500;font-style:normal}.solar-ui-pair{display:grid;grid-template-columns:1fr 1fr;gap:8px}.solar-ui-card,.solar-ui-site{border:1px solid #d8deda;border-radius:6px;background:#fff;padding:9px}.solar-ui-card strong,.solar-ui-title strong{display:block;font-size:.67rem;margin-bottom:8px}.solar-ui-card>span,.solar-ui-input>span,.solar-ui-fields>div>span:not(.solar-rack-after){display:block;border:1px solid #d7ddda;border-radius:5px;background:#fff;padding:5px 7px;color:#3d4640;font-size:.55rem;margin-top:3px}.solar-ui-card>span i{float:right;font-style:normal}.solar-ui-card em{display:inline-block;font-style:normal;font-size:.48rem;color:#428765;background:#e7f7ed;padding:4px 7px;border-radius:4px;margin-top:6px}.solar-ui-site{margin-top:8px}.solar-ui-title{display:flex;align-items:center;justify-content:space-between}.solar-ui-title>span{font-size:.5rem;color:#fff;background:#5fa4e2;padding:5px 8px;border-radius:4px}.solar-ui-input{display:flex;align-items:center;gap:8px}.solar-ui-input small{white-space:nowrap}.solar-ui-input>span{flex:1;margin:0}.solar-ui-fields{display:grid;grid-template-columns:2fr .6fr .6fr .6fr;gap:6px;margin-top:7px}.solar-ui-fields>div{min-width:0;position:relative}.solar-ui-fields>div>span:not(.solar-rack-after){white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.solar-racking>b{position:absolute;right:7px;bottom:5px;font-size:.7rem;font-weight:400}.solar-racking .solar-rack-after{position:absolute;left:0;right:0;bottom:0;border:1px solid #d7ddda;border-radius:5px;background:#fff;padding:5px 7px;color:#3d4640;font-size:.55rem;opacity:0;white-space:nowrap}.solar-rack-menu{position:absolute;z-index:4;left:0;right:0;top:100%;background:#fff;box-shadow:0 9px 16px #17231b33;border:1px solid #cbd5cc;border-radius:5px;opacity:0;transform:translateY(-5px)}.solar-rack-menu span{display:block;padding:6px 7px;font-size:.52rem}.solar-rack-menu span:first-child{background:#dceefb;color:#15507d}.solar-realistic .solar-rack-menu{animation:solar-real-menu 6s infinite}.solar-realistic .solar-rack-before{animation:solar-real-before 6s infinite}.solar-realistic .solar-rack-after{animation:solar-real-after 6s infinite}@keyframes solar-real-menu{0%,18%,48%,100%{opacity:0;transform:translateY(-5px)}23%,42%{opacity:1;transform:none}}@keyframes solar-real-before{0%,47%{opacity:1}54%,100%{opacity:0}}@keyframes solar-real-after{0%,47%{opacity:0}54%,100%{opacity:1}}@media(prefers-reduced-motion:reduce){.solar-realistic .solar-rack-before,.solar-realistic .solar-rack-menu{display:none}.solar-realistic .solar-rack-after{animation:none;opacity:1}}@media(max-width:700px){.solar-realistic.demo-ui{min-height:0}.solar-ui-bar{padding:8px}.solar-ui-body{padding:9px}.solar-ui-body>p,.solar-ui-card em{display:none}.solar-sync-values>div:last-child{display:none}.solar-sync-values{grid-template-columns:1fr 1fr}.solar-ui-pair{gap:5px}.solar-ui-card{padding:6px}.solar-ui-card>span{font-size:.47rem}.solar-ui-fields{grid-template-columns:1.5fr 1fr 1fr}.solar-ui-fields>div:last-child{display:none}.solar-ui-bar strong{font-size:.54rem}.solar-ui-bar>span{font-size:.4rem}}

/* Simplified black-card study based on the product fields */
.solar-card.demo-ui{background:#282d2b;color:#f4f4ef;max-width:650px;min-height:315px;padding:24px;border-radius:13px;overflow:visible}.solar-card-head{display:flex;align-items:baseline;justify-content:space-between;gap:10px}.solar-card-head h4{font-size:1.35rem;margin:19px 0}.solar-card-head>span{font-size:.59rem;color:#aed5e9;font-weight:700}.solar-card-sync{background:#35463e;border-left:3px solid #88c5a1;padding:11px 13px;margin-bottom:12px}.solar-card-sync small,.solar-card-fields small{display:block;font-size:.53rem;letter-spacing:.08em;color:#a8bbaf;font-weight:700}.solar-card-sync strong{display:block;font-size:.76rem;margin-top:6px}.solar-card-sync i{font-style:normal;color:#8eb89b;margin:0 3px}.solar-card-fields{display:grid;grid-template-columns:1fr 1fr;gap:10px}.solar-card-fields>div{min-width:0;position:relative}.solar-card-fields>div>span:not(.solar-card-after){display:block;margin-top:6px;background:#3e4641;border:1px solid #78877d;border-radius:4px;padding:8px 10px;font-size:.72rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.solar-card-fields b{float:right;font-weight:400}.solar-card-site{margin-top:16px;border-top:1px solid #56615a;padding-top:12px}.solar-card-site>strong{font-size:.78rem;display:block;margin-bottom:9px}.solar-card-racking>b{position:absolute;right:10px;bottom:8px;font-size:.8rem;font-weight:400}.solar-card-after{position:absolute;left:0;right:0;bottom:0;background:#3e4641;border:1px solid #78877d;border-radius:4px;padding:8px 10px;font-size:.72rem;opacity:0;white-space:nowrap}.solar-card-menu{position:absolute;left:0;right:0;top:100%;z-index:5;background:#f7f8f5;color:#252b27;border-radius:4px;box-shadow:0 16px 24px #1118;opacity:0;transform:translateY(-5px)}.solar-card-menu span{display:block;font-size:.65rem;padding:8px 10px}.solar-card-menu span:first-child{background:#dcecf7;color:#164d74;font-weight:700}.solar-card-bottom{display:flex;align-items:center;justify-content:space-between;gap:9px;margin-top:14px;font-size:.66rem;color:#bccbc1}.solar-card-bottom b{color:#1c3343;background:#b9dbf4;border-radius:5px;padding:8px 10px;white-space:nowrap}.solar-card .solar-card-menu{animation:solar-card-menu 5.5s infinite}.solar-card .solar-card-before{animation:solar-card-before 5.5s infinite}.solar-card .solar-card-after{animation:solar-card-after 5.5s infinite}@keyframes solar-card-menu{0%,18%,48%,100%{opacity:0;transform:translateY(-5px)}23%,42%{opacity:1;transform:none}}@keyframes solar-card-before{0%,47%{opacity:1}54%,100%{opacity:0}}@keyframes solar-card-after{0%,47%{opacity:0}54%,100%{opacity:1}}.highlight-screen.is-paused .solar-card *{animation-play-state:paused!important}@media(prefers-reduced-motion:reduce){.solar-card .solar-card-before,.solar-card-menu{display:none}.solar-card .solar-card-after{animation:none;opacity:1}}@media(max-width:700px){.solar-card.demo-ui{min-height:0;padding:16px}.solar-card-head h4{font-size:1.1rem;margin:12px 0}.solar-card-sync strong{font-size:.65rem}.solar-card-fields{gap:6px}.solar-card-fields>div>span:not(.solar-card-after),.solar-card-after{font-size:.58rem;padding:7px}.solar-card-bottom{font-size:.55rem}.solar-card-bottom b{font-size:.57rem;padding:6px}.solar-card-racking>b{bottom:7px}}

/* ZIP-to-design-temperature study */
.solar-temp-card.demo-ui{background:#282d2b;color:#f4f4ef;max-width:650px;min-height:320px;padding:24px;border-radius:13px;overflow:hidden}.solar-temp-head{display:flex;align-items:baseline;justify-content:space-between;gap:10px}.solar-temp-head h4{font-size:1.3rem;margin:18px 0}.solar-temp-head>span{font-size:.56rem;letter-spacing:.06em;color:#b7cddd}.solar-temp-equipment{display:grid;grid-template-columns:1fr 1fr;gap:9px}.solar-temp-equipment>div{background:#383f3b;padding:10px;border:1px solid #68746b}.solar-temp-card small{display:block;color:#a9c3b4;font-size:.53rem;letter-spacing:.09em;font-weight:700}.solar-temp-equipment span{display:block;margin-top:7px;font-size:.74rem}.solar-temp-equipment b{float:right;font-weight:400}.solar-temp-section{border-top:1px solid #58635c;margin-top:17px;padding-top:12px}.solar-temp-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:9px}.solar-temp-title strong{font-size:.9rem}.solar-temp-title>span{font-size:.58rem;background:#425249;border-radius:4px;padding:5px 7px}.solar-temp-input{display:flex;gap:8px;margin-top:7px}.solar-temp-zip{display:flex;align-items:center;gap:0;background:#3e4641;border:1px solid #7a8d7f;border-radius:4px;padding:8px 11px;min-width:0;flex:1;font-size:.83rem;min-height:35px}.solar-temp-zip i{font-style:normal;opacity:0;animation:zip-type 7s infinite}.solar-temp-zip i:nth-child(2){animation-delay:.12s}.solar-temp-zip i:nth-child(3){animation-delay:.24s}.solar-temp-zip i:nth-child(4){animation-delay:.36s}.solar-temp-zip i:nth-child(5){animation-delay:.48s}.solar-temp-zip b{font-weight:400;animation:zip-caret 1s steps(2,start) infinite}.solar-temp-input strong{background:#b8daf3;color:#17344a;border-radius:4px;padding:8px 12px;font-size:.67rem;white-space:nowrap;animation:lookup-press 7s infinite}.solar-temp-status{height:22px;position:relative;margin-top:7px;font-size:.63rem;color:#c4d0c8}.solar-temp-status span{position:absolute;left:0;top:0;opacity:0}.solar-temp-wait{animation:temp-wait 7s infinite}.solar-temp-loading{animation:temp-loading 7s infinite}.solar-temp-found{color:#addcc0;animation:temp-found 7s infinite}.solar-temp-results{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;opacity:.22;animation:temp-results 7s infinite}.solar-temp-results>div{background:#37453d;border:1px solid #648a71;padding:8px}.solar-temp-results b{display:block;font-size:1rem;margin-top:5px}.solar-temp-card .demo-status{margin-top:12px}@keyframes zip-type{0%,8%{opacity:0}17%,83%{opacity:1}91%,100%{opacity:0}}@keyframes zip-caret{50%{opacity:0}}@keyframes lookup-press{0%,28%,100%{transform:none}33%{transform:scale(.94);background:#85bee8}}@keyframes temp-wait{0%,26%{opacity:1}33%,100%{opacity:0}}@keyframes temp-loading{0%,30%{opacity:0}34%,48%{opacity:1}52%,100%{opacity:0}}@keyframes temp-found{0%,48%{opacity:0}54%,89%{opacity:1}94%,100%{opacity:0}}@keyframes temp-results{0%,48%{opacity:.22}55%,88%{opacity:1}95%,100%{opacity:.22}}.highlight-screen.is-paused .solar-temp-card *{animation-play-state:paused!important}@media(prefers-reduced-motion:reduce){.solar-temp-zip i{animation:none;opacity:1}.solar-temp-status .solar-temp-found{animation:none;opacity:1}.solar-temp-status .solar-temp-wait,.solar-temp-status .solar-temp-loading{display:none}.solar-temp-results{animation:none;opacity:1}.solar-temp-input strong{animation:none}}@media(max-width:700px){.solar-temp-card.demo-ui{min-height:0;padding:16px}.solar-temp-head h4{font-size:1.1rem;margin:12px 0}.solar-temp-head>span{font-size:.45rem}.solar-temp-equipment>div{padding:8px}.solar-temp-results b{font-size:.8rem}.solar-temp-card .demo-status{display:none}}

.solar-temp-card.demo-ui{min-height:365px}.solar-api-trace{margin-top:10px;padding:9px 10px;background:#1d2521;border:1px solid #516a59;border-radius:5px}.solar-api-trace>small{color:#8cbd9f;font-family:ui-monospace,SFMono-Regular,monospace;font-size:.5rem}.solar-api-steps{display:flex;align-items:center;gap:6px;margin-top:7px;white-space:nowrap}.solar-api-steps span{font-family:ui-monospace,SFMono-Regular,monospace;font-size:.55rem;color:#67786e;transition:color .2s}.solar-api-steps i{font-style:normal;color:#68796d;font-size:.6rem}.solar-api-one{animation:api-one 7s infinite}.solar-api-two{animation:api-two 7s infinite}.solar-api-three{animation:api-three 7s infinite}@keyframes api-one{0%,29%,90%,100%{color:#67786e}32%,88%{color:#a9e4bc}}@keyframes api-two{0%,37%,90%,100%{color:#67786e}42%,88%{color:#a9e4bc}}@keyframes api-three{0%,49%,90%,100%{color:#67786e}54%,88%{color:#a9e4bc}}@media(prefers-reduced-motion:reduce){.solar-api-steps span{animation:none;color:#a9e4bc}}@media(max-width:700px){.solar-temp-card.demo-ui{min-height:0}.solar-api-trace{padding:7px}.solar-api-steps{gap:3px;flex-wrap:wrap}.solar-api-steps span{font-size:.43rem}.solar-api-trace>small{font-size:.41rem}}

.solar-live{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(30px,6vw,90px);padding-top:90px;padding-bottom:80px}.solar-live-copy h2{font-size:clamp(2.8rem,5vw,5.2rem);letter-spacing:-.07em;line-height:1;margin:15px 0 22px}.solar-live-copy p{font-size:1.13rem;line-height:1.55}.solar-live-copy>small{display:block;font-size:.77rem;line-height:1.5;color:#606b62}.solar-live-ui{background:#252b27;color:#f7f8f5;border-radius:18px;padding:clamp(22px,3vw,36px);box-shadow:0 24px 50px #242b2726}.solar-live-ui label{display:block;font-size:.76rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;margin-bottom:9px}.solar-live-ui form>div{display:flex;gap:8px}.solar-live-ui input{min-width:0;flex:1;background:#39423c;border:1px solid #85988a;border-radius:7px;color:white;font:inherit;padding:13px 15px}.solar-live-ui button{background:#b8dbf5;border:0;border-radius:7px;padding:13px 18px;color:#173247;font-family:inherit;font-size:.87rem;font-weight:700;white-space:nowrap;cursor:pointer}.solar-live-ui button:disabled{opacity:.65;cursor:wait}.solar-live-ui input:focus-visible,.solar-live-ui button:focus-visible{outline:3px solid #b8dbf5;outline-offset:2px}.solar-live-trace{display:grid;gap:8px;margin:26px 0 12px}.solar-live-trace span{font:600 .76rem ui-monospace,SFMono-Regular,monospace;padding:9px 11px;background:#323a34;color:#8e9d92;border-left:3px solid #647066}.solar-live-trace .is-current{color:#e0f4e5;border-color:#a8dda9;background:#37513d}.solar-live-trace .is-done{color:#a9ddb8;border-color:#78c999}.solar-live-ui #solar-live-status{font-size:.85rem;color:#c9d5cd;min-height:1.5em}.solar-live-result{border-top:1px solid #66786b;padding-top:20px;margin-top:16px}.solar-live-result[hidden]{display:none}.solar-live-result>strong{font-size:1.2rem}.solar-live-result>div{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin:16px 0}.solar-live-result span{background:#394c40;border:1px solid #648b6f;border-radius:8px;padding:13px}.solar-live-result small{display:block;font-size:.66rem;color:#b5d3bc}.solar-live-result b{display:block;font-size:1.45rem;margin-top:7px}.solar-live-source{font-size:.7rem;color:#9aaea1;margin:18px 0 0}@media(max-width:800px){.solar-live{grid-template-columns:1fr;padding-top:70px}.solar-live-result>div{gap:5px}.solar-live-result span{padding:9px}.solar-live-result b{font-size:1.08rem}}@media(max-width:400px){.solar-live-ui form>div{flex-direction:column}}
.solar-journey{padding-top:90px;padding-bottom:80px}.solar-journey-intro{max-width:780px}.solar-journey-intro h2{font-size:clamp(3rem,5.8vw,6rem);letter-spacing:-.075em;line-height:1;margin:16px 0 22px}.solar-journey-intro p{font-size:1.14rem;line-height:1.55;max-width:700px}.solar-journey-layout{display:grid;grid-template-columns:260px minmax(0,1fr);gap:18px;margin-top:45px}.solar-journey-tabs{display:grid;gap:6px;align-content:start}.solar-journey-tabs button{font-family:inherit;text-align:left;background:#eceee9;color:#252c27;border:1px solid transparent;border-radius:9px;padding:14px 16px;cursor:pointer;transition:background .2s,transform .2s}.solar-journey-tabs button:hover{transform:translateX(4px);background:#e1e9e4}.solar-journey-tabs button.is-active{background:#252b27;color:#f6f8f5;border-color:#7fa8c3}.solar-journey-tabs small,.solar-journey-tabs strong,.solar-journey-tabs span{display:block}.solar-journey-tabs small{font-size:.59rem;letter-spacing:.1em;opacity:.7}.solar-journey-tabs strong{font-size:.95rem;margin:5px 0}.solar-journey-tabs span{font-size:.69rem;opacity:.72}.solar-journey-display{background:#252b27;color:#f7f8f5;border-radius:18px;padding:clamp(22px,3.5vw,44px);min-height:510px;box-shadow:0 22px 45px #2222;display:flex;flex-direction:column}.solar-journey-top{display:flex;justify-content:space-between;gap:12px;border-bottom:1px solid #667168;padding-bottom:17px;color:#a8bdad;font-size:.62rem;letter-spacing:.12em;font-weight:700}.solar-journey-screen{animation:solar-screen-enter .35s ease both;flex:1}.solar-journey-screen[hidden]{display:none}.solar-screen-tag{display:block;font-size:.67rem;letter-spacing:.12em;color:#9fc7df;font-weight:700;margin-top:29px}.solar-journey-screen h3{font-size:clamp(1.7rem,3vw,2.8rem);letter-spacing:-.055em;margin:8px 0 26px;line-height:1.1}.solar-screen-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:14px 0}.solar-screen-fields>div{border:1px solid #708276;background:#39423c;border-radius:8px;padding:16px;min-height:86px}.solar-screen-fields small,.solar-screen-output small,.solar-import small{display:block;font-size:.61rem;letter-spacing:.11em;color:#aac7b1;font-weight:700;margin-bottom:10px}.solar-screen-fields strong{font-size:1.2rem}.solar-screen-fields i{font-size:.78rem;font-style:normal;font-weight:400;color:#c2d2c7}.solar-screen-output{background:#364b3e;border-left:3px solid #9ed3ac;padding:16px;margin-top:14px}.solar-screen-output strong{font-size:1.05rem}.solar-screen-output p{font-size:.79rem;line-height:1.5;color:#d3e3d7;margin:7px 0 0;max-width:570px}.solar-handoff{margin-top:20px;border:1px solid #739cb6;background:#354b5a;padding:13px 17px;font-size:.83rem;font-weight:700;border-radius:6px}.solar-handoff span{color:#bce2f7;font-weight:500}.solar-import{display:flex;align-items:center;gap:13px;background:#354b5a;border:1px solid #6c9abb;border-radius:8px;padding:14px 18px}.solar-import>span{font-size:1.5rem;color:#aad4ed}.solar-import>div{flex:1}.solar-import small{color:#aad4ed;margin:0 0 5px}.solar-import strong{font-size:.94rem}.solar-import b{font-size:.55rem;letter-spacing:.12em;color:#bdebd1}.solar-loads{display:flex;gap:7px;flex-wrap:wrap;margin:20px 0}.solar-loads span{background:#3c4f40;border:1px solid #74937b;border-radius:100px;padding:8px 12px;font-size:.76rem}.solar-try-link{display:inline-block;margin-top:18px;color:#bce2f7;text-underline-offset:4px;font-size:.82rem;font-weight:700}.solar-journey-controls{display:flex;justify-content:space-between;gap:12px;border-top:1px solid #667168;padding-top:20px;margin-top:25px}.solar-journey-controls button{font-family:inherit;font-size:.78rem;font-weight:700;background:#e7ece7;color:#252b27;border:0;border-radius:100px;padding:10px 16px;cursor:pointer}.solar-journey-controls button:disabled{opacity:.35;cursor:default}.solar-journey button:focus-visible,.solar-try-link:focus-visible{outline:3px solid #a9d6f2;outline-offset:3px}.solar-journey-note{font-size:.76rem;line-height:1.55;color:#667068;max-width:800px;margin:18px 0 0}@keyframes solar-screen-enter{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media(max-width:800px){.solar-journey{padding-top:70px}.solar-journey-layout{grid-template-columns:1fr}.solar-journey-tabs{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;padding:3px 1px 8px}.solar-journey-tabs button{flex:0 0 175px;scroll-snap-align:start}.solar-journey-tabs button:hover{transform:none}.solar-journey-display{min-height:540px}}@media(max-width:480px){.solar-screen-fields{grid-template-columns:1fr}.solar-screen-fields>div{min-height:68px}.solar-import b{display:none}.solar-journey-display{min-height:650px}.solar-journey-controls button{font-family:inherit;font-size:.78rem;font-weight:700}}
/* Five consistent interface studies */
.solar-journey-layout{display:flex;flex-direction:column;gap:14px}.solar-journey-display{width:100%;aspect-ratio:1.87;min-height:0;border-radius:22px;padding:clamp(22px,3.4vw,48px);box-sizing:border-box}.solar-journey-top{font-size:.7rem}.solar-journey-screen{display:flex;flex-direction:column;min-height:0}.solar-screen-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:clamp(15px,2.2vw,33px) 0 18px}.solar-screen-heading .solar-screen-tag{margin:0}.solar-screen-heading h3{font-size:clamp(1.9rem,3.3vw,3.7rem);margin:10px 0 0;line-height:1}.solar-screen-index{font-size:.8rem;font-weight:700;color:#afccdb;white-space:nowrap}.solar-mock-grid{display:grid;grid-template-columns:1.2fr .85fr;gap:16px;flex:1;min-height:0}.solar-mock-form,.solar-mock-result{background:#363e39;border:1px solid #718078;padding:clamp(14px,2vw,27px);min-width:0;display:flex;flex-direction:column}.solar-mock-label,.solar-mock-form small,.solar-mock-result small{font-size:.68rem;letter-spacing:.09em;font-weight:700;color:#b1c9b8}.solar-mock-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;margin-top:16px}.solar-mock-fields>div{background:#29322c;border:1px solid #77897d;padding:14px;min-height:68px;box-sizing:border-box}.solar-mock-fields small{display:block;font-size:.61rem;margin-bottom:9px}.solar-mock-fields strong{font-size:clamp(.95rem,1.5vw,1.25rem);white-space:nowrap}.solar-mock-fields em{font-size:.78rem;font-style:normal;color:#c4d7c9;font-weight:400}.solar-mock-choice{margin-top:15px;background:#29322c;border:1px solid #77897d;padding:14px}.solar-mock-choice small,.solar-mock-choice strong,.solar-mock-choice span{display:block}.solar-mock-choice strong,.solar-mock-choice span{font-size:.88rem;margin-top:8px}.solar-mock-choice span{color:#b7c7bd}.solar-mock-result>strong{font-size:clamp(1.15rem,2vw,1.7rem);line-height:1.18;margin:16px 0}.solar-mock-result>p{color:#c2d3c7;font-size:.9rem;line-height:1.45;max-width:450px}.solar-mock-confirm{font-size:.74rem;color:#a8d9b1;margin-top:auto;padding-top:14px}.solar-mock-meter{height:7px;background:#6c7a70;margin-top:16px}.solar-mock-meter i{display:block;height:100%;width:73%;background:#b9dcf2}.solar-mock-import{border-left:4px solid #b5daf0;background:#43505a;padding:12px 15px}.solar-mock-import small{display:block;color:#b9dbf1;margin-bottom:6px}.solar-mock-import strong{font-size:1rem}.solar-mock-chart{height:92px;display:flex;align-items:end;justify-content:space-between;gap:5px;margin-top:15px;border-bottom:1px solid #96b4a1}.solar-mock-chart i{flex:1;background:#b9dbed;height:40%}.solar-mock-chart i:nth-child(2),.solar-mock-chart i:nth-child(11){height:50%}.solar-mock-chart i:nth-child(3),.solar-mock-chart i:nth-child(10){height:66%}.solar-mock-chart i:nth-child(4),.solar-mock-chart i:nth-child(9){height:78%}.solar-mock-chart i:nth-child(5),.solar-mock-chart i:nth-child(8){height:89%}.solar-mock-chart i:nth-child(6),.solar-mock-chart i:nth-child(7){height:97%}.solar-mock-list{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:15px 0}.solar-mock-list span{background:#29322c;border:1px solid #77897d;padding:12px;font-size:.83rem}.solar-mock-list b{display:block;font-size:.6rem;color:#a9c4b2;margin-top:7px;font-weight:400}.solar-mock-stack{display:flex;align-items:center;gap:6px;margin-top:10px}.solar-mock-stack span{border:1px solid #83a28b;padding:9px;font-size:.6rem}.solar-mock-stack i{font-style:normal;color:#b5d6e9}.solar-mock-array{display:flex;align-items:center;gap:15px;font-size:.76rem;color:#d4e6dc;margin:8px 0}.solar-mock-array span:first-child{font-size:2rem;color:#b9dcf2}.solar-mock-array span:nth-child(2){font-size:1.3rem;line-height:.7;color:#a8d1e9;letter-spacing:.12em}.solar-mock-check{display:grid;gap:7px;margin-top:4px}.solar-mock-check span{font-size:.8rem;border-bottom:1px solid #65786a;padding:5px}.solar-mock-check i{display:inline-block;width:8px;height:8px;background:#9bd8aa;border-radius:50%;margin-right:9px}.solar-mock-check span:nth-child(2) i{background:#f1d18b}.solar-screen-foot{font-size:.85rem;color:#d8e7de;margin-top:15px}.solar-screen-foot span{color:#bde0f4;margin-left:8px}.solar-journey-controls{margin-top:15px;padding-top:13px}.solar-journey-tabs{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}.solar-journey-tabs button{min-height:77px;padding:13px 14px}.solar-journey-tabs button:hover{transform:translateY(-3px)}.solar-journey-tabs button strong{font-size:.8rem;line-height:1.15}.solar-journey-tabs button small{font-size:.57rem}.solar-journey-tabs button.is-active{box-shadow:inset 0 -3px #b9dcf2}@media(max-width:900px){.solar-journey-display{aspect-ratio:auto;min-height:590px}.solar-mock-grid{grid-template-columns:1.15fr .85fr}.solar-journey-tabs{display:flex;overflow-x:auto;scroll-snap-type:x mandatory}.solar-journey-tabs button{flex:0 0 165px}.solar-journey-tabs button:hover{transform:none}}@media(max-width:650px){.solar-journey-display{min-height:820px}.solar-mock-grid{grid-template-columns:1fr}.solar-mock-form,.solar-mock-result{min-height:220px}.solar-screen-heading h3{font-size:2rem}.solar-screen-index{display:none}.solar-screen-foot span{display:block;margin:3px 0 0}.solar-mock-fields>div{min-height:60px}.solar-mock-result>p{font-size:.78rem;margin:4px 0}.solar-mock-result>strong{margin:8px 0}}@media(max-width:380px){.solar-journey-display{min-height:880px}.solar-mock-fields{gap:6px}.solar-mock-fields>div{padding:9px}.solar-mock-fields strong{font-size:.85rem}}
.solar-case .solar-journey{max-width:none;background:#d2e8fa;padding-top:clamp(50px,7vw,100px);padding-bottom:clamp(55px,7vw,100px)}.solar-case .solar-journey-intro,.solar-case .solar-journey-layout,.solar-case .solar-journey-note{width:min(100% - 64px,1280px);margin-left:auto;margin-right:auto}.solar-case .solar-journey-intro{max-width:1280px}.solar-case .solar-journey-intro p{max-width:740px}.solar-case .solar-journey-display{box-shadow:0 30px 55px #1c314033}.solar-case .solar-journey-note{max-width:1280px;margin-top:18px}@media(max-width:700px){.solar-case .solar-journey-intro,.solar-case .solar-journey-layout,.solar-case .solar-journey-note{width:calc(100% - 36px)}}
/* Let every study keep the same canvas height without compressing its content. */
.solar-case .solar-journey-display{aspect-ratio:auto;min-height:710px;height:auto}.solar-case .solar-journey-screen{flex:1 0 auto;min-height:0}.solar-case .solar-mock-grid{flex:1 0 auto;min-height:310px}.solar-case .solar-screen-foot{flex:none;line-height:1.45;margin-top:20px}.solar-case .solar-journey-controls{flex:none;margin-top:22px}@media(max-width:900px){.solar-case .solar-journey-display{min-height:730px}}@media(max-width:650px){.solar-case .solar-journey-display{min-height:920px}.solar-case .solar-mock-grid{min-height:0}.solar-case .solar-screen-foot{margin-top:22px}}
/* Tool selection stays with the screen it controls. */
.solar-case .solar-journey-display>.solar-journey-tabs{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px;margin:16px 0 0;flex:none}.solar-case .solar-journey-display>.solar-journey-tabs button{background:#343d37;color:#e6efe8;border:1px solid #667d6e;border-radius:7px;min-height:60px;padding:9px 11px}.solar-case .solar-journey-display>.solar-journey-tabs button.is-active{background:#40596c;border-color:#acd7ee;box-shadow:inset 0 -3px #b9dcf2;color:#fff}.solar-case .solar-journey-display>.solar-journey-tabs button:hover{background:#486352}.solar-case .solar-journey-display>.solar-journey-tabs button strong{font-size:.73rem;margin:4px 0 0}.solar-case .solar-journey-display>.solar-journey-tabs button small{font-size:.54rem;color:#b8d6c4}.solar-case .solar-screen-heading{margin-top:20px}@media(max-width:900px){.solar-case .solar-journey-display>.solar-journey-tabs{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:6px}.solar-case .solar-journey-display>.solar-journey-tabs button{flex:0 0 145px;scroll-snap-align:start}}@media(max-width:650px){.solar-case .solar-journey-display{min-height:980px}}
.solar-route-labels{display:grid;grid-template-columns:2fr 2fr 1fr;gap:8px;margin:14px 0 -9px;color:#9ebcad;font-size:.62rem;letter-spacing:.11em;font-weight:700}.solar-route-labels span{text-align:center;border-bottom:1px solid #607267;padding-bottom:6px}.solar-route-labels span:nth-child(2){color:#b8d2e4}.solar-route-labels span:nth-child(3){color:#c6dbce}.solar-dev-note{width:min(100% - 64px,1280px);margin:18px auto 0;background:#eaf0e9;border:1px solid #adc4b1;border-radius:12px;padding:20px 24px;box-sizing:border-box}.solar-dev-note>span{display:block;font-size:.68rem;letter-spacing:.11em;font-weight:700;color:#476854;margin-bottom:8px}.solar-dev-note code{display:block;font:600 clamp(.82rem,1.3vw,1rem) ui-monospace,SFMono-Regular,monospace;color:#263d34;overflow-wrap:anywhere}.solar-dev-note p{font-size:.87rem;line-height:1.45;color:#4e6154;margin:8px 0 0}@media(max-width:700px){.solar-route-labels{display:none}.solar-dev-note{width:calc(100% - 36px);padding:16px}}
.solar-flow{gap:26px}.solar-flow span{position:relative}.solar-flow span+span:before{content:'→';position:absolute;left:-22px;top:50%;transform:translateY(-50%);margin:0;color:#5b7b66;font-size:1rem}@media(max-width:800px){.solar-flow{gap:9px}.solar-flow span+span:before{display:none}}
.performance-case .case-hero>p{max-width:990px;font-size:clamp(1.15rem,2vw,1.65rem);line-height:1.42}.performance-case .case-stat{flex-wrap:wrap;gap:14px 20px}.performance-case .case-stat strong:not(:first-child){margin-left:35px}.performance-stage{background:var(--lime);padding:90px 0 80px}.performance-inner{width:min(100% - 64px,1280px);margin:auto}.performance-stage-head{display:flex;justify-content:space-between;align-items:end;gap:45px;margin-bottom:35px}.performance-stage-head h2{font-size:clamp(2.7rem,5vw,5.6rem);letter-spacing:-.075em;line-height:1;margin:14px 0 0;max-width:820px}.performance-stage-head>p{max-width:330px;font-size:.92rem;line-height:1.5;margin:0}.performance-ui{background:#252b27;color:#f5f7f3;border-radius:20px;padding:clamp(22px,3vw,40px);box-shadow:0 24px 48px #242a262c}.performance-ui-top{display:flex;justify-content:space-between;gap:15px;padding-bottom:16px;border-bottom:1px solid #627267;font-size:.67rem;letter-spacing:.12em;font-weight:700;color:#b5cbbb}.performance-ui-top i{display:inline-block;width:7px;height:7px;background:#a7daa8;border-radius:50%;margin-left:7px}.performance-toolbar{display:flex;justify-content:space-between;align-items:end;flex-wrap:wrap;gap:16px;margin:30px 0}.performance-toolbar small{display:block;color:#a9c5b0;font-size:.65rem;letter-spacing:.1em;font-weight:700;margin-bottom:9px}.performance-segments{display:flex;gap:4px;flex-wrap:wrap}.performance-segments button{background:#38443c;border:1px solid #647469;color:#e6eee8;border-radius:6px;padding:9px 12px;font-family:inherit;font-size:.75rem;font-weight:700;cursor:pointer}.performance-segments button:hover{background:#4d6855}.performance-segments button.is-active{background:#bfe3c4;color:#1c3a27;border-color:#bfe3c4}.performance-segments button:focus-visible{outline:3px solid #bfe3c4;outline-offset:2px}.performance-viewport{display:grid;grid-template-columns:330px minmax(0,1fr);gap:14px}.performance-metric-list,.performance-chart{background:#353f39;border:1px solid #66796c;border-radius:8px;padding:23px;min-width:0}.performance-micro{font-size:.65rem;letter-spacing:.11em;color:#aed0b5;font-weight:700}.performance-metric-list{display:flex;flex-direction:column;gap:0}.performance-metric-list>div{border-bottom:1px solid #627368;padding:18px 0;display:flex;justify-content:space-between;gap:8px;align-items:center}.performance-metric-list strong{font-size:.89rem}.performance-metric-list>div span{font-size:.69rem;white-space:nowrap}.performance-metric-list>small{font-size:.68rem;color:#b7c8ba;line-height:1.4;margin-top:auto;padding-top:18px}.met-goal{color:#aadbb1}.miss-goal{color:#efd5a5}.performance-chart-head{display:flex;justify-content:space-between;align-items:start;gap:20px}.performance-chart h3{font-size:clamp(1.3rem,2.4vw,2rem);letter-spacing:-.05em;margin:8px 0 0}.performance-chart-head>span{font-size:.65rem;color:#cad7ce;white-space:nowrap}.performance-chart-head i{display:inline-block;width:15px;border-top:2px dashed #9db4b0;margin:0 4px 3px 12px}.performance-chart svg{display:block;width:100%;height:245px;margin-top:27px;border-bottom:1px solid #617266;background:repeating-linear-gradient(to bottom,transparent 0,transparent 59px,#6f7c7259 60px)}.performance-chart-foot{display:flex;justify-content:space-between;gap:10px;color:#a8c5ad;font-size:.69rem;margin-top:12px}.performance-ui-footer{display:flex;flex-wrap:wrap;gap:9px;margin-top:19px}.performance-ui-footer span{font-size:.64rem;letter-spacing:.08em;color:#c6d9ca;border:1px solid #6e8373;border-radius:100px;padding:8px 12px}.performance-disclaimer{font-size:.73rem;color:#3d573f;margin:17px 0 0}.performance-case .case-content section{align-items:start}.performance-case .case-content section>div>p:first-child{margin-top:0}.performance-architecture{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:26px}.performance-architecture>div{background:#ebf1e8;padding:20px;min-height:165px;position:relative}.performance-architecture>div+div:before{content:'→';position:absolute;left:-9px;top:20px;color:#51825b;background:#ebf1e8}.performance-architecture small{display:block;color:#5d7b63;font-size:.66rem;letter-spacing:.08em;font-weight:700}.performance-architecture strong{display:block;margin:15px 0 8px;font-size:1.1rem}.performance-architecture p{font-size:.82rem;line-height:1.45;margin:0}.performance-capabilities{display:grid;grid-template-columns:1fr 1fr;gap:12px}.performance-capabilities>div{border:1px solid #c8d5c7;padding:22px;min-height:170px}.performance-capabilities b{display:block;color:#68806d;font-size:.7rem;margin-bottom:15px}.performance-capabilities strong{font-size:1.07rem}.performance-capabilities p{font-size:.9rem;line-height:1.5;margin:9px 0 0}@media(max-width:850px){.performance-stage-head{display:block}.performance-stage-head>p{margin-top:20px;max-width:620px}.performance-viewport{grid-template-columns:1fr}.performance-metric-list{display:grid;grid-template-columns:repeat(2,1fr);column-gap:20px}.performance-metric-list>.performance-micro,.performance-metric-list>small{grid-column:1/-1}.performance-chart svg{height:170px}.performance-case .case-stat strong:not(:first-child){margin-left:0}}@media(max-width:700px){.performance-stage{padding:60px 0}.performance-inner{width:calc(100% - 36px)}.performance-ui{padding:17px}.performance-toolbar{margin:20px 0}.performance-segments button{padding:8px 9px}.performance-chart-head>span{display:none}.performance-architecture,.performance-capabilities{grid-template-columns:1fr}.performance-architecture>div{min-height:0}.performance-architecture>div+div:before{display:none}}@media(max-width:450px){.performance-metric-list{grid-template-columns:1fr}.performance-chart-foot{display:block}.performance-chart-foot span{display:block;margin-top:6px}.performance-ui-top span:last-child{display:none}}
.performance-tech{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}.performance-tech span{border:1px solid #b6c9b6;border-radius:100px;padding:9px 13px;font-size:.76rem;font-weight:700;color:#3f6045}
.performance-org{display:flex;align-items:center;justify-content:space-between;gap:14px;border-bottom:1px solid #627267;padding:17px 0 0}.performance-org>span:first-child{display:flex;align-items:center;gap:12px}.performance-org small{font-size:.62rem;letter-spacing:.09em;font-weight:700;color:#a9c5b0}.performance-org strong{font-size:.86rem;padding:9px 12px;border-radius:6px;background:#3b4e40;border:1px solid #6d9476}.performance-org strong i{font-style:normal;margin-left:12px;color:#b5d7bb}.performance-org>span:last-child{font-size:.68rem;color:#b7cfbd}@media(max-width:650px){.performance-org{display:block;padding-bottom:14px}.performance-org>span:last-child{display:block;margin-top:11px}.performance-org>span:first-child{flex-wrap:wrap}}
.performance-case h1{font-size:clamp(3.5rem,6vw,6.8rem);max-width:1240px}.project-1 .project-copy h3{font-size:clamp(2rem,2.9vw,3.3rem)}
.performance-vision{border-left:4px solid #78ad80;background:#edf3ea;padding:18px 22px;margin-top:24px;max-width:750px}.performance-vision span{display:block;color:#466f4c;font-size:.68rem;letter-spacing:.1em;font-weight:700}.performance-vision p{font-size:1rem!important;line-height:1.55;margin:9px 0 0!important}
.performance-integrations{margin-top:28px;border:1px solid #c6d5c5;padding:22px;max-width:780px}.performance-integrations h3{font-size:1.3rem;letter-spacing:-.03em;margin:0 0 18px}.performance-integrations>div{display:grid;grid-template-columns:1fr 1fr;gap:15px}.performance-integrations section{background:#ebf1e8;padding:15px!important;border:0!important;display:block!important}.performance-integrations strong{font-size:.79rem;color:#416748}.performance-integrations p{font-size:.83rem!important;line-height:1.45;margin:8px 0 0}.performance-integrations>small{display:block;font-size:.72rem;line-height:1.5;color:#637067;margin-top:18px}@media(max-width:600px){.performance-integrations>div{grid-template-columns:1fr}}
.partner-case .case-hero>p{max-width:930px;font-size:clamp(1.2rem,2vw,1.7rem);line-height:1.4}.partner-stage{background:var(--lilac);padding:90px 0 80px}.partner-inner{width:min(100% - 64px,1240px);margin:auto}.partner-stage-head{display:flex;justify-content:space-between;align-items:end;gap:35px;margin-bottom:34px}.partner-stage-head h2{font-size:clamp(3rem,5.4vw,6rem);letter-spacing:-.075em;line-height:1;margin:14px 0 0;max-width:800px}.partner-stage-head>p{max-width:300px;font-size:.92rem;line-height:1.5;margin:0}.partner-ui{background:#252b27;color:#f4f7f2;border-radius:20px;padding:clamp(22px,3vw,42px);box-shadow:0 26px 48px #25232d30;min-height:500px}.partner-ui-top{display:flex;justify-content:space-between;gap:15px;border-bottom:1px solid #66736a;padding-bottom:16px;font-size:.68rem;letter-spacing:.12em;color:#b9cebd;font-weight:700}.partner-ui-top i{display:inline-block;background:#bfdaab;width:8px;height:8px;border-radius:50%;margin-left:8px}.partner-role-tabs{display:flex;gap:7px;margin:24px 0 25px;flex-wrap:wrap}.partner-role-tabs button{background:#3a443d;color:#e5eee6;border:1px solid #748579;border-radius:100px;padding:10px 18px;font-family:inherit;font-size:.8rem;font-weight:700;cursor:pointer}.partner-role-tabs button.is-active{background:#c9e3c2;color:#213827;border-color:#c9e3c2}.partner-role-tabs button:hover{background:#526558}.partner-role-tabs button.is-active:hover{background:#d8efcf}.partner-role-tabs button:focus-visible{outline:3px solid #c9e3c2;outline-offset:3px}.partner-role-panel[hidden]{display:none}.partner-panel-intro{border-left:3px solid #b9d6ad;padding-left:17px;margin-bottom:24px}.partner-panel-intro>span{font-size:.65rem;letter-spacing:.12em;color:#b2d2b2;font-weight:700}.partner-panel-intro h3{font-size:clamp(1.9rem,3.4vw,3.3rem);letter-spacing:-.055em;line-height:1.05;margin:8px 0}.partner-panel-intro p{color:#c8d9ca;font-size:.88rem;line-height:1.45;margin:0}.partner-panel-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.partner-panel-grid>div{background:#39433c;border:1px solid #708374;border-radius:8px;padding:22px;min-height:166px;display:flex;flex-direction:column}.partner-panel-grid small{font-size:.61rem;letter-spacing:.12em;font-weight:700;color:#b5d0b9}.partner-panel-grid strong{font-size:1.1rem;line-height:1.25;margin:16px 0 8px}.partner-panel-grid p,.partner-panel-grid span{font-size:.78rem;line-height:1.5;color:#c6d8ca;margin:0}.partner-panel-grid span{margin-top:auto}.partner-progress{height:5px;background:#6b7b70;margin:11px 0 8px}.partner-progress i{display:block;width:55%;height:100%;background:#b9d8c5}.partner-ui-bottom{display:flex;align-items:center;justify-content:center;gap:14px;flex-wrap:wrap;border-top:1px solid #65766a;margin-top:27px;padding-top:19px;color:#c1d8c5;font-size:.67rem;letter-spacing:.08em;font-weight:700}.partner-ui-bottom i{font-style:normal;color:#b9d6ad}.partner-disclaimer{font-size:.74rem;line-height:1.5;color:#4c4e4a;margin:17px 0 0}.partner-case .case-content section{align-items:start}.partner-case .case-content section>div>p:first-child{margin-top:0}.partner-capabilities{display:grid;grid-template-columns:1fr 1fr;gap:12px}.partner-capabilities>div{border:1px solid #c6ccc5;padding:22px;min-height:160px}.partner-capabilities b{display:block;font-size:.7rem;color:#798779;margin-bottom:15px}.partner-capabilities strong{font-size:1.1rem}.partner-capabilities p{font-size:.91rem;line-height:1.5;margin:8px 0 0}.partner-system-flow{display:flex;align-items:center;gap:26px;flex-wrap:wrap;margin:0 0 25px}.partner-system-flow span{position:relative;border:1px solid #a8b8a9;border-radius:100px;padding:11px 15px;font-size:.79rem}.partner-system-flow span+span:before{content:'→';position:absolute;left:-22px;color:#64836a}@media(max-width:800px){.partner-stage-head{display:block}.partner-stage-head>p{max-width:620px;margin-top:20px}.partner-panel-grid{grid-template-columns:1fr}.partner-panel-grid>div{min-height:100px}.partner-ui{min-height:0}.partner-capabilities{grid-template-columns:1fr}}@media(max-width:700px){.partner-stage{padding:60px 0}.partner-inner{width:calc(100% - 36px)}.partner-ui{padding:20px}.partner-ui-top span:last-child{display:none}.partner-role-tabs button{font-family:inherit;font-size:.76rem;font-weight:700}.partner-ui-bottom{justify-content:flex-start}.partner-system-flow{gap:8px}.partner-system-flow span+span:before{display:none}}

/* Keep the longer headline legible beside the portrait. The existing em gradient animates “systems.” */
.hero h1{font-size:clamp(3.6rem,5.45vw,6.7rem);line-height:1.015;letter-spacing:-.077em;overflow:visible}
@media(max-width:1100px){.hero h1{font-size:clamp(3.1rem,5.1vw,5.2rem)}}
@media(max-width:700px){.hero h1{font-size:clamp(2.75rem,10.1vw,4.7rem);line-height:1.04;letter-spacing:-.07em}}
@media(prefers-reduced-motion:reduce){.hero h1 em{animation:none}}

/* Give gradient glyphs room at word edges and tighten the hero's top spacing. */
.hero{min-height:690px;padding-top:32px;padding-bottom:56px}
.hero h1{letter-spacing:-.055em;padding-top:.12em;padding-bottom:.2em}
.hero h1 em{display:inline-block;padding:.06em .095em .12em;margin:0 -.045em;vertical-align:baseline}
@media(max-width:1100px){.hero{min-height:640px}}
@media(max-width:700px){.hero{min-height:0;padding-top:28px;padding-bottom:0}.hero h1{letter-spacing:-.055em}}

.ticker-track{animation-duration:42s}

/* Keep the closing words together without leaving “it.” on its own line. */
.hero h1{font-size:clamp(3.25rem,4.9vw,6rem)}
.ticker-track{animation-duration:49s}
@media(max-width:1100px){.hero h1{font-size:clamp(2.8rem,4.65vw,4.8rem)}}
@media(max-width:700px){.hero h1{font-size:clamp(2.35rem,9.1vw,4.25rem)}}

/* Campaign Operations case and its small interface study. */
.project-4 .project-stage,.case-visual.project-4{background:var(--lilac)}
.campaign-card{max-width:680px;min-height:315px}.campaign-card h4{font-size:clamp(1.7rem,3.5vw,2.6rem);letter-spacing:-.055em;margin:24px 0 20px}.campaign-card-flow{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.campaign-card-flow>div{min-height:113px;padding:15px;background:#3b443f;border:1px solid #65766b;border-radius:6px;display:flex;flex-direction:column}.campaign-card-flow small{font-size:.62rem;letter-spacing:.08em;color:#c1dcc4}.campaign-card-flow strong{font-size:.85rem;margin:13px 0 6px}.campaign-card-flow span{font-size:.67rem;color:#cbd6cc}.campaign-card .demo-status{margin-top:17px}
.campaign-stage{background:var(--lilac);padding:88px 0 76px}.campaign-inner{width:min(100% - 64px,1240px);margin:auto}.campaign-stage-head{display:flex;justify-content:space-between;align-items:end;gap:35px;margin-bottom:32px}.campaign-stage-head h2{font-size:clamp(3rem,5.3vw,5.8rem);line-height:1;letter-spacing:-.075em;max-width:850px;margin:16px 0 0}.campaign-stage-head>p{max-width:290px;line-height:1.5;font-size:.93rem;margin:0}.campaign-ui{background:#262d2a;color:#f7f8f4;padding:clamp(22px,3vw,42px);border-radius:18px;box-shadow:0 26px 48px #22232e30;min-height:475px}.campaign-ui-top{display:flex;justify-content:space-between;gap:15px;padding-bottom:16px;border-bottom:1px solid #66746b;color:#c1d4c5;letter-spacing:.12em;font-size:.7rem;font-weight:700}.campaign-ui-top i{display:inline-block;background:#d5aef1;width:8px;height:8px;border-radius:50%;margin-left:8px}.campaign-tabs{display:flex;gap:7px;flex-wrap:wrap;margin:23px 0 30px}.campaign-tabs button{border:1px solid #78887d;border-radius:100px;background:#3a443e;color:#edf3ed;padding:10px 17px;font:700 .82rem inherit;cursor:pointer}.campaign-tabs button:hover{background:#52645a}.campaign-tabs button.is-active,.campaign-tabs button.is-active:hover{background:#dec8ec;border-color:#dec8ec;color:#242b27}.campaign-tabs button:focus-visible{outline:3px solid #dec8ec;outline-offset:3px}.campaign-panel[hidden]{display:none}.campaign-panel-title{border-left:3px solid #dec8ec;padding-left:17px;margin-bottom:27px}.campaign-panel-title>span{font-size:.68rem;letter-spacing:.1em;color:#d5bfe7;font-weight:700}.campaign-panel-title h3{font-size:clamp(2rem,3.5vw,3.5rem);line-height:1.08;letter-spacing:-.055em;margin:8px 0}.campaign-panel-title p{max-width:690px;color:#d3ded5;font-size:.93rem;line-height:1.5;margin:0}.campaign-panel-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}.campaign-panel-grid>div{display:flex;flex-direction:column;min-height:148px;background:#39453d;border:1px solid #708476;border-radius:7px;padding:20px}.campaign-panel-grid small{font-size:.66rem;color:#c6d9c8;letter-spacing:.09em;font-weight:700}.campaign-panel-grid strong{font-size:1.12rem;margin:17px 0 9px;line-height:1.2}.campaign-panel-grid span{color:#c9d7cb;font-size:.82rem;margin-top:auto}.campaign-ui-foot{display:flex;justify-content:center;gap:14px;flex-wrap:wrap;border-top:1px solid #697b6e;padding-top:18px;margin-top:27px;color:#cadbcd;font-size:.68rem;font-weight:700;letter-spacing:.09em}.campaign-ui-foot i{color:#d5bfe7;font-style:normal}.campaign-disclaimer{font-size:.76rem;color:#3d4240;margin:17px 0 0;line-height:1.5}.campaign-case .case-content section{align-items:start}.campaign-case .case-content section>div>p:first-child{margin-top:0}.campaign-capabilities{display:grid;grid-template-columns:1fr 1fr;gap:12px}.campaign-capabilities>div{border:1px solid #c9ccca;padding:22px;min-height:205px}.campaign-capabilities b{display:block;color:#766387;font-size:.72rem;margin-bottom:15px}.campaign-capabilities strong{font-size:1.12rem}.campaign-capabilities p{font-size:.93rem;line-height:1.52;margin:9px 0 0}
@media(max-width:800px){.campaign-stage-head{display:block}.campaign-stage-head>p{max-width:620px;margin-top:20px}.campaign-panel-grid{grid-template-columns:1fr}.campaign-panel-grid>div{min-height:100px}.campaign-ui{min-height:0}.campaign-capabilities{grid-template-columns:1fr}}
@media(max-width:700px){.campaign-stage{padding:58px 0}.campaign-inner{width:calc(100% - 36px)}.campaign-ui{padding:20px}.campaign-ui-top span:last-child{display:none}.campaign-ui-foot{justify-content:flex-start}.campaign-card-flow{grid-template-columns:1fr}.campaign-card-flow>div{min-height:0}.campaign-card{height:auto}}

.highlight-tabs{grid-template-columns:repeat(5,minmax(0,1fr))}
.highlight-screen[data-highlight='4']{background:var(--lilac)}
.campaign-tabs button{font-family:inherit;font-size:.82rem;font-weight:700}
@media(max-width:700px){.highlight-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}}

.campaign-builder-demo{display:grid;grid-template-columns:220px minmax(0,1fr);gap:12px}.campaign-builder-palette,.campaign-builder-canvas{background:#39453d;border:1px solid #708476;border-radius:8px;padding:18px;min-width:0}.campaign-builder-palette{display:flex;flex-direction:column;gap:7px}.campaign-builder-palette small{font-size:.64rem;color:#c6d9c8;letter-spacing:.1em;font-weight:700;margin:2px 0 4px}.campaign-builder-palette small:not(:first-child){margin-top:13px}.campaign-builder-palette strong{font-size:.86rem;line-height:1.25;margin-bottom:6px}.campaign-builder-palette span{padding:8px 10px;border:1px solid #879889;border-radius:5px;color:#e2ece4;font-size:.75rem;background:#46534a}.campaign-builder-palette span:first-of-type{background:#dac3e9;color:#28302b;border-color:#dac3e9}.campaign-canvas-bar{display:flex;justify-content:space-between;gap:8px;font-size:.62rem;letter-spacing:.08em;color:#c4dac7;font-weight:700}.campaign-canvas-hero{background:linear-gradient(115deg,#d8c2e8,#efc9aa);color:#262d29;border-radius:5px;padding:22px;margin-top:16px;min-height:120px;display:flex;flex-direction:column;gap:8px}.campaign-canvas-hero small{font-size:.63rem;letter-spacing:.1em;font-weight:700}.campaign-canvas-hero strong{font-size:clamp(1.2rem,2.2vw,1.7rem);line-height:1.1;letter-spacing:-.04em}.campaign-canvas-hero span{font-size:.72rem}.campaign-canvas-widgets{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:8px}.campaign-canvas-widgets span{border:1px dashed #a9bea9;border-radius:4px;padding:12px 8px;font-size:.7rem;color:#e2ece4;text-align:center}
@media(max-width:700px){.campaign-builder-demo{grid-template-columns:1fr}.campaign-builder-palette{display:none}.campaign-canvas-widgets{grid-template-columns:1fr}.campaign-canvas-widgets span{text-align:left}}

.commerce-stack-intro{border-top:1px solid #e1e5df;padding-top:25px;margin-top:10px;display:flex;align-items:baseline;justify-content:space-between;gap:20px}.commerce-stack-intro p{font-size:.9rem;line-height:1.4;margin:0}.commerce-stack{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:18px 0 32px}.commerce-stack>div{background:#f0f1ed;border-radius:9px;padding:20px;min-height:110px}.commerce-stack small{display:block;color:#68746a;letter-spacing:.1em;font-size:.65rem;font-weight:700;margin-bottom:14px}.commerce-stack strong{font-size:1rem;line-height:1.4}.directory-tech-mark{width:27px;height:27px;flex:none;display:grid;place-items:center;background:#303831;color:#f6f8f4;border-radius:5px;font-size:.59rem;letter-spacing:-.02em}.directory-tool span{min-width:0}
@media(max-width:800px){.commerce-stack-intro{display:block}.commerce-stack-intro p{margin-top:10px}.commerce-stack{grid-template-columns:1fr}.commerce-stack>div{min-height:0}}

.tool-directory .commerce-stack-intro{margin-top:26px}

/* Website to Lead System case */
.lead-case .case-stat{flex-wrap:wrap;gap:14px 20px}.lead-case .case-stat strong:not(:first-child){margin-left:30px}.lead-stage{background:var(--peach);padding:88px 0 76px}.lead-inner{width:min(100% - 64px,1240px);margin:auto}.lead-stage-head{display:flex;justify-content:space-between;align-items:end;gap:35px;margin-bottom:32px}.lead-stage-head h2{font-size:clamp(3rem,5.3vw,5.8rem);line-height:1;letter-spacing:-.075em;max-width:820px;margin:16px 0 0}.lead-stage-head>p{max-width:290px;font-size:.93rem;line-height:1.5;margin:0}.lead-ui{background:#282d2b;color:#f7f8f4;padding:clamp(22px,3vw,42px);border-radius:18px;box-shadow:0 26px 48px #36251c30;min-height:500px}.lead-ui-top{display:flex;justify-content:space-between;gap:15px;border-bottom:1px solid #627066;padding-bottom:16px;color:#c5d5c6;font-size:.7rem;font-weight:700;letter-spacing:.12em}.lead-ui-top i{display:inline-block;width:8px;height:8px;background:#edb984;border-radius:50%;margin-left:8px}.lead-tabs{display:flex;flex-wrap:wrap;gap:7px;margin:23px 0 30px}.lead-tabs button{font-family:inherit;font-size:.82rem;font-weight:700;cursor:pointer;border:1px solid #718277;background:#3b463e;color:#eaf1e9;border-radius:100px;padding:10px 17px}.lead-tabs button:hover{background:#53665a}.lead-tabs button.is-active,.lead-tabs button.is-active:hover{background:#f0c79c;border-color:#f0c79c;color:#2b302b}.lead-tabs button:focus-visible{outline:3px solid #f0c79c;outline-offset:3px}.lead-panel[hidden]{display:none}.lead-panel{display:grid;grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);align-items:center;gap:35px;min-height:260px}.lead-panel-copy{border-left:3px solid #eec392;padding-left:17px}.lead-panel-copy>span{color:#eec392;font-size:.66rem;font-weight:700;letter-spacing:.1em}.lead-panel-copy h3{font-size:clamp(2rem,3.35vw,3.3rem);letter-spacing:-.06em;line-height:1.07;margin:10px 0}.lead-panel-copy p{color:#d1ddd3;font-size:.92rem;line-height:1.5;max-width:410px;margin:0}.lead-browser,.lead-form-demo,.lead-handoff,.lead-events{background:#3b463e;border:1px solid #708374;border-radius:8px;padding:23px;min-width:0}.lead-browser-bar,.lead-form-demo>div:first-child{display:flex;justify-content:space-between;gap:10px;color:#bdd6c2;letter-spacing:.08em;font-size:.65rem;font-weight:700;border-bottom:1px solid #718274;padding-bottom:13px}.lead-browser-body{padding:20px 6px 3px}.lead-browser-body small{color:#c3d9c5;font-size:.66rem;letter-spacing:.1em}.lead-browser-body strong{display:block;font-size:1.6rem;letter-spacing:-.05em;line-height:1.1;margin:13px 0 7px}.lead-browser-body p{font-size:.84rem;color:#d1ddd3;line-height:1.45;margin:0 0 18px}.lead-demo-cta{display:inline-block;background:#f0c79c;color:#26302a;padding:9px 15px;border-radius:100px;font-weight:700;font-size:.79rem}.lead-form-demo{min-height:245px}.lead-form-progress{height:5px;background:#6d7b70;margin:16px 0 22px}.lead-form-progress i{display:block;width:43%;height:100%;background:#eec392}.lead-form-demo>strong{display:block;font-size:1.35rem;letter-spacing:-.04em;margin-bottom:14px}.lead-form-field{display:flex;justify-content:space-between;border:1px solid #8a9a8b;border-radius:4px;padding:8px 12px;color:#dce8dd;font-size:.75rem;margin-bottom:7px}.lead-form-demo>.lead-demo-cta{margin-top:9px}.lead-handoff{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:220px}.lead-handoff>div{flex:1;min-width:0}.lead-handoff small,.lead-events span{display:block;color:#c5dbc8;font-size:.62rem;letter-spacing:.08em;font-weight:700}.lead-handoff strong{display:block;font-size:.98rem;line-height:1.2;margin:15px 0 8px}.lead-handoff span{font-size:.72rem;line-height:1.3;color:#cadacc}.lead-handoff>i{font-style:normal;color:#edc08d}.lead-events{display:grid;gap:9px}.lead-events>div{display:flex;justify-content:space-between;align-items:center;gap:8px;border:1px solid #768778;padding:12px;border-radius:5px}.lead-events code{font-size:.8rem;color:#f0c79c}.lead-events small{font-size:.7rem;color:#cadacc}.lead-ui-foot{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:14px;border-top:1px solid #627468;padding-top:18px;margin-top:27px;color:#c9dace;font-size:.68rem;letter-spacing:.08em;font-weight:700}.lead-ui-foot i{color:#edc08d;font-style:normal}.lead-disclaimer{font-size:.76rem;color:#4c3c2e;line-height:1.5;margin:17px 0 0}.lead-case .case-content section{align-items:start}.lead-case .case-content section>div>p:first-child{margin-top:0}.lead-capabilities{display:grid;grid-template-columns:1fr 1fr;gap:12px}.lead-capabilities>div{border:1px solid #c9ccca;padding:22px;min-height:175px}.lead-capabilities b{display:block;color:#9a714d;font-size:.72rem;margin-bottom:15px}.lead-capabilities strong{font-size:1.1rem}.lead-capabilities p{font-size:.93rem;line-height:1.52;margin:9px 0 0}
@media(max-width:850px){.lead-stage-head{display:block}.lead-stage-head>p{max-width:620px;margin-top:20px}.lead-panel{grid-template-columns:1fr;gap:25px}.lead-capabilities{grid-template-columns:1fr}.lead-ui{min-height:0}}
@media(max-width:700px){.lead-stage{padding:58px 0}.lead-inner{width:calc(100% - 36px)}.lead-ui{padding:20px}.lead-ui-top span:last-child{display:none}.lead-handoff{flex-direction:column;align-items:stretch;gap:10px}.lead-handoff>i{transform:rotate(90deg);align-self:center}.lead-events>div{flex-wrap:wrap}.lead-ui-foot{justify-content:flex-start}.lead-case .case-stat strong:not(:first-child){margin-left:0}}

/* Keep the project slider at one consistent card height. */
@media (min-width:901px){
  .project-panel{height:500px;min-height:0}
  .project-panel .project-stage{min-height:0}
  .project-0 .project-stage{padding:22px 35px}
  .project-0 .solar-temp-card.demo-ui{padding:19px;min-height:0}
  .project-0 .solar-temp-head h4{margin:11px 0}
  .project-0 .solar-temp-section{margin-top:11px;padding-top:9px}
  .project-0 .solar-temp-card .demo-status{margin-top:8px}
}

/* Grid tracks otherwise grow to the tall solar mockup's min-content height. */
@media (min-width:901px){
  .project-panel{grid-template-rows:minmax(0,1fr)}
  .project-panel .project-copy,.project-panel .project-stage{min-height:0}
  .project-0 .solar-temp-card.demo-ui{max-height:100%;box-sizing:border-box}
}

/* Solar card: compact, still preview with one deliberate hover transition. */
.solar-hover.demo-ui{height:315px;min-height:315px;max-width:650px;display:flex;flex-direction:column;box-sizing:border-box}
.solar-hover h4{font-size:1.35rem;letter-spacing:-.06em;margin:22px 0 17px}
.solar-hover-form{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.solar-hover-form>div{background:#3e4641;padding:13px;min-width:0}
.solar-hover-form small{display:block;font-size:.59rem;color:#a9c8d8;font-weight:700;letter-spacing:.06em}
.solar-hover-form strong{display:block;font-size:.82rem;margin-top:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.solar-hover-form i{float:right;font-style:normal}
.solar-hover-result{margin-top:15px;padding:12px 13px;background:#35463e;border-left:3px solid #96c5d9;transition:background .35s,border-color .35s,transform .35s}
.solar-hover-result span{display:block;color:#a9c8d8;font-size:.58rem;font-weight:700;letter-spacing:.06em}
.solar-hover-result strong{display:block;font-size:.84rem;margin-top:7px}
.solar-hover-result small{display:block;color:#bdcdc2;font-size:.65rem;margin-top:4px}
.project-0:hover .solar-hover-result,.project-0:focus-visible .solar-hover-result{background:#435a53;border-color:#b9dcf2;transform:translateY(-3px)}
.solar-hover .demo-status{margin-top:auto;padding-top:10px}
@media(max-width:700px){.solar-hover.demo-ui{height:auto;min-height:270px}.solar-hover h4{font-size:1.1rem;margin:16px 0}.solar-hover-form>div{padding:9px}.solar-hover-result small{font-size:.61rem}}

.solar-hover-path{display:flex;justify-content:space-between;gap:8px;position:relative;padding-bottom:12px;margin-bottom:2px}
.solar-hover-path:before,.solar-hover-path:after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;border-radius:3px}
.solar-hover-path:before{background:#60766e}
.solar-hover-path:after{background:linear-gradient(90deg,#8fc5e5,#b9dcf2,#a9dbba);transform:scaleX(0);transform-origin:left;transition:transform 1.2s cubic-bezier(.2,.7,.2,1)}
.solar-hover-path span{display:block;color:#a9c8d8;font-size:.58rem;font-weight:700;letter-spacing:.05em;transition:color .25s}
.project-0:hover .solar-hover-path:after,.project-0:focus-visible .solar-hover-path:after{transform:scaleX(1)}
.project-0:hover .solar-hover-path span,.project-0:focus-visible .solar-hover-path span{color:#e4f7e8}
.project-0:hover .solar-hover-path span:nth-child(2),.project-0:focus-visible .solar-hover-path span:nth-child(2){transition-delay:.38s}
.project-0:hover .solar-hover-path span:nth-child(3),.project-0:focus-visible .solar-hover-path span:nth-child(3){transition-delay:.78s}
@media(prefers-reduced-motion:reduce){.solar-hover-path:after{transform:scaleX(1);transition:none}.solar-hover-path span{transition:none}}

/* Connected planning preview: hover follows the handoff through three tools. */
.solar-flow-card.demo-ui{height:315px;min-height:315px;max-width:650px;display:flex;flex-direction:column;box-sizing:border-box}
.solar-flow-card h4{font-size:1.35rem;letter-spacing:-.06em;margin:22px 0 19px}
.solar-flow-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;position:relative;padding-bottom:15px}
.solar-flow-steps:before,.solar-flow-steps:after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;border-radius:3px}
.solar-flow-steps:before{background:#60766e}
.solar-flow-steps:after{background:linear-gradient(90deg,#8fc5e5,#b9dcf2,#a9dbba);transform:scaleX(0);transform-origin:left;transition:transform 1.25s cubic-bezier(.2,.7,.2,1)}
.solar-flow-steps>div{background:#3e4641;padding:11px;min-width:0;transition:background .35s,transform .35s}
.solar-flow-steps small{display:block;font-size:.56rem;color:#a9c8d8;font-weight:700;letter-spacing:.04em}
.solar-flow-steps strong{display:block;font-size:.78rem;margin-top:9px;line-height:1.2}
.solar-flow-steps span{display:block;font-size:.61rem;color:#bdcdc2;margin-top:6px;line-height:1.2}
.solar-flow-result{background:#35463e;border-left:3px solid #96c5d9;padding:11px 13px;margin-top:13px;transition:background .4s,border-color .4s}
.solar-flow-result-label{display:block;color:#a9c8d8;font-size:.56rem;font-weight:700;letter-spacing:.06em}
.solar-flow-result strong{display:block;font-size:.8rem;margin-top:6px}
.solar-flow-result i{font-style:normal;color:#9ed3ac;opacity:.35;transition:opacity .3s}
.solar-flow-card .demo-status{margin-top:auto;padding-top:8px}
.project-0:hover .solar-flow-steps:after,.project-0:focus-visible .solar-flow-steps:after{transform:scaleX(1)}
.project-0:hover .solar-flow-steps>div,.project-0:focus-visible .solar-flow-steps>div{background:#435a53;transform:translateY(-3px)}
.project-0:hover .solar-flow-steps>div:nth-child(2),.project-0:focus-visible .solar-flow-steps>div:nth-child(2){transition-delay:.32s}
.project-0:hover .solar-flow-steps>div:nth-child(3),.project-0:focus-visible .solar-flow-steps>div:nth-child(3){transition-delay:.68s}
.project-0:hover .solar-flow-result,.project-0:focus-visible .solar-flow-result{background:#435a53;border-color:#a9dbba;transition-delay:.9s}
.project-0:hover .solar-flow-result i,.project-0:focus-visible .solar-flow-result i{opacity:1;transition-delay:1.08s}
@media(max-width:700px){.solar-flow-card.demo-ui{height:auto;min-height:270px}.solar-flow-card h4{font-size:1.1rem;margin:16px 0}.solar-flow-steps>div{padding:7px}.solar-flow-steps strong{font-size:.65rem}.solar-flow-steps span{font-size:.54rem}.solar-flow-steps small{font-size:.48rem}}
@media(prefers-reduced-motion:reduce){.solar-flow-steps:after{transform:scaleX(1);transition:none}.solar-flow-steps>div,.solar-flow-result,.solar-flow-result i{transition:none}}

/* Reveal the validation mark only after the handoff line finishes. */
.solar-flow-result i{opacity:0;transition:opacity .2s ease 0s}
.project-0:hover .solar-flow-result i,.project-0:focus-visible .solar-flow-result i{opacity:1;transition-delay:1.25s}
@media(prefers-reduced-motion:reduce){.solar-flow-result i{opacity:1;transition:none}}

/* Focused interaction studies for the remaining selected-work cards. */
.portal-preview.demo-ui,.lead-preview.demo-ui,.campaign-preview.demo-ui{height:315px;min-height:315px;max-width:650px;display:flex;flex-direction:column;box-sizing:border-box}
.portal-preview h4,.lead-preview h4,.campaign-preview h4{font-size:1.35rem;letter-spacing:-.06em;margin:20px 0 16px}
.portal-preview .demo-status,.lead-preview .demo-status,.campaign-preview .demo-status{margin-top:auto;padding-top:10px}
.portal-preview-flow{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.portal-preview-flow>div{background:#3e4641;padding:11px;min-width:0;border-bottom:3px solid #66756b;transition:background .35s,border-color .35s,transform .35s}
.portal-preview-flow small,.lead-preview-flow small,.campaign-preview-builder small{display:block;color:#d6bfe3;font-size:.55rem;font-weight:700;letter-spacing:.07em}
.portal-preview-flow strong{display:block;font-size:.78rem;line-height:1.2;margin:9px 0 6px}
.portal-preview-flow span{display:block;color:#c4cfc7;font-size:.61rem;line-height:1.25}
.portal-preview-status{background:#3c4540;padding:9px 12px;margin-top:12px;font-size:.7rem;font-weight:700;transition:background .35s}
.portal-preview-status i{font-style:normal;color:#d6bfe3;margin:0 8px}
.project-2:hover .portal-preview-flow>div,.project-2:focus-visible .portal-preview-flow>div{background:#574d5d;border-color:#d5b9e4;transform:translateY(-3px)}
.project-2:hover .portal-preview-flow>div:nth-child(2),.project-2:focus-visible .portal-preview-flow>div:nth-child(2){transition-delay:.25s}
.project-2:hover .portal-preview-flow>div:nth-child(3),.project-2:focus-visible .portal-preview-flow>div:nth-child(3){transition-delay:.5s}
.project-2:hover .portal-preview-status,.project-2:focus-visible .portal-preview-status{background:#574d5d;transition-delay:.75s}
.lead-preview-form{display:flex;align-items:center;gap:10px;background:#3e4641;padding:13px;min-width:0}
.lead-preview-form span{display:block;font-size:.56rem;color:#e3c8b6;font-weight:700;letter-spacing:.04em}
.lead-preview-form strong{display:block;font-size:.79rem;margin-top:5px}
.lead-preview-form i{font-style:normal;font-weight:700;font-size:.65rem;white-space:nowrap;background:#dcb79d;color:#2d2926;border-radius:4px;padding:9px;margin-left:auto;transition:background .35s,transform .35s}
.lead-preview-flow{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:12px}
.lead-preview-flow>div{background:#3e4641;padding:11px;border-left:3px solid #857b73;transition:background .35s,border-color .35s,transform .35s}
.lead-preview-flow small{color:#e3c8b6}
.lead-preview-flow strong{display:block;font-size:.75rem;margin-top:7px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.project-3:hover .lead-preview-form i,.project-3:focus-visible .lead-preview-form i{background:#f1d2bc;transform:scale(.95)}
.project-3:hover .lead-preview-flow>div,.project-3:focus-visible .lead-preview-flow>div{background:#5a4a42;border-color:#efc19f;transform:translateY(-3px)}
.project-3:hover .lead-preview-flow>div:first-child,.project-3:focus-visible .lead-preview-flow>div:first-child{transition-delay:.3s}
.project-3:hover .lead-preview-flow>div:last-child,.project-3:focus-visible .lead-preview-flow>div:last-child{transition-delay:.65s}
.campaign-preview-builder{display:grid;grid-template-columns:32% 1fr;gap:10px;min-height:150px}
.campaign-preview-palette,.campaign-preview-canvas{background:#3e4641;padding:10px;min-width:0}
.campaign-preview-palette{display:flex;flex-direction:column;gap:5px}
.campaign-preview-palette span{display:block;background:#535d55;padding:5px 8px;font-size:.62rem}
.campaign-preview-canvas{position:relative;display:flex;flex-direction:column;gap:6px;border:1px solid #78877d}
.campaign-preview-hero,.campaign-preview-form,.campaign-preview-drop{padding:7px 9px;font-size:.65rem;background:#566058}
.campaign-preview-hero{font-weight:700}
.campaign-preview-drop{border:1px dashed #a5bea9;color:#bad7c0;background:#344039;transition:background .35s,border-color .35s}
.campaign-preview-form{background:#6d577a;transform:translateX(-55%) translateY(-11px) rotate(-3deg);opacity:.65;transition:transform .6s cubic-bezier(.2,.7,.2,1),opacity .4s,background .4s}
.project-4:hover .campaign-preview-form,.project-4:focus-visible .campaign-preview-form{transform:translateX(0) translateY(0) rotate(0);opacity:1;background:#785f88}
.project-4:hover .campaign-preview-drop,.project-4:focus-visible .campaign-preview-drop{background:#4b554d;border-color:#d6bfe3;transition-delay:.4s}
@media(max-width:700px){.portal-preview.demo-ui,.lead-preview.demo-ui,.campaign-preview.demo-ui{height:auto;min-height:270px}.portal-preview h4,.lead-preview h4,.campaign-preview h4{font-size:1.1rem;margin:15px 0}.portal-preview-flow>div{padding:7px}.portal-preview-flow strong{font-size:.63rem}.portal-preview-flow span{font-size:.52rem}.portal-preview-flow small{font-size:.48rem}.lead-preview-form{padding:8px}.lead-preview-form span{font-size:.47rem}.lead-preview-form strong{font-size:.67rem}}
@media(prefers-reduced-motion:reduce){.portal-preview-flow>div,.portal-preview-status,.lead-preview-form i,.lead-preview-flow>div,.campaign-preview-form,.campaign-preview-drop{transition:none}.campaign-preview-form{transform:none;opacity:1}}
.campaign-preview-canvas{overflow:hidden}

/* Website card highlights the shared CTA and the two visitor journeys. */
.journey-preview.demo-ui{height:315px;min-height:315px;max-width:650px;display:flex;flex-direction:column;box-sizing:border-box}
.journey-preview h4{font-size:1.35rem;letter-spacing:-.06em;margin:20px 0 16px}
.journey-preview-cta{display:flex;align-items:center;justify-content:space-between;background:#e7c1a7;color:#282d2b;font-weight:700;font-size:.78rem;padding:10px 14px;border-radius:4px;max-width:210px;transition:background .3s,transform .3s}
.journey-preview-choice{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:13px}
.journey-preview-choice>div{background:#3e4641;padding:11px;border-bottom:3px solid #79695f;transition:background .35s,border-color .35s,transform .35s}
.journey-preview-choice small{display:block;color:#e3c8b6;font-size:.55rem;font-weight:700;letter-spacing:.06em}
.journey-preview-choice strong{display:block;font-size:.78rem;margin:7px 0}
.journey-preview-choice span{display:block;color:#c7d0c9;font-size:.62rem}
.journey-preview .demo-status{margin-top:auto;padding-top:9px}
.project-3:hover .journey-preview-cta,.project-3:focus-visible .journey-preview-cta{background:#f1d2bc;transform:translateY(-3px)}
.project-3:hover .journey-preview-choice>div,.project-3:focus-visible .journey-preview-choice>div{background:#594840;border-color:#efc19f;transform:translateY(-4px)}
.project-3:hover .journey-preview-choice>div:first-child,.project-3:focus-visible .journey-preview-choice>div:first-child{transition-delay:.2s}
.project-3:hover .journey-preview-choice>div:last-child,.project-3:focus-visible .journey-preview-choice>div:last-child{transition-delay:.45s}
.lead-path-demo,.lead-route-demo{background:#292e2b;border:1px solid #617069;border-radius:12px;padding:24px;color:#f6f6f2}
.lead-path-demo>small,.lead-route-demo small{display:block;color:#f4cbb2;letter-spacing:.1em;font-size:.65rem;font-weight:700}
.lead-path-demo>div{background:#3b4540;border:1px solid #77877d;border-radius:7px;padding:18px;margin-top:12px;display:flex;justify-content:space-between;align-items:center;gap:12px}
.lead-path-demo strong{font-size:1.1rem}.lead-path-demo>div span{font-size:.78rem;color:#d2ded5}
.lead-path-demo p{color:#c8d6cc;font-size:.8rem;margin:20px 0 0}
.lead-route-source,.lead-route-branches>div{background:#3b4540;border:1px solid #77877d;border-radius:7px;padding:17px}
.lead-route-source strong,.lead-route-branches strong{display:block;font-size:1rem;margin:10px 0 6px}
.lead-route-source span,.lead-route-branches span{color:#c8d6cc;font-size:.77rem}
.lead-route-source{margin-bottom:18px;border-left:3px solid #f4cbb2}
.lead-route-branches{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.lead-route-branches>div:first-child{border-left:3px solid #b9d8ed}.lead-route-branches>div:last-child{border-left:3px solid #b8d6ba}
@media(max-width:700px){.journey-preview.demo-ui{height:auto;min-height:270px}.journey-preview h4{font-size:1.1rem;margin:14px 0}.journey-preview-choice>div{padding:8px}.journey-preview-choice strong{font-size:.66rem}.journey-preview-choice span{font-size:.54rem}.lead-route-branches{grid-template-columns:1fr}.lead-path-demo>div{display:block}.lead-path-demo>div span{display:block;margin-top:7px}}
@media(prefers-reduced-motion:reduce){.journey-preview-cta,.journey-preview-choice>div{transition:none}}
.lead-subscribe-note{display:block;color:#b8d4c0;font-size:.75rem;margin-top:13px}

/* The system study now follows four specific published case studies. */
.lab-section[data-scene=campaign]{background:var(--peach)}
.lab-section[data-scene=campaign] .scene.is-active,.lab-section[data-scene=campaign] .progress span{background:var(--peach)}
.lab-section[data-scene=partner] .event-line b{color:var(--lilac)}
.lab-section[data-scene=report] .event-line b{color:var(--lime)}
.lab-section[data-scene=campaign] .event-line b{color:var(--peach)}
.lab-menu .scene{align-items:center;gap:10px}
.lab-step{min-height:170px}
.lab-step small{font-size:.61rem}
.lab-step p{font-size:.76rem;line-height:1.4}
.lab-result{display:grid;grid-template-columns:75px 1fr;gap:8px 20px;align-items:start}
.lab-result a{grid-column:2;color:#d7e8dc;font-size:.72rem;font-weight:700;text-underline-offset:4px;width:max-content}
.lab-result a:hover{color:#fff}
.lab-result a:focus-visible{outline:2px solid #b9dcf2;outline-offset:4px}
@media(max-width:700px){.lab-step{min-height:175px}.lab-result{grid-template-columns:1fr}.lab-result a{grid-column:1}}

/* Conditions turn the system study into a small decision simulator. */
.lab-decision{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:19px 0 5px}
.lab-decision>div:first-child{max-width:390px}
.lab-decision span{font-size:.63rem;letter-spacing:.1em;color:#a8c3b2;font-weight:700}
.lab-decision p{font-size:.85rem;line-height:1.35;margin:6px 0 0;color:#f1f4ee}
.lab-choices{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:7px}
.lab-choices button{border:1px solid #84968a;background:#303b34;color:#d5e4d9;padding:9px 12px;border-radius:6px;font:inherit;font-size:.72rem;font-weight:700;cursor:pointer;transition:background .2s,border-color .2s}
.lab-choices button.is-active{background:#e4eee5;color:#243029;border-color:#e4eee5}
.lab-choices button:hover:not(.is-active){background:#44534a}
.lab-choices button:focus-visible,.lab-menu button:focus-visible{outline:3px solid #b9dcf2;outline-offset:3px}
@media(max-width:1050px){.lab-decision{display:block}.lab-choices{justify-content:flex-start;margin-top:12px}}
@media(max-width:700px){.lab-decision{padding:16px 0 5px}.lab-choices button{flex:1;min-width:135px}.lab-step p{font-size:.72rem}}
@media(prefers-reduced-motion:reduce){.lab-choices button{transition:none}}

/* Quiet footer while contact details are withheld. */
footer{padding:38px 0 30px}footer .footer-base{margin-top:0}

/* Sticky site navigation and responsive section access. */
html{scroll-padding-top:92px}
header{position:sticky;top:0;z-index:110;max-width:none;width:100%;padding-inline:max(clamp(24px,5vw,80px),calc((100vw - 1420px)/2 + 80px));background:rgba(247,246,242,.96);border-bottom:1px solid rgba(38,39,37,.1);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}
.menu-toggle{display:none;border:1px solid var(--ink);border-radius:100px;background:transparent;color:var(--ink);font-weight:700;font-size:.78rem;padding:8px 13px;align-items:center;gap:13px}
.menu-toggle span{font-size:1.05rem;line-height:1}
#work,#approach,#toolkit,#ai,#lab{scroll-margin-top:90px}
@media(max-width:700px){
 html{scroll-padding-top:76px}
 header{height:67px;padding-inline:24px}
 .menu-toggle{display:inline-flex}
 header nav{position:absolute;top:100%;left:0;right:0;display:none;flex-direction:column;align-items:stretch;gap:0;padding:10px 24px 19px;background:var(--paper);border-bottom:1px solid #d7d9d2;box-shadow:0 18px 28px #2627251c}
 header nav.is-open{display:flex}
 header nav a:nth-child(n){display:block;padding:13px 4px;font-size:.95rem}
 header nav a+a{border-top:1px solid #e1e2dd}
 #work,#approach,#toolkit,#ai,#lab{scroll-margin-top:75px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
@media(min-width:701px) and (max-width:950px){
 .lab-grid{grid-template-columns:1fr}
 .lab-menu{padding:25px}
 .lab-menu .micro-label{margin-bottom:8px}
 .lab-screen{min-height:0}
 .performance-stage-head,.partner-stage-head{align-items:flex-start;flex-wrap:wrap}
}
@media(max-width:700px){
 .case h1{overflow-wrap:anywhere}
 .lab-step{min-width:0}
 .directory-tool{min-width:0}
}
/* About photograph and compact policy pages. */

.footer-links{display:inline-flex;gap:22px}
.footer-links a{text-decoration:underline;text-underline-offset:4px}
.footer-links a:hover{color:var(--blue)}
.policy-page{padding-top:100px;padding-bottom:125px;max-width:1000px}
.policy-page h1{font-size:clamp(3.5rem,7vw,7rem);letter-spacing:-.085em;line-height:1;margin:20px 0 12px}
.policy-date{font-size:.85rem;color:#686e68;margin:0 0 45px}
.policy-page h2{font-size:1.65rem;letter-spacing:-.04em;margin:44px 0 12px}
.policy-page p{font-size:1.08rem;line-height:1.7;max-width:760px}
.policy-page a{text-decoration:underline;text-underline-offset:4px}
@media(max-width:850px){.footer-base{flex-wrap:wrap;gap:12px 25px}}
@media(max-width:700px){.policy-page{padding-top:60px;padding-bottom:80px}.policy-page p{font-size:1rem}.footer-links{margin-top:12px}}
.footer-base .footer-links{display:flex;gap:22px}