.c03-host{--ink:#1e1f20;--paper:#eeeede;--muted:#a1a3a3;--line:rgba(234,234,232,.15);--peach:#d8c7a7;color-scheme:dark}
.c03-host *{box-sizing:border-box}
.c03-host{scroll-behavior:smooth}
.c03-host{margin:0;background:var(--ink);color:var(--paper);font-family:"Noto Sans CJK SC","PingFang SC","Microsoft YaHei",Arial,sans-serif;font-weight:400;-webkit-font-smoothing:antialiased}
.c03-host a{color:inherit;text-decoration:none}
.c03-host button{font:inherit;color:inherit;cursor:pointer;border:0;background:none}
.c03-host button,.c03-host a{-webkit-tap-highlight-color:transparent;touch-action:manipulation}
.c03-host a:focus-visible,.c03-host button:focus-visible{outline:1px solid var(--peach);outline-offset:6px}
.c03-host ::selection{background:#d8c7a7;color:#1e1f20}
.c03-host .c03-skip-link{position:fixed;z-index:100;top:-60px;left:24px;padding:12px;background:var(--paper);color:var(--ink)}
.c03-host .c03-skip-link:focus{top:12px}
.c03-host .c03-voices{position:relative;height:570svh}
.c03-host .c03-voice-stage{position:sticky;top:0;height:100svh;min-height:480px;overflow:clip;isolation:isolate;display:grid;place-items:center;background:radial-gradient(ellipse at 24% 24%,#393a3b66,transparent 56%),radial-gradient(ellipse at 80% 54%,#3032336b,transparent 49%),linear-gradient(135deg,#232425,#1b1c1d 57%,#252627)}
.c03-host .c03-ambient-light{position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at 50% 29%,#ffffff14,transparent 45%),radial-gradient(ellipse at 5% 62%,#c8cbcc0d,transparent 42%),radial-gradient(ellipse at 89% 39%,#e2e4e510,transparent 38%)}
.c03-host .c03-ambient-light::after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 24% 46%,#ffffff08,transparent 35%),radial-gradient(ellipse at 75% 62%,#ffffff08,transparent 40%);animation:c03-signal-breathe 13s ease-in-out infinite alternate}
.c03-host .c03-grain{position:absolute;inset:0;z-index:7;pointer-events:none;opacity:.05;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.c03-w3.c03-org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.88' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23fff' filter='url(%23n)' opacity='.6' d='M0 0h180v180H0z'/%3E%3C/svg%3E")}
.c03-host .c03-flourish{position:absolute;top:50%;left:50%;width:92%;height:auto;max-height:84svh;object-fit:contain;transform:translate(-50%,-50%) scale(.65);opacity:.7;will-change:transform;pointer-events:none}
.c03-host .c03-voice-stage::after{content:"";position:absolute;inset:0;pointer-events:none;z-index:8;box-shadow:inset 0 0 130px #11121435}
.c03-host .c03-stage-meta,.c03-host .c03-stage-bottom{position:absolute;z-index:10;left:4.2%;right:4.2%;display:flex;justify-content:space-between;align-items:center;font:9px/1.5 Arial,sans-serif;letter-spacing:.2em;color:#999c9b}
.c03-host .c03-stage-meta{top:43px}
.c03-host .c03-stage-meta span:first-child{color:#d1d2ce}
.c03-host .c03-stage-bottom{bottom:35px}
.c03-host .c03-scroll-hint{font-size:8px}
.c03-host .c03-card-stack{position:relative;width:min(50vw,calc((100svh - 140px)*1.333333));height:auto;aspect-ratio:4/3;max-height:none;perspective:1400px;container-type:inline-size}
.c03-host .c03-quote-card{--accent:#9c604c;position:absolute;inset:0;display:flex;flex-direction:column;justify-content:space-between;border:1px solid #f6f5eb8c;border-top-color:#fffef5d9;border-left-color:#fffef5b3;border-radius:10px;background:radial-gradient(ellipse at 8% 0%,#fffef5a6 0,transparent 65%),linear-gradient(145deg,#f0f0e7,#e9eae2 55%,#dfe2d9);padding:5.7%;box-shadow:1px 2px 2px #ffffff66 inset,8px 22px 42px -12px #090a0b70,22px 70px 90px -38px #08090a80;transform:translate3d(0,120vh,0) rotate(-10deg) scale(.8);transform-origin:50% 65%;will-change:transform;backface-visibility:hidden;visibility:hidden}
.c03-host .c03-quote-card::before{content:"";position:absolute;top:-1px;left:14%;right:14%;height:1px;background:linear-gradient(90deg,transparent,#ffffffbb,transparent)}
.c03-host .c03-quote-card::after{content:"";position:absolute;inset:0;pointer-events:none;border-radius:inherit;box-shadow:inset 0 -1px 1px #777e6d26}
.c03-host .c03-quote-card:first-child{z-index:1}
.c03-host .c03-quote-card:nth-child(2){z-index:2;--accent:#64734c}
.c03-host .c03-quote-card:nth-child(3){z-index:3;--accent:#4e7585}
.c03-host .c03-quote-card:nth-child(4){z-index:4;--accent:#78638b}
.c03-host .c03-quote{font-family:Georgia,"Times New Roman",serif;font-size:clamp(14px,4cqw,43px);font-weight:400;line-height:1.32;letter-spacing:-.025em;margin:0;color:#eeeede;text-wrap:pretty;text-shadow:0 1px 1px #16171840}
.c03-host .c03-quote-footer{display:flex;align-items:center;gap:15px;font-family:Arial,sans-serif;font-size:9px;line-height:1.6;letter-spacing:.12em;padding-top:22px;margin-top:20px;position:relative}
.c03-host .c03-quote-footer::before{content:"";position:absolute;top:0;left:0;width:38px;height:1px;background:var(--accent);opacity:.55}
.c03-host .c03-quote-footer p{margin:0;color:#505952;font-size:9px;font-weight:400}
.c03-host .c03-quote-footer span{font-size:7px;letter-spacing:.1em;color:#697169}
.c03-host .c03-portrait{flex:none;display:grid;place-items:center;width:34px;height:34px;border-radius:50%;font-family:Georgia,serif;font-size:18px;color:var(--accent);background:radial-gradient(circle at 28% 20%,#faf9f0,#dde0d5 68%);border:1px solid #72796633;box-shadow:inset 1px 1px 3px #ffffff88,2px 3px 5px #545e4c1f}
.c03-host .c03-quote-footer .c03-quote-number{margin-left:auto;font-size:9px;color:#697169;font-variant-numeric:tabular-nums;letter-spacing:.08em;white-space:nowrap}
.c03-host .c03-card-dots{display:flex;position:absolute;left:50%;transform:translateX(-50%);gap:7px}
.c03-host .c03-card-dots button{display:grid;place-items:center;width:27px;height:30px;padding:8px 0}
.c03-host .c03-card-dots button::after{content:"";width:23px;height:1px;background:#727777;transition:background .2s,transform .2s;opacity:.6}
.c03-host .c03-card-dots button[aria-current="true"]::after{background:#d8c7a7;opacity:1;transform:scaleY(1.7)}
.c03-host .c03-demo-label{position:fixed;bottom:11px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:9px;z-index:20;color:#929797;white-space:nowrap;font:6px/1.3 Arial,sans-serif;letter-spacing:.15em;transition:opacity .25s,transform .25s}
.c03-host .c03-live-dot{width:3px;height:3px;border-radius:50%;background:#c9cdc5;opacity:.6}
.c03-host .c03-demo-label button{padding:2px 6px;color:#b0b3af;font-size:8px;letter-spacing:.08em;border-left:1px solid #eeeede26}
.c03-host .c03-demo-label.c03-is-quiet{opacity:0;transform:translate(-50%,6px);pointer-events:none}
.c03-host.c03-static-mode .c03-voices{height:auto}
.c03-host.c03-static-mode .c03-voice-stage{position:relative;height:auto;min-height:100svh;padding:115px 24px 95px;overflow:clip}
.c03-host.c03-static-mode .c03-flourish{position:absolute;inset:0;height:100%;transform:none;width:100%}
.c03-host.c03-static-mode .c03-card-stack{width:min(720px,90%);height:auto;aspect-ratio:auto;max-height:none;display:grid;gap:30px}
.c03-host.c03-static-mode .c03-quote-card{position:relative;inset:auto;min-height:410px;transform:none!important;will-change:auto;visibility:visible}
.c03-host.c03-static-mode .c03-card-dots{display:none}
.c03-host.c03-static-mode .c03-ambient-light::after{animation:none}
@keyframes c03-signal-breathe{from{opacity:.45}to{opacity:1}}
@media(min-width:1700px){.c03-host .c03-quote{font-size:clamp(14px,4cqw,48px)}
.c03-host .c03-quote-footer p{font-size:12px}
.c03-host .c03-quote-footer span{font-size:9px}
.c03-host .c03-portrait{width:42px;height:42px}
.c03-host .c03-stage-meta,.c03-host .c03-stage-bottom{font-size:10px}
.c03-host .c03-quote-footer .c03-quote-number{font-size:11px}}
@media(max-width:760px){.c03-host .c03-voice-stage{min-height:420px}
.c03-host .c03-stage-meta{left:7%;right:7%;top:33px;font-size:7px;letter-spacing:.12em}
.c03-host .c03-stage-meta span:last-child{display:none}
.c03-host .c03-stage-bottom{left:7%;right:7%;bottom:43px;font-size:6px;letter-spacing:.14em}
.c03-host .c03-scroll-hint{font-size:6px}
.c03-host .c03-flourish{width:94%;height:auto;max-height:76svh;opacity:.7}
.c03-host .c03-card-stack{width:88vw;min-width:0;aspect-ratio:auto;height:clamp(380px,65svh,620px);max-height:calc(100svh - 142px)}
.c03-host .c03-quote-card{padding:27px 25px;border-radius:10px}
.c03-host .c03-quote{font-size:clamp(18px,5.05vw,31px);line-height:1.36;letter-spacing:-.025em}
.c03-host .c03-quote-footer{gap:9px;padding-top:17px;margin-top:16px;letter-spacing:.06em}
.c03-host .c03-quote-footer p{font-size:7px;letter-spacing:.09em}
.c03-host .c03-quote-footer span{font-size:5.5px;letter-spacing:.04em}
.c03-host .c03-quote-footer .c03-quote-number{font-size:7px}
.c03-host .c03-portrait{width:28px;height:28px;font-size:15px}
.c03-host .c03-quote-footer::before{width:26px}
.c03-host .c03-card-dots{gap:4px}
.c03-host .c03-card-dots button{width:20px}
.c03-host .c03-card-dots button::after{width:16px}
.c03-host .c03-demo-label{font-size:5px;bottom:15px;gap:7px}
.c03-host .c03-demo-label button{font-size:7px}
.c03-host.c03-static-mode .c03-voice-stage{padding:90px 18px}
.c03-host.c03-static-mode .c03-card-stack{width:100%;height:auto}
.c03-host.c03-static-mode .c03-quote-card{min-height:400px}}
@media(max-height:650px) and (min-width:761px){.c03-host .c03-stage-meta{top:24px}
.c03-host .c03-stage-bottom{bottom:26px}
.c03-host .c03-card-stack{width:min(50vw,calc((100svh - 110px)*1.333333));height:auto;aspect-ratio:4/3;max-height:none}
.c03-host .c03-quote-card{padding:5.7%}
.c03-host .c03-quote{font-size:clamp(14px,4cqw,27px)}
.c03-host .c03-quote-footer{padding-top:12px;margin-top:12px}
.c03-host .c03-demo-label{bottom:5px}}
@media(max-width:360px){.c03-host .c03-quote-card{padding:24px 20px}
.c03-host .c03-quote{font-size:17px;line-height:1.3}
.c03-host .c03-quote-footer p{font-size:6px}
.c03-host .c03-quote-footer span{font-size:5px}}
@media(prefers-reduced-motion:reduce){.c03-host{scroll-behavior:auto}
.c03-host *,.c03-host *::before,.c03-host *::after{animation:none!important;transition:none!important}}
.c03-host .c03-stage-meta,.c03-host .c03-stage-bottom{transition:opacity .3s}
.c03-host.c03-is-intro .c03-stage-meta,.c03-host.c03-is-intro .c03-stage-bottom,.c03-host.c03-is-intro .c03-demo-label{opacity:0;pointer-events:none}
.c03-host.c03-is-intro .c03-stage-bottom:focus-within,.c03-host.c03-is-intro .c03-demo-label:focus-within{opacity:1;pointer-events:auto}
.c03-host.c03-static-mode .c03-stage-meta,.c03-host.c03-static-mode .c03-stage-bottom,.c03-host.c03-static-mode .c03-demo-label{opacity:1;pointer-events:auto}
.c03-host .c03-company-copy{font-family:"Noto Sans CJK SC","PingFang SC","Microsoft YaHei",Arial,sans-serif}
.c03-host .c03-card-title{margin:0;font-size:clamp(22px,4.4cqw,40px);font-weight:500;line-height:1.45;letter-spacing:.025em;color:#292e2b;text-wrap:balance}
.c03-host .c03-card-body{margin-top:clamp(18px,3.8cqw,32px);font-size:clamp(14px,2.65cqw,22px);line-height:1.9;letter-spacing:.025em;color:#505951}
.c03-host .c03-card-body p{margin:0}
.c03-host .c03-card-body p+p{margin-top:.9em}
.c03-host .c03-quote-footer .c03-portrait{font-family:Arial,sans-serif;font-size:10px;letter-spacing:.04em}
@media(max-width:760px){.c03-host .c03-card-title{font-size:clamp(23px,6.5vw,31px)}
.c03-host .c03-card-body{font-size:16px;line-height:1.85;margin-top:24px}
.c03-host .c03-card-body p+p{margin-top:.85em}}
@media(max-width:360px){.c03-host .c03-card-title{font-size:22px}
.c03-host .c03-card-body{font-size:14px;margin-top:20px}}
@media(max-height:650px) and (min-width:761px){.c03-host .c03-card-title{font-size:clamp(20px,4.2cqw,30px)}
.c03-host .c03-card-body{font-size:clamp(12px,2.6cqw,18px);line-height:1.75;margin-top:16px}}
.c03-host .c03-company-logo{position:relative;background:none;border:0;border-radius:0;box-shadow:none;overflow:hidden}
.c03-host .c03-company-logo img{position:absolute;left:50%;top:50%;display:block;width:185%;height:185%;max-width:none;object-fit:contain;transform:translate(-50%,-47%);mix-blend-mode:multiply}
@font-face{font-family:C03Roko;src:url('assets/roko-bold.woff2') format('woff2');font-weight:700;font-display:swap}
@font-face{font-family:C03Parafina;src:url('assets/parafina-bold-m.woff2') format('woff2');font-weight:700;font-display:swap}
.c03-host .c03-benefits{padding:70px 4.2% 30px;background:radial-gradient(ellipse at 24% 24%,#393a3b66,transparent 56%),linear-gradient(135deg,#232425,#1b1c1d 57%,#252627);color:var(--paper)}
.c03-host .c03-benefit-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;grid-template-rows:repeat(3,minmax(205px,20.5vw))}
.c03-host .c03-benefit-grid h1{grid-area:1/1/2/3;font-family:C03Parafina,Impact,'Arial Narrow',sans-serif;font-size:clamp(82px,10.25vw,180px);font-weight:700;line-height:.82;letter-spacing:-.05em;margin:-4px 0 0 -3px;position:relative}
.c03-host .c03-benefit-grid h1 span{white-space:nowrap}
.c03-host .c03-benefit-grid h1 sup{font-family:Arial,sans-serif;font-size:24px;vertical-align:top;position:absolute;top:6px;margin-left:8px;letter-spacing:-1px}
.c03-host .c03-benefit{background:transparent;color:#292e2b;border:1px solid #fffef599;border-radius:10px;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;gap:16px}
.c03-host .c03-benefit h2{font-family:C03Roko,Arial,sans-serif;font-weight:700;font-size:clamp(18px,2.15vw,34px);line-height:1.05;letter-spacing:-.02em;text-align:center;margin:0}
.c03-host .c03-benefit-index{position:absolute;bottom:14px;right:16px;font:9px/1.2 Arial,sans-serif;opacity:0;transition:opacity .2s}
.c03-host .c03-benefit:hover .c03-benefit-index{opacity:.55}
.c03-host .c03-benefit-one{grid-area:1/3}
.c03-host .c03-benefit-two{grid-area:1/4}
.c03-host .c03-benefit-three{grid-area:2/1}
.c03-host .c03-benefit-four{grid-area:2/2}
.c03-host .c03-benefit-five{grid-area:2/4}
.c03-host .c03-benefit-six{grid-area:3/2}
.c03-host .c03-benefit-seven{grid-area:3/3}
.c03-host .c03-pixel-icon{background:#d8c7a7;border-radius:7px;width:34%;aspect-ratio:1;display:grid;place-items:center}
.c03-host .c03-pixel-icon img{width:100%;height:100%;object-fit:contain}
.c03-host .c03-benefit-two .c03-pixel-icon,.c03-host .c03-benefit-six .c03-pixel-icon{background:#c4ceab}
.c03-host .c03-benefit-three .c03-pixel-icon,.c03-host .c03-benefit-seven .c03-pixel-icon{background:#b7cbd0}
.c03-host .c03-benefit-four .c03-pixel-icon{background:#d7bcae}
.c03-host .c03-benefit-five .c03-pixel-icon{background:#cbc0d3}
.c03-host .c03-intro-note{grid-area:2/3;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;gap:15px}
.c03-host .c03-intro-note p{font:9px/1.65 Arial,sans-serif;letter-spacing:.08em;margin:0;max-width:190px;color:#a1a3a3}
.c03-host .c03-dark-button{background:#eeeede;color:#292e2b;padding:13px 16px;border-radius:3px;font:9px/1.3 Arial,sans-serif;letter-spacing:.06em;transition:transform .2s}
.c03-host .c03-dark-button:hover{transform:translateY(-3px)}
.c03-host .c03-dark-button span{margin-left:18px}
.c03-host .c03-section-caption{display:flex;justify-content:space-between;gap:16px;padding:34px 0 8px;font:8px/1.4 Arial,sans-serif;letter-spacing:.12em;color:#999c9b}
@media(max-width:760px){.c03-host .c03-benefits{padding:52px 6% 22px}
.c03-host .c03-benefit-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:auto repeat(4,minmax(170px,43vw));gap:6px}
.c03-host .c03-benefit-grid h1{grid-area:1/1/2/3;font-size:22vw;line-height:.82;padding:7px 0 32px;letter-spacing:-.04em}
.c03-host .c03-benefit-grid h1 br{display:none}
.c03-host .c03-benefit-grid h1 span{display:block}
.c03-host .c03-benefit-grid h1 sup{font-size:24px;top:8px;left:72%;margin:0}
.c03-host .c03-benefit-one{grid-area:2/1}
.c03-host .c03-benefit-two{grid-area:2/2}
.c03-host .c03-benefit-three{grid-area:3/1}
.c03-host .c03-benefit-four{grid-area:3/2}
.c03-host .c03-intro-note{grid-area:4/1}
.c03-host .c03-benefit-five{grid-area:4/2}
.c03-host .c03-benefit-six{grid-area:5/1}
.c03-host .c03-benefit-seven{grid-area:5/2}
.c03-host .c03-benefit{gap:13px}
.c03-host .c03-benefit h2{font-size:22px}
.c03-host .c03-pixel-icon{width:35%;max-width:86px}
.c03-host .c03-intro-note p{font-size:7px}
.c03-host .c03-dark-button{font-size:7px;padding:10px}
.c03-host .c03-dark-button span{margin-left:8px}
.c03-host .c03-section-caption{font-size:6px;padding-top:26px}}
@media(prefers-reduced-motion:reduce){.c03-host .c03-benefit,.c03-host .c03-dark-button{transition:none}}
.c03-host{isolation:isolate;background:#1e1f20}
.c03-host .c03-page-atmosphere{position:fixed;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 24% 24%,#393a3b66,transparent 56%),radial-gradient(ellipse at 80% 54%,#3032336b,transparent 49%),linear-gradient(135deg,#232425,#1b1c1d 57%,#252627)}
.c03-host .c03-benefits,.c03-host .c03-voice-stage{background:transparent}
.c03-host .c03-voice-stage::after{display:none}
.c03-host .c03-benefits{padding:2vw 2vw 0;position:relative;z-index:1}
.c03-host .c03-benefit-grid{column-gap:clamp(12px,1vw,20px);row-gap:2vw;grid-template-rows:14vw repeat(3,24vw)}
.c03-host .c03-benefit-grid h1{display:contents}
.c03-host .c03-benefit-grid h1 span{font-family:C03Parafina,Impact,'Arial Narrow',sans-serif;font-weight:700;font-size:13vw;letter-spacing:-.055em;line-height:.86;white-space:nowrap;align-self:center}
.c03-host .c03-display-first{grid-area:1/3/2/5;justify-self:end;padding-right:1vw}
.c03-host .c03-display-second{grid-area:2/1/3/3;justify-self:start}
.c03-host .c03-benefit-one{grid-area:2/3}
.c03-host .c03-benefit-two{grid-area:2/4}
.c03-host .c03-benefit-three{grid-area:3/1}
.c03-host .c03-benefit-four{grid-area:3/2}
.c03-host .c03-intro-note{grid-area:3/3}
.c03-host .c03-benefit-five{grid-area:3/4}
.c03-host .c03-benefit-six{grid-area:4/2}
.c03-host .c03-benefit-seven{grid-area:4/3}
.c03-host .c03-benefit{border-radius:clamp(16px,1.6vw,38px);gap:1.6vw;border:0}
.c03-host .c03-pixel-icon{width:35%;border-radius:clamp(8px,.9vw,20px)}
.c03-host .c03-benefit h2{font-size:clamp(22px,1.95vw,46px);line-height:1.1}
.c03-host .c03-intro-note{gap:1.1vw}
.c03-host .c03-intro-note p{font-size:clamp(9px,.75vw,16px);max-width:17vw}
.c03-host .c03-dark-button{font-size:clamp(9px,.7vw,15px);padding:.85vw 1.1vw}
.c03-host .c03-voices{margin-top:-12svh}
.c03-host.c03-static-mode .c03-voices{margin-top:0}
@media(max-width:760px){.c03-host .c03-benefits{padding:8vw 3% 0}
.c03-host .c03-benefit-grid{gap:12px 10px;grid-template-rows:23vw 23vw repeat(4,minmax(180px,47vw))}
.c03-host .c03-benefit-grid h1 span{font-size:25vw;line-height:.88;padding:0}
.c03-host .c03-display-first{grid-area:1/1/2/3;justify-self:end}
.c03-host .c03-display-second{grid-area:2/1/3/3;justify-self:start}
.c03-host .c03-benefit-one{grid-area:3/1}
.c03-host .c03-benefit-two{grid-area:3/2}
.c03-host .c03-benefit-three{grid-area:4/1}
.c03-host .c03-benefit-four{grid-area:4/2}
.c03-host .c03-intro-note{grid-area:5/1}
.c03-host .c03-benefit-five{grid-area:5/2}
.c03-host .c03-benefit-six{grid-area:6/1}
.c03-host .c03-benefit-seven{grid-area:6/2}
.c03-host .c03-benefit{gap:14px;border-radius:17px}
.c03-host .c03-benefit h2{font-size:clamp(18px,5.2vw,29px)}
.c03-host .c03-pixel-icon{max-width:none;width:36%}
.c03-host .c03-intro-note{gap:12px}
.c03-host .c03-intro-note p{font-size:8px;max-width:40vw}
.c03-host .c03-dark-button{font-size:8px;padding:11px}
.c03-host .c03-voices{margin-top:-8svh}}
.c03-host .c03-benefit h2{font-family:"Noto Sans CJK SC","PingFang SC","Microsoft YaHei",Arial,sans-serif;font-weight:500;font-size:clamp(23px,2.15vw,46px);letter-spacing:.015em;line-height:1.2}
.c03-host .c03-member-role{margin:-.85vw 0 0;font-size:clamp(10px,.8vw,16px);line-height:1.5;letter-spacing:.1em;color:#697169}
.c03-host .c03-benefit-grid h1 .c03-display-second{font-size:11.1vw}
@media(max-width:760px){.c03-host .c03-benefit h2{font-size:clamp(20px,5.5vw,29px)}
.c03-host .c03-member-role{font-size:10px;margin:-7px 0 0}
.c03-host .c03-benefit-grid h1 .c03-display-second{font-size:21vw}}
/* The integrated site supplies the same continuous atmosphere across products and all of 03. */
.c03-host{position:relative;background:transparent}.c03-host .c03-demo-label{position:absolute}

/* Keep the hit area fixed while the inner surface and avatar respond to hover. */
.c03-host .c03-benefit-surface{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%;min-width:0;gap:inherit;border-radius:inherit;background:linear-gradient(145deg,#f0f0e7,#e4e7dd);pointer-events:none;transform:translateY(0);transition:transform 380ms cubic-bezier(.2,.65,.3,1),box-shadow 380ms cubic-bezier(.2,.65,.3,1)}
.c03-host .c03-benefit .c03-pixel-icon{flex:none;transform:scale(1);transition:transform 380ms cubic-bezier(.2,.65,.3,1)}
.c03-host .c03-intro-logo{display:block;flex:none;width:clamp(42px,3.6vw,64px);height:auto;aspect-ratio:1;object-fit:contain}
@media(hover:hover) and (pointer:fine){
  .c03-host .c03-benefit:hover .c03-benefit-surface{transform:translateY(-3px);box-shadow:0 12px 28px -12px #08090a38;transition-duration:320ms}
  .c03-host .c03-benefit:hover .c03-pixel-icon{transform:scale(1.05);transition-duration:320ms}
}
.c03-host.c03-static-mode .c03-benefit .c03-benefit-surface,.c03-host.c03-static-mode .c03-benefit .c03-pixel-icon{transform:none;transition:none}
@media(prefers-reduced-motion:reduce){.c03-host .c03-benefit-surface,.c03-host .c03-benefit .c03-pixel-icon{transform:none!important;transition:none}}

/* Expressions respond to the whole member card; load both layers near the viewport. */
.c03-host .c03-member-avatar{position:relative;overflow:hidden;-webkit-user-select:none;user-select:none}
.c03-host .c03-member-avatar img{position:absolute;inset:0;object-fit:cover;pointer-events:none;-webkit-user-drag:none;-webkit-user-select:none;user-select:none}
.c03-host .c03-member-avatar .c03-avatar-rest{visibility:visible}
.c03-host .c03-member-avatar .c03-avatar-hover{visibility:hidden}
@media(hover:hover) and (pointer:fine){
  .c03-host .c03-benefit:hover .c03-member-avatar.c03-is-avatar-ready .c03-avatar-rest{visibility:hidden}
  .c03-host .c03-benefit:hover .c03-member-avatar.c03-is-avatar-ready .c03-avatar-hover{visibility:visible}
}
.c03-host #c03-benefits-title,.c03-host #c03-benefits-title span{-webkit-user-select:none;user-select:none}

/* Let the neutral paper of each card show through these white-backed portraits. */
.c03-host :is(.c03-benefit-two,.c03-benefit-seven) .c03-member-avatar{background:transparent;mix-blend-mode:multiply}
