.product-story{padding:24px 0 35px}
.story-heading{text-align:center;margin-inline:auto;max-width:970px}
.story-heading .eyebrow{margin-bottom:22px;letter-spacing:.4em;font-size:11px}
.story-heading h1{font-size:clamp(56px,6.5vw,86px);line-height:1.04;letter-spacing:-.045em;margin-bottom:25px}
.story-period{color:#0ea5e9}
.story-description{font-size:22px;line-height:1.55;color:#c3d3e8;margin-bottom:29px}
.story-heading .discuss-button{min-height:54px;font-size:15px;padding:12px 31px;gap:35px}
.story-network{position:relative;width:100%;max-width:1100px;aspect-ratio:1100/560;margin:20px auto 0;scroll-margin-top:24px;background:radial-gradient(ellipse at 50% 50%,#062d6133,transparent 66%)}
.story-network-art{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.story-core-mobile{display:none}
.story-services{list-style:none;margin:0;padding:0}
.story-service{position:absolute;display:flex;gap:18px;align-items:flex-start;width:23.5%;min-height:85px}
.story-service h2{font-family:Inter,system-ui,sans-serif;font-size:20px;line-height:1.25;font-weight:600;margin:5px 0 7px;letter-spacing:-.025em}
.story-service p{font-size:14px;line-height:1.6;color:#b5cbe3;margin:0;max-width:170px}
.story-icon{display:flex;align-items:center;justify-content:center;flex:none;width:66px;height:66px;border:1px solid #0e9bc7;border-radius:9px;background:linear-gradient(150deg,#06254477,#030b1e);box-shadow:inset 0 0 18px #058ede0c}
.story-icon .line-icon{width:40px;height:40px}
.story-backend{left:0;top:14%}.story-frontend{right:0;top:14%}
.story-mobile{left:0;top:42%}.story-ai{right:0;top:42%}
.story-blockchain{left:0;top:70%}.story-delivery{right:0;top:70%}
.delivery-process{text-align:center;border-top:1px solid var(--line);padding:47px 0 39px;margin-bottom:16px}
.delivery-process>header{max-width:800px;margin-inline:auto}
.delivery-process .eyebrow{margin-bottom:18px;font-size:10px;letter-spacing:.4em}
.delivery-process h2{font-family:Montserrat,system-ui,sans-serif;font-weight:900;font-size:clamp(34px,4.25vw,53px);line-height:1.1;letter-spacing:-.04em;margin-bottom:20px}
.delivery-process>header>p:last-child{font-size:19px;line-height:1.6;color:#b9cce5;margin:0}
.process-steps{display:grid;grid-template-columns:repeat(3,1fr);list-style:none;padding:0;margin:43px 0 0;position:relative;gap:55px}
.process-steps:before{content:"";position:absolute;left:16.6%;right:16.6%;top:29px;height:1px;background:linear-gradient(90deg,#0ea5e980,#4f46e57a)}
.process-steps li{position:relative;min-width:0}
.process-number{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;width:59px;height:59px;margin:0 auto 24px;border:1px solid #0ea5e9;border-radius:50%;background:var(--bg);font-size:20px;box-shadow:0 0 16px #0ea5e916}
.process-steps li:nth-child(2) .process-number{border-color:#6366f1;box-shadow:0 0 16px #4f46e51c}
.process-steps li:nth-child(3) .process-number{border-color:#8b5cf6;box-shadow:0 0 16px #8b5cf618}
.process-steps h3{font-size:20px;line-height:1.35;margin-bottom:15px;font-weight:600;letter-spacing:-.02em}
.process-steps p{font-size:15px;line-height:1.8;max-width:300px;margin:0 auto;color:#aebfda}
@media(max-width:1100px){
 .product-story{padding-top:25px}.story-heading h1{font-size:clamp(55px,7vw,77px)}.story-description{font-size:20px}
 .story-service{gap:12px;width:24%}.story-icon{width:49px;height:49px}.story-icon .line-icon{width:32px;height:32px}.story-service h2{font-size:16px;margin-top:1px}.story-service p{font-size:12px;line-height:1.55}
 .process-steps{gap:27px}.process-steps h3{font-size:18px}.process-steps p{font-size:14px}
}
@media(max-width:850px) and (min-width:761px){
 .story-service{gap:9px}.story-icon{width:39px;height:39px;border-radius:6px}.story-icon .line-icon{width:27px;height:27px}.story-service h2{font-size:14px}.story-service p{font-size:11px}
}
@media(max-width:760px){
 .product-story{padding:28px 0 30px}.story-heading .eyebrow{font-size:9px;letter-spacing:.27em;margin-bottom:22px}
 .story-heading h1{font-size:clamp(40px,9vw,62px);line-height:1.08;margin-bottom:23px}.story-description{font-size:17px;max-width:440px;margin:0 auto 27px}
 .story-heading .discuss-button{min-height:50px;font-size:13px;padding:12px 24px;gap:27px}
 .story-network{aspect-ratio:auto;margin-top:20px;background:none}.story-network-art{display:none}.story-core-mobile{display:block;width:245px;max-width:90%;height:auto;overflow:hidden;margin:0 auto 15px}
 .story-services{display:grid;grid-template-columns:1fr 1fr;gap:28px 20px}.story-service{position:static;width:auto;min-height:0;gap:11px}.story-icon{width:41px;height:41px;border-radius:7px}.story-icon .line-icon{width:27px;height:27px}.story-service h2{font-size:15px;margin:0 0 6px}.story-service p{font-size:12px;line-height:1.65}
 .delivery-process{padding:37px 0 23px;margin-bottom:8px}.delivery-process .eyebrow{font-size:9px;letter-spacing:.3em}.delivery-process h2{font-size:clamp(30px,7vw,44px);margin-bottom:18px}.delivery-process>header>p:last-child{font-size:16px}
 .process-steps{display:block;text-align:left;margin-top:35px}.process-steps:before{display:none}.process-steps li{display:grid;grid-template-columns:47px 1fr;column-gap:17px;padding-bottom:29px}.process-steps li:last-child{padding-bottom:0}
 .process-steps li:not(:last-child):before{content:"";position:absolute;width:1px;top:48px;bottom:6px;left:23px;background:linear-gradient(#0ea5e963,#4f46e555)}
 .process-number{width:47px;height:47px;font-size:17px;margin:0;grid-row:1/3}.process-steps h3{font-size:18px;margin:2px 0 9px}.process-steps p{font-size:14px;max-width:none;margin:0;grid-column:2;line-height:1.75}
}
@media(max-width:390px){
 .story-heading h1{font-size:37px}.story-services{gap:24px 14px}.story-service{flex-direction:column;gap:11px}.story-service h2{font-size:15px}.story-service p{font-size:12px}.story-icon{width:40px;height:40px}
}