@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;650;700;750;800&display=swap');
/* Homepage only. Tokens taken from the live samsiyu.com homepage, 10 October 2026. */
#ss-app{--ss-ink:#19172a;--ss-red:#315bfa;--ss-cream:#f5f2ff;--ss-line:#e8e6f0;--ss-font:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--ss-serif:Inter,ui-sans-serif,sans-serif;color:#19172a;font:16px/1.65 var(--ss-font);background:#fff}
#ss-app .ss-wrap{width:min(1160px,calc(100% - 48px))}
#ss-app h1,#ss-app h2,#ss-app h3{font-family:var(--ss-font);font-weight:750;line-height:1.08;letter-spacing:-.045em;text-transform:none}
#ss-app h2{font-size:clamp(34px,3.6vw,49px)}
#ss-app .ss-serif,#ss-app .ss-home-hero h1 em{font-family:inherit;font-weight:inherit;font-style:normal;letter-spacing:inherit;background:linear-gradient(105deg,#315bfa 5%,#8143e4 53%,#cd368f 100%);background-clip:text;-webkit-background-clip:text;color:transparent}
#ss-app .ss-home-head{position:relative;top:auto;background:#fff;border-bottom:1px solid #e8e6f0;backdrop-filter:none}
#ss-app .ss-nav{min-height:94px;gap:24px;padding:20px 0}
#ss-app .ss-brand{display:inline-block;line-height:0;letter-spacing:normal}
#ss-app .ss-brand .ss-main-logo{width:148px;height:50px;object-fit:contain;display:block}
#ss-app .ss-menu{font-size:14px;font-weight:650;gap:22px}
#ss-app .ss-menu a:not(.ss-btn):hover{color:#315bfa;opacity:1}
#ss-app .ss-btn{gap:14px;min-height:52px;padding:13px 23px;border-radius:12px;background:#315bfa;color:white;font-size:15px;font-weight:650;line-height:1.4;border:1px solid transparent;box-shadow:0 6px 18px #315bfa20;transition:transform .2s,box-shadow .2s,background .2s}
#ss-app .ss-btn:hover{transform:translateY(-3px);background:#2448d7;box-shadow:0 10px 24px #315bfa35}
#ss-app .ss-btn-light{background:#fff;color:#19172a;border:1px solid #dcd9e7;box-shadow:none}
#ss-app .ss-btn-light:hover{background:#f8f9fd;color:#19172a}
#ss-app .ss-menu-button{min-height:44px;padding:10px 15px;background:white;border:1px solid #dedbea;border-radius:10px;color:#19172a;font-size:14px}
#ss-app :focus-visible{outline:3px solid #e748b1;outline-offset:5px}
#ss-app .ss-home-hero{padding:64px 0 54px;background:radial-gradient(ellipse at 5% 75%,#e4efff,transparent 45%),radial-gradient(ellipse at 92% 63%,#f4dcff,transparent 44%),linear-gradient(#fff,#f5f2ff)}
#ss-app .ss-home-hero-grid{grid-template-columns:1fr;gap:46px}
#ss-app .ss-home-hero-grid>div:first-child{text-align:center;width:100%;max-width:930px;margin:auto}
#ss-app .ss-home-hero h1{font-size:clamp(44px,5.5vw,76px);line-height:1.04;letter-spacing:-.045em;margin:25px 0 23px;max-width:none}
#ss-app .ss-home-hero p{font-size:19px;line-height:1.7;max-width:670px;color:#635f76;margin:26px auto}
#ss-app .ss-home-hero .ss-btn-row{justify-content:center;gap:12px;margin:28px 0 13px}
#ss-app .ss-hero-note{justify-content:center;color:#635f76;font-size:12px;flex-wrap:wrap}
#ss-app .ss-pill{border:1px solid #e3ddf3;border-radius:50px;padding:6px 15px;background:#ffffffc9;color:#594580;font-size:12px;font-weight:700;letter-spacing:.1em;max-width:100%}
#ss-app .ss-dot{width:7px;height:7px;background:#774beb;box-shadow:0 0 0 4px #774beb12;flex-shrink:0}
#ss-app .ss-hero-previews{width:100%;max-width:1050px;padding:24px 24px 65px;display:grid;grid-template-columns:1.25fr 1fr;align-items:center;gap:26px;border:1px solid #fff;border-radius:22px;background:#ffffff88;box-shadow:0 0 0 7px #ffffff60,0 25px 70px #58468d20;margin:auto}
#ss-app .ss-hero-previews .ss-browser:first-child,#ss-app .ss-hero-previews .ss-browser:nth-child(2){position:relative;inset:auto;transform:none;width:100%;border:1px solid #e8e6f0;box-shadow:0 12px 32px #58468d14;border-radius:14px}
#ss-app .ss-hero-previews .ss-preview-img{height:290px}
#ss-app .ss-hero-previews .ss-browser:nth-child(2) .ss-preview-img{height:250px}
#ss-app .ss-collection-stamp{left:24px;bottom:10px;gap:12px;color:#635f76;font-size:12px}
#ss-app .ss-stamp-ring{font:700 18px var(--ss-font);width:34px;height:34px;color:#7647df;background:#f5f1ff;border-color:#d3bff9}
#ss-app .ss-collection-stamp>span:last-child br{display:none}
#ss-app .ss-region-strip{padding:26px 0;border-color:#e8e6f0}
#ss-app .ss-region-strip .ss-wrap{color:#635f76;flex-wrap:wrap;justify-content:center;gap:16px 30px}
#ss-app .ss-region-strip strong{font-size:14px;color:#6b677a;font-weight:650}
#ss-app .ss-region-strip .ss-wrap>span:first-child{width:100%;text-align:center}
#ss-app .ss-section{padding:94px 0}
#ss-app .ss-eyebrow{font-size:12px;font-weight:700;letter-spacing:.1em;color:#594580;margin-bottom:23px}
#ss-app .ss-section-heading p,#ss-app .ss-card-features,#ss-app .ss-help-line,#ss-app .ss-steps p,#ss-app .ss-faqs details p,#ss-app .ss-enquire p,#ss-app .ss-small,#ss-app .ss-footer p,#ss-app .ss-foot-bottom{color:#635f76}
#ss-app .ss-card{border-color:#e8e6f0;border-radius:20px}
#ss-app .ss-card:hover{box-shadow:0 15px 36px #3430520e}
#ss-app .ss-card-preview{border-radius:12px;border-color:#e8e6f0}
#ss-app .ss-card-tag{color:#7553b5;font-size:10px;font-weight:700}
#ss-app .ss-card h3{font-weight:750;font-size:20px}
#ss-app .ss-card-actions{font-size:12px;border-color:#e8e6f0;flex-wrap:wrap}
#ss-app .ss-card-actions a:last-child,#ss-app .ss-link{color:#315bfa}
#ss-app .ss-card .ss-browser-top,#ss-app .ss-browser{border-color:#e8e6f0}
#ss-app .ss-filter{border-color:#e3ddf3;color:#635f76;font-weight:600;font-size:12px}
#ss-app .ss-filter[aria-pressed=true]{background:#315bfa;border-color:#315bfa;color:#fff}
#ss-app .ss-search{border:1px solid #dcd9e7;border-radius:10px;font-size:13px;padding:11px 14px}
#ss-app .ss-benefits{background:#19152e;color:white}
#ss-app .ss-benefits h2,#ss-app .ss-benefits h3{color:white}
#ss-app .ss-benefits .ss-serif{color:white;-webkit-text-fill-color:initial;background:none}
#ss-app .ss-benefits .ss-eyebrow,#ss-app .ss-line-icon{color:#b4a2eb}
#ss-app .ss-benefits p{color:#c0b8d5}
#ss-app .ss-benefit-photo img{border-radius:20px}
#ss-app .ss-photo-note{background:#faf7ff;color:#19172a;border-radius:14px;border:1px solid #e1d9f6}
#ss-app .ss-benefits .ss-btn-line{background:#fff;color:#19172a;border-color:#dcd9e7;box-shadow:none}
#ss-app .ss-step-number{font:750 42px var(--ss-font);letter-spacing:-.04em;color:#8143e4}
#ss-app .ss-faq-section{background:#f8f9fd}
#ss-app .ss-faqs details{border-color:#e8e6f0}
#ss-app .ss-faqs summary{font-size:16px;font-weight:650}
#ss-app .ss-faqs summary:after{color:#7553b5}
#ss-app .ss-enquire .ss-enquire-grid{border:1px solid #e1d9f6;border-radius:26px;padding:48px;background:radial-gradient(ellipse at 5% 20%,#dceaff,transparent 60%),radial-gradient(ellipse at 95% 90%,#ffdff3,transparent 55%),#f1eaff;gap:48px}
#ss-app .ss-enquire h2{font-size:clamp(34px,3.6vw,49px)}
#ss-app .ss-enquire-note{border-color:#dcd9e7}
#ss-app .ss-form{background:#fff;border:1px solid #e8e6f0;border-radius:20px;padding:28px;box-shadow:0 12px 30px #58468d0d}
#ss-app .ss-field label{font-size:12px;color:#19172a}
#ss-app .ss-field input,#ss-app .ss-field textarea,#ss-app .ss-field select{border-color:#c7c2d5;border-radius:8px;font-size:14px;color:#19172a}
#ss-app .ss-consent{font-size:11px;color:#635f76}
#ss-app .ss-footer{background:#fff;border-color:#e8e6f0}
#ss-app .ss-footer-links{font-size:12px;color:#635f76}
#ss-app .ss-foot-bottom{border-color:#e8e6f0;font-size:11px}
@media(max-width:1080px){#ss-app .ss-menu{display:none}#ss-app .ss-menu-button{display:block}#ss-app .ss-home-head .ss-menu.ss-open{display:flex;position:absolute;top:calc(100% - 6px);right:24px;left:auto;width:min(310px,calc(100vw - 48px));background:white;border:1px solid #e2dfeb;border-radius:14px;padding:14px;box-shadow:0 15px 45px #29204226;align-items:stretch;gap:3px;flex-direction:column}#ss-app .ss-home-head .ss-menu.ss-open>a:not(.ss-btn){padding:11px 13px;font-size:15px;min-height:44px}#ss-app .ss-home-head .ss-menu.ss-open .ss-btn{margin-top:6px}#ss-app .ss-nav{min-height:82px;padding:16px 0}}
@media(max-width:800px){#ss-app .ss-benefit-grid,#ss-app .ss-enquire-grid,#ss-app .ss-faq-layout{grid-template-columns:1fr;gap:35px}#ss-app .ss-enquire .ss-enquire-grid{padding:30px;gap:32px}#ss-app .ss-filter-row{align-items:stretch;flex-direction:column}#ss-app .ss-search{width:100%}}
@media(max-width:600px){#ss-app .ss-wrap{width:calc(100% - 36px)}#ss-app .ss-brand .ss-main-logo{width:112px;height:38px}#ss-app .ss-nav{min-height:70px;padding:15px 0}#ss-app .ss-home-hero{padding:43px 0 38px}#ss-app .ss-home-hero h1{font-size:43px;line-height:1.04}#ss-app .ss-home-hero p{font-size:16px;margin:22px auto}#ss-app .ss-pill{font-size:9px;letter-spacing:.065em;padding:7px 10px}#ss-app .ss-home-hero .ss-btn-row{flex-direction:column}#ss-app .ss-home-hero .ss-btn{font-size:15px;min-height:52px}#ss-app .ss-hero-note{font-size:10px;gap:9px}#ss-app .ss-home-hero-grid{gap:34px}#ss-app .ss-hero-previews{grid-template-columns:1fr;gap:18px;padding:16px 16px 61px;max-width:430px}#ss-app .ss-hero-previews .ss-preview-img{height:230px}#ss-app .ss-hero-previews .ss-browser:nth-child(2){width:100%}#ss-app .ss-hero-previews .ss-browser:nth-child(2) .ss-preview-img{height:180px}#ss-app .ss-collection-stamp{left:16px;bottom:12px;font-size:10px}#ss-app .ss-section{padding:62px 0}#ss-app h2{font-size:35px}#ss-app .ss-enquire .ss-enquire-grid{padding:24px 18px;gap:28px;border-radius:20px}#ss-app .ss-enquire h2{font-size:35px}#ss-app .ss-form{padding:20px;border-radius:14px}#ss-app .ss-enquire .ss-btn{font-size:13px;padding-inline:12px}#ss-app .ss-home-head .ss-menu.ss-open{right:18px;width:min(310px,calc(100vw - 36px))}#ss-app .ss-photo-note{left:16px;right:16px;bottom:16px}#ss-app .ss-card-actions{gap:8px;font-size:12px}#ss-app .ss-footer-links{flex-wrap:wrap}}