:root{--blue:#0865ec;--orange:#ff5c0b;--ink:#080808;--muted:#575757;--line:#e6e6e6;--bg:#fff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:system-ui,-apple-system,'Apple SD Gothic Neo','Malgun Gothic',sans-serif;word-break:keep-all}button,a{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}a:focus-visible,button:focus-visible{outline:3px solid var(--blue);outline-offset:4px}img{max-width:100%;height:auto}h1,h2,h3,p,figure{margin-top:0}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
/* Navigation: ultra-minimal and unobtrusive. */
.site-header{width:min(1120px,calc(100% - 48px));height:78px;margin:auto;border-bottom:1px solid #efefef;display:flex;justify-content:space-between;align-items:center;gap:24px}.topbrand{display:flex;align-items:center;gap:9px;font-size:23px;letter-spacing:-1.5px;white-space:nowrap}.topbrand img{width:45px;height:45px;object-fit:contain}.site-header nav{display:flex;gap:24px;align-items:center;font-size:13px;font-weight:700;color:#444}.site-header nav a:hover{color:var(--blue)}
.site-footer{max-width:1120px;margin:76px auto 0;padding:25px 8px 32px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:12px;color:#777;line-height:1.6}.site-footer>a:first-child{font-weight:900;color:#222;font-size:16px;letter-spacing:-1px}.site-footer a:hover{text-decoration:underline}
/* A. Landing, faithful to the supplied A mock. */
.home-shell{min-height:calc(100vh - 180px);max-width:820px;margin:0 auto;text-align:center;padding:42px 22px 35px}.home-header{text-align:center}.home-brand-line{display:flex;align-items:center;justify-content:center;gap:8px}.home-brand-line img{width:72px;height:72px;object-fit:contain}.home-brand-line h1{font-size:clamp(52px,9vw,104px);font-weight:1000;letter-spacing:-.115em;line-height:1.22;margin:0;padding-right:.1em}.home-header>p{font-size:clamp(20px,3.5vw,30px);font-weight:850;letter-spacing:-1.8px;margin:4px 0 0}.home-domain{font-size:clamp(22px,4vw,43px);letter-spacing:-1.8px;font-weight:900;margin-top:6px}.home-products{width:min(540px,100%);display:grid;gap:24px;margin:63px auto 20px}.home-product{width:100%;height:232px;border:7px solid;border-radius:25px;background:white;display:flex;align-items:center;justify-content:center;transition:transform .15s,box-shadow .15s;overflow:hidden}.home-product:hover{transform:translateY(-3px);box-shadow:0 12px 24px #0000000a}.home-product.blue{border-color:var(--blue)}.home-product.orange{border-color:var(--orange)}.home-product .product-brand-image{height:225px;width:300px;max-width:95%;object-fit:contain}.home-seller-link{display:inline-block;padding:13px 4px;font-size:14px;font-weight:800;margin-top:15px}.home-seller-link:hover{text-decoration:underline}
/* B. Product selection screen. */
.product-shell{width:min(650px,calc(100% - 30px));margin:60px auto 0;text-align:center}.product-identity{height:230px;display:flex;align-items:center;justify-content:center}.product-identity .product-brand-image{width:420px;height:275px;object-fit:contain}.product-action-list{display:grid;gap:18px;width:min(450px,100%);margin:40px auto 0}.outline-action{width:100%;height:205px;border:5px solid var(--brand);border-radius:24px;text-align:left;background:#fff;padding:30px 35px;display:flex;flex-direction:column;justify-content:center;position:relative;color:var(--ink);transition:background .15s,transform .15s}.outline-action:hover{background:var(--tint);transform:translateY(-2px)}.outline-action .action-caption{font-size:17px;font-weight:850;letter-spacing:-.05em}.outline-action strong{font-size:clamp(29px,5vw,44px);font-weight:950;letter-spacing:-.09em;line-height:1.26}.action-arrow{font-weight:700;position:absolute;right:25px;bottom:26px;opacity:.5}.product-shell.blue{--brand:var(--blue);--tint:#f2f8ff}.product-shell.orange{--brand:var(--orange);--tint:#fff8f3}.product-disclaimer{font-size:12px;line-height:1.8;color:#888;margin-top:24px}
/* C. Seller + screenshot-rich product detail, also clean when vertically captured. */
.seller-shell{width:min(1050px,calc(100% - 44px));margin:0 auto}.seller-cover{text-align:center;margin:54px auto 50px}.section-eyebrow{letter-spacing:.16em;text-transform:uppercase;font-size:11px;color:#777;font-weight:900;margin-bottom:14px}.seller-cover h1{font-size:clamp(40px,7.5vw,75px);letter-spacing:-.09em;line-height:1.22;margin-bottom:15px;font-weight:950}.seller-cover h1 span{font-size:clamp(27px,4.3vw,45px)}.seller-cover p{font-size:17px;font-weight:700;color:#444}
.seller-profile{display:grid;grid-template-columns:280px minmax(0,1fr);align-items:center;gap:42px;padding:30px 0 70px}.seller-profile>img{border-radius:3px;width:100%;aspect-ratio:1;object-fit:cover}.seller-profile h2{font-size:clamp(30px,4vw,49px);line-height:1.28;letter-spacing:-.07em;margin-bottom:26px}.seller-profile p{font-size:15px;line-height:1.85;color:#404040;margin-bottom:13px;max-width:610px}
.section-break{display:flex;align-items:center;justify-content:center;gap:12px;border-top:1px solid var(--line);padding:30px 0 48px;text-align:center;font-weight:800;letter-spacing:-.02em}.section-break img{width:56px;height:56px;object-fit:contain}
.product-overview,.feature-section,.product-summary,.purchase-area{border-top:1px solid var(--line);padding:68px 0 65px}.product-overview{text-align:center}.product-overview h2,.feature-section h2,.product-summary h2,.purchase-area h2{font-size:clamp(30px,5vw,46px);letter-spacing:-.075em;line-height:1.25;margin-bottom:24px;font-weight:930}.overview-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:20px}.overview-card{border:2px solid var(--product-color);border-radius:18px;text-align:center;padding:10px 20px 28px}.overview-card.blue{--product-color:var(--blue)}.overview-card.orange{--product-color:var(--orange)}.overview-card img{width:270px;height:250px;object-fit:contain}.overview-card h3{font-weight:900;font-size:22px;margin:0 0 10px}.overview-card p{font-size:14px;line-height:1.7;color:#666;margin:0 auto;max-width:325px}
.feature-section>p{font-size:17px;line-height:1.85;color:#494949;max-width:820px;margin-bottom:32px}.visual-pair{display:grid;grid-template-columns:1fr 1fr;gap:20px}.visual-pair figure,.feature-shot{padding:15px;border:1px solid #e9e9e9;border-radius:15px;background:#fff}.visual-pair img{width:100%;display:block}.visual-pair figcaption,.feature-shot figcaption{font-size:12px;color:#777;margin-top:14px;text-align:center;line-height:1.6}.feature-shot{max-width:950px;margin:0 auto}.feature-shot img{display:block;width:100%;height:auto;object-fit:contain}.tiny-dot{display:inline-block;width:9px;height:9px;border-radius:99px;vertical-align:middle}.blue-dot{background:var(--blue)}.orange-dot{background:var(--orange)}
.product-summary{text-align:center}.feature-points{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin-top:30px}.feature-points p{background:#fafafa;border:1px solid #e9e9e9;padding:19px;font-size:14px;line-height:1.7;color:#666;margin:0}.feature-points strong{font-size:16px;color:#111}
.purchase-area{text-align:center}.purchase-help{font-size:15px;color:#555;margin-bottom:35px}.purchase-block{--product-color:var(--blue);margin:0 0 36px;text-align:left}.purchase-block.orange{--product-color:var(--orange)}.purchase-label{display:flex;gap:18px;align-items:center;margin-bottom:13px}.purchase-label img{width:88px;height:88px;object-fit:contain}.purchase-label strong{display:block;font-size:27px;font-weight:900;color:var(--product-color)}.purchase-label span{display:block;color:#555;font-size:14px}.purchase-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.purchase-link{min-width:0;display:flex;flex-direction:column;justify-content:center;text-align:left;gap:3px;background:#fff;border:3px solid var(--product-color);border-radius:16px;min-height:148px;padding:18px;color:#333;font-size:13px;font-weight:850;transition:background .15s}.purchase-link:hover{background:#fafafa}.purchase-link strong{color:#050505;line-height:1.3;font-size:clamp(17px,2vw,26px);letter-spacing:-.07em;font-weight:950}.purchase-disclaimer{font-size:12px;line-height:1.8;color:#888;margin:45px auto 0;max-width:900px}
/* Native keyboard-accessible confirmation dialog. */
.direct-dialog{width:min(620px,calc(100% - 24px));max-height:90vh;overflow:auto;border:2px solid #111;border-radius:17px;padding:0;background:#fff;color:#111;box-shadow:0 25px 75px #0003}.direct-dialog::backdrop{background:#0007}.direct-dialog form{position:sticky;top:0;z-index:2;text-align:right;height:0}.dialog-close{margin:12px 14px 0 0;font-weight:900;background:#fff;border:1px solid #ddd;border-radius:99px;width:32px;height:32px;font-size:22px;line-height:22px}.dialog-body{padding:32px 35px 35px}.dialog-body h2{font-size:31px;letter-spacing:-.06em;margin-bottom:25px}.dialog-body p{font-size:15px;line-height:1.85;margin-bottom:19px}.bank-details{border:1px solid #ddd;padding:15px 16px;margin:25px 0;background:#fafafa;display:flex;flex-direction:column;gap:8px}.bank-details span{font-size:12px;color:#555;font-weight:700}.bank-details strong{font-size:18px;word-break:break-all}.bank-details button{align-self:flex-start;padding:7px 12px;background:#fff;border:1px solid #bbb;border-radius:6px;font-size:12px;font-weight:700}.direct-connect{display:block;background:#111;border-radius:7px;color:#fff;font-weight:850;padding:17px 12px;text-align:center;margin-top:18px;line-height:1.4}.direct-connect:hover{background:#303030}
@media(max-width:800px){.site-header{width:calc(100% - 28px)}.site-header nav{gap:12px;font-size:12px}.topbrand{font-size:19px}.topbrand img{width:38px;height:38px}.seller-profile{grid-template-columns:200px 1fr;gap:24px}.visual-pair{grid-template-columns:1fr}.visual-pair figure{max-width:100%}}
@media(max-width:580px){.site-header{height:auto;min-height:70px;display:flex;flex-wrap:wrap;padding:12px 0;justify-content:center;gap:9px}.site-header nav{justify-content:center;width:100%;gap:21px}.site-footer{flex-direction:column;text-align:center;margin:55px 12px 0;gap:10px}.home-shell{padding-top:52px}.home-brand-line img{width:58px;height:58px}.home-brand-line h1{font-size:clamp(49px,13vw,70px)}.home-domain{font-size:26px}.home-products{margin-top:60px;gap:18px}.home-product{height:169px;border-width:5px;border-radius:17px}.home-product .product-brand-image{width:240px;height:164px}.product-shell{margin-top:34px}.product-identity{height:190px}.product-identity .product-brand-image{height:220px;width:340px}.product-action-list{margin-top:22px;gap:14px}.outline-action{height:157px;padding:20px 23px;border-width:4px;border-radius:18px}.outline-action .action-caption{font-size:14px}.outline-action strong{font-size:32px}.seller-shell{width:calc(100% - 30px)}.seller-cover{margin:36px auto 25px}.seller-profile{display:block;padding:15px 0 50px;text-align:center}.seller-profile>img{width:min(235px,65%);margin-bottom:25px}.seller-profile h2{margin-bottom:22px}.seller-profile p{text-align:left}.section-break{padding-bottom:28px}.product-overview,.feature-section,.product-summary,.purchase-area{padding:46px 0}.overview-grid{grid-template-columns:1fr;gap:18px}.overview-card img{width:240px;height:210px}.feature-section>p{font-size:15px}.visual-pair figure,.feature-shot{padding:7px}.feature-shot img{width:100%}.feature-points{gap:8px}.feature-points p{padding:13px 9px;font-size:12px}.feature-points strong{font-size:14px}.purchase-links{grid-template-columns:1fr;gap:8px}.purchase-link{min-height:90px}.purchase-link strong{font-size:22px}.purchase-label img{height:75px;width:75px}.dialog-body{padding:25px 20px}.dialog-body h2{font-size:25px}}

/* SEO-friendly visible introductions, kept unobtrusive to preserve the original mockups. */
.home-search-content{width:min(590px,100%);margin:10px auto 0;color:var(--muted);font-size:13px;line-height:1.85}
.product-search-content{margin:32px auto 0;padding:21px 12px 2px;border-top:1px solid var(--line);width:min(600px,100%);text-align:left;color:var(--muted);font-size:13px;line-height:1.8}
.product-search-content h1{font-size:19px;line-height:1.45;letter-spacing:-.5px;color:var(--ink);margin-bottom:10px}
.product-search-content h2{font-size:15px;line-height:1.5;color:var(--ink);margin:15px 0 7px}
.product-search-content p{margin-bottom:10px}
.product-search-content a{font-weight:700;text-underline-offset:3px;text-decoration:underline;color:var(--brand)}
@media(max-width:600px){.home-search-content{font-size:12px}.home-search-content br{display:none}.product-search-content{padding:18px 4px 0}}
