[data-scene="s03-materials"] {position:relative;background:#e7fb3e;color:#050700;height:calc(941px * var(--k));overflow:clip;isolation:isolate;}
[data-scene="s03-materials"] .s03-artboard {position:relative;width:1672px;height:941px;transform:scale(var(--k));transform-origin:top left;}
[data-scene="s03-materials"] .s03-background {position:absolute;left:calc(-96px - var(--eva-inset) / var(--k));top:-96px;width:calc(1864px + 2 * var(--eva-inset) / var(--k));height:1133px;}
[data-scene="s03-materials"] .s03-background picture {display:block;width:100%;height:100%;}
[data-scene="s03-materials"] .s03-background img {width:100%;height:100%;object-fit:fill;}
[data-scene="s03-materials"] .s03-phone {position:absolute;left:252px;top:32px;width:481px;height:879px;}
[data-scene="s03-materials"] .s03-phone picture {position:relative;display:block;width:100%;height:100%;}
[data-scene="s03-materials"] .s03-phone img {display:block;width:100%;height:100%;}
[data-scene="s03-materials"] .s03-phone-shadow {position:absolute;left:-230px;bottom:8px;width:680px;height:40px;border-radius:50%;background:#414d00;opacity:.38;filter:blur(17px);transform:rotate(9deg);transform-origin:right center;}
[data-scene="s03-materials"] .s03-title {position:absolute;left:855px;top:81px;width:740px;margin:0;font-size:82px;font-weight:800;line-height:.90;letter-spacing:-2px;-webkit-text-stroke:3.6px currentColor;}
[data-scene="s03-materials"] .s03-title-line {display:block;width:max-content;transform:scaleX(1.07);transform-origin:left center;}
[data-scene="s03-materials"] .s03-subtitle {position:absolute;left:860px;top:250px;margin:0;font-family:Arial,sans-serif;font-size:32px;line-height:35px;letter-spacing:-.6px;}
[data-scene="s03-materials"] .s03-subtitle > span {display:block;}
[data-scene="s03-materials"] .s03-sequence {position:absolute;left:864px;top:345px;width:732px;height:550px;}
[data-scene="s03-materials"] .s03-line {position:absolute;left:7px;top:20px;width:2px;height:398px;background:#182000;}
[data-scene="s03-materials"] .s03-step {position:absolute;left:0;width:732px;}
[data-scene="s03-materials"] .s03-step1 {top:0;height:95px;}
[data-scene="s03-materials"] .s03-step2 {top:94px;height:292px;}
[data-scene="s03-materials"] .s03-step3 {top:396px;height:154px;}
[data-scene="s03-materials"] h3 {position:relative;margin:6px 0 0 40px;font:700 24px/30px Arial,sans-serif;letter-spacing:-.2px;}
[data-scene="s03-materials"] .s03-dot {position:absolute;left:-40px;top:8px;width:15px;height:15px;border-radius:50%;background:#050700;}
[data-scene="s03-materials"] .s03-panel {position:absolute;font-family:Arial,sans-serif;color:#f5f7ff;}
[data-scene="s03-materials"] .s03-plate {position:absolute;inset:0;width:100%;height:100%;background-size:100% 100%;}
[data-scene="s03-materials"] .s03-panel p {margin:0;position:absolute;}
[data-scene="s03-materials"] .s03-panel time {position:absolute;right:31px;bottom:18px;color:#accce0;font-size:18px;}
[data-scene="s03-materials"] .s03-reply {left:356px;top:-4px;width:375px;height:99px;filter:drop-shadow(0 12px 10px #66790035);}
[data-scene="s03-materials"] .s03-reply p {left:22px;top:21px;font-size:28px;letter-spacing:-1px;white-space:nowrap;}
[data-scene="s03-materials"] .s03-contract {left:37px;top:44px;width:695px;height:247px;filter:drop-shadow(0 12px 10px #66790025);}
[data-scene="s03-materials"] .s03-pdf {position:absolute;left:46px;top:47px;font-size:22px;font-weight:700;color:#00c8ff;}
[data-scene="s03-materials"] .s03-contract strong {position:absolute;left:123px;top:27px;font-size:28px;letter-spacing:-.7px;}
[data-scene="s03-materials"] .s03-filesize {position:absolute;left:123px;top:70px;font-size:21px;color:#b4ccdf;}
[data-scene="s03-materials"] .s03-ready {position:absolute;left:536px;top:47px;font-size:22px;color:#00f4d4;font-weight:600;}
[data-scene="s03-materials"] .s03-company {left:35px;top:112px;font-size:24px;letter-spacing:-.4px;}
[data-scene="s03-materials"] .s03-inn {left:35px;top:148px;font-size:21px;color:#b4ccdf;}
[data-scene="s03-materials"] .s03-states {left:40px;top:201px;display:flex;gap:28px;font-size:21px;color:#00f6d9;letter-spacing:-.5px;}
[data-scene="s03-materials"] .s03-next {left:38px;top:43px;width:693px;height:110px;}
[data-scene="s03-materials"] .s03-next p {left:31px;top:24px;font-size:28px;line-height:35px;letter-spacing:-.45px;}
@media (max-width:1099px) {
[data-scene="s03-materials"] {height:auto;background:#e7fb3e;}
[data-scene="s03-materials"] .s03-artboard {display:flex;flex-direction:column;width:100%;max-width:863px;height:auto;min-height:0;transform:none;margin:auto;padding:45px 0 32px;}
[data-scene="s03-materials"] .s03-background {left:-96px;top:-96px;width:calc(100% + 192px);height:calc(100% + 192px);z-index:-1;}
[data-scene="s03-materials"] .s03-title {position:relative;left:auto;top:auto;width:auto;order:1;margin:0 7%;font-size:clamp(31px,10.4vw,89.7px);line-height:.91;letter-spacing:-.035em;-webkit-text-stroke:1.8px currentColor;}
[data-scene="s03-materials"] .s03-title-line {transform:scaleX(1.06);}
[data-scene="s03-materials"] .s03-subtitle {position:relative;left:auto;top:auto;order:2;margin:13px 7% 0;font-size:clamp(16px,4.4vw,38px);line-height:1.15;letter-spacing:-.025em;}
[data-scene="s03-materials"] .s03-phone {position:relative;left:auto;top:auto;order:3;width:84.7045%;height:auto;aspect-ratio:731/1374;margin:15px 0 0 9.038%;}
[data-scene="s03-materials"] .s03-phone-shadow {left:-10%;bottom:0;width:100%;height:4%;filter:blur(9px);}
[data-scene="s03-materials"] .s03-sequence {display:none;}
}

[data-scene="s03-materials"] .s03-title {left:861px;top:87px;-webkit-text-stroke:3px currentColor;letter-spacing:-4.8px;}
[data-scene="s03-materials"] .s03-title-line {position:relative;transform:none;width:100%;height:.9em;}
[data-scene="s03-materials"] .s03-glyph {position:absolute;top:0;display:inline-block;white-space:nowrap;transform-origin:left center;}
[data-scene="s03-materials"] .s03-title-mobile {display:none;}

[data-scene="s03-materials"] .s03-desktop-0-0 {left:-0.083755em;transform:scaleX(1.056604);}
[data-scene="s03-materials"] .s03-desktop-0-1 {left:0.673226em;transform:scaleX(1.045455);}
[data-scene="s03-materials"] .s03-desktop-0-2 {left:1.293496em;transform:scaleX(1.066667);}
[data-scene="s03-materials"] .s03-desktop-0-3 {left:1.882870em;transform:scaleX(1.023256);}
[data-scene="s03-materials"] .s03-desktop-0-4 {left:2.689356em;transform:scaleX(0.981873);}
[data-scene="s03-materials"] .s03-desktop-0-5 {left:4.237805em;transform:scaleX(1.000000);}
[data-scene="s03-materials"] .s03-desktop-0-6 {left:4.802304em;transform:scaleX(0.955556);}
[data-scene="s03-materials"] .s03-desktop-0-7 {left:5.382345em;transform:scaleX(1.022727);}
[data-scene="s03-materials"] .s03-desktop-0-8 {left:5.996813em;transform:scaleX(0.931818);}
[data-scene="s03-materials"] .s03-desktop-1-0 {left:-0.081030em;transform:scaleX(1.022222);}
[data-scene="s03-materials"] .s03-desktop-1-1 {left:0.525468em;transform:scaleX(1.091476);}
[data-scene="s03-materials"] .s03-desktop-1-2 {left:1.796722em;transform:scaleX(1.037514);}
[data-scene="s03-materials"] .s03-desktop-1-3 {left:3.980524em;transform:scaleX(1.014925);}
[data-scene="s03-materials"] .s03-desktop-1-4 {left:4.817467em;transform:scaleX(1.225806);}
[data-scene="s03-materials"] .s03-desktop-1-5 {left:5.775097em;transform:scaleX(0.987124);}
[data-scene="s03-materials"] .s03-mobile-0-0 {left:-0.101603em;transform:scaleX(1.113106);}
[data-scene="s03-materials"] .s03-mobile-0-1 {left:0.715340em;transform:scaleX(1.092077);}
[data-scene="s03-materials"] .s03-mobile-0-2 {left:1.381703em;transform:scaleX(1.047228);}
[data-scene="s03-materials"] .s03-mobile-0-3 {left:2.010534em;transform:scaleX(1.050328);}
[data-scene="s03-materials"] .s03-mobile-0-4 {left:2.837497em;transform:scaleX(1.067694);}
[data-scene="s03-materials"] .s03-mobile-0-5 {left:5.105894em;transform:scaleX(1.006289);}
[data-scene="s03-materials"] .s03-mobile-0-6 {left:5.751930em;transform:scaleX(1.070664);}
[data-scene="s03-materials"] .s03-mobile-0-7 {left:6.430731em;transform:scaleX(1.027837);}
[data-scene="s03-materials"] .s03-mobile-1-0 {left:-0.085162em;transform:scaleX(1.069182);}
[data-scene="s03-materials"] .s03-mobile-1-1 {left:0.574011em;transform:scaleX(1.161867);}
[data-scene="s03-materials"] .s03-mobile-1-2 {left:1.912723em;transform:scaleX(1.135225);}
[data-scene="s03-materials"] .s03-mobile-1-3 {left:4.320228em;transform:scaleX(1.089109);}
[data-scene="s03-materials"] .s03-mobile-1-4 {left:5.244575em;transform:scaleX(1.308980);}
[data-scene="s03-materials"] .s03-mobile-1-5 {left:6.284765em;transform:scaleX(1.136131);}

@media (max-width:1099px) {
[data-scene="s03-materials"] .s03-title {left:auto;top:auto;font-size:clamp(31px,9.9652vw,86px);line-height:1;-webkit-text-stroke:.043em currentColor;letter-spacing:-.05814em;}
[data-scene="s03-materials"] .s03-title-line {height:1.08em;}
[data-scene="s03-materials"] .s03-title-desktop {display:none;}
[data-scene="s03-materials"] .s03-title-mobile {display:block;}
[data-scene="s03-materials"] .s03-background {left:-11.124%;top:-11.124vw;width:122.248%;height:calc(100% + 22.248vw);}
}

[data-scene="s03-materials"] .s03-desktop-1-5 {margin-left:-2px;}
@media (max-width:1099px) {
[data-scene="s03-materials"] .s03-artboard {padding-top:min(11.54vw,99.6px);}
[data-scene="s03-materials"] .s03-title {margin-left:8%;margin-right:6%;}
[data-scene="s03-materials"] .s03-title-line {height:.91em;}
[data-scene="s03-materials"] .s03-subtitle {margin-top:10px;}
[data-scene="s03-materials"] .s03-phone {margin-top:7px;}
[data-scene="s03-materials"] .s03-mobile-1-5 {margin-left:1px;}
}
@media (max-width:359px) {
[data-scene="s03-materials"] .s03-mobile-1-5 {margin-left:0;}
}

[data-scene="s03-materials"] .s03-desktop-1-5 {margin-left:-5px;}
[data-scene="s03-materials"] .s03-plate {background-color:#082537;border-radius:28px;}
[data-scene="s03-materials"] .s03-reply .s03-plate {background-color:#00669d;}
@media (max-width:359px) {
[data-scene="s03-materials"] .s03-mobile-1-5 {margin-left:-2px;}
}

[data-scene="s03-materials"] .s03-phone {left:0;width:820px;height:909px;}
[data-scene="s03-materials"] .s03-phone-body {position:absolute;left:252px;top:0;width:481px;height:879px;}
[data-scene="s03-materials"] .s03-step1 {top:-4px;height:140px;}
[data-scene="s03-materials"] .s03-step1 h3 {margin-top:10px;}
[data-scene="s03-materials"] .s03-reply {top:0;}
[data-scene="s03-materials"] .s03-step2 {height:325px;}
[data-scene="s03-materials"] .s03-title {padding-bottom:10px;}
@media (max-width:1099px) {
[data-scene="s03-materials"] .s03-phone {left:auto;width:100%;height:auto;aspect-ratio:863/1374;margin-left:0;}
[data-scene="s03-materials"] .s03-phone-body {left:9.038%;width:84.7045%;height:100%;}
[data-scene="s03-materials"] .s03-title {padding-bottom:5px;}
[data-scene="s03-materials"] .s03-subtitle {margin-top:5px;}
}

[data-scene="s03-materials"] .s03-step {width:764px;}
[data-scene="s03-materials"] .s03-title {left:855px;padding-left:6px;}
@media (max-width:1099px) {
[data-scene="s03-materials"] .s03-title {left:auto;margin-left:7%;padding-left:1vw;}
}

[data-scene="s03-materials"].is-ready .s03-plate {background-color:transparent;}
[data-scene="s03-materials"] .s03-line {left:0;top:15px;width:18px;height:414px;background:none;}
[data-scene="s03-materials"] .s03-line::before {content:"";position:absolute;left:7px;top:5px;width:2px;height:398px;background:#182000;}
[data-scene="s03-materials"] .s03-step1 {top:-9px;height:145px;}
[data-scene="s03-materials"] .s03-step1 h3 {margin-top:15px;}
[data-scene="s03-materials"] .s03-reply {top:5px;}
[data-scene="s03-materials"] .s03-step2 {height:335px;}

[data-scene="s03-materials"] .s03-shadow {position:absolute;left:-32px;top:-32px;width:calc(100% + 64px);height:calc(100% + 64px);background-size:100% 100%;}
[data-scene="s03-materials"] .s03-reply {filter:none;}
[data-scene="s03-materials"] .s03-contract {filter:none;}
[data-scene="s03-materials"] .s03-step1 {top:-36px;height:172px;}
[data-scene="s03-materials"] .s03-step1 h3 {margin-top:42px;}
[data-scene="s03-materials"] .s03-reply {top:32px;}
[data-scene="s03-materials"] .s03-step3 {height:190px;}

/* Mobile field follows the viewport, while content retains the approved 863px cap.
   The entire reconstructed plate scales continuously; no clamped edge columns. */
@media (max-width:1099px) {
[data-scene="s03-materials"] .s03-background {left:calc((100% - 100vw) / 2 - 11.124vw);top:-11.124vw;width:122.248vw;height:calc(100% + 22.248vw);}
}
@media (min-width:1100px) {
[data-scene="s03-materials"] .s03-title-desktop .s03-title-line:nth-child(2) {-webkit-text-stroke:2.65px currentColor;}
[data-scene="s03-materials"] .s03-phone {transform-origin:492.5px 439.5px;}
}

/* Dots and connector are a single guide, so card tilt cannot pull a dot off its line. */
[data-scene="s03-materials"] .s03-guide-dot {position:absolute;left:0;width:15px;height:15px;border-radius:50%;background:#050700;}
[data-scene="s03-materials"] .s03-guide-dot1 {top:-1px;}
[data-scene="s03-materials"] .s03-guide-dot2 {top:93px;}
[data-scene="s03-materials"] .s03-guide-dot3 {top:395px;}

/* Step labels stay readable while the message plate and its owned shadow tilt. */
[data-scene="s03-materials"] .s03-card-motion {position:absolute;inset:0;}

[data-scene="s03-materials"] .s03-step2 h3,[data-scene="s03-materials"] .s03-step3 h3 {top:-8px;}