@charset "UTF-8";
/* FREESTYLE / EC Service Detail v1.0 — shared with the approved homepage */
.ec-detail-page{overflow-x:clip}.ec-detail-page .desktop-nav a.is-current{color:var(--blue)}.ec-breadcrumb{display:flex;align-items:center;gap:12px;padding-top:15px;padding-bottom:15px;font-size:11px;color:#7387a0}.ec-breadcrumb a{color:#557493}.ec-breadcrumb a:hover{color:var(--blue)}
.ec-hero{overflow:hidden;background:radial-gradient(circle at 95% 3%,#c9e9ff 0,transparent 27%),linear-gradient(111deg,#fff 0%,#f7fbff 48%,#e2f2ff 100%);position:relative}.ec-hero::before{content:"";position:absolute;width:410px;height:410px;border-radius:50%;background:#c6e5ff61;left:-215px;bottom:-250px;filter:blur(20px)}.ec-hero-layout{display:grid;grid-template-columns:47% 53%;min-height:590px;align-items:center;gap:10px;position:relative}.ec-hero-copy{position:relative;z-index:2;padding:65px 0 70px}.ec-eyebrow{margin-bottom:27px}.ec-hero-chip{display:inline-flex;align-items:center;gap:8px;background:#e5f3ff;border:1px solid #cce7ff;color:#116cce;border-radius:30px;padding:6px 14px;font-size:11px;font-weight:850;margin-bottom:18px}.ec-hero-chip .icon{width:15px;height:15px}.ec-hero h1{font-size:clamp(35px,4vw,56px);line-height:1.36;letter-spacing:-.075em;font-weight:900;margin:0 0 22px}.ec-hero h1>span:last-child{color:#0875e9}.ec-hero-kicker{display:block;color:#2f526c;font-size:clamp(17px,2.15vw,28px);letter-spacing:-.045em;margin-bottom:14px}.ec-hero-lead{color:#294762;font-size:14px;font-weight:600;line-height:2.08;margin:0 0 29px}.ec-hero-buttons{display:flex;flex-wrap:wrap;gap:10px}.ec-hero-small{color:#6f849a;font-size:11px;margin:18px 0 0}.ec-hero-visual{position:relative;min-width:0;height:510px}.ec-hero-photo{position:absolute;inset:31px -20px 39px 9px;border-radius:25px;overflow:hidden;box-shadow:0 27px 55px #164a7b31;transform:rotate(-.6deg)}.ec-hero-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#fff4 0%,transparent 37%)}.ec-hero-photo img{width:100%;height:100%;object-fit:cover}.ec-floating-note{position:absolute;z-index:2;right:15px;top:13px;color:#fff;font:italic 26px/1.11 Georgia,serif;text-shadow:0 2px 12px #12406f9c;transform:rotate(-7deg)}.ec-floating-note strong{font-weight:400;padding-left:14px}.ec-floating-badge{position:absolute;right:-9px;bottom:16px;z-index:2;display:flex;align-items:center;gap:10px;background:#fff;border-radius:10px;padding:13px 18px;box-shadow:0 18px 35px #0e42733b;color:#365872;font-size:12px;line-height:1.5}.ec-floating-badge .icon{width:34px;height:34px;padding:8px;border-radius:50%;background:#e7f5ff;color:#0672e4}
.ec-quick-benefits{border-bottom:1px solid #e9f1fa}.ec-quick-grid{display:grid;grid-template-columns:repeat(3,1fr);padding:22px 0}.ec-quick-grid>div{display:flex;align-items:center;justify-content:center;gap:16px;border-right:1px solid #e7edf5}.ec-quick-grid>div:last-child{border:0}.ec-quick-grid .icon{color:#0873e5;width:30px;height:30px}.ec-quick-grid strong,.ec-quick-grid small{display:block}.ec-quick-grid strong{font-size:13px;font-weight:900}.ec-quick-grid small{font-size:11px;color:#7790a6}
.ec-detail-page .section{padding:96px 0}.ec-section-intro{margin-bottom:38px}.ec-section-intro h2{font-size:clamp(30px,3.5vw,43px);font-weight:900;line-height:1.4;letter-spacing:-.065em;margin:0 0 15px}.ec-section-intro h2 span{color:#0874e6}.ec-section-intro>p:last-child{color:#60768c;font-size:14px;line-height:1.9;margin:0}.ec-centered{text-align:center}.ec-problems{background:#fff}.ec-problem-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.ec-problem{background:#f8fbff;border:1px solid #e9f2fc;border-radius:13px;padding:23px 22px;min-height:151px;box-shadow:0 11px 27px #234a7c08;display:flex;align-items:start;gap:13px}.ec-problem-symbol{color:#167ee8;font-size:13px;font-weight:900;flex:none;padding-top:3px;letter-spacing:.08em}.ec-problem p{font-size:14px;line-height:1.8;color:#4a6176;margin:0}.ec-problem strong{color:#082e56;font-weight:900}.ec-problems-answer{background:linear-gradient(105deg,#e8f5ff,#eef8ff);padding:17px 24px;border-radius:12px;display:flex;align-items:center;gap:15px;margin-top:25px}.ec-answer-icon{display:flex;align-items:center;justify-content:center;flex:none;background:#0875ec;width:37px;height:37px;border-radius:50%;color:#fff}.ec-answer-icon .icon{width:19px;height:19px}.ec-problems-answer strong{font-size:15px}.ec-problems-answer a{display:inline-flex;align-items:center;gap:8px;color:#0b6ed5;font-size:12px;font-weight:900;margin-left:auto}.ec-problems-answer a .icon{width:16px;height:16px}
.ec-work-section{background:#f1f8ff}.ec-work-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:19px}.ec-work-card{background:#fff;border:1px solid #e7f1fc;border-radius:16px;overflow:hidden;box-shadow:0 15px 31px #26578810;transition:transform .2s,box-shadow .2s}.ec-work-card:hover{transform:translateY(-4px);box-shadow:0 19px 41px #26578821}.ec-work-image{height:172px;overflow:hidden;background:#e8f2fb}.ec-work-image img{width:100%;height:100%;object-fit:cover}.ec-work-body{padding:23px 22px 25px}.ec-card-number{font-weight:900;color:#0573e6;font-size:13px;letter-spacing:.05em}.ec-card-number>span{font-size:10px;color:#7b91a9}.ec-work-body h3{font-size:20px;font-weight:900;line-height:1.45;margin:10px 0}.ec-work-body p{font-size:12px;color:#627990;line-height:1.9;min-height:45px;margin-bottom:16px}.ec-work-body ul{list-style:none;margin:0;padding:0;border-top:1px solid #edf3f9;padding-top:14px}.ec-work-body li{font-size:12px;font-weight:750;color:#274a6c;display:flex;align-items:flex-start;gap:9px;margin:8px 0}.ec-work-body li:before{content:"✓";border-radius:50%;width:16px;height:16px;line-height:16px;text-align:center;background:#e6f4ff;color:#0874e6;font-size:10px;flex:none;margin-top:3px}.ec-work-note{font-size:11px;color:#69819a;margin:22px 0 0;text-align:right}
.ec-experience-section{background:#fff}.ec-experience-layout{display:grid;grid-template-columns:48% 52%;align-items:center;gap:28px}.ec-experience-images{height:448px;position:relative;padding:15px 0 40px 0}.ec-experience-main{height:335px;width:90%;border-radius:17px;overflow:hidden;box-shadow:0 22px 43px #164d831e}.ec-experience-main img{width:100%;height:100%;object-fit:cover}.ec-experience-mini{position:absolute;right:-2px;bottom:6px;width:37%;height:228px;border-radius:13px;overflow:hidden;border:7px solid #fff;box-shadow:0 17px 27px #1a487729;background:#f7f3e9}.ec-experience-mini img{width:100%;height:100%;object-fit:cover}.ec-experience-sticker{position:absolute;top:0;right:20px;background:#fff;box-shadow:0 10px 27px #2455891a;border:1px solid #e3f2ff;border-radius:9px;color:#5696c6;padding:12px 20px;font-size:11px;line-height:1.5;transform:rotate(5deg);letter-spacing:.08em}.ec-experience-sticker strong{color:#0b60b7}.ec-experience-text{padding-left:34px}.ec-experience-text h2{font-size:clamp(28px,3vw,41px);line-height:1.4;letter-spacing:-.055em;margin:0 0 21px}.ec-experience-text h2 span{color:var(--blue)}.ec-experience-text>p:not(.eyebrow){color:#536e86;font-size:14px;line-height:2}.ec-experience-checks{display:flex;flex-wrap:wrap;gap:9px;margin:22px 0 28px}.ec-experience-checks span{background:#eef7ff;color:#235b91;font-weight:800;font-size:11px;display:inline-flex;align-items:center;gap:5px;padding:8px 10px;border-radius:6px}.ec-experience-checks .icon{width:14px;height:14px;color:#147be4}
.ec-platforms-section{background:linear-gradient(116deg,#f1f9ff,#e7f4ff)}.ec-platforms-layout{display:grid;grid-template-columns:41% 59%;gap:35px;align-items:center}.ec-platforms-layout .ec-section-intro{margin:0}.ec-platform-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.ec-platform{background:#fff;border:1px solid #e7f1fb;border-radius:15px;padding:28px 24px;min-height:205px;box-shadow:0 14px 35px #1a598f11}.ec-platform-heading{display:flex;align-items:center;gap:12px;margin-bottom:17px}.ec-platform-heading h3{margin:0;font-size:23px}.ec-platform p{font-size:12px;line-height:1.9;color:#57718a;margin:0}.ec-platform-symbol{width:41px;height:41px;display:grid;place-items:center;color:#fff;font-size:21px;font-weight:900;border-radius:10px}.shopify-symbol{background:#80b93d}.base-symbol{background:#102d50}
.ec-flow-section{background:#fff}.ec-flow-list{list-style:none;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin:0;padding:0}.ec-flow-list li{position:relative;text-align:center;padding:23px 16px 22px;border-radius:12px;border:1px solid #e9f1fa;background:#fff;box-shadow:0 12px 29px #17487809}.ec-flow-list li:not(:last-child):after{content:"→";position:absolute;top:50%;right:-17px;z-index:3;color:#1890f4;font-weight:900;background:#fff;border-radius:50%;width:22px;height:22px;line-height:21px}.ec-flow-step{font-size:11px;font-weight:900;color:#127ae9;letter-spacing:.06em}.ec-flow-icon{height:60px;width:60px;background:#e8f5ff;border-radius:50%;display:grid;place-items:center;margin:14px auto}.ec-flow-icon .icon{width:27px;height:27px;color:#0876e7}.ec-flow-list h3{font-size:18px;margin:0 0 8px}.ec-flow-list p{font-size:11px;line-height:1.7;color:#66819a;margin:0}
.ec-faq-section{background:#f6fbff}.ec-faq-layout{display:grid;grid-template-columns:35% 65%;gap:45px}.ec-faq-icon{font-size:65px;font-weight:900;color:#cde9ff;letter-spacing:-.06em;line-height:1.4;margin-top:20px}.ec-faq-icon span{color:#8ecbfc}.ec-faq-items{border-top:1px solid #dceaf9}.ec-faq-items details{border-bottom:1px solid #dceaf9}.ec-faq-items summary{display:flex;align-items:center;gap:14px;padding:23px 12px 23px 5px;cursor:pointer;font-weight:850;font-size:14px;list-style:none}.ec-faq-items summary::-webkit-details-marker{display:none}.ec-question-mark{color:#0878ec;font-size:20px;font-weight:900}.ec-plus{margin-left:auto;flex:none;width:22px;height:22px;position:relative}.ec-plus:before,.ec-plus:after{content:"";position:absolute;background:#0976df;left:4px;top:10px;width:14px;height:2px}.ec-plus:after{transform:rotate(90deg)}.ec-faq-items details[open] .ec-plus:after{transform:rotate(0)}.ec-faq-answer{padding:0 40px 22px;font-size:13px;line-height:2;color:#516b83}
.ec-final-cta{background:linear-gradient(103deg,#1368d2,#082c64);color:#fff;position:relative;overflow:hidden}.ec-final-cta:before{content:"";position:absolute;width:400px;height:400px;border:1px solid #ffffff21;border-radius:50%;top:-230px;right:80px}.ec-final-cta-layout{padding:68px 0;display:flex;align-items:center;gap:36px;justify-content:space-between;position:relative}.ec-final-cta .eyebrow{color:#a3d4ff;font-size:10px;margin-bottom:9px}.ec-final-cta h2{font-size:clamp(26px,2.9vw,39px);line-height:1.45;margin:0 0 15px;letter-spacing:-.065em}.ec-final-cta h2 span{color:#bde4ff}.ec-final-cta p:not(.eyebrow):not(.ec-final-script){font-size:13px;color:#e0edff;margin:0;line-height:1.9}.ec-final-script{font:italic 25px Georgia,serif;color:#b9e3ff;transform:rotate(-5deg);width:max-content;margin:0 0 12px}.ec-cta-actions{display:flex;align-items:center;flex-direction:column;gap:15px}.ec-cta-button{color:#075fbf;background:#fff;box-shadow:0 12px 28px #031e4c40;font-size:13px;padding:13px 22px}.ec-back-link{color:#e3f1ff;display:inline-flex;align-items:center;gap:9px;font-weight:800;font-size:12px}.ec-back-link .icon{width:15px;height:15px}
@media(max-width:1100px){.ec-hero-layout{grid-template-columns:49% 51%}.ec-hero h1{font-size:clamp(34px,4.1vw,46px)}.ec-hero-photo{right:0}.ec-experience-text{padding-left:10px}.ec-platforms-layout{grid-template-columns:1fr}.ec-platforms-layout .ec-section-intro{max-width:690px;margin-bottom:20px}}
@media(max-width:900px){.ec-hero-layout{grid-template-columns:1fr;min-height:0}.ec-hero-copy{padding:55px 0 26px}.ec-hero h1{font-size:clamp(36px,6.3vw,58px)}.ec-hero-visual{height:420px}.ec-hero-photo{inset:15px 18px 39px 18px}.ec-floating-note{right:38px}.ec-floating-badge{right:7px}.ec-problem-grid,.ec-work-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ec-experience-layout{grid-template-columns:1fr;gap:20px}.ec-experience-images{max-width:680px;width:100%;margin-inline:auto}.ec-experience-text{padding:0;max-width:680px;margin-inline:auto}.ec-faq-layout{grid-template-columns:1fr;gap:12px}.ec-faq-icon{display:none}.ec-flow-list{grid-template-columns:repeat(3,minmax(0,1fr))}.ec-flow-list li:nth-child(3):after{display:none}}
@media(max-width:650px){.ec-breadcrumb{flex-wrap:wrap;gap:7px;font-size:10px;padding-block:10px}.ec-detail-page .section{padding:62px 0}.ec-hero-copy{padding:44px 0 16px}.ec-hero h1{font-size:clamp(32px,8.5vw,45px)}.ec-hero-kicker{font-size:19px}.ec-hero-lead{font-size:13px}.ec-hero-lead br{display:none}.ec-hero-buttons .button{width:100%;font-size:12px}.ec-hero-visual{height:298px}.ec-hero-photo{inset:12px 8px 34px}.ec-floating-note{right:20px;top:19px;font-size:17px}.ec-floating-badge{right:0;bottom:8px;font-size:9px;padding:8px 11px}.ec-floating-badge .icon{height:24px;width:24px;padding:5px}.ec-quick-grid{grid-template-columns:1fr;gap:0;padding-block:6px}.ec-quick-grid>div{justify-content:flex-start;padding:12px 0;border-right:0;border-bottom:1px solid #ebf1f7}.ec-quick-grid>div:last-child{border:0}.ec-quick-grid .icon{width:24px;height:24px}.ec-section-intro{margin-bottom:24px}.ec-section-intro h2{font-size:29px}.ec-section-intro>p:last-child{font-size:12px}.ec-section-intro br{display:none}.ec-problem-grid,.ec-work-grid{grid-template-columns:1fr;gap:13px}.ec-problem{min-height:0;padding:15px 18px}.ec-problem p{font-size:13px}.ec-problems-answer{align-items:flex-start;flex-wrap:wrap;padding:18px}.ec-problems-answer strong{font-size:13px;max-width:calc(100% - 53px)}.ec-problems-answer a{margin:0 0 0 53px}.ec-work-image{height:185px}.ec-work-body{padding:19px}.ec-work-body p{min-height:0}.ec-work-note{text-align:left}.ec-experience-images{height:320px}.ec-experience-main{height:250px;width:94%}.ec-experience-mini{height:151px;right:0;bottom:1px}.ec-experience-sticker{right:10px;padding:8px 12px;font-size:8px}.ec-experience-text h2{font-size:27px}.ec-experience-text>p:not(.eyebrow){font-size:12px}.ec-platform-cards{grid-template-columns:1fr;gap:12px}.ec-platform{min-height:0;padding:21px}.ec-flow-list{grid-template-columns:1fr;gap:11px}.ec-flow-list li{display:grid;grid-template-columns:72px 1fr;grid-template-rows:auto auto auto;align-items:center;gap:0 13px;text-align:left;padding:15px 18px}.ec-flow-step{grid-column:2;grid-row:1}.ec-flow-icon{grid-column:1;grid-row:1 / span 3;margin:0;width:58px;height:58px}.ec-flow-list h3{grid-column:2;grid-row:2;margin:1px 0}.ec-flow-list p{grid-column:2;grid-row:3}.ec-flow-list li:after{display:none}.ec-faq-items summary{font-size:12px;gap:8px;padding:17px 3px}.ec-faq-answer{padding:0 13px 18px 26px;font-size:12px}.ec-final-cta-layout{display:block;padding:52px 0}.ec-final-cta h2{font-size:26px}.ec-final-cta p:not(.eyebrow):not(.ec-final-script){font-size:11px}.ec-cta-actions{align-items:stretch;margin-top:23px}.ec-cta-button{white-space:normal}.ec-back-link{justify-content:center}.ec-final-script{font-size:20px}}
@media(prefers-reduced-motion:reduce){.ec-work-card{transition:none}}

/* Yahoo! Shopping / Rakuten opening support (2026-10) */
.ec-platform-symbol.yahoo-symbol{background:linear-gradient(140deg,#f04c5f,#c51734);font-size:16px;letter-spacing:-.06em}
.ec-platform-symbol.rakuten-symbol{background:linear-gradient(140deg,#e6474d,#b81a29);font-family:Georgia,serif}
.ec-platform-heading h3{font-size:clamp(16px,1.55vw,21px);line-height:1.35;overflow-wrap:anywhere}
.ec-hero-chip{max-width:100%;width:max-content;white-space:normal}
.ec-mall-section{background:linear-gradient(156deg,#fff 0%,#edf7ff 55%,#e9f4ff 100%);position:relative}
.ec-mall-panels{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:23px}
.ec-mall-panel{background:#fff;border-radius:19px;padding:32px 34px 29px;border:1px solid #dceafb;box-shadow:0 20px 46px #18426d12;position:relative;overflow:hidden}
.ec-mall-panel:before{content:"";position:absolute;top:0;left:0;right:0;height:5px;background:#e82e49}
.ec-mall-yahoo:before{background:#d51832}.ec-mall-rakuten:before{background:#bf192a}
.ec-mall-panel-top{display:flex;align-items:center;gap:12px;justify-content:space-between;flex-wrap:wrap}
.ec-mall-kicker{color:#af2843;font-size:10px;letter-spacing:.14em;font-weight:900}
.ec-mall-tag{background:#fef0f2;color:#b3213a;border-radius:40px;font-size:11px;padding:5px 12px;font-weight:800}
.ec-mall-panel h3{font-size:clamp(24px,2.4vw,31px);font-weight:900;margin:13px 0 12px}
.ec-mall-panel p{font-size:14px;color:#516983;line-height:1.9;max-width:47ch}
.ec-mall-panel ul{list-style:none;margin:19px 0 22px;padding:17px 0 0;border-top:1px solid #e5edf6}
.ec-mall-panel li{color:#244a6e;font-size:13px;line-height:1.7;font-weight:750;margin:7px 0;padding-left:24px;position:relative}
.ec-mall-panel li:before{content:"✓";position:absolute;left:0;color:#0874e6;background:#e9f5ff;border-radius:50%;width:17px;height:17px;display:grid;place-items:center;font-size:11px}
.ec-mall-panel>a{display:inline-flex;align-items:center;gap:8px;color:#086fdc;font-size:13px;font-weight:850;border-bottom:1px solid #a4d0fb;padding-bottom:3px}
.ec-mall-panel>a:hover{color:#064a9c}
.ec-mall-disclaimer{font-size:11px;color:#5b7490;margin:16px 0 0;line-height:1.9}
.ec-mall-bottom{margin-top:27px;background:#ddecff;border-radius:16px;padding:23px 26px;display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap}
.ec-mall-bottom p{font-size:15px;color:#1a4c77;margin:0;line-height:1.8}
.ec-mall-bottom strong{color:#082d57}
@media(max-width:760px){.ec-mall-panels{grid-template-columns:1fr}.ec-mall-panel{padding:25px 23px}.ec-mall-bottom{padding:22px}.ec-mall-bottom .button{width:100%;justify-content:center}}

/* Amazon opening support, v1.2 */
.ec-mall-panels{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.ec-mall-panel{padding:25px 22px}
.ec-mall-panel h3{font-size:clamp(22px,2.1vw,28px)}
.ec-mall-panel.ec-mall-amazon:before{background:#ff9c2f}
.ec-mall-panel.ec-mall-amazon .ec-mall-kicker{color:#a65b05}
.ec-mall-panel.ec-mall-amazon .ec-mall-tag{background:#fff5e8;color:#98600c}
.ec-mall-panel.ec-mall-amazon ul{margin-bottom:36px}
@media(max-width:980px){.ec-mall-panels{grid-template-columns:1fr 1fr}}
@media(max-width:650px){.ec-mall-panels{grid-template-columns:1fr}}