:root{--cream:#f6f4ec;--ink:#20241f;--lime:#d6f266;--sage:#e7ebdd;--muted:#656a60;--line:#c9cdbf;--space:clamp(80px,11vw,170px)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--cream);color:var(--ink);font-family:"Noto Sans TC","Microsoft JhengHei","PingFang TC",system-ui,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,a,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,summary:focus-visible{outline:3px solid #657d16;outline-offset:7px}::selection{background:var(--lime);color:var(--ink)}.wrap{width:min(84%,1280px);margin-inline:auto}.header{height:96px;padding-inline:8%;display:flex;align-items:center;justify-content:space-between;gap:20px}.wordmark{font-family:"Arial Rounded MT Bold",Arial,sans-serif;font-size:32px;font-weight:900;letter-spacing:-1.8px;white-space:nowrap;display:inline-flex;align-items:baseline}.brand-dot{width:7px;height:7px;background:var(--lime);border-radius:50%;margin-left:4px}nav{display:flex;align-items:center;gap:36px;font-size:14px}nav>a:not(.button){padding-block:14px}nav>a:not(.button):hover{box-shadow:0 1px currentColor}.button{display:inline-flex;align-items:center;justify-content:center;gap:28px;padding:18px 28px;min-height:52px;border-radius:99px;font-weight:700;font-size:15px;transition:transform .25s,background .25s}.button:hover{transform:translateY(-3px)}.button span[aria-hidden]{font-size:20px}.button-dark{background:var(--ink);color:var(--cream);padding:11px 23px;min-height:44px}.button-lime{background:var(--lime)}.button-lime:hover{background:#cbe852}.hero{position:relative;min-height:calc(100svh - 96px);display:grid;grid-template-columns:1fr 1.16fr;align-items:center;padding-block:80px 130px}.eyebrow{font-size:11px;font-weight:600;letter-spacing:.22em;color:var(--muted);margin:0 0 32px;line-height:1.8}.hero h1{font-size:clamp(52px,5.9vw,88px);letter-spacing:-.065em;line-height:1.2;margin:0;font-weight:900}.lime-dot{color:#82973b}.intro{font-size:17px;line-height:1.9;margin:30px 0 34px;letter-spacing:.015em}.hero-note{font-size:12px;margin:20px 0 0;color:var(--muted)}.hero-art{position:relative;margin-right:-10%;will-change:transform;transform:translateY(var(--hero-y,0px)) rotate(var(--hero-r,0deg))}.hero-art img{display:block;width:116%;max-width:none;margin-left:-5%;mix-blend-mode:multiply;height:auto}.art-note{position:absolute;right:13%;bottom:0;transform:rotate(-7deg);font-size:14px;font-style:italic;letter-spacing:.03em;color:var(--muted)}.scroll-cue{position:absolute;right:0;bottom:40px;display:flex;gap:30px;align-items:center;font-size:10px;letter-spacing:.2em;padding:12px}.scroll-cue>span:last-child{font-size:22px}.mobile-break{display:none}h2{font-size:clamp(42px,5vw,70px);line-height:1.25;letter-spacing:-.055em;margin:0;font-weight:850}.section-note{font-size:16px;line-height:1.9;color:var(--muted);margin:24px 0 0}.flow{background:var(--sage);position:relative}.flow-stage{padding-block:var(--space) 60px}.process{position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:60px;margin-top:70px;padding:50px 0 20px}.process-line{position:absolute;inset:40px 0 auto;width:100%;height:230px;overflow:visible}.process-line path{fill:none;stroke:#94a85b;stroke-width:1.5;stroke-dasharray:1400;stroke-dashoffset:var(--line-offset,0)}.step{position:relative;text-align:center}.step>p{margin:44px 0 0;font-size:14px;position:relative;z-index:2}.step>p>span{font-size:10px;letter-spacing:.1em;color:var(--muted);margin-right:10px}.paper-scene{width:180px;height:224px;position:relative;margin:auto;perspective:800px}.paper{position:absolute;inset:0;background:#faf9f2;border:1px solid #ffffffb3;box-shadow:1px 14px 18px #37432916;transform-origin:center 80%}.paper-1{padding:25px 20px;transform:translate(var(--paper-x,0px),var(--paper-y,0px)) rotate(var(--paper-r,-10deg));z-index:3}.paper-2{transform:translate(-20px,12px) rotate(-19deg)}.paper-3{transform:translate(18px,21px) rotate(12deg)}.paper-label{font-size:9px;letter-spacing:.12em;color:#74796b;display:block}.paper i,.done-card i{height:5px;background:#dfe0d6;display:block;margin-top:17px;border-radius:3px}.paper i:nth-of-type(2){width:65%}.paper b{position:absolute;bottom:25px;right:25px;color:#bec3af;font-size:38px;font-weight:400}.review-sheet{position:relative;width:190px;height:230px;margin:auto;padding:26px 20px;background:linear-gradient(120deg,#fcfbf6,#eeeee5);border:1px solid white;box-shadow:12px 18px 30px #37432915;transform:translateY(var(--review-y,0px)) rotate(var(--review-r,5deg));text-align:left;border-radius:6px}.review-sheet>div{display:flex;align-items:center;gap:12px;margin-top:18px}.review-sheet b{font-size:13px;background:#e1e4d7;border-radius:4px;width:21px;text-align:center;padding:2px;color:#56623b}.review-sheet i{height:5px;flex:1;background:#d7dacb;border-radius:3px}.review-sheet .review-highlight b{background:var(--lime)}.review-tag{position:absolute;bottom:-14px;right:-16px;background:var(--ink);color:var(--cream);padding:8px 17px;border-radius:30px;font-size:11px}.done-stack{position:relative;width:180px;height:224px;margin:auto;transform:translateY(var(--done-y,0px))}.stack-base{position:absolute;inset:20px -3px -8px;background:repeating-linear-gradient(#f9f8f0 0px,#f9f8f0 5px,#dbded0 6px,#dbded0 7px);border-radius:6px;transform:rotate(5deg);box-shadow:9px 20px 24px #37432922}.done-card{position:absolute;inset:0;background:linear-gradient(120deg,#fffef8,#eeeee5);border-radius:6px;padding:110px 22px 20px;transform:rotate(5deg);border:1px solid white}.check{position:absolute;top:-34px;right:-24px;display:grid;place-items:center;width:95px;height:95px;background:var(--lime);font-family:Arial,sans-serif;font-size:56px;border-radius:24px;box-shadow:2px 8px 0 #b4c94f,5px 14px 25px #66713120;transform:scale(var(--check-scale,1)) rotate(-12deg)}.flow-bottom{border-top:1px solid #cbd0c0;margin-top:65px;padding-top:25px;display:flex;align-items:center;justify-content:space-between;gap:24px;font-size:11px;color:var(--muted)}.progress-track{height:2px;width:180px;background:#ccd2bf;overflow:hidden}.progress-track i{display:block;height:100%;background:#6b8230;transform-origin:left;transform:scaleX(var(--progress,1))}.work{padding-block:var(--space)}.work-heading{display:flex;justify-content:space-between;align-items:end}.work-heading .section-note{padding-bottom:8px}.work-scene{position:relative;margin:100px auto 0;min-height:430px;width:90%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#eceae1,#f3f1e9);border:1px solid #fff;border-radius:35px;box-shadow:0 35px 55px -40px #383d3255;padding:50px 7%;perspective:1100px}.calendar{position:relative;background:#fbfaf5;padding:30px;border-radius:17px;border:1px solid white;width:340px;flex-shrink:0;box-shadow:2px 18px 25px #393b3015;transform:translateX(var(--cal-x,0px)) rotate(var(--cal-r,-3deg));z-index:1}.calendar-top{display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:14px;font-weight:700;margin-bottom:24px}.calendar-month{font-size:10px;font-weight:400;letter-spacing:.08em;color:var(--muted)}.week,.days{display:grid;grid-template-columns:repeat(7,1fr);text-align:center;font-size:11px;gap:4px}.week{margin-bottom:10px;color:var(--muted)}.days>span{display:grid;place-items:center;aspect-ratio:1}.days .selected{background:var(--lime);border-radius:50%;font-weight:700}.calendar-foot{border-top:1px solid #e7e8df;font-size:10px;padding-top:17px;margin-top:17px;display:flex;gap:8px;align-items:center}.calendar-foot i,.status-dot{width:6px;height:6px;border-radius:50%;background:#788d35;display:inline-block}.connector{width:100px;display:flex;align-items:center;color:#788d35;flex-shrink:0;transform:scaleX(var(--connect,1));transform-origin:left}.connector i{flex:1;border-top:1px dashed #8da345}.connector span{font-size:22px}.member{position:relative;background:#faf9f3;border:1px solid white;border-radius:16px;padding:26px;width:265px;flex-shrink:0;box-shadow:4px 18px 30px #393b3017;transform:translateX(var(--member-x,0px)) rotate(var(--member-r,3deg));z-index:2}.member-top{display:flex;gap:14px;align-items:center}.avatar{background:#e5e8dc;color:#717e5f;border-radius:50%;width:45px;height:45px;display:grid;place-items:center;font-weight:700}.member-top strong{display:block;font-size:14px}.member-top div>span{font-size:9px;color:var(--muted)}.member-detail{display:flex;justify-content:space-between;align-items:center;margin:22px 0;font-size:11px;color:var(--muted)}.member-detail strong{font-size:26px;font-weight:500;color:var(--ink)}.member-detail small{font-size:11px}.booking-status{background:var(--lime);padding:11px 15px;border-radius:8px;font-size:12px;display:flex;align-items:center;gap:10px;opacity:var(--status-opacity,1);transform:translateY(var(--status-y,0px))}.status-dot{margin-left:auto}.member-caption{font-size:10px;color:var(--muted);margin:16px 0 0}.scene-mark{position:absolute;right:22px;bottom:20px;font-size:12px;font-style:italic;color:#7c826e;line-height:1.5}.work-caption{display:flex;justify-content:space-between;gap:20px;width:90%;margin:28px auto 0;font-size:13px}.work-caption>span:last-child{font-size:10px;color:var(--muted)}.case-details{margin:70px auto 0;width:90%;border-bottom:1px solid var(--line)}summary{cursor:pointer;list-style:none;padding:18px 0;font-size:14px;display:flex;justify-content:space-between;align-items:center}summary::-webkit-details-marker{display:none}summary>span{font-size:22px}details[open] summary>span{transform:rotate(45deg)}.case-details>div{display:grid;grid-template-columns:repeat(3,1fr);gap:45px;padding:38px 0}.case-details .eyebrow{font-size:9px;margin-bottom:15px}.case-details h3{font-size:17px;margin:0 0 12px}.case-details article>p:last-child{font-size:13px;line-height:1.9;color:var(--muted)}.about{padding-block:40px var(--space)}.about-main{display:grid;grid-template-columns:1.2fr 1fr;align-items:center;gap:70px}.about h2{font-size:clamp(36px,4vw,56px)}.about-main p{font-size:17px;line-height:1.9;margin:0}.about-main .subtle{font-size:13px;color:var(--muted);margin-top:22px}.delivery{padding:0;margin:70px 0 0;list-style:none;display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line)}.delivery li{font-size:13px;padding-top:25px}.delivery li span{font-size:10px;color:var(--muted);margin-right:20px}.contact{background:var(--ink);color:var(--cream);padding-top:var(--space);text-align:center}.contact .eyebrow{color:#b7c0a8}.contact h2{font-size:clamp(44px,6vw,84px)}.contact-button{color:var(--ink);margin-top:40px}.email{display:block;width:fit-content;margin:25px auto 0;font-size:14px;border-bottom:1px solid #808972;padding-bottom:4px}.contact-note{font-size:12px;color:#b9c1af;margin-top:24px}.contact footer{border-top:1px solid #41493a;margin-top:110px;padding:36px 0;display:flex;align-items:center;gap:30px;text-align:left}.contact footer>.wordmark{font-size:28px}.contact footer>span{font-size:9px;letter-spacing:.1em;color:#bcc2b3}.contact footer>a[href^=tel]{margin-left:auto;font-size:12px}.skip{position:fixed;top:-100px;left:20px;z-index:100;padding:14px;background:var(--ink);color:white}.skip:focus{top:10px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(min-width:900px) and (prefers-reduced-motion:no-preference){html.motion .flow{height:185svh}html.motion .flow-stage{position:sticky;top:0;min-height:100svh;padding-top:70px;display:flex;flex-direction:column;justify-content:center}html.motion .process{margin-top:40px}html.motion .flow-bottom{margin-top:50px}}
@media(min-width:1600px){.hero-art img{width:110%}}
@media(max-width:1100px){nav{gap:24px}.work-scene{width:100%;padding-inline:30px}.calendar{width:290px;padding:24px}.member{width:240px}.connector{width:60px}.process{gap:30px}.hero h1{font-size:62px}.hero-art{margin-right:-5%}}
@media(max-width:760px){html{scroll-padding-top:25px}.wrap{width:calc(100% - 48px)}.header{height:80px;padding-inline:24px}.wordmark{font-size:27px}nav{gap:16px}nav>a:not(.nav-cta){display:none}.nav-cta{font-size:12px;padding:10px 17px;gap:14px}.hero{grid-template-columns:1fr;padding-top:60px;padding-bottom:90px;min-height:auto}.hero h1{font-size:clamp(48px,10vw,72px)}.eyebrow{font-size:9px;margin-bottom:24px}.intro{font-size:15px;margin:25px 0 28px}.button{font-size:14px;padding:15px 23px}.hero-art{margin:35px -16px 0;transform:translateY(var(--hero-y,0px))}.hero-art img{width:100%;margin:0}.art-note{font-size:12px;right:5%;bottom:3%}.hero-note{font-size:11px}.scroll-cue{bottom:12px;font-size:8px;gap:17px}.flow-stage{padding-block:80px 35px}h2{font-size:44px}.section-note{font-size:14px}.process{grid-template-columns:1fr;gap:75px;margin-top:55px;padding-top:10px}.process-line{display:none}.paper-scene,.done-stack{width:160px;height:195px}.review-sheet{width:170px;height:220px}.step>p{margin-top:33px;font-size:13px}.step-input{align-self:start;transform:translateX(-35px)}.step-review{transform:translateX(35px)}.step-done{transform:translateX(-25px)}.check{width:75px;height:75px;font-size:46px;border-radius:20px}.flow-bottom{margin-top:50px;font-size:10px;gap:12px}.flow-bottom>span:last-child{display:none}.progress-track{width:100px}.work{padding-block:85px}.work-heading{display:block}.work-heading .section-note{margin-top:20px}.work-scene{margin-top:50px;padding:38px 18px 52px;flex-direction:column;min-height:590px;border-radius:22px;width:100%;overflow:hidden}.calendar{width:min(100%,290px);padding:22px}.connector{width:60px;height:60px;transform:rotate(90deg) scaleX(var(--connect,1));transform-origin:center;flex-shrink:0}.member{width:230px;margin-left:30px}.scene-mark{font-size:10px;left:15px;right:auto;bottom:15px}.work-caption{width:100%;font-size:11px;flex-direction:column;gap:8px}.case-details{width:100%;margin-top:35px}.case-details>div{grid-template-columns:1fr;gap:25px;padding:20px 0}.about{padding-block:0 85px}.about-main{grid-template-columns:1fr;gap:30px}.about h2{font-size:36px}.about-main p{font-size:15px}.delivery{grid-template-columns:1fr 1fr;gap:12px 24px;margin-top:40px}.delivery li{font-size:12px;padding-top:18px}.delivery li span{margin-right:12px}.contact{padding-top:85px}.contact h2{font-size:44px}.contact footer{margin-top:70px;display:grid;grid-template-columns:1fr 1fr;gap:22px;padding-block:30px}.contact footer>.wordmark{font-size:26px}.contact footer>span{font-size:8px;letter-spacing:.06em}.contact footer>a[href^=tel]{margin-left:0;font-size:11px}.contact footer>span:last-child{text-align:right}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hero-art,.paper,.review-sheet,.done-stack,.check,.calendar,.member,.connector,.booking-status{transition:none!important;will-change:auto}.button{transition:none}.button:hover{transform:none}}
/* Keep the illustration within the page without creating a horizontal scroll container. */
main{overflow-x:clip}.hero-art img{width:105%;margin-left:0}.hero-art{margin-right:-4%}
@media(max-width:760px){.hero-art{margin:35px -10px 0}.hero-art img{width:100%;margin:0}.review-tag{right:-4px;bottom:-8px}.step>p{margin-top:42px}}
@media(min-width:761px) and (max-width:899px){.hero{grid-template-columns:1fr;padding-top:65px}.hero-art{max-width:620px;margin:25px auto 0}.hero-art img{width:100%}.hero h1{font-size:72px}.process{gap:15px}.paper-scene,.done-stack{width:145px;height:205px}.review-sheet{width:155px;height:215px}.work-scene{padding-inline:22px}.calendar{width:270px}.member{width:210px}.connector{width:40px}}
/* Draft sequence: genuine scroll progress, no autoplay or scroll interception. */
.hero-canvas{display:none;width:100%;height:auto;aspect-ratio:640/360;border-radius:26px;box-shadow:0 25px 60px -45px #3b332b50}.hero-scroll.sequence-ready .hero-canvas{display:block}.hero-scroll.sequence-ready .hero-art>img{display:none}.hero-scroll.sequence-ready .hero-art{transform:none!important;margin:0 0 0 20px}.hero-scroll.sequence-ready .art-note{bottom:-36px}.hero-scroll.sequence-ready .hero{min-height:100svh}.hero-scroll.sequence-ready .scroll-cue{font-size:9px}.hero-scroll.sequence-ready .hero-art:after{content:'DRAFT / SCROLL STUDY';position:absolute;left:16px;bottom:12px;font-size:8px;letter-spacing:.15em;color:#514b43;pointer-events:none}
@media(min-width:900px) and (min-height:650px) and (prefers-reduced-motion:no-preference){.hero-scroll.sequence-ready{height:230svh}.hero-scroll.sequence-ready .hero{position:sticky;top:0;padding-block:65px 100px}}
@media(max-width:899px){.hero-scroll.sequence-ready .hero-art{margin:35px 0 15px}.hero-scroll.sequence-ready .hero-canvas{border-radius:18px}}
@media(max-width:760px) and (min-height:760px) and (prefers-reduced-motion:no-preference){.hero-scroll.sequence-ready{height:185svh}.hero-scroll.sequence-ready .hero{position:sticky;top:0;min-height:100svh;display:flex;flex-direction:column;justify-content:center;align-items:stretch;padding-block:35px 85px}.hero-scroll.sequence-ready .hero h1{font-size:48px}.hero-scroll.sequence-ready .hero-art{margin-top:35px}.hero-scroll.sequence-ready .hero-note{display:none}.hero-scroll.sequence-ready .intro{margin-block:20px}.hero-scroll.sequence-ready .eyebrow{margin-bottom:16px}.hero-scroll.sequence-ready .scroll-cue{bottom:20px}}
@media(prefers-reduced-motion:reduce){.hero-scroll{height:auto!important}.hero-scroll .hero{position:relative!important}.hero-canvas{display:none!important}.hero-art>img{display:block!important}}

/* Page choreography: reversible scroll progress, readable without JavaScript. */
html.motion .scroll-reveal{transform:translateY(var(--reveal-y,0px));opacity:var(--reveal-opacity,1)}
html.motion .paper-2{transform:translate(calc(-20px * var(--paper-spread,1)),calc(12px * var(--paper-spread,1))) rotate(calc(-19deg * var(--paper-spread,1)))}
html.motion .paper-3{transform:translate(calc(18px * var(--paper-spread,1)),calc(21px * var(--paper-spread,1))) rotate(calc(12deg * var(--paper-spread,1)))}
html.motion .review-sheet{opacity:var(--review-visible,1)}
html.motion .done-stack{opacity:var(--done-visible,1)}
.delivery{position:relative}
.delivery:before{content:"";position:absolute;top:-2px;left:0;width:100%;height:3px;background:var(--ink);transform:scaleX(var(--delivery-progress,1));transform-origin:left}
.delivery li{position:relative;transform:translateY(var(--milestone-y,0px))}
.delivery li span{display:inline-grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--sage);color:var(--ink);position:relative;isolation:isolate}
.delivery li span:before{content:"";position:absolute;inset:0;border-radius:50%;background:var(--lime);z-index:-1;transform:scale(var(--milestone,1))}
.contact h2{position:relative;width:fit-content;margin-inline:auto}
.contact h2:after{content:"";display:block;width:100%;height:5px;margin-top:24px;border-radius:50%;background:var(--lime);transform:scaleX(var(--closing-progress,1));transform-origin:left}
@media(max-width:760px){.delivery:before{display:none}.contact h2:after{height:3px;margin-top:18px}}
@media(prefers-reduced-motion:reduce){.scroll-reveal,.delivery li{transform:none!important;opacity:1!important}.delivery:before,.delivery li span:before,.contact h2:after{transform:none!important}}

/* Integrate the draft scene into the page instead of displaying a video card.
   Soft compositing retains the original frames and their grounded shadow. */
.hero-scroll.sequence-ready .hero-canvas{
  border-radius:0;box-shadow:none;
  mix-blend-mode:multiply;
  -webkit-mask-image:radial-gradient(ellipse 69% 70% at 50% 50%,#000 43%,transparent 73%);
  mask-image:radial-gradient(ellipse 69% 70% at 50% 50%,#000 43%,transparent 73%);
}
.hero-scroll.sequence-ready .hero-art:after{content:none}
.hero-scroll.sequence-ready .hero-art{isolation:auto}
@media(min-width:900px) and (max-height:749px){html.motion .flow{height:auto}html.motion .flow-stage{position:relative}}

/* Mascot scenes retain space around the silhouette. */
.about-illustration{max-width:800px;margin:32px auto 0}
.about-illustration img{display:block;width:100%;height:auto}
.about .delivery{margin-top:16px}
.contact-bean{display:block;width:200px;height:auto;margin:-20px auto 24px}
@media(max-width:760px){.about-illustration{width:calc(100% + 24px);margin:25px -12px 0}.contact-bean{width:150px;margin-top:-10px}.about .delivery{margin-top:25px}}

/* Real alpha sequence supersedes the draft feather/multiply composite. */
.hero-scroll .hero-canvas{mix-blend-mode:normal!important;mask-image:none!important;-webkit-mask-image:none!important;position:relative;z-index:1}
.hero-scroll .hero-art>img{mix-blend-mode:normal;width:100%;margin-left:0;position:relative;z-index:1}
.hero-scroll .hero-art:before{content:"";position:absolute;left:24%;top:85%;width:54%;height:3%;border-radius:50%;background:var(--ink);opacity:.12;filter:blur(8px);pointer-events:none}

/* Secondary characters articulate inside the frame; their containers stay still. */
.bean-scene{position:relative}
.about-illustration.bean-scene{aspect-ratio:16/9}
.contact-bean.bean-scene{aspect-ratio:1}
.bean-scene>img{display:block;width:100%;height:100%;object-fit:contain}
.bean-canvas{display:none;width:100%;height:100%;object-fit:contain;position:relative;z-index:1}.bean-scene.bean-ready:before{content:"";position:absolute;left:9%;top:79%;width:84%;height:2%;border-radius:50%;background:var(--ink);opacity:.1;filter:blur(6px);pointer-events:none}.contact-bean.bean-ready:before{left:30%;top:83%;width:40%}
.bean-scene.bean-ready>img{display:none}
.bean-scene.bean-ready>.bean-canvas{display:block}
@media(prefers-reduced-motion:reduce){.bean-scene>.bean-canvas{display:none!important}.bean-scene>img{display:block!important}}

/* Clear service positioning, using open columns rather than additional cards. */
.hero h1{font-size:clamp(48px,4.7vw,68px)}
.hero .intro{font-size:16px;max-width:32em}
.use-cases{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:48px;margin-top:64px}
.use-cases article{padding-top:24px;border-top:1px solid var(--line)}
.use-number{font-size:11px;letter-spacing:.12em;color:var(--muted)}
.use-cases h3{font-size:21px;line-height:1.5;margin:20px 0 12px;letter-spacing:-.035em}
.use-cases p{font-size:14px;line-height:1.9;color:var(--muted);margin:0;max-width:24em}
@media(min-width:761px) and (max-width:1100px){.use-cases{gap:28px}.use-cases h3{font-size:19px}.hero h1{font-size:54px}}
@media(max-width:760px){.hero h1,.hero-scroll.sequence-ready .hero h1{font-size:clamp(38px,11.3vw,48px)}.hero .intro{font-size:14px;line-height:1.85}.hero .intro br{display:none}.use-cases{grid-template-columns:1fr;gap:32px;margin-top:40px}.use-cases h3{font-size:22px;margin-top:14px}.use-cases p{max-width:none}}

@media(max-width:760px){.contact h2{font-size:clamp(36px,10.6vw,44px)}}

/* Approved transparent logo: frame the artwork without changing the source PNG. */
.wordmark{display:block;flex:none;width:240px;height:76px;overflow:hidden;line-height:0;letter-spacing:normal}
.wordmark img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 46%}
.contact footer>.wordmark{width:220px;height:70px}
@media(max-width:760px){
  .header{gap:12px}
  .header .wordmark{width:clamp(140px,40vw,190px);height:60px}
  .header .nav-cta{padding:12px 16px;font-size:12px;gap:10px;min-height:44px;white-space:nowrap}
  .contact footer>.wordmark{width:200px;height:64px;grid-column:1/-1}
}