:root{
  --bg:#f8f4ed;
  --paper:#fffdf9;
  --dark:#173e40;
  --teal:#206c70;
  --teal-2:#087a78;
  --coral:#cd7564;
  --rose:#f4ded7;
  --sage:#e8f0e8;
  --gold:#bb9861;
  --ink:#243736;
  --muted:#687873;
  --border:#e3e5df;
  --font-sans:'DM Sans',Arial,sans-serif;
  --font-display:'Playfair Display',Georgia,serif;
  --shadow:0 20px 65px rgba(33,73,68,.08);
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:112px}
body{margin:0;color:var(--ink);font-family:var(--font-sans);background:var(--paper);-webkit-font-smoothing:antialiased}
a{text-decoration:none;color:inherit}
button{font:inherit}
button,a{-webkit-tap-highlight-color:transparent}
button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid var(--coral);outline-offset:4px}
img{max-width:100%;display:block}
h1,h2,h3,p{margin-top:0}
h1,h2{letter-spacing:-.045em}
.container{width:min(100% - 48px,1160px);margin-inline:auto}
.section-padding{padding-block:110px}
.skip-link{position:absolute;left:14px;top:-100px;padding:12px 18px;background:#fff;color:#000;z-index:10000}
.skip-link:focus{top:10px}
.top-announcement{height:36px;background:#18494a;color:#eaf3ee;display:flex;align-items:center;justify-content:center;gap:10px;font-size:11.5px;font-weight:600;letter-spacing:.035em;padding-inline:20px;text-align:center}
.top-announcement__dot{width:6px;height:6px;border-radius:99px;background:#dbbc84;flex:none}
.site-header{position:sticky;top:0;z-index:100;background:rgba(248,244,237,.96);border-bottom:1px solid #e8e7df;backdrop-filter:blur(15px)}
.header-row{height:82px;display:flex;align-items:center;justify-content:space-between;gap:30px}
.brand{display:flex;align-items:center;gap:12px;min-width:236px;flex-shrink:0}
.brand__image-wrap{width:53px;height:53px;background:#fff;display:grid;place-items:center;border:1px solid rgba(30,83,73,.09);border-radius:13px;overflow:hidden;box-shadow:0 3px 10px rgba(14,47,48,.06)}
.brand__image-wrap img{width:100%;height:100%;object-fit:cover}
.brand__wordmark{display:flex;flex-direction:column;align-items:flex-start;gap:1px;line-height:1}
.brand__wordmark strong{font-family:var(--font-display);font-size:21px;font-weight:600;letter-spacing:-.065em;color:#184e4c}
.brand__wordmark strong span{color:var(--coral)}
.brand__wordmark small{margin-top:5px;letter-spacing:.31em;color:#6a716c;font-size:8.5px;font-weight:700}
.desktop-nav{display:flex;align-items:center;justify-content:center;gap:30px;flex:1}
.desktop-nav a{font-size:12.5px;font-weight:700;color:#52645f;transition:color .2s}
.desktop-nav a:hover,.footer a:hover{color:var(--coral)}
.header-actions{display:flex;align-items:center;gap:15px}
.language-switch{display:flex;background:#eaece4;border-radius:30px;padding:3px;gap:0;white-space:nowrap}
.language-switch__button{font-size:11px;font-weight:800;border:0;border-radius:22px;color:#72807b;padding:7px 10px;background:transparent;cursor:pointer}
.language-switch__button.is-active{background:#fff;color:var(--dark);box-shadow:0 1px 6px rgba(26,50,40,.08)}
.button{border:0;border-radius:6px;display:inline-flex;align-items:center;justify-content:center;gap:18px;min-height:52px;padding:15px 24px;font-size:13.5px;font-weight:800;letter-spacing:.005em;cursor:pointer;transition:transform .22s,box-shadow .22s,background .22s;text-align:center}
.button:hover{transform:translateY(-2px)}
.button--small{min-height:38px;font-size:11.5px;padding:11px 16px;gap:9px}
.button--dark{background:var(--dark);color:#fff;border-radius:25px}
.button--dark:hover{background:var(--teal)}
.button--primary{background:var(--teal);color:#fff;box-shadow:0 8px 18px rgba(35,105,102,.12)}
.button--primary:hover{background:var(--dark);box-shadow:0 12px 26px rgba(35,105,102,.17)}
.button--text{color:var(--teal);padding-inline:8px;background:transparent}
.button--text:hover{color:var(--dark)}
.button--outline{color:var(--teal);border:1px solid #c8d8d3;background:#fff}
.button--outline:hover{background:#f0f7f5}
.button--full{width:100%}
.button--cream{background:#f9f2e8;color:var(--dark);white-space:nowrap}
.button--cream:hover{background:#fff}
.menu-toggle{display:none;cursor:pointer;padding:11px;border:1px solid #c9d5cf;background:transparent;border-radius:8px;height:41px;width:43px;flex-direction:column;justify-content:center;gap:5px}
.menu-toggle span{width:19px;height:2px;background:var(--dark);display:block}
.mobile-nav{display:none}

/* HERO */
.section-shell{position:relative}
.hero{background:var(--bg);overflow:hidden;padding:68px 0 76px}
.hero__grid{display:grid;grid-template-columns:1fr 1.05fr;align-items:center;gap:45px;min-height:540px}
.eyebrow{display:inline-flex;align-items:center;gap:12px;color:var(--coral);font-size:10.5px;font-weight:800;letter-spacing:.23em;text-transform:uppercase}
.eyebrow-line{height:1px;width:28px;background:var(--coral);display:inline-block}
.hero h1{font-family:var(--font-display);font-size:clamp(48px,5.5vw,76px);line-height:1.13;font-weight:500;margin:24px 0 27px;color:#1b4445}
.hero h1 em{font-style:italic;font-weight:500;color:var(--coral)}
.hero__lead{font-size:16px;line-height:1.93;color:var(--muted);max-width:520px;margin:0 0 27px}
.hero__actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:40px}
.hero__proof{display:flex;align-items:center;flex-wrap:wrap;gap:19px}
.hero__proof>span{display:inline-flex;align-items:center;gap:7px;font-size:11.5px;font-weight:700;color:#5e726b;white-space:nowrap}
.check-dot{width:16px;height:16px;border:1px solid #a8c4b8;display:inline-grid;place-items:center;color:var(--teal);font-size:10px;border-radius:50%}
.hero__visual{position:relative;padding:38px 15px 35px 20px;isolation:isolate}
.hero__visual-bg{position:absolute;width:96%;height:94%;right:0;top:6%;border-radius:48% 52% 54% 46%/53% 53% 47% 47%;background:#ebebdc;z-index:-1;transform:rotate(-8deg)}
.hero__visual-frame{overflow:hidden;border-radius:12px;box-shadow:0 30px 90px rgba(45,71,65,.15);transform:rotate(1.6deg);border:8px solid rgba(255,255,255,.72);background:#faf5ee}
.hero__visual-frame img{width:100%;aspect-ratio:1.304;object-fit:cover}
.floating-tag{position:absolute;display:flex;align-items:center;gap:10px;padding:13px 18px;background:#fff;border-radius:12px;box-shadow:0 11px 28px rgba(41,75,66,.12);font-size:11.2px;font-weight:800;color:#41665e;z-index:2;white-space:nowrap}
.floating-tag--top{top:4%;right:-2%;transform:rotate(6deg)}
.floating-tag__icon{color:var(--coral);font-size:20px}
.floating-tag--bottom{bottom:2%;left:-2%;transform:rotate(-4deg)}
.floating-tag--bottom strong{font-size:24px;font-family:var(--font-display);color:var(--teal)}
.hero__corner-art{position:absolute;left:-10px;bottom:0;color:rgba(198,150,99,.22);font-size:120px;line-height:1;pointer-events:none}
.feature-strip{background:#f2f4ec;border-block:1px solid #e7eadd}
.feature-strip__row{min-height:83px;display:flex;align-items:center;justify-content:space-between;gap:22px}
.feature-strip__row>div{display:flex;align-items:center;gap:14px;white-space:nowrap;color:#4f6d63;font-size:12.5px;font-weight:700}
.feature-strip__icon{font-size:29px;font-family:var(--font-display);font-weight:400;color:#cb887b}

/* INTRO + PRODUCT */
.section-intro .eyebrow{margin-bottom:22px}
.section-intro h2{font-family:var(--font-display);font-weight:500;font-size:clamp(34px,3.9vw,54px);line-height:1.24;color:var(--dark);margin-bottom:22px}
.section-intro p{font-size:15px;line-height:1.9;color:var(--muted);max-width:550px;margin-bottom:0}
.section-intro--center{text-align:center;max-width:740px;margin:0 auto 56px}
.section-intro--center p{margin-inline:auto}
.product-section{background:#fffdf9}
.product-layout{display:grid;grid-template-columns:1.03fr .97fr;gap:84px;align-items:start}
.product-media{position:relative}
.product-media__main{height:585px;position:relative;display:grid;place-items:center;padding:30px 65px;background:#eef2ed;border:1px solid #e4eae3;border-radius:18px;overflow:hidden}
.product-media__main::before{content:"";position:absolute;inset:auto -70px -180px;aspect-ratio:1;background:radial-gradient(circle,#f7efdf 0,transparent 65%);pointer-events:none}
.product-media__main img{position:relative;max-width:100%;max-height:100%;height:100%;width:auto;object-fit:contain;box-shadow:0 15px 45px rgba(33,64,61,.2);border-radius:4px;transition:transform .3s}
.product-media__main img:hover{transform:scale(1.018)}
.media-corner-label{position:absolute;z-index:1;left:17px;top:17px;background:#fff;border-radius:30px;color:#6f7870;font-weight:800;font-size:9px;letter-spacing:.12em;padding:9px 12px}
.zoom-button{position:absolute;z-index:2;right:18px;bottom:18px;border:0;border-radius:99px;color:var(--teal);background:#fff;width:43px;height:43px;display:grid;place-items:center;box-shadow:0 4px 20px rgba(28,55,50,.13);cursor:pointer}
.zoom-button svg{width:21px;height:21px}
.product-thumbnails{display:flex;gap:11px;margin-top:14px;overflow-x:auto;padding:3px 2px 7px;scrollbar-width:thin}
.thumbnail{border:2px solid transparent;padding:5px;border-radius:8px;background:#f6f8f3;cursor:pointer;flex:1;min-width:62px;max-width:86px;transition:border-color .2s,transform .2s}
.thumbnail:hover{transform:translateY(-2px)}
.thumbnail.is-selected{border-color:var(--teal);background:#fff}
.thumbnail img{width:100%;height:83px;object-fit:contain}
.product-media__caption{text-align:center;font-size:10px;color:#85928b;margin:12px 0 0}
.product-detail{padding:12px 0 0}
.product-detail__meta{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:21px}
.product-label{font-size:10px;letter-spacing:.09em;font-weight:800;color:var(--teal)}
.file-badge{background:#ecf4ed;color:#426857;font-size:9px;font-weight:800;letter-spacing:.05em;white-space:nowrap;padding:8px 10px;border-radius:5px}
.product-detail h3{font-family:var(--font-display);font-weight:600;font-size:clamp(36px,4vw,54px);line-height:1.13;letter-spacing:-.05em;color:var(--dark);margin-bottom:17px}
.product-detail h3 span{color:var(--coral);font-style:italic}
.product-detail__subhead{font-size:15px;line-height:1.75;color:#6c7d73;margin-bottom:26px}
.product-detail__price-row{display:flex;align-items:center;justify-content:space-between;border-block:1px solid #e6ebe4;padding:25px 0;margin-bottom:24px}
.product-detail__price-row>div{display:flex;align-items:baseline;gap:14px}
.product-detail__price-row strong{font-size:33px;font-weight:700;color:var(--dark);letter-spacing:-.05em}
.product-detail__price-row small{color:#8a988f;font-size:11px}
.tag-bilingual{font-size:11px;font-weight:800;color:var(--dark);background:#f7ede8;padding:11px 14px;border-radius:40px}
.product-detail__description{font-size:14px;line-height:1.85;color:var(--muted);margin-bottom:23px}
.product-detail__benefits{list-style:none;padding:0;margin:0 0 29px;display:grid;gap:15px}
.product-detail__benefits li{display:flex;align-items:flex-start;gap:12px;color:#435c55;font-size:13px;font-weight:600}
.product-detail__benefits li>span:first-child{width:21px;height:21px;border-radius:50%;background:#e8f4eb;color:var(--teal);display:inline-grid;place-items:center;font-size:12px;font-weight:800;flex:none;margin-top:-2px}
.product-detail__actions{display:grid;gap:10px}
.checkout-note{display:flex;align-items:center;justify-content:center;gap:8px;color:#81948a;font-size:10.5px;line-height:1.5;margin:16px 0 0}
.checkout-note svg{width:17px;height:17px;flex:none}

/* INCLUDED */
.included-section{background:#f7f5ef}
.included-heading{display:flex;align-items:end;justify-content:space-between;gap:65px;margin-bottom:40px}
.included-heading>.section-intro{flex:1}
.included-heading>p{max-width:360px;color:var(--muted);font-size:14px;line-height:1.85;margin-bottom:7px}
.included-heading h2{margin-bottom:0}
.forms-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}
.form-card{position:relative;background:#fff;border:1px solid #e7e8df;border-radius:12px;padding:30px 20px 29px;min-height:224px;transition:transform .2s,border-color .2s,box-shadow .2s}
.form-card:hover{transform:translateY(-4px);border-color:#b9d3ca;box-shadow:0 16px 35px rgba(42,70,58,.07)}
.form-card__number{position:absolute;right:20px;top:23px;font-size:11px;color:#b6bdb4;font-weight:700;letter-spacing:.09em}
.form-card__icon{width:51px;height:51px;border-radius:14px;background:#f0f5ec;display:grid;place-items:center;color:#277c76;font-size:28px;font-family:Georgia,serif;margin-bottom:21px}
.form-card:nth-child(2n) .form-card__icon{background:#fcf0e9;color:#c47761}
.form-card h3{font-family:var(--font-display);font-weight:600;color:var(--dark);font-size:18px;line-height:1.35;margin-bottom:10px;letter-spacing:-.025em}
.form-card p{font-size:11.8px;line-height:1.75;color:#7a8b82;margin:0}

/* HOW */
.how-section{background:#fffdf9}
.how-layout{display:grid;grid-template-columns:.85fr 1.6fr;gap:85px;align-items:center}
.how-layout .section-intro p{margin-bottom:26px}
.inline-link{display:inline-flex;align-items:center;gap:12px;font-weight:800;color:var(--teal);font-size:13px;border-bottom:1px solid var(--teal);padding-bottom:8px}
.steps-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}
.step-card{position:relative;padding:27px 19px 30px;background:#f9faf7;border:1px solid #e7ece6;border-radius:14px;min-height:265px;overflow:hidden}
.step-card__number{font-family:var(--font-display);color:#c9d5c8;font-size:28px}
.step-card__circle{width:50px;height:50px;border-radius:50%;display:grid;place-items:center;background:#eaf2e9;color:#317a75;font-size:23px;margin:18px 0}
.step-card h3{font-family:var(--font-display);font-size:18px;line-height:1.3;font-weight:600;color:var(--dark);margin-bottom:8px}
.step-card p{font-size:11.5px;line-height:1.75;color:#75867b;margin:0}
.step-card:nth-child(2) .step-card__circle{background:#f8ebe5;color:#b97463}

/* STUDIO */
.studio-section{background:#eff2e9}
.studio-layout{display:grid;grid-template-columns:1fr 1fr;gap:110px;align-items:center}
.studio-art{min-height:420px;display:grid;place-items:center;position:relative}
.studio-art__outer{width:min(100%,420px);aspect-ratio:1/1;border:1px solid #d9ded0;border-radius:48% 52% 49% 51%/52% 48% 52% 48%;display:grid;place-items:center;transform:rotate(-10deg);background:#e8eee3}
.studio-art__inner{width:78%;aspect-ratio:1;border-radius:50%;background:#fffdf9;box-shadow:0 30px 50px rgba(46,77,70,.08);display:grid;place-items:center;transform:rotate(10deg);overflow:hidden;border:7px solid #fff}
.studio-art__inner img{width:75%;height:75%;object-fit:contain}
.studio-art__sparkle{position:absolute;color:#cfa373;font-size:64px}
.sparkle-a{left:20px;top:60px}.sparkle-b{right:20px;bottom:55px}
.studio-copy h2{max-width:510px}
.studio-copy p{margin-bottom:14px}
.studio-signature{font-family:var(--font-display);font-style:italic;color:#426960;font-size:24px;margin-top:23px}.studio-signature span{font-style:normal;color:#c88a74}

/* FAQ */
.faq-section{background:#fffdf9}
.faq-layout{display:grid;grid-template-columns:.72fr 1.28fr;gap:90px;align-items:start}
.faq-items{border-top:1px solid #dce4dc}
.faq-items details{border-bottom:1px solid #dce4dc}
.faq-items summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:23px 4px;color:var(--dark);font-weight:700;font-size:13.4px;line-height:1.55}
.faq-items summary::-webkit-details-marker{display:none}
.faq-plus{width:29px;height:29px;border-radius:50%;flex:none;background:#eef3eb;color:#487b68;display:grid;place-items:center;font-size:22px;line-height:1;font-weight:400;transition:transform .2s}
.faq-items details[open] .faq-plus{transform:rotate(45deg)}
.faq-items details p{color:#75877d;font-size:13px;line-height:1.85;margin:0;padding:0 42px 23px 4px}

/* CTA + FOOTER */
.last-cta{background:#1b5254;color:#fff;position:relative;overflow:hidden}
.last-cta::before{content:'';position:absolute;width:550px;height:550px;border:1px solid rgba(255,255,255,.1);border-radius:50%;right:-250px;top:-300px;box-shadow:0 0 0 100px rgba(255,255,255,.015),0 0 0 200px rgba(255,255,255,.012)}
.last-cta__inner{min-height:280px;display:flex;align-items:center;justify-content:space-between;gap:40px;position:relative}
.last-cta__ornament{position:absolute;left:-100px;color:#a6c1ae;opacity:.26;font-size:150px;top:-20px}
.eyebrow--light{color:#e2b8a4}
.last-cta h2{font-family:var(--font-display);font-size:clamp(30px,3.4vw,43px);font-weight:500;line-height:1.25;margin:14px 0 11px;color:#fff}
.last-cta p{margin:0;color:#c4dad3;font-size:13px;line-height:1.7}
.footer{background:#f7f4ec;padding:60px 0 20px}
.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:90px;padding-bottom:52px}
.footer-grid>div:first-child p{margin:22px 0 0;font-size:12.5px;line-height:1.8;max-width:290px;color:#829088}
.footer-links{display:flex;flex-direction:column;gap:13px;align-items:flex-start}
.footer-links h3{font-size:12px;font-weight:800;color:var(--dark);margin:2px 0 12px}
.footer-links a{font-size:12px;color:#738078;transition:color .2s}
.footer-bottom{display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid #e2e5dd;padding-top:20px;color:#8b978f;font-size:10px}

/* MODAL */
.image-dialog{border:0;background:#fff;border-radius:14px;padding:28px 16px 16px;box-shadow:0 30px 120px rgba(0,0,0,.25);max-height:94vh;max-width:min(90vw,810px);width:min(90vw,810px);overflow:auto}
.image-dialog::backdrop{background:rgba(5,22,22,.78)}
.image-dialog img{max-height:calc(94vh - 55px);max-width:100%;height:auto;width:auto;margin:auto;object-fit:contain}
.image-dialog__close{position:sticky;top:-13px;float:right;background:#174d51;border:0;color:#fff;width:34px;height:34px;border-radius:50%;font-size:26px;line-height:1;cursor:pointer;z-index:3;margin-top:-18px}

@media (max-width:1150px){
 .desktop-nav{gap:17px}
 .brand{min-width:210px}
 .header-actions{gap:8px}
 .product-layout{gap:48px}
 .how-layout{gap:45px}
 .studio-layout{gap:55px}
 .faq-layout{gap:50px}
}
@media (max-width:980px){
 .desktop-nav{display:none}
 .menu-toggle{display:flex}
 .mobile-nav:not([hidden]){display:flex;flex-direction:column;gap:0;padding:0 24px 18px;border-top:1px solid #e6e9e1;background:var(--bg)}
 .mobile-nav a{padding:14px 2px;font-size:13px;font-weight:700;border-bottom:1px solid #e5eae3;color:var(--dark)}
 .hero__grid{gap:24px}
 .hero__lead{font-size:14px}
 .feature-strip__row{gap:16px}
 .feature-strip__row>div{font-size:11px;gap:7px}
 .product-layout{gap:30px}
 .forms-grid{grid-template-columns:repeat(2,1fr)}
 .how-layout{grid-template-columns:1fr;gap:35px}
 .steps-grid{gap:18px}
 .studio-art{min-height:330px}
 .last-cta__inner{min-height:305px}
}
@media (max-width:760px){
 .container{width:min(100% - 36px,600px)}
 .section-padding{padding-block:73px}
 .top-announcement{font-size:9.5px;min-height:34px;height:auto;padding-block:8px;line-height:1.4}
 .header-row{height:72px}
 .brand{min-width:0;gap:9px}
 .brand__image-wrap{width:43px;height:43px;border-radius:10px}
 .brand__wordmark strong{font-size:18px}
 .brand__wordmark small{font-size:7.5px;letter-spacing:.25em}
 .header-shop-link{display:none}
 .language-switch__button{padding:7px 9px}
 .hero{padding:55px 0 63px}
 .hero__grid{grid-template-columns:1fr;gap:24px;min-height:0}
 .hero h1{font-size:clamp(46px,11vw,66px);margin:19px 0 20px}
 .hero__lead{font-size:14px;line-height:1.83}
 .hero__actions{gap:12px;margin-bottom:23px}
 .hero__proof{gap:12px}
 .hero__proof>span{font-size:10px}
 .hero__visual{padding:18px 25px 24px;margin-top:6px}
 .floating-tag{padding:9px 12px;font-size:9.5px}
 .floating-tag--top{right:0;top:0}
 .floating-tag--bottom{bottom:0;left:0}
 .floating-tag--bottom strong{font-size:18px}
 .feature-strip__row{display:grid;grid-template-columns:1fr 1fr;gap:0;padding-block:20px}
 .feature-strip__row>div{font-size:11px;padding:9px 0;white-space:normal}
 .section-intro h2{font-size:clamp(34px,8.5vw,47px)}
 .section-intro--center{margin-bottom:37px}
 .product-layout{grid-template-columns:1fr;gap:29px}
 .product-media__main{height:min(107vw,570px);padding:21px 38px}
 .thumbnail img{height:74px}
 .product-detail h3{font-size:42px}
 .included-heading{flex-direction:column;align-items:start;gap:17px}
 .included-heading>p{max-width:none}
 .forms-grid{gap:12px}
 .form-card{padding:26px 16px;min-height:205px}
 .form-card h3{font-size:17px}
 .steps-grid{grid-template-columns:1fr;gap:13px}
 .step-card{min-height:0;display:grid;grid-template-columns:52px 1fr;gap:7px 15px;padding:20px 18px}
 .step-card__number{grid-row:1/3;align-self:start}
 .step-card__circle{display:none}
 .step-card h3{margin-bottom:0}
 .step-card p{grid-column:2}
 .studio-layout{grid-template-columns:1fr;gap:20px}
 .studio-art{min-height:0;max-width:340px;margin:0 auto;width:100%}
 .studio-copy{text-align:left}
 .faq-layout{grid-template-columns:1fr;gap:31px}
 .last-cta__inner{flex-direction:column;align-items:flex-start;justify-content:center;gap:20px;padding-block:50px}
 .last-cta h2{font-size:36px}
 .footer-grid{grid-template-columns:1fr 1fr;gap:28px 20px;padding-bottom:34px}
 .footer-grid>div:first-child{grid-column:1/-1}
 .footer-bottom{flex-direction:column;align-items:flex-start;gap:8px}
}
@media (max-width:460px){
 .container{width:min(100% - 28px,420px)}
 .brand__image-wrap{width:37px;height:37px}
 .brand__wordmark strong{font-size:16px}
 .brand__wordmark small{font-size:6.6px}
 .header-actions{gap:6px}
 .hero__actions{flex-direction:column;align-items:stretch}
 .hero__actions .button{width:100%}
 .hero__proof{gap:10px 8px}
 .hero__proof>span{font-size:9.5px}
 .hero__visual{padding-inline:13px}
 .floating-tag--top{transform:rotate(4deg);right:-1%}
 .floating-tag--bottom{left:-1%}
 .forms-grid{grid-template-columns:1fr}
 .form-card{min-height:0;padding:20px 20px 18px}
 .form-card__icon{margin-bottom:12px}
 .product-detail__price-row>div{flex-direction:column;align-items:flex-start;gap:0}
 .product-media__main{padding:20px 34px}
 .thumbnail{min-width:61px}
 .checkout-note{text-align:center}
 .last-cta .button{width:100%}
}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}

/* Web services teaser on homepage */
.web-teaser{background:#f8f4ed;overflow:hidden}
.web-teaser__layout{display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:75px}
.web-teaser h2{font:500 clamp(36px,4vw,54px)/1.22 var(--font-display);color:var(--dark);letter-spacing:-.045em;margin:24px 0}
.web-teaser p{color:var(--muted);font-size:14px;line-height:1.9;max-width:490px;margin-bottom:24px}
.web-teaser__visual{min-height:340px;position:relative;display:grid;place-items:center;border-radius:26px;background:radial-gradient(circle,#e7eddf,#d9e6d9)}
.web-teaser__visual>span{position:absolute;left:30px;top:24px;font-size:55px;color:rgba(39,99,92,.1);font-weight:800}
.web-teaser__visual>small{position:absolute;right:18px;bottom:16px;font-size:9px;font-weight:800;letter-spacing:.17em;color:#6b8b79}
.web-teaser__window{position:relative;width:70%;height:225px;border:9px solid white;background:#fffdf9;border-radius:14px;box-shadow:0 22px 45px rgba(37,85,73,.14);padding:18px 22px}
.web-teaser__window i{display:inline-block;width:9px;height:9px;background:#d8a391;border-radius:50%;margin-right:5px}
.web-teaser__window i:nth-child(2){background:#dfcb9f}.web-teaser__window i:nth-child(3){background:#a8cbbd}
.web-teaser__window b{display:block;width:65%;height:21px;border-radius:4px;background:#276f70;margin-top:27px}
.web-teaser__window p{height:6px;background:#d7e3dd;border-radius:5px;width:90%;margin:16px 0 0}
.web-teaser__window p+p{width:58%;margin-top:8px}.web-teaser__window em{position:absolute;right:18px;bottom:12px;font-size:35px;color:var(--coral)}
@media(max-width:760px){.web-teaser__layout{grid-template-columns:1fr;gap:26px}.web-teaser__visual{min-height:270px}}

/* Catálogo teaser, una extensión de la identidad ArtistaGrafica */
.catalog-teaser{background:#f5f5ed;border-top:1px solid #e8ebe2}
.catalog-teaser__grid{display:grid;grid-template-columns:0.9fr 1fr;align-items:center;gap:95px}
.catalog-teaser__visual{min-height:395px;position:relative;display:grid;place-items:center}
.catalog-teaser__visual:before{content:"";position:absolute;width:335px;height:335px;background:#e6eee5;border-radius:50%;transform:rotate(-11deg)}
.catalog-teaser__sheet{position:absolute;width:238px;height:310px;border:10px solid #fff;background:#fff;box-shadow:0 25px 55px rgba(24,67,59,.17);border-radius:9px;overflow:hidden}
.catalog-teaser__sheet--back{transform:translate(48px,13px) rotate(12deg);background:linear-gradient(155deg,#e2ece9,#f8f5ef)}
.catalog-teaser__sheet--front{transform:translate(-35px,-2px) rotate(-8deg)}
.catalog-teaser__sheet--front img{width:100%;height:100%;object-fit:cover;object-position:top}
.catalog-teaser__spark{position:absolute;left:12%;top:12%;font-size:46px;color:var(--coral)}
.catalog-teaser__content .button{margin-top:25px}
@media(max-width:760px){.catalog-teaser__grid{grid-template-columns:1fr;gap:14px}.catalog-teaser__visual{min-height:290px}.catalog-teaser__sheet{width:177px;height:235px}.catalog-teaser__visual:before{width:260px;height:260px}.catalog-teaser__spark{left:4%}}