/* Second editorial pass. Scoped to the requested sections; hero stays intact. */
@media(min-width:761px) and (max-width:1300px) { .sp-story .se-cases .se-browser { margin-bottom:82px; }.sp-story .se-cases .se-phone { width:65px; height:110px; bottom:18px; } }
@media(max-width:760px) {
 .sp-story .se-cases .se-browser { margin-bottom:82px; }
 .sp-story .se-cases .se-phone { height:110px; width:65px; bottom:18px; }
 .sp-story .se-process .sp-process__steps h3 br { display:initial; }
 .sp-story .se-step-art { display:block; }
 .sp-story .se-step-art>div { position:absolute; left:50%; top:16px; }
 .sp-story .se-step-art .se-brief { transform:translateX(-50%) rotate(-6deg) scale(.52); }
 .sp-story .se-step-art .se-mini-layout { transform:translateX(-50%) rotate(4deg) scale(.46); }
 .sp-story .se-step-art .se-code-window { transform:translateX(-50%) rotate(-3deg) scale(.46); }
 .sp-story .se-step-art .se-check-sheet { transform:translateX(-50%) rotate(5deg) scale(.53); }
}
.sp-story .se-process { background:radial-gradient(ellipse at 50% 20%,#234b76,transparent 68%),#102748; }
.se-process .sp-heading>p:last-child { color:#c0d1e9; max-width:710px; }
.se-process .sp-process__steps { gap:28px; position:relative; }
.se-process .sp-process__steps li { border:0; padding:0; min-width:0; display:flex; flex-direction:column; }
.se-process .sp-process__steps li:before { display:none; }
.se-process .sp-process__steps li>span { font-size:11px; text-transform:uppercase; letter-spacing:.06em; margin:25px 0 14px; }
.se-process .sp-process__steps h3 { font-size:24px; line-height:1.2; }.se-process .sp-process__steps p { margin:16px 0 22px; font-size:14px; }.se-process .sp-process__steps small { display:block; margin-top:auto; padding-top:15px; border-top:1px solid #466383; color:#a9bfdc; font-size:11px; line-height:1.4; }
.se-step-art { height:175px; position:relative; display:grid; place-items:center; border-bottom:1px solid #54728f; padding-bottom:18px; }
.se-step-art:after { content:'→'; position:absolute; right:-23px; top:68px; font-size:24px; color:#80a3cd; }.se-step-art--check:after { display:none; }
.se-brief { width:145px; height:145px; padding:17px; background:#f8f1df; border:1px solid #d2c39f; box-shadow:6px 6px 0 #43607c; border-radius:3px; transform:rotate(-7deg); color:#665337; }.se-brief b,.se-mini-layout>b,.se-code-window b,.se-check-sheet b { display:block; font-size:9px; letter-spacing:.09em; }.se-brief i { display:block; width:100%; height:4px; background:#d2c6ae; margin-top:15px; }.se-brief i:nth-of-type(2) { width:76%; }.se-brief i:nth-of-type(3) { width:88%; }.se-brief>span { display:block; font-size:8px; margin-top:16px; }
.se-mini-layout { width:175px; height:140px; border:4px solid #fff; border-radius:8px; padding:15px; background:#e5eafd; color:#1a4e9a; transform:rotate(4deg); box-shadow:0 10px 22px #03152d30; }.se-mini-layout>div { display:flex; gap:10px; align-items:center; margin:14px 0; }.se-mini-layout i { display:block; width:65px; height:5px; background:#5086cf; box-shadow:0 10px #a4bbdd; }.se-mini-layout>div>span { display:grid; place-items:center; background:#c7eb9e; border-radius:45%; width:43px; height:43px; font-size:25px; }.se-mini-layout em { display:inline-block; width:44%; height:15px; border-radius:3px; background:#c6d4ec; margin-right:5px; }
.se-code-window { width:170px; height:133px; background:#0b1934; border:1px solid #7293b6; border-radius:7px; padding:16px; box-shadow:6px 6px 0 #1c4875; transform:rotate(-3deg); }.se-code-window b { color:#829fbe; }.se-code-window strong { display:block; color:#c3ec9c; font:700 22px/1 monospace; margin-top:16px; }.se-code-window i { display:block; height:3px; width:75%; background:#439db6; margin:8px 0 0 10px; }.se-code-window i:nth-of-type(2) { width:50%; background:#8270b6; }.se-code-window>span { font:11px monospace; display:block; color:#86b28d; margin-top:10px; }
.se-check-sheet { width:145px; height:140px; background:#c7eba6; color:#295d40; border-radius:4px 25px 4px 4px; padding:18px; transform:rotate(6deg); box-shadow:5px 5px 0 #43766a; }.se-check-sheet>span { display:block; font-size:13px; margin-top:12px; }
.se-process-handoff { display:flex; align-items:center; gap:18px; margin-top:32px; padding:20px 24px; background:#ffffff08; border-left:3px solid #b7e595; border-radius:0 8px 8px 0; }.se-process-handoff>span { color:#b7e595; font-size:26px; }.sp-story .se-process-handoff p { color:#c5d4e8; font-size:14px; max-width:950px; }.se-process-handoff b { color:#d4efb7; }
@media(min-width:761px) and (max-width:1100px) { .se-process .sp-process__steps { gap:36px; }.se-process .sp-process__steps li:nth-child(2) .se-step-art:after { display:none; } }
@media(max-width:760px) { .se-process .sp-process__steps { grid-template-columns:1fr; gap:28px; }.se-process .sp-process__steps li { display:grid; grid-template-columns:95px minmax(0,1fr); column-gap:20px; align-items:start; }.se-step-art { grid-column:1; grid-row:1/5; width:95px; height:150px; border:0; padding:0; align-items:start; padding-top:16px; }.se-step-art:after { display:none; }.se-brief { transform:rotate(-6deg) scale(.58); transform-origin:top center; }.se-mini-layout { transform:rotate(4deg) scale(.5); transform-origin:top center; }.se-code-window { transform:rotate(-3deg) scale(.52); transform-origin:top center; }.se-check-sheet { transform:rotate(5deg) scale(.61); transform-origin:top center; }.se-process .sp-process__steps li>span { grid-column:2; margin:0 0 10px; font-size:9px; }.se-process .sp-process__steps h3 { grid-column:2; font-size:22px; }.se-process .sp-process__steps h3 br { display:none; }.se-process .sp-process__steps p { grid-column:2; font-size:15px; margin:12px 0 16px; }.se-process .sp-process__steps small { grid-column:2; font-size:10px; padding-top:12px; }.se-process-handoff { padding:18px; margin-top:28px; }.se-process-handoff>span { display:none; }.sp-story .se-process-handoff p { font-size:14px; } }
@media(max-width:360px) { .se-process .sp-process__steps li { grid-template-columns:70px minmax(0,1fr); column-gap:14px; }.se-step-art { width:70px; }.se-process .sp-process__steps h3 { font-size:20px; } }
.sp-story .se-scope { display:block; background:radial-gradient(ellipse at 5% 55%,#f6e5c1,transparent 58%),#fffaf1; }
.se-scope .sp-heading { max-width:960px; }.se-scope .sp-heading h2 span { color:#956224; }
.se-scope-layout { display:grid; grid-template-columns:.85fr 1.15fr; gap:7%; align-items:center; }
.se-receipt { position:relative; margin:8px 14px 18px 0; padding:30px 34px 38px; background:#fff; border:1px solid #dcc8a5; border-radius:5px; transform:rotate(-2deg); box-shadow:9px 10px 0 #e9d9bc,0 25px 40px #65533412; }
.se-receipt:after { content:''; position:absolute; left:0; right:0; bottom:-7px; height:9px; background:linear-gradient(135deg,#fff 25%,transparent 25%) -7px 0/14px 14px,linear-gradient(225deg,#fff 25%,transparent 25%) -7px 0/14px 14px; }
.se-receipt__top { display:flex; align-items:center; justify-content:space-between; gap:15px; font-size:10px; letter-spacing:.08em; color:#786a51; font-weight:700; padding-bottom:22px; border-bottom:1px dashed #c7bda9; }.se-receipt__top>span:last-child { font-size:26px; color:#967036; }
.se-receipt__from { display:block; color:#b17c36; font-weight:800; font-size:35px; line-height:1; margin:24px 0 8px; }
.se-receipt__price { font-size:clamp(46px,5vw,72px); line-height:1; letter-spacing:-.06em; white-space:nowrap; color:#24394f; }.se-receipt__price small { font-size:.6em; }
.sp-story .se-receipt>p { font-size:15px; line-height:1.4; margin-top:20px; color:#6d644e; }
.se-receipt dl { margin:26px 0; }.se-receipt dl>div { display:flex; align-items:center; justify-content:space-between; gap:14px; padding:12px 0; border-bottom:1px solid #e5dfd3; font-size:13px; line-height:1.4; }.se-receipt dt { color:#70695d; }.se-receipt dd { margin:0; font-weight:700; white-space:nowrap; }
.se-receipt__seal { display:flex; align-items:center; gap:14px; width:max-content; max-width:100%; padding:12px 17px; border:1px solid #94bcb0; color:#326858; border-radius:4px; background:#eff8ef; transform:rotate(3deg); }.se-receipt__seal>span { font-size:27px; }.se-receipt__seal b { font-size:12px; line-height:1.4; }
.sp-story .se-scope-rows article { display:grid; grid-template-columns:76px 1fr; gap:24px; padding:26px 0; border-left:0; border-bottom:1px solid #e0d2b9; }.sp-story .se-scope-rows article:first-child { padding-top:0; }.sp-story .se-scope-rows article:last-child { padding-bottom:0; border-bottom:0; }
.se-scope-rows article>div>span { display:block; color:#8d6932; font-size:10px; letter-spacing:.08em; text-transform:uppercase; font-weight:700; margin-bottom:12px; }.se-scope-rows h3 { font-size:26px; }.se-scope-rows p { margin-top:12px; }
.se-scope-icon { width:76px; height:80px; position:relative; color:#38619e; }.se-scope-icon--pages i { position:absolute; width:40px; height:52px; border:1px solid #a4b9d5; border-radius:4px; background:#f5f9ff; left:9px; top:8px; transform:rotate(-12deg); }.se-scope-icon--pages i:nth-child(2) { left:20px; top:15px; transform:rotate(4deg); background:#dae9fc; }.se-scope-icon--pages i:nth-child(3) { left:29px; top:23px; transform:rotate(15deg); background:#fff; }.se-scope-icon--pages i:after { content:''; position:absolute; left:7px; top:11px; width:23px; height:3px; background:#96b4d6; box-shadow:0 9px #c4d4e8,0 18px #c4d4e8; }
.se-scope-icon--content { display:grid; place-items:center; background:#ece3f7; border-radius:18px 3px 18px 3px; transform:rotate(-4deg); color:#755399; }.se-scope-icon--content b { font-size:31px; letter-spacing:-.08em; }.se-scope-icon--content i { position:absolute; bottom:13px; width:33px; height:2px; background:#b49ace; }.se-scope-icon--code { display:grid; place-items:center; background:#dcece5; border-radius:3px 18px 3px 18px; font:700 27px/1 monospace; color:#3c7961; transform:rotate(4deg); }
.se-scope-note { display:grid; grid-template-columns:30px 1fr auto; gap:18px; align-items:center; border-top:1px solid #decdad; margin-top:38px; padding-top:24px; }.se-scope-note>span { color:#9c7336; font-size:30px; }.se-scope-note p { font-size:14px; }.se-scope-note p b { color:#725830; }.se-scope-note a { font-size:13px; white-space:nowrap; }
@media(max-width:1100px) { .se-scope-layout { gap:5%; grid-template-columns:.9fr 1.1fr; }.se-receipt { padding:24px; }.sp-story .se-scope-rows article { grid-template-columns:55px 1fr; gap:16px; }.se-scope-icon { width:55px; height:65px; }.se-scope-icon--pages { transform:scale(.8); transform-origin:left top; }.se-scope-rows h3 { font-size:23px; }.se-receipt dl>div { flex-wrap:wrap; gap:6px; } }
@media(max-width:760px) { .se-scope-layout { grid-template-columns:1fr; gap:34px; }.se-receipt { margin:6px 12px 8px 4px; padding:25px; }.se-receipt__price { font-size:58px; }.se-receipt__from { font-size:28px; }.se-receipt__top { font-size:9px; }.se-receipt dl>div { font-size:12px; }.sp-story .se-scope-rows article { grid-template-columns:46px 1fr; gap:16px; padding:24px 0; }.se-scope-icon { width:46px; height:56px; }.se-scope-icon--pages { transform:scale(.66); }.se-scope-icon--content b { font-size:24px; }.se-scope-icon--code { font-size:22px; }.se-scope-rows article>div>span { font-size:9px; margin-bottom:10px; }.se-scope-rows h3 { font-size:21px; }.se-scope-rows p { font-size:15.5px; }.se-scope-note { grid-template-columns:1fr; gap:14px; margin-top:28px; }.se-scope-note>span { display:none; }.se-scope-note p { font-size:14px; }.se-scope-note a { justify-self:start; padding:8px 0; } }
.se-cases { background:radial-gradient(ellipse at 85% 45%,#e2dcfc,transparent 60%),#f4f8ff; }
.se-cases__heading { display:grid; grid-template-columns:1.4fr .6fr; align-items:end; gap:40px; margin-bottom:24px; }
.se-cases__heading>p { max-width:340px; }
.sp-story .se-draft { display:inline-block; padding:10px 14px; margin-bottom:26px; border:1px dashed #9cadd0; border-radius:5px; color:#5d6e90; font-size:12px; }
.se-case-main { display:grid; grid-template-columns:1.4fr 1fr; background:#fff; border:1px solid #cbd8f1; border-radius:8px 48px 8px 8px; overflow:hidden; box-shadow:0 24px 50px #173d6510; }
.se-case-stage { position:relative; min-width:0; padding:30px 38px 60px; background:linear-gradient(135deg,#dbe9ff,#e2def8 70%,#ccefe5); }
.se-case-stage__label { display:block; color:#476387; font-size:10px; letter-spacing:.08em; font-weight:700; margin-bottom:32px; }
.se-browser { width:88%; border:1px solid #aebfe0; border-radius:10px; background:#f8fbff; transform:rotate(-3deg); box-shadow:0 20px 35px #2f448f16; }
.se-browser__bar { display:flex; align-items:center; gap:5px; border-bottom:1px solid #d9e2f0; height:28px; padding:0 12px; }.se-browser__bar i { width:5px; height:5px; border-radius:50%; background:#acbdd8; }.se-browser__bar span { margin-left:auto; font-size:8px; letter-spacing:.1em; color:#637694; }
.se-browser__empty { padding:30px; min-height:240px; background:linear-gradient(130deg,#f7fbff,#edf1fc); border-radius:0 0 10px 10px; }
.se-browser__empty>span { display:block; color:#306cdc; font-size:36px; margin-bottom:24px; }.se-browser__empty strong { font-size:clamp(25px,2.5vw,38px); letter-spacing:-.04em; line-height:1.12; display:block; }.se-browser__empty p { font-size:12px; margin-top:18px; color:#6e7f9a; }
.se-phone { position:absolute; right:22px; bottom:26px; width:105px; height:190px; border:5px solid #fff; border-radius:20px; background:#185dda; color:#fff; transform:rotate(7deg); box-shadow:0 12px 24px #17446c26; display:flex; align-items:center; flex-direction:column; justify-content:center; padding:12px; }
.se-phone__notch { position:absolute; top:5px; width:35px; height:5px; background:#12376b; border-radius:20px; }.se-phone__cross { font-size:36px; font-weight:300; color:#c9f299; }.sp-story .se-phone p { font-size:11px; text-align:center; color:#fff; margin-top:18px; }
.se-case-copy { padding:38px; display:flex; flex-direction:column; }.se-overline { font-size:10px; line-height:1.5; color:#5d7394; letter-spacing:.08em; font-weight:700; }.se-case-copy h3 { font-size:31px; margin-top:20px; }.se-case-copy dl { margin:26px 0; }.se-case-copy dl>div { border-top:1px solid #d7e1ef; padding:18px 0; }.se-case-copy dt { font-size:12px; font-weight:700; color:#2362bc; margin-bottom:8px; }.se-case-copy dd { margin:0; font-size:14px; line-height:1.5; color:#597094; }.sp-story .se-case-link-slot { display:flex; justify-content:space-between; align-items:center; gap:10px; padding-top:18px; border-top:1px solid #d7e1ef; font-size:12px; color:#70809a; margin-top:auto; }
.se-case-reserves { display:grid; grid-template-columns:1fr 1fr; gap:26px; margin-top:26px; }.se-case-reserves article { display:grid; grid-template-columns:100px 1fr; gap:22px; padding:20px; border:1px solid #d3ddee; background:#ffffffb3; border-radius:7px; align-items:center; }.se-case-reserves__preview { height:95px; background:#e5edfb; display:grid; place-items:center; border:1px dashed #a9bad7; border-radius:6px; }.se-case-reserves__preview span { color:#8a9fc1; font-size:35px; font-weight:300; }.se-case-reserves article:nth-child(2) .se-case-reserves__preview { background:#e8e1f7; }.se-case-reserves h3 { font-size:18px; margin:9px 0; }.se-case-reserves p { font-size:13px; }
@media(max-width:1100px) { .se-cases__heading { grid-template-columns:1fr; gap:20px; }.se-cases__heading>p { max-width:620px; }.se-case-main { grid-template-columns:1.15fr 1fr; }.se-case-stage { padding:25px 24px 60px; }.se-browser { width:93%; }.se-browser__empty { padding:24px; }.se-case-copy { padding:26px; }.se-case-copy h3 { font-size:27px; }.se-case-reserves article { grid-template-columns:70px 1fr; padding:18px; gap:16px; }.se-case-reserves__preview { height:80px; } }
@media(max-width:760px) { .se-cases__heading { gap:16px; margin-bottom:20px; }.sp-story .se-draft { font-size:11px; padding:10px; }.se-case-main { grid-template-columns:1fr; border-radius:6px 30px 6px 6px; }.se-case-stage { padding:22px 20px 60px; }.se-case-stage__label { font-size:9px; margin-bottom:24px; }.se-browser { width:88%; }.se-browser__empty { min-height:200px; padding:20px; }.se-browser__empty strong { font-size:25px; }.se-browser__empty>span { margin-bottom:18px; font-size:30px; }.se-browser__empty p { font-size:10px; }.se-phone { width:82px; height:145px; right:15px; bottom:24px; padding:8px; }.sp-story .se-phone p { font-size:9px; margin-top:10px; }.se-case-copy { padding:24px; }.se-case-copy h3 { font-size:26px; }.se-case-copy dl { margin:22px 0 8px; }.se-case-copy dd { font-size:14px; }.se-case-reserves { grid-template-columns:1fr; gap:14px; margin-top:18px; }.se-case-reserves h3 { font-size:17px; }.se-case-reserves p { font-size:12px; }.se-case-reserves .se-overline { font-size:9px; } }