@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/variable/pretendardvariable-dynamic-subset.min.css');
:root{font-family:'Pretendard Variable',Pretendard,-apple-system,BlinkMacSystemFont,'Apple SD Gothic Neo','Malgun Gothic',sans-serif;color:#15191d;background:#fff;font-synthesis:none}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0}
a{color:inherit;text-decoration:none}
button{font:inherit;cursor:pointer}
input,select,textarea{font:inherit}
img{display:block;max-width:100%}
[hidden]{display:none!important}
.skip-link{position:absolute;top:-70px;left:20px;z-index:1000;padding:12px 18px;background:#1737a0;color:#fff}
.skip-link:focus{top:12px}
:focus-visible{outline:3px solid #2364dc;outline-offset:4px}

/* Comparison gallery */
.gallery-header{height:78px;display:flex;align-items:center;justify-content:space-between;padding:0 max(4vw,26px);border-bottom:1px solid #e7e9eb;background:#fff}
.gallery-brand,.concept-brand{display:flex;align-items:baseline;gap:7px;font-size:25px;font-weight:900;letter-spacing:-.09em}
.gallery-brand span,.concept-brand span{font-size:10px;font-weight:800;letter-spacing:.12em}
.header-caption,.header-count{font-size:11px;font-weight:700;letter-spacing:.13em;color:#747b82}
.gallery-main{width:min(1450px,calc(100% - 64px));margin:auto}
.gallery-intro{padding:100px 0 96px;border-bottom:1px solid #dcdfe3}
.overline,.section-kicker{font-size:11px;font-weight:800;letter-spacing:.18em}
.gallery-intro .overline{margin:0 0 26px;color:#234fb5}
.gallery-intro h1{margin:0;font-size:clamp(56px,7.1vw,110px);line-height:1.12;letter-spacing:-.085em;font-weight:800}
.gallery-intro h1 em{font-style:normal;color:#2a5cba}
.gallery-intro>p:not(.overline){margin:29px 0 0;color:#626b74;font-size:17px;line-height:1.85;word-break:keep-all}
.gallery-meta{display:flex;gap:10px;flex-wrap:wrap;margin-top:36px}
.gallery-meta span{padding:8px 12px;border:1px solid #d8dce2;border-radius:40px;font-size:12px;color:#555e66}
.gallery-section{padding:52px 0 84px}
.section-heading{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:27px}
.section-heading h2{margin:0;font-size:27px;letter-spacing:-.05em}
.section-heading span{color:#8b939a;font-size:12px;font-weight:700;letter-spacing:.12em}
.concept-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:25px}
.concept-tile{display:block;overflow:hidden;border:1px solid #e4e7ea;border-radius:7px;background:#fff;transition:transform .25s,box-shadow .25s,border-color .25s}
.concept-tile:hover{transform:translateY(-5px);box-shadow:0 22px 48px #15223916;border-color:#ccd1d8}
.tile-preview{height:320px;overflow:hidden;padding:21px 26px;background:var(--tile-bg,#f6f8fb);position:relative}
.tile-mast{display:flex;justify-content:space-between;align-items:center;padding-bottom:15px;border-bottom:1px solid var(--tile-line,#d8dee6);font-size:10px;color:var(--tile-ink,#1c2329)}
.tile-mast b{font-size:17px;letter-spacing:-.08em}
.tile-stage{display:grid;grid-template-columns:53% 47%;height:224px;position:relative;align-items:center}
.tile-copy{position:relative;z-index:2;padding-right:10px}
.tile-copy small{display:block;margin-bottom:14px;color:var(--tile-accent,#315cb0);font-size:9px;font-weight:800;letter-spacing:.16em}
.tile-copy strong{display:block;color:var(--tile-ink,#1c2329);font-size:clamp(21px,2.25vw,35px);line-height:1.28;letter-spacing:-.075em;word-break:keep-all}
.tile-faux-button{display:inline-block;margin-top:22px;padding:8px 13px;background:var(--tile-accent,#315cb0);color:#fff;border-radius:3px;font-size:9px;font-weight:700}
.tile-image{height:190px;overflow:hidden;background:#e5e9eb}
.tile-image img{width:100%;height:100%;object-fit:cover}
.tile-bottom{display:flex;gap:8px;margin-top:4px}
.tile-bottom i{width:28%;height:22px;background:#fff;border:1px solid var(--tile-line,#d8dee6)}
.tile-info{display:flex;justify-content:space-between;align-items:center;padding:23px 28px 26px}
.tile-number{display:inline-block;margin-bottom:7px;color:#2c5bb5;font-size:11px;font-weight:900;letter-spacing:.12em}
.tile-info h3{margin:0;font-size:23px;letter-spacing:-.055em}
.tile-info p{margin:5px 0 0;color:#777f87;font-size:13px}
.tile-arrow{display:grid;place-items:center;width:37px;height:37px;border:1px solid #d8dce1;border-radius:50%;transition:background .2s,color .2s}
.concept-tile:hover .tile-arrow{background:#1d366c;color:#fff}
.gallery-note{margin:0 0 80px;color:#818991;font-size:13px}
.gallery-footer{display:flex;justify-content:space-between;align-items:center;padding:32px max(4vw,26px);background:#14191f;color:#fff;font-size:12px}
.gallery-footer strong{letter-spacing:.08em}
.gallery-footer span{color:#aeb8c1}

/* Ten distinct miniature layouts */
.concept-tile.theme-02{--tile-bg:#fff;--tile-accent:#20242a;--tile-line:#e4e4e4}
.concept-tile.theme-02 .tile-stage{display:flex;flex-direction:column;justify-content:center;text-align:center;gap:10px}
.concept-tile.theme-02 .tile-copy strong{font-size:31px}
.concept-tile.theme-02 .tile-copy small{margin-bottom:4px}
.concept-tile.theme-02 .tile-faux-button{display:none}
.concept-tile.theme-02 .tile-image{width:100%;height:75px}
.concept-tile.theme-03{--tile-bg:#f6f1e9;--tile-accent:#6e6958;--tile-line:#ddd5c9}
.concept-tile.theme-03 .tile-stage{grid-template-columns:45% 55%}
.concept-tile.theme-03 .tile-image{height:218px;border-radius:110px 110px 3px 3px}
.concept-tile.theme-03 .tile-copy strong{font-size:33px}
.concept-tile.theme-04{--tile-bg:#f7f9fb;--tile-accent:#1b4bd8;--tile-line:#bfc9d6}
.concept-tile.theme-04 .tile-stage{grid-template-columns:70% 30%}
.concept-tile.theme-04 .tile-copy strong{font-size:39px;line-height:1.1}
.concept-tile.theme-04 .tile-image{height:105px;align-self:end;margin-bottom:18px}
.concept-tile.theme-05{--tile-bg:#e9efec;--tile-accent:#24404c;--tile-ink:#18313a;--tile-line:#b4c5c4}
.concept-tile.theme-05 .tile-stage{display:block;height:235px}
.concept-tile.theme-05 .tile-image{position:absolute;inset:0;height:220px;opacity:.42}
.concept-tile.theme-05 .tile-copy{position:absolute;top:42px;left:25px;right:12px}
.concept-tile.theme-05 .tile-copy small{color:#173a47}
.concept-tile.theme-05 .tile-copy strong{font-size:40px}
.concept-tile.theme-05 .tile-faux-button{background:#24404c;color:#fff}
.concept-tile.theme-06{--tile-bg:#f0f4ef;--tile-accent:#537662;--tile-line:#d2ddd3}
.concept-tile.theme-06 .tile-stage{gap:12px}
.concept-tile.theme-06 .tile-copy{height:185px;padding:21px;background:#fff;border-radius:16px}
.concept-tile.theme-06 .tile-copy strong{font-size:25px}
.concept-tile.theme-06 .tile-image{height:185px;border-radius:16px}
.concept-tile.theme-06 .tile-bottom i{border-radius:8px}
.concept-tile.theme-07{--tile-bg:#f8faff;--tile-accent:#2661c9;--tile-line:#c4d2e7}
.concept-tile.theme-07 .tile-stage{border-left:9px solid #2e66cb;padding-left:15px;grid-template-columns:54% 46%}
.concept-tile.theme-07 .tile-copy strong{font-size:32px}
.concept-tile.theme-08{--tile-bg:#fff;--tile-accent:#1c4dbe;--tile-line:#dbe0e8}
.concept-tile.theme-08 .tile-stage{display:block;padding-top:17px}
.concept-tile.theme-08 .tile-copy strong{font-size:30px}
.concept-tile.theme-08 .tile-faux-button{display:none}
.concept-tile.theme-08 .tile-image{height:82px;margin-top:18px;border-radius:6px}
.concept-tile.theme-08 .tile-bottom{margin-top:-12px;position:relative;z-index:1}
.concept-tile.theme-08 .tile-bottom i{height:43px;border-radius:5px}
.concept-tile.theme-09{--tile-bg:#f4f4f1;--tile-accent:#111;--tile-line:#9da0a0}
.concept-tile.theme-09 .tile-stage{grid-template-columns:60% 40%}
.concept-tile.theme-09 .tile-copy strong{font-size:38px;line-height:1.1}
.concept-tile.theme-09 .tile-image{height:160px;filter:grayscale(1)}
.concept-tile.theme-10{--tile-bg:#faf8f6;--tile-accent:#887382;--tile-line:#e0d8dc}
.concept-tile.theme-10 .tile-stage{grid-template-columns:52% 48%}
.concept-tile.theme-10 .tile-copy{padding-left:18px}
.concept-tile.theme-10 .tile-copy strong{font-size:31px;font-weight:600}
.concept-tile.theme-10 .tile-image{height:170px;border-radius:100px 100px 0 0}

/* Shared complete homepage */
.review-bar{position:sticky;top:0;z-index:100;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;min-height:58px;padding:0 30px;background:#151a20;color:#fff;font-size:12px}
.review-back{font-weight:700}
.review-back:hover,.review-actions a:hover{color:#9cc2ff}
.review-current{display:flex;align-items:center;gap:11px}
.review-current b{font-size:13px}
.review-current span{font-weight:700}
.review-current small{color:#9daab8}
.review-actions{justify-self:end;display:flex;align-items:center;gap:17px}
.review-actions a{font-size:22px;line-height:1}
.review-actions span{color:#9daab8;font-size:11px;letter-spacing:.08em}
.site-surface{--accent:#255bb6;--ink:#17202b;--muted:#64707a;--paper:#fff;--soft:#f5f7fa;--line:#dce2e8;color:var(--ink);background:var(--paper)}
.concept-header{width:min(1440px,calc(100% - 88px));height:88px;margin:auto;display:flex;align-items:center;gap:62px;border-bottom:1px solid var(--line)}
.concept-brand{white-space:nowrap;color:var(--ink)}
.concept-brand span{color:var(--accent)}
.logo-brand{align-items:center;background:#000}
.brand-mark{display:block;width:160px;height:auto;filter:brightness(0) invert(1)}
.concept-nav{display:flex;gap:40px;margin-left:auto;align-items:center}
.concept-nav a{font-size:14px;font-weight:700;white-space:nowrap}
.has-account-nav .concept-nav{gap:24px}
.has-account-nav .concept-nav a{font-size:13px}
.question-nav{gap:clamp(42px,5vw,96px)}
.question-nav .concept-nav{flex:1;min-width:0;margin-left:0;justify-content:space-between;gap:clamp(18px,1.5vw,28px)}
.question-nav .concept-nav a{font-size:clamp(18px,1.15vw,21px);letter-spacing:-.035em}
.question-nav .brand-mark{width:185px}
.concept-nav a:hover{color:var(--accent)}
.header-action{display:flex;align-items:center;gap:20px;padding:11px 17px;border:1px solid var(--ink);border-radius:4px;font-size:12px;font-weight:800;white-space:nowrap;transition:background .2s,color .2s}
.header-action:hover{background:var(--ink);color:#fff}
.mobile-menu-button{display:none}
.concept-hero{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:6%;width:min(1440px,calc(100% - 88px));min-height:650px;margin:auto;padding:78px 0 86px;overflow:hidden}
.hero-copy{position:relative;z-index:2}
.hero-eyebrow{display:flex;align-items:center;gap:12px;margin:0 0 31px;color:var(--accent);font-size:11px;font-weight:800;letter-spacing:.15em}
.eyebrow-line{width:30px;height:2px;background:var(--accent)}
.hero-copy h1{margin:0;font-size:clamp(47px,5vw,83px);font-weight:800;letter-spacing:-.083em;line-height:1.19;word-break:keep-all}
.hero-copy h1 em{font-style:normal;color:var(--accent)}
.hero-lead{max-width:500px;margin:34px 0 0;color:var(--muted);font-size:17px;line-height:1.8;word-break:keep-all}
.hero-actions{display:flex;align-items:center;gap:24px;margin-top:36px}
.primary-button{display:inline-flex;justify-content:space-between;align-items:center;gap:30px;padding:17px 23px;background:var(--accent);border:1px solid var(--accent);border-radius:4px;color:#fff;font-size:14px;font-weight:800;transition:transform .22s,box-shadow .22s}
.primary-button:hover{transform:translateY(-3px);box-shadow:0 12px 24px #18284225}
.hero-small{color:#8a949d;font-size:10px;font-weight:800;letter-spacing:.15em}
.hero-visual{position:relative;height:480px;overflow:hidden;background:var(--soft)}
.hero-visual img{width:100%;height:100%;object-fit:cover;transition:transform .7s}
.hero-visual:hover img{transform:scale(1.045)}
.visual-label{position:absolute;right:0;bottom:0;display:flex;justify-content:space-between;gap:40px;min-width:180px;padding:12px 15px;background:#fff;color:#30353a;font-size:10px;font-weight:800;letter-spacing:.1em}
.hero-deco{display:none}
.product-section,.reviews-section,.faq-section,.process-section,.trial-section{padding:112px max(44px,calc((100vw - 1440px)/2));scroll-margin-top:80px}
.proof-group{scroll-margin-top:0}
.product-section{background:var(--soft)}
.section-top{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:43px}
.section-kicker{margin:0 0 12px;color:var(--accent)}
.section-top h2{margin:0;font-size:clamp(34px,3.5vw,50px);letter-spacing:-.07em;line-height:1.2}
.section-top>p{margin:0;color:var(--muted);font-size:14px;line-height:1.7;text-align:right;word-break:keep-all}
.product-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.product-card{position:relative;display:flex;flex-direction:column;min-height:288px;padding:28px;background:#fff;border:1px solid var(--line);transition:transform .22s,border-color .22s,box-shadow .22s}
.product-card:hover{transform:translateY(-5px);border-color:var(--accent);box-shadow:0 18px 30px #17202b0e}
.product-number{color:var(--accent);font-size:12px;font-weight:800;letter-spacing:.12em}
.product-text{margin-top:auto}
.product-text h3{margin:0 0 13px;font-size:27px;letter-spacing:-.06em}
.product-text p{max-width:250px;margin:0;color:var(--muted);font-size:14px;line-height:1.6;word-break:keep-all}
.product-arrow{position:absolute;right:26px;top:26px;font-size:22px}
.section-caveat{margin:22px 0 0;color:#89929a;font-size:12px}
.reviews-section{background:var(--paper)}
.review-placeholder{display:flex;align-items:center;gap:32px;min-height:248px;padding:40px 55px;background:var(--soft);border:1px solid var(--line)}
.review-symbol{align-self:flex-start;color:var(--accent);font-family:inherit;font-size:100px;line-height:.8}
.review-placeholder h3{margin:0 0 11px;font-size:24px;letter-spacing:-.04em}
.review-placeholder p{margin:0;color:var(--muted);font-size:14px;line-height:1.7}
.review-stamp{margin-left:auto;align-self:flex-end;white-space:nowrap;color:#a0a9b0;font-size:10px;font-weight:800;letter-spacing:.13em}
.review-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.customer-review{display:flex;flex-direction:column;min-width:0;padding:34px 36px;background:var(--soft);border:1px solid var(--line)}
.customer-review-head{display:flex;justify-content:space-between;align-items:baseline;gap:14px}
.customer-review-product{color:var(--accent);font-size:13px;font-weight:800}
.customer-review-date{flex-shrink:0;color:var(--muted);font-size:12px}
.customer-review-options{margin:12px 0 0;color:var(--muted);font-size:12px;line-height:1.65;word-break:keep-all}
.customer-review-body{margin:25px 0 30px;color:var(--ink);font-size:16px;line-height:1.85;word-break:keep-all}
.customer-review-foot{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:auto;padding-top:17px;border-top:1px solid var(--line);font-size:12px}
.customer-review-foot strong{font-size:13px}
.customer-review-foot span{color:var(--muted)}
.process-section{background:var(--paper)}
.process-list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:0;padding:0;list-style:none}
.process-step{min-width:0;min-height:250px;padding:30px 27px;border:1px solid var(--line);background:var(--soft)}
.process-step>span{color:var(--accent);font-size:12px;font-weight:800;letter-spacing:.12em}
.process-list h3{margin:37px 0 15px;font-size:22px;letter-spacing:-.05em;word-break:keep-all}
.process-list p{margin:0;color:var(--muted);font-size:14px;line-height:1.75;word-break:keep-all}
.trial-section{display:flex;justify-content:space-between;align-items:center;gap:45px;background:var(--soft)}
.trial-section h2{margin:0;font-size:clamp(34px,3.5vw,50px);letter-spacing:-.07em}
.trial-section>div>p:last-child{margin:24px 0 0;color:var(--muted);font-size:16px;line-height:1.85;word-break:keep-all}
.trial-status{flex-shrink:0;padding:18px 25px;border:1px solid var(--accent);color:var(--accent);font-size:14px;font-weight:800}
.faq-section{background:var(--paper);padding-top:45px;padding-bottom:140px}
.faq-list{border-top:1px solid var(--line)}
.faq-item{border-bottom:1px solid var(--line)}
.faq-item h3{margin:0}
.faq-item button{width:100%;min-height:80px;display:grid;grid-template-columns:60px 1fr 28px;align-items:center;gap:12px;padding:15px 8px;border:0;background:transparent;color:var(--ink);text-align:left;font-size:17px;font-weight:700;letter-spacing:-.03em}
.faq-item button:hover{color:var(--accent)}
.faq-index{color:var(--accent);font-size:12px;font-weight:800;letter-spacing:.1em}
.faq-plus{justify-self:end;font-size:23px;font-weight:400;transition:transform .2s}
.faq-item button[aria-expanded=true] .faq-plus{transform:rotate(45deg)}
.faq-answer{padding:0 55px 25px 80px;color:var(--muted);font-size:14px;line-height:1.8}
.faq-answer p{margin:0}
.concept-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:150px;padding:35px max(44px,calc((100vw - 1440px)/2));border-top:1px solid var(--line);font-size:12px}
.concept-footer div{display:flex;align-items:baseline;gap:7px}
.concept-footer strong{font-size:22px;letter-spacing:-.08em}
.concept-footer span{font-size:9px;font-weight:800;letter-spacing:.13em}
.concept-footer p{color:var(--muted)}
.concept-footer a{border-bottom:1px solid var(--ink);padding-bottom:5px;font-weight:700}

/* Each concept changes composition, not just a color token. */
.site-surface.theme-02{--accent:#202a32;--ink:#19232a;--soft:#f4f3f0;--line:#dededb}
.theme-02 .concept-hero{display:flex;flex-direction:column;gap:0;text-align:center;padding:92px 0 75px}
.theme-02 .hero-eyebrow,.theme-10 .hero-eyebrow{justify-content:center}
.theme-02 .hero-copy h1{font-size:clamp(50px,6vw,92px)}
.theme-02 .hero-lead{margin:25px auto 0}
.theme-02 .hero-actions{justify-content:center}
.theme-02 .hero-visual{width:100%;height:390px;margin-top:70px}
.theme-02 .hero-visual img{object-position:center 55%}
.theme-02 .visual-label{left:0;right:auto}
.theme-02 .product-list{gap:0;border:1px solid var(--line)}
.theme-02 .product-card{border:0;border-right:1px solid var(--line)}
.theme-02 .product-card:last-child{border-right:0}

.site-surface.theme-03{--accent:#7a6857;--ink:#2b2a27;--muted:#786f64;--paper:#fbf8f2;--soft:#f2ece2;--line:#dfd7cc}
.theme-03 .concept-header{border-bottom-color:#d9d0c4}
.theme-03 .concept-hero{grid-template-columns:47% 53%;gap:0;min-height:760px}
.theme-03 .hero-copy{padding-right:4vw}
.theme-03 .hero-copy h1{font-weight:600}
.theme-03 .hero-visual{height:620px;border-radius:310px 310px 3px 3px}
.theme-03 .hero-visual img{object-position:50% 40%}
.theme-03 .visual-label{bottom:20px;right:20px}
.theme-03 .primary-button{border-radius:100px}
.theme-03 .product-card{border-radius:14px}
.theme-03 .review-placeholder{border-radius:14px}

.site-surface.theme-04{--accent:#2655d8;--ink:#15191e;--soft:#f8f9fc;--line:#d5dbe5}
.theme-04 .concept-hero{grid-template-columns:1fr;align-items:start;min-height:680px;padding-top:80px}
.theme-04 .hero-copy h1{font-size:clamp(70px,8.6vw,140px);line-height:1.03;letter-spacing:-.09em}
.theme-04 .hero-copy h1 em{color:var(--ink)}
.theme-04 .hero-lead{max-width:650px;margin-top:27px}
.theme-04 .hero-visual{position:absolute;right:0;bottom:75px;width:29%;height:180px}
.theme-04 .hero-actions{margin-top:26px}
.theme-04 .product-card{border-top:4px solid var(--accent)}
.theme-04 .hero-deco{display:block;position:absolute;right:0;top:62px;color:#e7edfd;font-size:240px;line-height:1;font-weight:800;z-index:0}

.site-surface.theme-05{--accent:#264d5b;--ink:#1c343d;--muted:#49636c;--soft:#f3f5f6;--line:#d9dfe2}
.theme-05 .concept-header{color:#20272b;border-color:#e0e3e5}
.theme-05 .concept-header .concept-brand,.theme-05 .concept-header .header-action{color:#20272b;border-color:#20272b}
.theme-05 .concept-header .header-action:hover{color:#fff;background:#20272b}
.theme-05 .concept-hero{width:100%;min-height:680px;padding:0 max(44px,calc((100vw - 1440px)/2));background:#edf4f2;overflow:hidden}
.theme-05 .hero-visual{position:absolute;inset:0;width:100%;height:100%;opacity:.7}
.theme-05 .hero-visual img{object-position:center}
.theme-05 .hero-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#eff5f2f5 0%,#eff5f2cc 43%,#eff5f217 100%)}
.theme-05 .hero-copy{max-width:800px;grid-column:1/3;color:#1c343d}
.theme-05 .hero-copy h1 em{color:#264d5b}
.theme-05 .hero-lead{color:#49636c}
.theme-05 .primary-button{background:#264d5b;border-color:#264d5b;color:#fff}
.theme-05 .hero-small{color:#688087}
.theme-05 .visual-label{bottom:25px;right:25px}
.theme-05 .snb-reference-hero{background:#050d32}
.theme-05 .snb-reference-hero .hero-visual{opacity:1;background:#050d32}
.theme-05 .snb-reference-hero .hero-visual img{object-position:center}
.theme-05 .snb-reference-hero .hero-visual>img{transition:none}
.theme-05 .snb-reference-hero .hero-visual:hover>img{transform:none}
.theme-05 .snb-reference-hero .hero-film{position:absolute;inset:0;overflow:hidden;pointer-events:none;opacity:0;transition:opacity .45s ease;background:linear-gradient(90deg,transparent 30%,#050d32 50%);mask-image:linear-gradient(90deg,transparent 26%,#000 43%);-webkit-mask-image:linear-gradient(90deg,transparent 26%,#000 43%)}
.theme-05 .snb-reference-hero .hero-film.is-ready{opacity:1}
.theme-05 .snb-reference-hero .hero-film-frame{position:absolute;left:43%;top:-46%;display:flex;gap:14px;width:72%;height:192%;transform:rotate(-19deg)}
.theme-05 .snb-reference-hero .hero-film-column{flex:1;min-width:0;overflow:hidden}
.theme-05 .snb-reference-hero .hero-film-reel{display:flex;flex-direction:column;will-change:transform;animation:hero-film-scroll 96s linear infinite}
.theme-05 .snb-reference-hero .hero-film-column:nth-child(2) .hero-film-reel{animation-delay:-24s}
.theme-05 .snb-reference-hero .hero-film-column:nth-child(3) .hero-film-reel{animation-delay:-48s}
.theme-05 .snb-reference-hero .hero-film-column:nth-child(4) .hero-film-reel{animation-delay:-72s}
.theme-05 .snb-reference-hero .hero-film-sequence{display:flex;flex-direction:column;gap:12px;padding-bottom:12px}
.theme-05 .snb-reference-hero .hero-film-sequence img{display:block;width:100%;height:auto;aspect-ratio:3/5;object-fit:cover;flex:none;transition:none}
.theme-05 .snb-reference-hero .hero-visual:hover .hero-film-sequence img{transform:none}
@keyframes hero-film-scroll{from{transform:translate3d(0,-50%,0)}to{transform:translate3d(0,0,0)}}
@media (prefers-reduced-motion:reduce){.theme-05 .snb-reference-hero .hero-film{display:none}}
.theme-05 .snb-reference-hero .hero-visual:after{background:linear-gradient(90deg,#050d3240 0%,#050d321a 45%,transparent 75%)}
.theme-05 .snb-reference-hero .hero-copy,.theme-05 .snb-reference-hero .hero-copy h1 em{color:#fff}
.theme-05 .snb-reference-hero .hero-eyebrow,.theme-05 .snb-reference-hero .hero-lead,.theme-05 .snb-reference-hero .hero-small{color:#e8ebff}
.theme-05 .snb-reference-hero .eyebrow-line{background:#e8ebff}
.theme-05 .snb-reference-hero .primary-button{background:#fff;border-color:#fff;color:#07113d}
body[data-page="home"] .site-surface.theme-05{position:relative}
body[data-page="home"] .theme-05 .concept-header{position:absolute;top:0;left:0;z-index:10;width:100%;height:100px;max-width:none;margin:0;padding:0 max(44px,calc((100vw - 1440px)/2));border:0;background:linear-gradient(180deg,#030b2ee8 0%,#030b2eb8 64%,#030b2e00 100%);color:#fff}
body[data-page="home"] .theme-05 .concept-header .logo-brand{background:transparent}
body[data-page="home"] .theme-05 .concept-header .brand-mark{width:195px}
body[data-page="home"] .theme-05 .concept-header .concept-nav a{color:#fff;text-shadow:0 1px 4px #020817b3}
body[data-page="home"] .theme-05 .concept-header .concept-nav a:hover{color:#cbdcff}
body[data-page="home"] .theme-05 .snb-reference-hero{min-height:780px;padding-top:100px}
.theme-05 .product-section,.theme-05 .reviews-section,.theme-05 .process-section,.theme-05 .trial-section,.theme-05 .faq-section,.theme-05 .concept-footer{--accent:#2455a7;--ink:#1d2830;--muted:#68737a;--line:#d9dfe2;color:var(--ink)}

.site-surface.theme-06{--accent:#47705c;--ink:#24352a;--muted:#62776a;--paper:#f8faf7;--soft:#eaf1e9;--line:#d9e4d9}
.theme-06 .concept-hero{grid-template-columns:1fr 1fr;gap:18px;min-height:660px}
.theme-06 .hero-copy{display:flex;flex-direction:column;justify-content:center;height:505px;padding:55px;background:#eef3e9;border-radius:26px}
.theme-06 .hero-copy h1{font-size:clamp(46px,4.3vw,70px)}
.theme-06 .hero-visual{height:505px;border-radius:26px}
.theme-06 .visual-label{right:18px;bottom:18px;border-radius:8px}
.theme-06 .product-list{gap:20px}
.theme-06 .product-card{border-radius:18px}
.theme-06 .review-placeholder{border-radius:18px}

.site-surface.theme-07{--accent:#2860bf;--ink:#162b48;--soft:#f2f6fb;--line:#d5e0ee}
.theme-07 .concept-hero{grid-template-columns:54% 46%;gap:0;min-height:690px;padding-left:65px;border-left:14px solid #2760bf}
.theme-07 .hero-copy h1{font-size:clamp(51px,5.2vw,85px)}
.theme-07 .hero-visual{height:480px}
.theme-07 .product-section{position:relative}
.theme-07 .product-section:before{content:"";position:absolute;top:0;bottom:0;left:0;width:13px;background:#2860bf}
.theme-07 .product-card{border-left:3px solid #2860bf}

.site-surface.theme-08{--accent:#2558af;--ink:#1d2b35;--soft:#f5f7fa;--line:#dfe4e9}
.theme-08 .concept-hero{grid-template-columns:1fr 43%;min-height:520px;padding:72px 0}
.theme-08 .hero-copy h1{font-size:clamp(49px,4.8vw,78px)}
.theme-08 .hero-visual{height:370px;border-radius:12px}
.theme-08 .product-section{padding-top:60px}
.theme-08 .product-list{gap:20px}
.theme-08 .product-card{min-height:335px;border-radius:12px}
.theme-08 .product-card:before{content:"";display:block;width:100%;height:95px;margin-bottom:22px;background:linear-gradient(130deg,#e8eef7,#fafbfd);border-radius:6px}
.theme-08 .product-card:nth-child(2):before{background:linear-gradient(130deg,#edece9,#f8f6f3)}
.theme-08 .product-card:nth-child(3):before{background:linear-gradient(130deg,#e9e3ec,#f9f7f9)}

.site-surface.theme-09{--accent:#111;--ink:#161616;--muted:#606060;--soft:#f3f3f0;--line:#c5c6c3}
.theme-09 .concept-header{border-color:#202020}
.theme-09 .concept-hero{grid-template-columns:64% 36%;gap:0;min-height:680px}
.theme-09 .hero-copy{padding-right:30px}
.theme-09 .hero-copy h1{font-size:clamp(65px,7vw,110px);line-height:1.05}
.theme-09 .hero-copy h1 em{color:var(--ink)}
.theme-09 .hero-visual{height:540px;filter:grayscale(1)}
.theme-09 .primary-button{border-radius:0}
.theme-09 .product-list{gap:0;border-top:2px solid #111;border-bottom:2px solid #111}
.theme-09 .product-card{border:0;border-right:1px solid #bbb;background:transparent}
.theme-09 .product-card:last-child{border-right:0}
.theme-09 .review-placeholder{border:2px solid #111;background:transparent}

.site-surface.theme-10{--accent:#897689;--ink:#302c32;--muted:#777179;--paper:#fbf9f8;--soft:#f5f0f3;--line:#e5dfe4}
.theme-10 .concept-header{width:min(1250px,calc(100% - 100px))}
.theme-10 .concept-hero{display:flex;flex-direction:column;text-align:center;width:min(1250px,calc(100% - 100px));padding-top:110px;min-height:790px}
.theme-10 .hero-copy h1{font-size:clamp(55px,5.5vw,88px);font-weight:600}
.theme-10 .hero-lead{margin:27px auto 0}
.theme-10 .hero-actions{justify-content:center}
.theme-10 .hero-visual{width:68%;height:330px;margin-top:60px;border-radius:210px 210px 0 0}
.theme-10 .visual-label{display:none}
.theme-10 .primary-button{border-radius:100px}
.theme-10 .product-card{background:transparent;border-width:0 0 1px 0}
.theme-10 .review-placeholder{background:transparent}

@media(max-width:1250px){
  .has-account-nav,.question-nav{position:relative}
  .has-account-nav .mobile-menu-button,.question-nav .mobile-menu-button{display:block;margin-left:auto;border:0;background:transparent;padding:6px;font-size:22px;color:var(--ink)}
  .has-account-nav .concept-nav,.question-nav .concept-nav{display:none;position:absolute;top:87px;left:0;right:0;z-index:20;flex-direction:column;align-items:stretch;gap:0;margin:0;padding:8px 18px 18px;background:var(--paper);box-shadow:0 16px 25px #00000017}
  .has-account-nav .concept-nav.open,.question-nav .concept-nav.open{display:flex}
  .has-account-nav .concept-nav a,.question-nav .concept-nav a{padding:14px 5px;border-bottom:1px solid var(--line)}
  .question-nav .concept-nav a{font-size:19px}
  .question-nav .header-action{display:none}
  body[data-page="home"] .theme-05 .question-nav .mobile-menu-button{color:#fff}
  body[data-page="home"] .theme-05 .question-nav .concept-nav{top:100px;left:0;right:0}
  body[data-page="home"] .theme-05 .question-nav .concept-nav.open{background:#071334;box-shadow:0 16px 25px #0005}
  body[data-page="home"] .theme-05 .question-nav .concept-nav.open a{border-bottom-color:#ffffff2b}
}

@media(max-width:1000px){
  .gallery-main{width:min(900px,calc(100% - 40px))}
  .tile-preview{height:270px;padding:16px}
  .tile-stage{height:190px}
  .tile-image{height:160px}
  .tile-copy strong,.concept-tile.theme-04 .tile-copy strong,.concept-tile.theme-05 .tile-copy strong,.concept-tile.theme-09 .tile-copy strong{font-size:25px}
  .concept-header{width:calc(100% - 48px);gap:24px}
  .concept-nav{gap:20px}
  .concept-hero,.theme-10 .concept-hero{width:calc(100% - 48px)}
  .concept-hero{min-height:560px;gap:3%}
  .hero-copy h1{font-size:clamp(40px,5.2vw,68px)}
  .hero-visual{height:390px}
  .product-section,.reviews-section,.process-section,.trial-section,.faq-section{padding-left:24px;padding-right:24px}
  .process-list{grid-template-columns:repeat(2,minmax(0,1fr))}
  .theme-05 .concept-hero{width:100%;padding-left:24px;padding-right:24px}
  body[data-page="home"] .theme-05 .concept-header{padding:0 24px}
  .theme-07 .concept-hero{padding-left:35px}
}
@media(max-width:700px){
  .gallery-header{height:65px;padding:0 20px}.header-caption{display:none}.gallery-brand{font-size:22px}
  .gallery-main{width:calc(100% - 32px)}
  .gallery-intro{padding:66px 4px 58px}.gallery-intro h1{font-size:clamp(48px,11.4vw,75px)}
  .gallery-intro>p:not(.overline){font-size:14px}.gallery-intro>p br{display:none}
  .gallery-section{padding-top:38px}.concept-grid{grid-template-columns:1fr;gap:18px}
  .tile-preview{height:270px;padding:19px}.tile-stage{height:185px}.tile-image{height:160px}
  .tile-copy strong{font-size:28px}.tile-info{padding:18px 22px}.tile-info h3{font-size:21px}
  .gallery-note{line-height:1.6}.gallery-footer{padding:28px 20px}.gallery-footer span{display:none}
  .review-bar{grid-template-columns:30px 1fr auto;min-height:52px;padding:0 15px}.review-back span{display:none}.review-current{gap:7px;justify-self:center}.review-current small{display:none}.review-actions{gap:10px}.review-actions span{display:none}
  .concept-header,.theme-10 .concept-header{position:relative;width:calc(100% - 36px);height:68px;gap:12px}.concept-brand{font-size:23px}.concept-brand span{font-size:8px}
  .brand-mark{width:138px}
  .header-action{margin-left:auto;padding:9px 11px;gap:6px;font-size:11px}.mobile-menu-button{display:block;border:0;background:transparent;padding:6px;font-size:22px;color:var(--ink)}
  .has-account-nav .mobile-menu-button{margin-left:auto}
  .has-account-nav .concept-nav,.question-nav .concept-nav{top:67px;left:-18px;right:-18px}
  .question-nav .concept-nav a{font-size:18px}
  .concept-nav{display:none;position:absolute;top:67px;left:-18px;right:-18px;z-index:10;flex-direction:column;gap:0;align-items:stretch;margin:0;padding:8px 18px 18px;background:var(--paper);box-shadow:0 16px 25px #00000017}
  .concept-nav.open{display:flex}.concept-nav a{padding:14px 5px;border-bottom:1px solid var(--line)}
  .concept-hero,.theme-02 .concept-hero,.theme-03 .concept-hero,.theme-04 .concept-hero,.theme-06 .concept-hero,.theme-07 .concept-hero,.theme-08 .concept-hero,.theme-09 .concept-hero,.theme-10 .concept-hero{display:flex;flex-direction:column;align-items:stretch;width:calc(100% - 36px);min-height:0;gap:0;padding:65px 0 60px;text-align:left;border:0}
  .hero-copy,.theme-03 .hero-copy,.theme-06 .hero-copy,.theme-09 .hero-copy{padding:0;height:auto;background:transparent}
  .hero-eyebrow,.theme-02 .hero-eyebrow,.theme-10 .hero-eyebrow{justify-content:flex-start;margin-bottom:22px}
  .hero-copy h1,.theme-02 .hero-copy h1,.theme-03 .hero-copy h1,.theme-04 .hero-copy h1,.theme-05 .hero-copy h1,.theme-06 .hero-copy h1,.theme-07 .hero-copy h1,.theme-08 .hero-copy h1,.theme-09 .hero-copy h1,.theme-10 .hero-copy h1{font-size:clamp(42px,10.5vw,60px);line-height:1.2}
  .hero-lead,.theme-02 .hero-lead,.theme-10 .hero-lead{margin:23px 0 0;font-size:14px;line-height:1.7}
  .hero-actions,.theme-02 .hero-actions,.theme-10 .hero-actions{justify-content:flex-start;margin-top:26px}.hero-small{display:none}.primary-button{padding:14px 17px;font-size:13px}
  .hero-visual,.theme-02 .hero-visual,.theme-03 .hero-visual,.theme-04 .hero-visual,.theme-06 .hero-visual,.theme-07 .hero-visual,.theme-08 .hero-visual,.theme-09 .hero-visual,.theme-10 .hero-visual{position:relative;inset:auto;width:100%;height:280px;margin:40px 0 0;border-radius:0;filter:none}
  .theme-03 .hero-visual,.theme-10 .hero-visual{height:350px;border-radius:180px 180px 0 0}
  .theme-04 .hero-deco{display:none}
  .theme-05 .concept-hero{width:100%;min-height:580px;padding:80px 18px 60px;justify-content:center}
  body[data-page="home"] .theme-05 .concept-header{height:76px;padding:0 18px}
  body[data-page="home"] .theme-05 .concept-header .brand-mark{width:157px}
  body[data-page="home"] .theme-05 .question-nav .concept-nav{top:76px}
  body[data-page="home"] .theme-05 .question-nav .concept-nav a{font-size:20px}
  body[data-page="home"] .theme-05 .snb-reference-hero{min-height:648px;padding-top:148px}
  .theme-05 .hero-visual{position:absolute;inset:0;width:100%;height:100%;margin:0}
  .theme-05 .hero-copy{position:relative}
  .theme-05 .snb-reference-hero .hero-visual img{object-position:56% center}
  .theme-05 .snb-reference-hero .hero-film{display:none}
  .theme-05 .snb-reference-hero .hero-visual:after{background:linear-gradient(90deg,#050d32d9 0%,#050d32a6 68%,#050d3270 100%)}
  .theme-06 .hero-copy{border-radius:0}
  .theme-07 .concept-hero{border-left:6px solid var(--accent);padding-left:16px;width:calc(100% - 18px);margin-left:0;margin-right:18px}
  .theme-09 .hero-visual{filter:grayscale(1)}
  .theme-10 .concept-hero{text-align:center;align-items:center}.theme-10 .hero-eyebrow{justify-content:center}.theme-10 .hero-actions{justify-content:center}.theme-10 .hero-lead{text-align:center}
  .product-section,.reviews-section,.process-section,.trial-section,.faq-section{padding:75px 18px}.section-top{align-items:start;flex-direction:column;gap:15px;margin-bottom:27px}.section-top h2{font-size:35px}.section-top>p{text-align:left;font-size:13px}
  .process-list{grid-template-columns:1fr;gap:10px}.process-step{min-height:0;padding:25px 23px}.process-list h3{margin:20px 0 10px;font-size:20px}
  .trial-section{align-items:flex-start;flex-direction:column;gap:25px}.trial-section>div>p:last-child{font-size:14px}.trial-status{font-size:13px}
  .product-list{display:flex;flex-direction:column;gap:10px}.product-card{min-height:205px;padding:24px}.product-text h3{font-size:25px}
  .theme-02 .product-list,.theme-09 .product-list{border:0}.theme-02 .product-card,.theme-09 .product-card{border:1px solid var(--line)}
  .theme-08 .product-card{min-height:275px}.theme-08 .product-card:before{height:50px}
  .review-placeholder{min-height:220px;gap:14px;padding:30px 23px}.review-symbol{font-size:72px}.review-placeholder h3{font-size:20px}.review-placeholder p{font-size:12px}.review-stamp{display:none}
  .review-list{grid-template-columns:1fr;gap:12px}.customer-review{padding:25px 22px}.customer-review-head{align-items:flex-start;flex-direction:column;gap:6px}.customer-review-body{margin:19px 0 25px;font-size:14px}
  .faq-section{padding-top:15px;padding-bottom:85px}.faq-item button{grid-template-columns:38px 1fr 20px;min-height:75px;font-size:14px;gap:7px}.faq-answer{padding:0 16px 24px 45px;font-size:13px}
  .concept-footer{padding:38px 18px;min-height:160px;flex-wrap:wrap}.concept-footer p{display:none}
}
.portfolio-teaser{padding:112px 24px;background:#fff}
.portfolio-teaser .section-top{width:min(100%,1440px);margin:0 auto 34px}
.portfolio-intro{width:min(1440px,calc(100% - 88px));margin:auto;padding:100px 0 58px;border-bottom:1px solid #dbe3e6}
.portfolio-intro h1{margin:0;font-size:clamp(62px,7.5vw,112px);font-weight:800;letter-spacing:-.08em;line-height:1.15}
.portfolio-intro h1 span{color:#356272}
.portfolio-intro>p:not(.hero-eyebrow){margin:24px 0 0;color:#66757c;font-size:17px;line-height:1.8;word-break:keep-all}
.portfolio-intro-foot{display:flex;justify-content:space-between;align-items:center;margin-top:70px;color:#75848b;font-size:11px;font-weight:800;letter-spacing:.1em}
.portfolio-intro-foot a{padding-bottom:4px;border-bottom:1px solid #314e59;color:#314e59;letter-spacing:0}
.portfolio-gallery-section{padding:58px 24px 130px}
.portfolio-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.portfolio-work{position:relative;display:block;width:100%;padding:0;border:0;background:#f5f6f7;text-align:left;color:#24434f;cursor:zoom-in;transition:opacity .2s}
.portfolio-work:hover{opacity:.88}
.portfolio-work:focus-visible{outline:3px solid #325a68;outline-offset:2px}
.portfolio-work-image{display:block;overflow:hidden;background:#f5f6f7}
.portfolio-work img{display:block;width:100%;height:auto;aspect-ratio:1000/1667;object-fit:cover}
.portfolio-work>.portfolio-source-mark{position:absolute;right:10px;bottom:10px;box-shadow:0 8px 30px #0003}
.portfolio-source-mark{display:inline-flex;align-items:center;justify-content:center;gap:7px;flex:none;padding:7px 11px;border:1px solid #d7c9ab;border-radius:999px;background:#1c2733;color:#f4e7c9;font-size:11px;font-weight:750;line-height:1.2;letter-spacing:.01em;white-space:nowrap}
.portfolio-source-mark i{color:#d6ad63;font-size:11px;font-style:normal}
.portfolio-source-mark.premium{border-color:#b7a5ca;background:#241e34;color:#f1e8fa}
.portfolio-source-mark.premium i{color:#c9a3e6}
.portfolio-source-mark.redesign{border-color:#b8a16c;background:#172a34;color:#f5ebd3}
.portfolio-source-mark.redesign i{color:#e7c578}
.portfolio-dialog-source{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:0 23px;background:#fff}
.portfolio-dialog-source:not(:empty){padding-top:10px;padding-bottom:10px;border-bottom:1px solid #e0e5e8}
.portfolio-dialog-source a{color:#325a68;font-size:13px;font-weight:750;text-decoration:underline;text-underline-offset:3px}
.portfolio-dialog{width:min(760px,calc(100% - 26px));max-height:94vh;padding:0;border:0;border-radius:9px;box-shadow:0 30px 80px #0005;background:#fff;color:#1f3037}
.portfolio-dialog::backdrop{background:#101a22c7}
.portfolio-dialog[open]{display:flex;flex-direction:column}
.portfolio-dialog-bar{flex:none;display:flex;justify-content:space-between;align-items:center;min-height:65px;padding:10px 16px 10px 23px;border-bottom:1px solid #e0e5e8}
.portfolio-dialog-bar div:first-child{display:flex;align-items:baseline;gap:15px}
.portfolio-dialog-bar strong{font-size:15px}
.portfolio-dialog-bar span{color:#799099;font-size:12px;font-weight:700}
.portfolio-dialog-actions{display:flex;gap:4px}
.portfolio-dialog-actions button{display:grid;place-items:center;width:36px;height:36px;border:0;border-radius:50%;background:#eef2f3;color:#28434d;font-size:20px;line-height:1}
.portfolio-dialog-actions button:hover{background:#dfe8eb}
.portfolio-dialog-scroll{overflow:auto;min-height:0;padding:14px 14px 20px;background:#f5f6f5}
.portfolio-dialog-scroll img{display:block;width:100%;height:auto;margin:auto}
@media(max-width:700px){
  .portfolio-teaser{padding:70px 12px}
  .portfolio-teaser .section-top{flex-direction:column;align-items:flex-start;gap:16px}
  .portfolio-intro{width:calc(100% - 36px);padding:74px 0 40px}
  .portfolio-intro h1{font-size:clamp(45px,12vw,68px)}
  .portfolio-intro>p:not(.hero-eyebrow){font-size:14px}
  .portfolio-intro>p br{display:none}
  .portfolio-intro-foot{margin-top:45px;font-size:10px;gap:15px}
  .portfolio-gallery-section{padding:32px 12px 80px}
  .portfolio-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}
  .portfolio-source-mark{font-size:10px;padding:6px 8px}
  .portfolio-work>.portfolio-source-mark{right:6px;bottom:6px}
  .portfolio-dialog-source{padding-left:15px;padding-right:15px}
  .portfolio-dialog{max-height:96vh}
  .portfolio-dialog-bar{min-height:56px;padding:7px 10px 7px 15px}
  .portfolio-dialog-bar strong{font-size:13px}
  .portfolio-dialog-scroll{padding:6px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}
.product-card .product-thumb{display:block;width:calc(100% + 56px);max-width:none;height:auto;aspect-ratio:1;object-fit:contain;margin:-28px -28px 20px}.product-card .product-text{margin-top:8px}.product-card .product-text h3{font-size:clamp(19px,1.8vw,25px)}.product-card .product-arrow{background:#fff;border-radius:50%;width:28px;height:28px;display:grid;place-items:center;top:12px;right:12px;font-size:17px}.section-caveat a{color:var(--accent);font-weight:800}
@media(max-width:700px){.product-card .product-thumb{width:calc(100% + 48px);margin:-24px -24px 20px}}
.proof-group .portfolio-teaser{padding-top:58px;padding-bottom:72px}
.proof-group .reviews-section{padding-top:48px;background:#f1f4f6}
.proof-group .reviews-section .section-top{margin-bottom:30px}
.proof-group .reviews-section .section-top h2{font-size:clamp(48px,5vw,76px)}
.proof-summary{margin:14px 0 0;color:#65737b;font-size:18px;line-height:1.7;word-break:keep-all}
body[data-page="home"] :is(#products,#process,#trial,#faq){scroll-margin-top:0}
body[data-page="home"] :is(#products,#process,#trial){padding-top:48px}
.review-highlights{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;align-items:start}
.review-highlight{min-width:0;background:#fff;border:1px solid #d9e1e6}
.review-highlight:first-child{background:#12346d;border-color:#12346d;color:#fff}
.review-highlight summary{display:flex;flex-direction:column;gap:18px;min-height:230px;padding:28px 32px;list-style:none;cursor:pointer}
.review-highlight summary::-webkit-details-marker{display:none}
.review-highlight-index{position:relative;color:#2455a7;font-size:14px;font-weight:800;letter-spacing:.08em}
.review-highlight:first-child .review-highlight-index{color:#abc9ff}
.review-highlight summary>strong{position:relative;max-width:18em;font-size:clamp(24px,2.1vw,31px);font-weight:750;letter-spacing:-.05em;line-height:1.38;word-break:keep-all}
.review-highlight-meta{display:flex;justify-content:space-between;gap:12px;margin-top:auto;color:#65737b;font-size:15px}
.review-highlight:first-child .review-highlight-meta{color:#d5e2f9}
.review-highlight-meta>span:last-child{flex-shrink:0;color:#2455a7;font-weight:800}
.review-highlight:first-child .review-highlight-meta>span:last-child{color:#fff}
.review-highlight-meta b{display:inline-block;font-size:16px;transition:transform .2s}
.review-highlight[open] .review-highlight-meta b{transform:rotate(45deg)}
.review-highlight-full{padding:0 32px 28px;border-top:1px solid #e4e9ec}
.review-highlight-full p{margin:22px 0 16px;color:#2b3941;font-size:17px;line-height:1.8;word-break:keep-all}
.review-highlight-full small{color:#728089;font-size:14px;line-height:1.6}
.review-highlight:first-child .review-highlight-full{border-top-color:#ffffff38}
.review-highlight:first-child .review-highlight-full p{color:#fff}
.review-highlight:first-child .review-highlight-full small{color:#c4d5ed}
@media(max-width:700px){
  .proof-group .portfolio-teaser{padding-top:40px;padding-bottom:54px}
  .proof-group .reviews-section{padding-top:28px}
  .proof-group .reviews-section .section-top h2{font-size:clamp(40px,10vw,52px)}
  .review-highlights{grid-template-columns:1fr}
  .review-highlight summary{min-height:220px;padding:24px}
  .review-highlight summary>strong{font-size:clamp(23px,6vw,28px)}
  .review-highlight-full{padding:0 24px 24px}
}

/* Reading scale for the selected home and its portfolio. */
body:is([data-page="home"],.portfolio-page) .hero-eyebrow,
body:is([data-page="home"],.portfolio-page) .section-kicker,
body:is([data-page="home"],.portfolio-page) .product-number,
body:is([data-page="home"],.portfolio-page) .review-highlight-index { font-size: 14px; }
body:is([data-page="home"],.portfolio-page) .hero-lead,
body:is([data-page="home"],.portfolio-page) .section-top>p,
body:is([data-page="home"],.portfolio-page) .product-text p,
body:is([data-page="home"],.portfolio-page) .process-list p,
body:is([data-page="home"],.portfolio-page) .trial-section>div>p:last-child,
body:is([data-page="home"],.portfolio-page) .faq-answer,
body:is([data-page="home"],.portfolio-page) .proof-summary,
body:is([data-page="home"],.portfolio-page) .portfolio-intro>p:not(.hero-eyebrow) { font-size: 18px; }
body:is([data-page="home"],.portfolio-page) .primary-button,
body:is([data-page="home"],.portfolio-page) .trial-status,
body:is([data-page="home"],.portfolio-page) .header-action { font-size: 17px; }
body:is([data-page="home"],.portfolio-page) .section-caveat,
body:is([data-page="home"],.portfolio-page) .concept-footer,
body:is([data-page="home"],.portfolio-page) .portfolio-intro-foot,
body:is([data-page="home"],.portfolio-page) .portfolio-work-meta { font-size: 14px; }
body:is([data-page="home"],.portfolio-page) .review-highlight-full p { font-size: 17px; }
body:is([data-page="home"],.portfolio-page) .faq-item button { font-size: 20px; }
body:is([data-page="home"],.portfolio-page) .product-text h3 { font-size: 27px; }
/* Each question in the main navigation has its own page. */
.design-subpage .concept-header{width:100%;max-width:none;padding:0 max(44px,calc((100vw - 1440px)/2));border-bottom-color:#d9dfe2}
.design-subpage .concept-nav a[aria-current="page"]{color:#2455a7}
.design-subpage #main{min-height:calc(100vh - 190px)}
.design-subpage #main>.product-section,
.design-subpage #main>.process-section,
.design-subpage #main>.trial-section,
.design-subpage #main>.faq-section{padding-top:84px}
.design-subpage .proof-group .reviews-section{padding-top:84px}
@media(max-width:1250px){.design-subpage .concept-header{padding:0 44px}}
@media(max-width:700px){.question-nav .brand-mark{width:157px}.design-subpage .concept-header{padding:0 18px}.design-subpage .question-nav .concept-nav{left:0;right:0}.design-subpage #main>:is(.product-section,.process-section,.trial-section,.faq-section){padding-top:56px}.design-subpage .proof-group .reviews-section{padding-top:56px}}
@media(max-width:700px){
  body:is([data-page="home"],.portfolio-page) .hero-lead,
  body:is([data-page="home"],.portfolio-page) .section-top>p,
  body:is([data-page="home"],.portfolio-page) .product-text p,
  body:is([data-page="home"],.portfolio-page) .process-list p,
  body:is([data-page="home"],.portfolio-page) .trial-section>div>p:last-child,
  body:is([data-page="home"],.portfolio-page) .faq-answer,
  body:is([data-page="home"],.portfolio-page) .proof-summary,
  body:is([data-page="home"],.portfolio-page) .portfolio-intro>p:not(.hero-eyebrow) { font-size: 17px; }
  body:is([data-page="home"],.portfolio-page) .primary-button,
  body:is([data-page="home"],.portfolio-page) .trial-status,
  body:is([data-page="home"],.portfolio-page) .header-action { font-size: 16px; }
  body:is([data-page="home"],.portfolio-page) .faq-item button { font-size: 18px; }
}