:root{--primary:#4FB4E8;--primary-dark:#2E90C4;--primary-deep:#1c6f9c;--sky-bg:#E4F4FD;--cream-bg:#FFF6E0;--mint-bg:#E9F7E4;--pink-bg:#FFEFF0;--green:#78C25E;--green-dark:#4e8a3c;--yellow:#FFCF4D;--yellow-dark:#a9821f;--orange:#F79B3E;--orange-dark:#c76f14;--text:#3A4256;--sub:#7A8494;--white:#fff;--radius:24px;--shadow:0 10px 30px rgba(58,66,86,.08)}img{max-width:100%;display:block}h1,h2,h3,h4{font-family:Noto Sans JP,sans-serif}.en{font-family:Inter,sans-serif}.wrap{max-width:1080px;margin:0 auto;padding:0 22px}.mk{background:linear-gradient(transparent 60%,#ffe08a 60%);padding:0 2px}.btn{display:inline-flex;align-items:center;gap:10px;font-family:Noto Sans JP;font-weight:700;border-radius:999px;padding:16px 34px;font-size:16px;transition:.12s;cursor:pointer;border:none;position:relative;text-decoration:none;box-sizing:border-box}.btn svg{width:18px;height:18px;stroke-width:3}.btn-primary{background:var(--orange);color:#fff!important;box-shadow:0 5px 0 var(--orange-dark)}.btn-primary:hover{transform:translateY(2px);box-shadow:0 3px 0 var(--orange-dark);background:var(--orange);color:#fff!important}.btn-primary:after{display:none!important}.btn-blue{background:var(--primary);color:#fff!important;box-shadow:0 5px 0 var(--primary-deep)}.btn-blue:hover{transform:translateY(2px);box-shadow:0 3px 0 var(--primary-deep);background:var(--primary);color:#fff!important}.btn-blue:after{display:none!important}.btn-ghost{background:#fff;color:var(--primary-dark)!important;box-shadow:0 5px #cdebfa;border:2px solid #CDEBFA}.btn-ghost:hover{transform:translateY(2px);box-shadow:0 3px #cdebfa;color:var(--primary-dark)!important;background:#fff}.btn-ghost:after{display:none!important}.btn-white{background:#fff;color:var(--text)!important;box-shadow:0 5px #ddd;border:2px solid #eee}.btn-white:hover{transform:translateY(2px);box-shadow:0 3px #ddd;background:#fff;color:var(--text)!important}.btn-white:after{display:none!important}section{padding:84px 0;position:relative}.sky{background:var(--sky-bg)}.cream{background:var(--cream-bg)}.mint{background:var(--mint-bg)}.pink{background:var(--pink-bg)}.sec-head{text-align:center;margin-bottom:48px}.sec-sub{font-family:Inter;font-weight:800;font-size:14px;letter-spacing:2px;color:var(--primary);text-transform:uppercase;display:block;margin-bottom:6px}.sec-title{font-size:34px;font-weight:900;line-height:1.5}.sec-title small{display:block;font-size:15px;color:var(--sub);font-weight:500;margin-top:12px;font-family:Noto Sans JP}.wave{position:absolute;left:0;width:100%;line-height:0;z-index:1}.wave.top{top:-1px}.wave svg{width:100%;height:60px;display:block}.wd-hero{background:radial-gradient(120% 90% at 80% 0%,#d7effb,#eaf7fe 45%,#fff);padding:60px 0 0;text-align:center}.wd-hero .sec-sub{margin-bottom:10px;font-size:clamp(28px,9vw,42px);letter-spacing:6px;white-space:nowrap}.wd-hero h1{font-size:clamp(28px,4.5vw,52px);font-weight:900;line-height:1.3;letter-spacing:1px}.wd-hero h1 .big{color:var(--primary);font-size:1.15em}.wd-hero .lead{font-size:17px;color:#5b6474;margin:16px 0 28px;font-weight:500;line-height:1.8}.wd-hero .hero-badges{display:flex;gap:20px;margin-top:24px;flex-wrap:wrap;justify-content:center}.hero-badge{display:flex;align-items:center;gap:7px;font-size:13px;font-weight:700}.hero-badge svg{width:22px;height:22px;color:#fff;background:var(--green);border-radius:50%;padding:4px;stroke-width:3;display:block}.hero-badge .ck{position:relative;display:inline-flex;line-height:0}.hero-top-img{width:clamp(400px,60vw,640px);margin:0 auto 24px;filter:drop-shadow(0 12px 20px rgba(58,66,86,.15))}.spec-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:0;background:#fff;border-radius:26px;box-shadow:var(--shadow);overflow:hidden;margin-top:44px}.spec-item{text-align:center;padding:22px 14px;position:relative}.spec-item+.spec-item{border-left:2px dashed #E7ECF2}.spec-item .lbl-top{font-size:12px;color:var(--sub);font-weight:700;margin-bottom:4px}.spec-item .big{font-family:Inter;font-size:28px;font-weight:800;color:var(--primary);line-height:1.2}.spec-item .big .num{font-size:1.3em;color:var(--orange);font-weight:800}.spec-item .lbl{font-size:11px;color:var(--sub);margin-top:2px}.recommend-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.rec-card{background:#fff;border-radius:20px;padding:32px 22px;text-align:center;box-shadow:var(--shadow);transition:transform .3s ease,box-shadow .3s ease;position:relative;overflow:visible}.rec-card:hover{transform:scale(1.5)!important;z-index:10!important;box-shadow:0 12px 40px #3a42562e!important}.rec-icon{width:60px;height:60px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 14px;font-size:28px}.rec-icon.blue{background:#eaf7fe;color:var(--primary)}.rec-icon.orange{background:#fff0db;color:var(--orange)}.rec-icon.green{background:#e9f7e4;color:var(--green)}.rec-icon.pink{background:#ffeff0;color:#e06b7a}.rec-card h4{font-size:16px;font-weight:900;margin-bottom:6px;line-height:1.4}.rec-card p{font-size:13px;color:var(--sub);line-height:1.6}.rec-illust-wrap{position:relative;display:flex;align-items:center;justify-content:center;margin-bottom:16px}.rec-illust{height:auto;filter:drop-shadow(0 6px 12px rgba(58,66,86,.12))}.rec-illust-1{width:200px}.rec-illust-2{width:130px}.rec-illust-3{width:200px}.rec-illust-4{width:150px}.rec-bubble{position:absolute;background:#fff;border:2px solid #e0e6ed;border-radius:14px;padding:8px 14px;font-size:11px;font-weight:700;color:var(--text);line-height:1.5;white-space:nowrap;box-shadow:0 3px 10px #3a42561a;z-index:2;opacity:0;left:50%;transform:translate(-50%,6px);transition:opacity .6s,transform .6s}.rec-bubble:after{content:"";position:absolute;bottom:-8px;left:50%;transform:translate(-50%);width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-top:8px solid #fff;filter:drop-shadow(0 2px 1px rgba(58,66,86,.08))}.rec-bubble:before{content:"";position:absolute;bottom:-11px;left:50%;transform:translate(-50%);width:0;height:0;border-left:9px solid transparent;border-right:9px solid transparent;border-top:9px solid #e0e6ed}.rec-card.visible .rec-bubble{opacity:1;transform:translate(-50%);transition-delay:.5s}.rec-bubble.bl,.rec-bubble.br{top:-33px}.rec-bubble.tl{top:-39px}.flow-grid{display:grid;grid-template-columns:1fr;gap:0;row-gap:32px;counter-reset:step}.step{text-align:center;position:relative;padding:0 12px}.step:not(:last-child):after{content:"";position:absolute;bottom:-22px;left:50%;width:20px;height:20px;border:0;border-bottom:3px solid var(--primary);border-right:3px solid var(--primary);transform:translate(-50%) rotate(45deg);z-index:2}.st{display:block;font-family:Inter;font-size:36px;font-weight:800;letter-spacing:4px;color:var(--primary);margin-bottom:16px;text-transform:uppercase;line-height:1.2}.step-heading{text-align:center;margin-bottom:10px}.step-heading h4{font-size:18px;font-weight:900;margin:0}.step-heading p{font-size:13px;color:var(--sub);line-height:1.6;margin-top:6px}.step-content-side{display:flex;flex-direction:column;gap:16px}.step-content-side>*{flex:1}.step1-layout{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:12px;-moz-column-gap:12px;column-gap:12px;align-items:stretch;margin-top:20px;padding:32px 24px;background:#fff;border-radius:20px;box-shadow:0 8px 32px #3a425614}.step1-center{text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center}.step1-center img{width:220px;margin:0 auto;filter:drop-shadow(0 8px 16px rgba(58,66,86,.12))}.form-mock{background:#fff;border-radius:14px;overflow:hidden;box-shadow:0 4px 20px #3a42561f;max-width:100%;margin:0 auto;border:1px solid #e8eef4;transition:transform .4s cubic-bezier(.19,1,.22,1),box-shadow .4s}.form-mock:hover{transform:translateY(-8px);box-shadow:0 12px 36px #3a42562e}.form-mock-header{background:linear-gradient(135deg,#e4f4fd,#dde9f9);padding:14px 16px;border-bottom:1px solid #d8e4f0}.form-mock-header h5{font-size:13px;font-weight:900;color:var(--text);margin:0}.form-mock-header p{font-size:10px;color:var(--sub);margin:4px 0 0}.form-mock-body{padding:14px 16px}.form-field{margin-bottom:12px}.form-label{font-size:10px;font-weight:700;color:var(--text);margin-bottom:4px;display:flex;align-items:center;gap:4px}.form-label .req{color:#e05555;font-size:9px}.form-input{width:100%;border:1.5px solid #dde4ec;border-radius:8px;padding:8px 10px;font-size:11px;color:var(--text);background:#fafbfc;font-family:Noto Sans JP,sans-serif;position:relative;min-height:32px;overflow:hidden;transition:border-color .3s;box-sizing:border-box}.form-input.active{border-color:var(--primary)}.form-input .typed-text{color:var(--text)}.form-input .cursor{display:inline-block;width:1.5px;height:13px;background:var(--primary);vertical-align:text-bottom;margin-left:1px;animation:cursorBlink .7s step-end infinite}@keyframes cursorBlink{0%,to{opacity:1}50%{opacity:0}}.form-btn{display:block;width:100%;padding:10px;background:var(--orange);color:#fff;font-size:12px;font-weight:700;border:none;border-radius:999px;cursor:pointer;margin-top:14px;font-family:Noto Sans JP;box-shadow:0 3px 0 var(--orange-dark);opacity:0;transition:opacity .4s}.line-chat{background:#8caad0;border-radius:14px;overflow:hidden;box-shadow:0 4px 20px #3a42561f;max-width:100%;margin:0 auto;transition:transform .4s cubic-bezier(.19,1,.22,1),box-shadow .4s;display:flex;flex-direction:column}.line-chat:hover{transform:translateY(-8px);box-shadow:0 12px 36px #3a42562e}.line-header{background:#6b97c4;padding:10px 14px;display:flex;align-items:center;gap:10px}.line-header-icon{width:32px;height:32px;border-radius:50%;background:#fff;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;color:#6b97c4}.line-header-name{color:#fff;font-size:13px;font-weight:700}.line-body{padding:16px 12px;flex:1;display:flex;flex-direction:column;gap:10px}.line-msg{max-width:85%;padding:10px 14px;border-radius:16px;font-size:12px;line-height:1.6;opacity:0;transform:translateY(10px)}.line-msg.left{background:#fff;color:#333;align-self:flex-start;border-bottom-left-radius:4px}.line-msg.right{background:#78c25e;color:#fff;align-self:flex-end;border-bottom-right-radius:4px}.line-msg.m1,.line-msg.m2,.line-msg.m3{animation:none}.line-msg.line-show{opacity:1;transform:translateY(0);transition:opacity .5s,transform .5s}.line-time{font-size:9px;color:#ffffffb3;text-align:right;opacity:0;transition:opacity .3s}.line-time.line-show{opacity:1}.step2-layout{display:grid;grid-template-columns:1fr 1fr 1.2fr;gap:12px;-moz-column-gap:12px;column-gap:12px;align-items:stretch;margin-top:20px;padding:32px 24px;background:#fff;border-radius:20px;box-shadow:0 8px 32px #3a425614}.step2-center{text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center}.step2-center img{width:280px;margin:0 auto;filter:drop-shadow(0 8px 16px rgba(58,66,86,.12))}.hearing-list{background:#fff;border-radius:14px;overflow:hidden;box-shadow:0 4px 20px #3a42561f;max-width:100%;margin:0 auto;border:1px solid #e8eef4}.hearing-list-header{background:linear-gradient(135deg,#e9f7e4,#d8f0d0);padding:14px 16px;border-bottom:1px solid #c8e4be}.hearing-list-header h5{font-size:13px;font-weight:900;color:var(--text);margin:0;display:flex;align-items:center;gap:6px}.hearing-list-body{padding:14px 16px}.hearing-item{display:flex;align-items:flex-start;gap:10px;padding:8px 0;border-bottom:1px solid #f0f0f0;font-size:12px;color:var(--text);line-height:1.5;opacity:0;transform:translate(-10px);transition:opacity .5s,transform .5s}.hearing-item:last-child{border-bottom:none}.hearing-item .hi-icon{flex-shrink:0;width:20px;height:20px;border-radius:50%;background:var(--green);color:#fff;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700}.hearing-item.show{opacity:1;transform:translate(0)}.share-mock{background:#fff;border-radius:14px;overflow:hidden;box-shadow:0 4px 20px #3a42561f;max-width:100%;margin:0 auto;border:1px solid #e8eef4}.share-mock-header{background:linear-gradient(135deg,#e4f4fd,#d4ecfa);padding:14px 16px;border-bottom:1px solid #c4ddf0}.share-mock-header h5{font-size:13px;font-weight:900;color:var(--text);margin:0;display:flex;align-items:center;gap:6px}.share-mock-body{padding:14px 16px}.share-file{display:flex;align-items:center;gap:10px;padding:10px 12px;background:#fafbfc;border-radius:10px;margin-bottom:8px;border:1px solid #eef2f6;opacity:0;transform:translateY(8px);transition:opacity .5s,transform .5s}.share-file:last-child{margin-bottom:0}.share-file.show{opacity:1;transform:translateY(0)}.share-file-icon{width:36px;height:36px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0}.share-file-icon.img{background:#ffeff0}.share-file-icon.doc{background:#e4f4fd}.share-file-icon.ref{background:#fff6e0}.share-file-info{flex:1;min-width:0}.share-file-name{font-size:11px;font-weight:700;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.share-file-size{font-size:10px;color:var(--sub)}.step3-layout{display:grid;grid-template-columns:1.2fr .8fr .8fr;gap:12px;-moz-column-gap:12px;column-gap:12px;align-items:stretch;margin-top:20px;padding:32px 24px;background:#fff;border-radius:20px;box-shadow:0 8px 32px #3a425614}.step3-center{text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center}.step3-center img{width:220px;margin:0 auto;filter:drop-shadow(0 8px 16px rgba(58,66,86,.12))}.design-preview{background:#fff;border-radius:14px;overflow:hidden;box-shadow:0 4px 20px #3a42561f;max-width:100%;margin:0;border:1px solid #e8eef4;transition:transform .4s cubic-bezier(.19,1,.22,1),box-shadow .4s}.design-preview:hover{transform:translateY(-8px);box-shadow:0 12px 36px #3a42562e}.design-preview-header{background:linear-gradient(135deg,#e4f4fd,#d4ecfa);padding:12px 16px;border-bottom:1px solid #c4ddf0;display:flex;align-items:center;gap:8px}.design-preview-header .dots{display:flex;gap:5px}.design-preview-header .dots span{width:8px;height:8px;border-radius:50%}.design-preview-header .dots span:nth-child(1){background:#ff6b6b}.design-preview-header .dots span:nth-child(2){background:#ffc554}.design-preview-header .dots span:nth-child(3){background:#69db7c}.url-bar{background:#fff;border-radius:6px;padding:4px 12px;font-size:10px;color:var(--sub);flex:1}.design-preview-body{padding:0;overflow:hidden}.dp-hero{background:linear-gradient(135deg,#f8e8ef,#fce4ec);padding:24px 16px;text-align:center}.dp-hero h6{font-size:16px;font-weight:900;color:#333;margin:0 0 4px}.dp-hero p{font-size:10px;color:#666;margin:0}.dp-content{padding:14px 16px}.design-preview-body .dp-block{height:10px;background:#e8ecf0;border-radius:4px;margin-bottom:6px;opacity:0;transform:scaleX(0);transform-origin:left;transition:opacity .4s,transform .6s cubic-bezier(.19,1,.22,1)}.design-preview-body .dp-block.show{opacity:1;transform:scaleX(1)}.design-preview-body .dp-block.w60{width:60%}.design-preview-body .dp-block.w80{width:80%}.design-preview-body .dp-block.w100{width:100%}.design-preview-body .dp-block.w40{width:40%}.design-preview-body .dp-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:8px}.design-preview-body .dp-card{background:#f4f6f8;border-radius:6px;height:40px;opacity:0;transform:translateY(8px);transition:opacity .4s,transform .4s}.design-preview-body .dp-card.show{opacity:1;transform:translateY(0)}.progress-timeline{background:#fff;border-radius:14px;overflow:hidden;box-shadow:0 4px 20px #3a42561f;max-width:100%;margin:0;border:1px solid #e8eef4;transition:transform .4s cubic-bezier(.19,1,.22,1),box-shadow .4s}.progress-timeline:hover{transform:translateY(-8px);box-shadow:0 12px 36px #3a42562e}.progress-timeline-header{background:linear-gradient(135deg,#fff6e0,#ffefc4);padding:14px 16px;border-bottom:1px solid #eed9a0}.progress-timeline-header h5{font-size:13px;font-weight:900;color:var(--text);margin:0;display:flex;align-items:center;gap:6px}.progress-timeline-body{padding:14px 16px}.tl-item{display:flex;align-items:flex-start;gap:12px;padding:8px 0;position:relative;opacity:0;transform:translate(10px);transition:opacity .5s,transform .5s}.tl-item.show{opacity:1;transform:translate(0)}.tl-item+.tl-item{border-top:1px solid #f0f0f0}.tl-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0;margin-top:3px}.tl-dot.done{background:var(--green)}.tl-dot.active{background:var(--orange);box-shadow:0 0 0 4px #f79b3e33;animation:tlPulse 1.5s ease infinite}.tl-dot.wait{background:#dde4ec}@keyframes tlPulse{0%,to{box-shadow:0 0 0 4px #f79b3e33}50%{box-shadow:0 0 0 8px #f79b3e1a}}.tl-info{flex:1}.tl-label{font-size:12px;font-weight:700;color:var(--text)}.tl-time{font-size:10px;color:var(--sub);margin-top:2px}.step4-layout{display:grid;grid-template-columns:3fr 2fr;gap:32px;align-items:center;margin-top:20px;padding:36px 32px;background:#fff;border-radius:20px;box-shadow:0 8px 32px #3a425614}.step4-right{text-align:center}.step4-right img{width:495px;margin:0 auto;filter:drop-shadow(0 8px 16px rgba(58,66,86,.12))}.feedback-mock{background:#8b9dc3;border-radius:14px;overflow:hidden;box-shadow:0 4px 20px #3a42561f;max-width:100%;margin:0 auto;border:1px solid #7a8db5;transition:transform .4s cubic-bezier(.19,1,.22,1),box-shadow .4s}.feedback-mock:hover{transform:translateY(-8px);box-shadow:0 12px 36px #3a42562e}.feedback-mock-header{background:linear-gradient(135deg,#6b7fa0,#5c6f90);padding:12px 16px;border-bottom:1px solid #5a6d8a}.feedback-mock-header h5{font-size:14px;font-weight:900;color:#fff;margin:0;display:flex;align-items:center;gap:6px}.feedback-mock-body{padding:16px 14px;display:flex;flex-direction:column;gap:10px}.fb-msg{display:flex;align-items:flex-end;gap:8px;opacity:0;transition:opacity .5s,transform .5s}.fb-msg.client{flex-direction:row;transform:translate(-30px)}.fb-msg.designer{flex-direction:row-reverse;transform:translate(30px)}.fb-msg.show{opacity:1;transform:translate(0)}.fb-avatar{width:28px;height:28px;border-radius:50%;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:11px;color:#fff;font-weight:700}.fb-avatar.client{background:var(--orange)}.fb-avatar.designer{background:var(--primary)}.fb-bubble{max-width:78%;padding:10px 14px;font-size:14px;line-height:1.5;font-weight:500;position:relative;word-break:break-word}.fb-msg.client .fb-bubble{background:#fff;color:var(--text);border-radius:16px 16px 16px 4px}.fb-msg.designer .fb-bubble{background:#78c25e;color:#fff;border-radius:16px 16px 4px}.fb-time{font-size:9px;color:#fff9;flex-shrink:0;margin-bottom:2px}.step5-layout{display:flex;align-items:center;justify-content:center;gap:24px;margin-top:20px;padding:32px 24px;background:#fff;border-radius:20px;box-shadow:0 8px 32px #3a425614}.step5-center{text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1}.step5-center img{width:220px;margin:0 auto;filter:drop-shadow(0 8px 16px rgba(58,66,86,.12))}.step5-mock{position:relative;flex:0 0 auto}.step5-mock-frame{position:relative;z-index:2;width:100%;display:block;pointer-events:none;filter:drop-shadow(0 16px 26px rgba(58,66,86,.2))}.step5-mock-screen{position:absolute;z-index:1;overflow:hidden;background:#0b0018}.step5-mock-shot{width:100.6%;margin-left:-.3%;display:block}.step5-phone{width:160px}.step5-phone .step5-mock-screen{left:5.848%;top:2.382%;width:88.304%;height:95.119%;border-radius:8.5%/4.4%}.step5-laptop{width:430px;margin-bottom:6px}.step5-laptop .step5-mock-screen{left:11.765%;top:6.773%;width:76.471%;height:82.171%}.step5-phone .step5-mock-shot{animation:step5ScrollPhone 32s ease-in-out infinite}.step5-laptop .step5-mock-shot{animation:step5ScrollDesk 18.6s ease-in-out infinite}@keyframes step5ScrollPhone{0%,6%{transform:translateY(0)}50%,56%{transform:translateY(-91.91%)}to{transform:translateY(0)}}@keyframes step5ScrollDesk{0%,7%{transform:translateY(0)}50%,57%{transform:translateY(-84.4%)}to{transform:translateY(0)}}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:32px;max-width:900px;margin:0 auto}.detail-card{background:#fff;border-radius:20px;padding:32px;box-shadow:var(--shadow)}.detail-card h3{font-size:20px;font-weight:900;margin-bottom:18px;display:flex;align-items:center;gap:10px}.detail-card h3 svg{width:24px;height:24px;color:var(--primary);stroke-width:2.5;flex-shrink:0}.detail-list{list-style:none;padding:0}.detail-list li{font-size:14px;padding:10px 0;border-bottom:1px solid #f0f0f0;display:flex;align-items:flex-start;gap:10px;font-weight:500;line-height:1.5}.detail-list li:last-child{border-bottom:none}.detail-list .ck{color:var(--green);flex-shrink:0;margin-top:2px}.detail-list .ck svg{width:18px;height:18px;stroke-width:3}.detail-list .plus{color:var(--orange);flex-shrink:0;margin-top:2px;font-weight:800;font-size:16px}.perf-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;max-width:700px;margin:0 auto}.perf-card{background:#fff;border-radius:20px;padding:28px 20px;text-align:center;box-shadow:var(--shadow)}.perf-card .perf-num{font-family:Inter;font-size:56px;font-weight:800;color:var(--primary);line-height:1}.perf-bounce{display:inline-block;opacity:0;transform:translateY(30px) scale(.5);transition:opacity .4s,transform .8s cubic-bezier(.34,1.56,.64,1)}.perf-bounce.active{opacity:1;transform:translateY(0) scale(1)}.perf-card .perf-unit{font-size:16px;color:var(--primary);font-weight:700;margin-left:4px}.perf-card .perf-label{display:block;font-size:13px;color:var(--sub);font-weight:700;margin-top:8px}.cta-section{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-deep) 100%);padding:80px 0;text-align:center;color:#fff;position:relative;overflow:hidden}.cta-section:before{content:"";position:absolute;top:-60px;right:-60px;width:200px;height:200px;background:#ffffff0f;border-radius:50%}.cta-section:after{content:"";position:absolute;bottom:-80px;left:-40px;width:260px;height:260px;background:#ffffff0a;border-radius:50%}.cta-section h2{font-size:clamp(24px,4vw,42px);font-weight:900;margin-bottom:8px}.cta-section .cta-sub{font-size:16px;opacity:.85;margin-bottom:32px}.cta-btns{display:flex;gap:16px;flex-wrap:wrap;justify-content:center;position:relative;z-index:2}.work-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.work{display:block;text-decoration:none;border-radius:20px;overflow:hidden;background:#fff;box-shadow:var(--shadow);transition:transform .25s,box-shadow .25s}.work:hover{transform:translateY(-6px);box-shadow:0 16px 40px #3a425624}.work .thumb{overflow:hidden}.work .thumb img{width:100%;aspect-ratio:16/9;-o-object-fit:cover;object-fit:cover;transition:transform .6s}.work:hover .thumb img{transform:scale(1.05)}.work .body{padding:18px 20px}.work .tags{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:8px}.work .tags span{font-size:11px;background:#eaf7fe;color:var(--primary-dark);border-radius:100px;padding:3px 10px;font-weight:700}.work h4{font-size:15px;font-weight:900;margin-bottom:4px}.work p{font-size:13px;color:var(--sub);line-height:1.5}.reveal{opacity:0;transform:translateY(40px);transition:opacity .9s cubic-bezier(.19,1,.22,1),transform .9s cubic-bezier(.19,1,.22,1)}.reveal.visible{opacity:1;transform:translateY(0)}@media(max-width:768px){.spec-strip{grid-template-columns:repeat(2,1fr)}.spec-item:nth-child(3){border-left:none}.recommend-grid{grid-template-columns:1fr 1fr}.rec-card:hover{transform:none!important;z-index:auto!important;box-shadow:var(--shadow)!important}.flow-grid{grid-template-columns:1fr;gap:28px}.step1-layout{grid-template-columns:1fr;gap:20px;padding:20px 14px}.step1-center{order:-1}.step-content-side{gap:12px}.form-mock,.line-chat{max-width:100%}.step2-layout{grid-template-columns:1fr;gap:20px;padding:20px 14px}.step2-center{order:-1}.hearing-list,.share-mock{max-width:100%}.step3-layout{grid-template-columns:1fr;gap:20px;padding:20px 14px}.step3-center{order:-1}.design-preview,.progress-timeline{max-width:100%}.step4-layout{grid-template-columns:1fr;gap:20px;padding:20px 14px}.feedback-mock{max-width:100%}.step4-right{order:-1}.step5-layout{flex-direction:column;gap:20px;padding:20px 14px}.step5-center{order:-1}.step5-phone{width:120px}.step5-laptop{width:100%;max-width:100%}.step:not(:last-child):after{display:none}.detail-grid,.perf-grid,.work-grid{grid-template-columns:1fr}.cta-btns{flex-direction:column;align-items:center}}@media(max-width:480px){.recommend-grid,.spec-strip{grid-template-columns:1fr}.spec-item+.spec-item{border-left:none;border-top:2px dashed #E7ECF2}}