:root{
  --bg:#0a0a0a;
  --surface:#121212;
  --surface-2:#171717;
  --text:#f1efed;
  --muted:#a9a8a7;
  --muted-2:#7d7c7b;
  --line:rgba(255,255,255,.09);
  --line-strong:rgba(255,255,255,.17);
  --shell:min(1540px, calc(100% - 96px));
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--text);font-family:"Manrope",ui-sans-serif,system-ui,sans-serif;overflow-x:hidden}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%}
.shell{width:var(--shell);margin-inline:auto}
.ambient-bg{position:fixed;inset:0;z-index:-3;pointer-events:none;background:radial-gradient(circle at 76% 12%,rgba(78,76,142,.14),transparent 28%),radial-gradient(circle at 9% 72%,rgba(118,54,61,.08),transparent 25%),linear-gradient(180deg,#0b0b0c,#090909 52%,#0a0a0a)}
.grain{position:fixed;inset:0;z-index:50;pointer-events:none;opacity:.025;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.6'/%3E%3C/svg%3E")}

.site-header{position:sticky;top:0;z-index:30;background:rgba(10,10,10,.78);backdrop-filter:blur(22px);border-bottom:1px solid rgba(255,255,255,.045)}
.nav-wrap{height:78px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;column-gap:34px}
.brand{display:flex;align-items:center;gap:11px;font-size:22px;font-weight:700;letter-spacing:-.035em;justify-self:start}
.brand img{width:40px;height:40px;border-radius:10px}
.product-nav{display:flex;align-items:center;justify-content:center;gap:34px;justify-self:center}
.product-nav a{position:relative;font-size:12px;color:#bdbab8;letter-spacing:.02em;padding:9px 2px;transition:color .25s ease}
.product-nav a::after{content:"";position:absolute;left:50%;right:50%;bottom:3px;height:1px;background:#f1efed;transition:left .25s ease,right .25s ease}
.product-nav a:hover{color:#fff}
.product-nav a:hover::after{left:0;right:0}
.desktop-nav{display:flex;gap:28px;justify-self:end}
.desktop-nav a,.footer-links a{font-size:13px;color:#c9c7c5;transition:.25s}
.desktop-nav a:hover,.footer-links a:hover{color:#fff}
.menu-toggle{display:none;margin-left:auto;width:44px;height:44px;background:transparent;border:1px solid var(--line);border-radius:8px;position:relative}
.menu-toggle span{position:absolute;width:18px;height:1px;background:white;left:12px;top:17px}.menu-toggle span:last-child{top:25px}
.mobile-menu{display:none}

.hero{display:grid;grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr);align-items:center;gap:56px;min-height:calc(100vh - 78px);padding:64px 0 80px}
.eyebrow,.section-label{text-transform:uppercase;letter-spacing:.17em;font-size:11px;font-weight:700;color:#b6b4b3}
.hero h1{font-family:"Bodoni Moda",serif;font-size:clamp(64px,5.7vw,104px);line-height:.93;letter-spacing:-.045em;font-weight:400;margin:22px 0 28px;max-width:720px}
.hero h1 em{font-style:italic;color:#b49bff}
.hero-copy>p{max-width:610px;color:#b5b2b0;font-size:17px;line-height:1.72;margin:0 0 32px}
.hero-actions{display:flex;align-items:center;gap:28px;flex-wrap:wrap}
.primary-action{display:inline-flex;align-items:center;gap:18px;border:1px solid #f1efed;padding:13px 17px;border-radius:7px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;transition:.25s}
.primary-action:hover{background:#f1efed;color:#111}
.text-action{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#cac7c5;display:inline-flex;gap:10px;align-items:center}
.text-action span{transition:.25s}.text-action:hover span{transform:translate(3px,-3px)}

.hero-media{position:relative;min-width:0}
.hero-frame{position:relative;border:1px solid rgba(255,255,255,.11);border-radius:12px;overflow:hidden;background:#111;box-shadow:0 40px 100px rgba(0,0,0,.28)}
.hero-frame img{width:100%;aspect-ratio:16/9;object-fit:cover;transition:transform .8s cubic-bezier(.2,.75,.2,1)}
.hero-frame:hover img{transform:scale(1.018)}
.hero-frame-shade{position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(255,255,255,.02),transparent 55%,rgba(0,0,0,.12))}
.hero-note{position:absolute;background:rgba(16,16,16,.72);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.10);padding:13px 15px;border-radius:8px;display:flex;align-items:baseline;gap:10px;box-shadow:0 15px 40px rgba(0,0,0,.2)}
.hero-note strong{font-family:"Bodoni Moda",serif;font-size:25px;font-weight:400}.hero-note span{font-size:10px;text-transform:uppercase;letter-spacing:.12em;color:#a8a5a3}
.hero-note-a{left:-26px;bottom:44px}.hero-note-b{right:28px;top:-24px}

.products{padding:80px 0 150px}
.section-intro{display:grid;grid-template-columns:1.05fr .95fr;align-items:end;gap:60px;margin-bottom:48px}
.section-intro h2,.about h2,.contact h2{font-family:"Bodoni Moda",serif;font-weight:400;font-size:clamp(50px,4vw,72px);line-height:1.02;letter-spacing:-.035em;margin:12px 0 0}
.section-intro h2 span,.about h2 span{color:#777471}
.section-intro>p{justify-self:end;max-width:560px;color:#aaa7a5;font-size:15px;line-height:1.7;margin:0 0 8px}

.portfolio-layout{display:grid;grid-template-columns:minmax(0,1.18fr) minmax(0,.82fr);gap:16px;align-items:stretch}
.portfolio-side{display:grid;grid-template-rows:1fr .78fr;gap:16px}
.portfolio-mini-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.showcase{position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.09);border-radius:10px;background:#111;min-width:0;isolation:isolate;transition:border-color .3s ease,transform .35s ease}
.showcase:hover{transform:translateY(-4px);border-color:rgba(255,255,255,.2)}
.showcase img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .85s cubic-bezier(.2,.75,.2,1),filter .45s ease}
.showcase:hover img{transform:scale(1.025)}
.showcase-pryzlo.showcase-featured img{object-position:center 48%}
.showcase-tailmory.showcase-secondary img{object-position:center 52%}
.showcase-featured{min-height:760px}.showcase-secondary{min-height:430px}.showcase-seaduel,.showcase-nuvemi{min-height:314px}
.showcase-overlay{position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,transparent 35%,rgba(5,5,5,.14) 55%,rgba(6,6,6,.92) 100%)}
.showcase-content{position:absolute;z-index:2;left:0;right:0;bottom:0;padding:34px 36px}
.showcase-content.compact{padding:28px 30px}.showcase-content.mini{padding:22px 22px}
.product-index{display:block;font-size:10px;text-transform:uppercase;letter-spacing:.15em;color:#c1bebb;margin-bottom:10px}
.showcase h3{font-family:"Bodoni Moda",serif;font-weight:400;font-size:46px;line-height:1;margin:0 0 12px;letter-spacing:-.02em}
.showcase-content.compact h3{font-size:38px}.showcase-content.mini h3{font-size:31px;margin-bottom:13px}
.showcase p{max-width:540px;margin:0 0 18px;color:#d0cecb;font-size:14px;line-height:1.55}
.showcase a{display:inline-flex;align-items:center;gap:10px;font-size:11px;text-transform:uppercase;letter-spacing:.11em;font-weight:700;border-bottom:1px solid rgba(255,255,255,.42);padding-bottom:4px}
.showcase a span{transition:.25s}.showcase a:hover span{transform:translate(3px,-3px)}
.showcase-tailmory:hover{box-shadow:0 30px 80px rgba(130,68,71,.10)}.showcase-pryzlo:hover{box-shadow:0 30px 80px rgba(0,124,184,.09)}.showcase-seaduel:hover{box-shadow:0 30px 80px rgba(41,65,107,.12)}.showcase-nuvemi:hover{box-shadow:0 30px 80px rgba(130,83,160,.10)}

.about{padding:20px 0 150px}
.about-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:90px;padding-top:62px;border-top:1px solid var(--line)}
.about-copy>p{font-family:"Bodoni Moda",serif;font-size:clamp(25px,2.1vw,35px);line-height:1.35;color:#d7d4d1;margin:0;max-width:760px}
.principles{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin-top:54px;border-top:1px solid var(--line)}
.principles>div{padding:20px 22px 0 0;border-right:1px solid var(--line);margin-right:22px}.principles>div:last-child{border-right:0;margin-right:0}
.principles span{display:block;font-size:10px;color:#777;text-transform:uppercase;letter-spacing:.12em;margin-bottom:18px}.principles strong{display:block;font-size:14px;margin-bottom:6px}.principles small{font-size:12px;line-height:1.55;color:#8e8b89}

.contact{padding-bottom:120px}
.contact-panel{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:end;padding:62px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.contact-right{justify-self:end;max-width:520px}.contact-right p{color:#a9a6a4;line-height:1.65;margin:0 0 26px;font-size:15px}.contact-right a{font-family:"Bodoni Moda",serif;font-size:31px;display:inline-flex;gap:12px;align-items:center}.contact-right a span{font-family:"Manrope";font-size:18px;transition:.25s}.contact-right a:hover span{transform:translate(4px,-4px)}
.footer{padding:26px 0 38px;border-top:1px solid rgba(255,255,255,.04)}
.footer-inner{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:24px}.brand-footer{font-size:18px}.brand-footer img{width:32px;height:32px}.footer-links{display:flex;gap:24px}.footer-inner>p{text-align:right;color:#6f6c6a;font-size:11px;margin:0}

.reveal{opacity:0;transform:translateY(20px);transition:opacity .85s ease,transform .85s ease}.reveal.visible{opacity:1;transform:none}

@media(max-width:1200px){
  :root{--shell:min(100% - 56px,1540px)}
  .hero{grid-template-columns:1fr;min-height:auto;padding-top:72px}.hero-copy{max-width:850px}.hero-frame{margin-top:16px}.hero-note-a{left:18px}.portfolio-layout{grid-template-columns:1fr}.showcase-featured{min-height:650px}.portfolio-side{grid-template-rows:auto auto}.showcase-secondary{min-height:480px}.showcase-seaduel,.showcase-nuvemi{min-height:380px}
  .about-grid{grid-template-columns:1fr;gap:48px}.about-copy>p{max-width:900px}
}
@media(max-width:1050px){
  .nav-wrap{grid-template-columns:auto 1fr auto}
  .product-nav{gap:22px}
  .product-nav a{font-size:11px}
  .desktop-nav{gap:20px}
}
@media(max-width:900px){
  .nav-wrap{display:flex}
  .product-nav,.desktop-nav{display:none}
  .menu-toggle{display:block}
}
@media(max-width:760px){
  :root{--shell:min(100% - 28px,1540px)}
  .nav-wrap{height:70px;display:flex}.product-nav,.desktop-nav{display:none}.menu-toggle{display:block}.mobile-menu{display:grid;max-height:0;overflow:hidden;transition:max-height .25s ease;background:#0d0d0d}.mobile-menu.open{max-height:320px;border-top:1px solid var(--line);padding:12px 18px 18px}.mobile-menu a{padding:11px 0;color:#d1cecb}.mobile-product-links{display:grid;grid-template-columns:1fr 1fr;gap:0 22px;padding-bottom:10px;border-bottom:1px solid var(--line)}.mobile-secondary-links{display:flex;gap:26px;padding-top:8px}
  .hero{padding:48px 0 68px;gap:32px}.hero h1{font-size:clamp(50px,15vw,72px)}.hero-copy>p{font-size:15px}.hero-note{display:none}
  .products{padding:54px 0 100px}.section-intro{grid-template-columns:1fr;gap:22px}.section-intro>p{justify-self:start}.section-intro h2,.about h2,.contact h2{font-size:clamp(42px,12vw,58px)}
  .showcase-featured{min-height:520px}.showcase-secondary{min-height:380px}.portfolio-mini-grid{grid-template-columns:1fr}.showcase-seaduel,.showcase-nuvemi{min-height:360px}.showcase-content{padding:25px}.showcase h3{font-size:38px}.showcase-content.compact h3,.showcase-content.mini h3{font-size:34px}
  .about{padding-bottom:100px}.about-grid{padding-top:42px}.principles{grid-template-columns:1fr}.principles>div{border-right:0;border-bottom:1px solid var(--line);margin:0;padding:18px 0}.principles>div:last-child{border-bottom:0}
  .contact-panel{grid-template-columns:1fr;gap:34px;padding:45px 0}.contact-right{justify-self:start}.contact-right a{font-size:25px}
  .footer-inner{grid-template-columns:1fr;text-align:center}.footer-inner>*{justify-self:center}.footer-inner>p{text-align:center}.footer-links{flex-wrap:wrap;justify-content:center}
}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}.reveal{opacity:1;transform:none}}


/* Product route placeholders */
.product-detail-main{min-height:calc(100vh - 78px);display:grid;align-items:center;padding:74px 0 96px}
.product-detail-grid{display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);gap:70px;align-items:center}
.product-detail-copy .section-label{display:block;margin-bottom:18px}
.product-detail-copy h1{font-family:"Bodoni Moda",serif;font-weight:400;font-size:clamp(72px,6vw,112px);line-height:.94;letter-spacing:-.045em;margin:0 0 24px}
.product-detail-copy p{max-width:560px;color:#aaa7a5;font-size:16px;line-height:1.75;margin:0 0 28px}
.product-detail-back{display:inline-flex;gap:10px;align-items:center;font-size:11px;text-transform:uppercase;letter-spacing:.11em;font-weight:700;border-bottom:1px solid rgba(255,255,255,.4);padding-bottom:4px}
.product-detail-visual{position:relative;border:1px solid rgba(255,255,255,.1);border-radius:12px;overflow:hidden;background:#111;box-shadow:0 35px 100px rgba(0,0,0,.3)}
.product-detail-visual img{width:100%;aspect-ratio:4/3;object-fit:cover}
.product-detail-visual::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,.02),transparent 60%,rgba(0,0,0,.18));pointer-events:none}
.product-nav a.active{color:#fff}
.product-nav a.active::after{left:0;right:0}
@media(max-width:1000px){.product-detail-grid{grid-template-columns:1fr;gap:42px}.product-detail-main{padding-top:60px}}
@media(max-width:760px){.product-detail-main{min-height:auto;padding:50px 0 76px}.product-detail-copy h1{font-size:clamp(58px,17vw,82px)}}

/* ========================================
   Product pages — curated media layouts
   ======================================== */
body.product-route{background:#0a0a0a;color:#f5f2ef}
body.product-route .site-header{background:rgba(10,10,10,.88);border-bottom-color:rgba(255,255,255,.06)}
body.product-route .site-header .brand,
body.product-route .site-header a{color:#f5f2ef}
body.product-route .site-header .product-nav a:not(.active),
body.product-route .site-header .desktop-nav a{color:#aaa7a5}
body.product-route .site-header .product-nav a.active{color:#fff}

.route-hero{min-height:calc(100vh - 78px);display:grid;grid-template-columns:minmax(0,.72fr) minmax(0,1.28fr);gap:74px;align-items:center;padding:72px 0 88px}
.route-hero-copy{max-width:610px}
.route-kicker{display:block;font-size:11px;letter-spacing:.18em;text-transform:uppercase;font-weight:700;opacity:.62;margin-bottom:18px}
.route-hero h1{font-family:"Bodoni Moda",serif;font-weight:400;font-size:clamp(68px,6.2vw,116px);line-height:.92;letter-spacing:-.05em;margin:0 0 28px}
.route-hero h1 em{font-style:italic;color:#8b79ff}
.route-hero-copy>p{font-size:17px;line-height:1.75;max-width:590px;opacity:.72;margin:0 0 30px}
.route-pills{display:flex;gap:10px;flex-wrap:wrap}
.route-pills span{font-size:10px;text-transform:uppercase;letter-spacing:.11em;font-weight:700;border:1px solid currentColor;border-color:rgba(255,255,255,.15);border-radius:999px;padding:9px 12px;opacity:.82}
.route-hero-image{margin:0;position:relative;border:1px solid rgba(255,255,255,.10);border-radius:18px;overflow:hidden;box-shadow:0 34px 90px rgba(0,0,0,.22);background:#111}
.route-hero-image img{display:block;width:100%;height:auto}
.route-hero-image-dark img{aspect-ratio:16/10;object-fit:cover}

.route-section{padding:94px 0 72px}
.route-section-head{display:grid;grid-template-columns:110px 1fr;gap:28px;align-items:start;margin-bottom:34px}
.route-section-head>span,.route-split-copy>span,.nuvemi-gallery-copy>span,.seaduel-card>div>span{font-size:10px;letter-spacing:.16em;text-transform:uppercase;font-weight:700;opacity:.48}
.route-section-head h2,.route-split-copy h2,.nuvemi-gallery-copy h2,.seaduel-card h2,.tailmory-note h2{font-family:"Bodoni Moda",serif;font-size:clamp(42px,4vw,68px);line-height:1.03;font-weight:400;letter-spacing:-.035em;margin:0 0 12px}
.route-section-head p,.route-split-copy p,.nuvemi-gallery-copy p,.seaduel-card p,.tailmory-note p{max-width:700px;font-size:15px;line-height:1.72;opacity:.66;margin:0}
.route-wide-media{margin:0;border-radius:20px;overflow:hidden;border:1px solid rgba(12,31,69,.08);box-shadow:0 24px 70px rgba(20,35,75,.08);background:#fff}
.route-wide-media img{width:100%;height:auto;display:block}
.route-split{display:grid;grid-template-columns:.68fr 1.32fr;gap:56px;align-items:center;padding:82px 0}
.route-split-copy{max-width:520px}
.route-split-copy>span{display:block;margin-bottom:18px}
.route-split-media{margin:0;border-radius:20px;overflow:hidden;border:1px solid rgba(12,31,69,.08);box-shadow:0 24px 70px rgba(20,35,75,.08);background:#fff}
.route-split-media img{width:100%;display:block}
.route-section-last{padding-bottom:120px}
.route-footer{height:96px;border-top:1px solid rgba(255,255,255,.08);display:flex;align-items:center;justify-content:space-between;font-size:12px;text-transform:uppercase;letter-spacing:.12em;color:#918e8b}
.route-footer a{color:inherit}
.route-footer-light{border-top-color:rgba(27,37,62,.10);color:#7f6c72}

/* Pryzlo */
body.product-route-pryzlo{background:#f7f9fc;color:#0c2457}
body.product-route-pryzlo::before{content:"";position:fixed;inset:78px 0 auto 0;height:520px;pointer-events:none;background:radial-gradient(circle at 70% 12%,rgba(73,136,255,.12),transparent 34%),radial-gradient(circle at 18% 24%,rgba(29,194,118,.07),transparent 30%);z-index:-1}
.product-route-pryzlo .route-hero h1 em{color:#18b96d}
.product-route-pryzlo .route-hero-copy>p,.product-route-pryzlo .route-section-head p,.product-route-pryzlo .route-split-copy p{color:#51617f;opacity:1}
.product-route-pryzlo .route-pills span{border-color:rgba(10,43,96,.14);background:rgba(255,255,255,.62)}
.product-route-pryzlo .route-hero-image{border-color:rgba(19,57,120,.08);box-shadow:0 34px 90px rgba(32,73,138,.10);background:#fff}
.product-route-pryzlo .route-section{border-top:1px solid rgba(15,45,94,.08)}
.product-route-pryzlo .route-split{border-top:1px solid rgba(15,45,94,.08)}
.product-route-pryzlo .route-footer{border-top-color:rgba(15,45,94,.10);color:#6f7b91}

/* Nuvemi */
body.product-route-nuvemi{background:#fff9f7;color:#191b34}
body.product-route-nuvemi::before{content:"";position:fixed;inset:78px 0 auto;height:620px;pointer-events:none;background:radial-gradient(circle at 80% 16%,rgba(233,150,166,.15),transparent 32%),radial-gradient(circle at 20% 18%,rgba(250,214,205,.25),transparent 36%);z-index:-1}
.product-route-nuvemi .route-hero{grid-template-columns:minmax(0,.72fr) minmax(340px,.58fr);justify-content:space-between}
.product-route-nuvemi .route-hero h1 em{color:#c35375}
.product-route-nuvemi .route-hero-copy>p{color:#6f6b7b;opacity:1}
.product-route-nuvemi .route-pills span{border-color:rgba(170,75,106,.14);background:rgba(255,255,255,.6)}
.nuvemi-hero-poster{margin:0;justify-self:end;width:min(100%,620px);border-radius:26px;overflow:hidden;border:1px solid rgba(178,91,117,.10);box-shadow:0 32px 90px rgba(160,83,104,.11);background:#fff}
.nuvemi-hero-poster img{display:block;width:100%;height:auto}
.nuvemi-gallery{display:grid;grid-template-columns:.66fr .9fr .9fr .66fr;gap:22px;align-items:center;padding:72px 0 130px;border-top:1px solid rgba(67,35,48,.08)}
.nuvemi-poster{margin:0;border-radius:24px;overflow:hidden;background:#fff;border:1px solid rgba(178,91,117,.09);box-shadow:0 26px 70px rgba(148,82,101,.10)}
.nuvemi-poster img{display:block;width:100%;height:auto}
.nuvemi-gallery-copy{padding:26px 8px}
.nuvemi-gallery-copy>span{display:block;color:#c35375;opacity:1;margin-bottom:18px}
.nuvemi-gallery-copy p{color:#736d79;opacity:1}
.nuvemi-gallery-copy-bottom{align-self:end}

/* Sea Duel */
body.product-route-seaduel{background:#06131e;color:#f4f8fb}
body.product-route-seaduel::before{content:"";position:fixed;inset:78px 0 auto;height:720px;pointer-events:none;background:radial-gradient(circle at 78% 22%,rgba(0,197,255,.12),transparent 34%),radial-gradient(circle at 18% 20%,rgba(0,102,168,.10),transparent 32%);z-index:-1}
.product-route-seaduel .route-hero h1 em{color:#37c8ff}
.product-route-seaduel .route-hero-copy>p{color:#b2c1cb;opacity:1}
.product-route-seaduel .route-pills span{border-color:rgba(54,199,255,.20);background:rgba(9,42,61,.34)}
.seaduel-gallery{padding:72px 0 128px;border-top:1px solid rgba(80,182,230,.10);display:grid;gap:28px}
.seaduel-card{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(310px,.55fr);gap:42px;align-items:center;padding:22px;border:1px solid rgba(78,190,239,.10);border-radius:22px;background:linear-gradient(145deg,rgba(10,36,52,.70),rgba(7,24,36,.42));box-shadow:0 24px 70px rgba(0,0,0,.16)}
.seaduel-card:nth-child(even){grid-template-columns:minmax(310px,.55fr) minmax(0,1.45fr)}
.seaduel-card:nth-child(even) figure{order:2}
.seaduel-card figure{margin:0;border-radius:14px;overflow:hidden;border:1px solid rgba(75,197,247,.12);background:#03111a}
.seaduel-card figure img{display:block;width:100%;height:auto}
.seaduel-card>div{padding:18px 10px}
.seaduel-card>div>span{display:block;color:#53cfff;opacity:1;margin-bottom:18px}
.seaduel-card p{color:#aebdca;opacity:1}

/* Tailmory */
body.product-route-tailmory{background:#100f0f;color:#f5f0eb}
.product-route-tailmory .route-hero h1 em{color:#d5a087}
.product-route-tailmory .route-hero-copy>p{color:#b6aaa2;opacity:1}
.product-route-tailmory .route-pills span{border-color:rgba(216,167,144,.18)}
.tailmory-note{padding:76px 0 130px;border-top:1px solid rgba(255,255,255,.08);display:grid;grid-template-columns:.28fr 1fr 1fr;gap:46px;align-items:start}
.tailmory-note>span{font-size:10px;text-transform:uppercase;letter-spacing:.16em;color:#d0a38d}.tailmory-note h2{margin:0}.tailmory-note p{color:#aa9e96;opacity:1;padding-top:10px}

@media(max-width:1200px){
  .route-hero{grid-template-columns:1fr;min-height:auto;gap:42px;padding-top:64px}.route-hero-copy{max-width:780px}.route-hero-image{max-width:none}.product-route-nuvemi .route-hero{grid-template-columns:1fr}.nuvemi-hero-poster{justify-self:start;width:min(100%,720px)}
  .nuvemi-gallery{grid-template-columns:.8fr 1fr 1fr}.nuvemi-gallery-copy-bottom{grid-column:1/-1;max-width:650px}.seaduel-card,.seaduel-card:nth-child(even){grid-template-columns:1fr}.seaduel-card:nth-child(even) figure{order:0}.tailmory-note{grid-template-columns:1fr 1fr}.tailmory-note>span{grid-column:1/-1}
}
@media(max-width:820px){
  .route-hero{padding:50px 0 64px;gap:32px}.route-hero h1{font-size:clamp(56px,16vw,82px)}.route-hero-copy>p{font-size:15px}.route-section{padding:68px 0 52px}.route-section-head{grid-template-columns:1fr;gap:12px}.route-split{grid-template-columns:1fr;gap:28px;padding:58px 0}.route-section-last{padding-bottom:84px}
  .nuvemi-gallery{grid-template-columns:1fr 1fr;padding:54px 0 86px}.nuvemi-gallery-copy{grid-column:1/-1;padding:12px 0}.nuvemi-gallery-copy-bottom{grid-column:1/-1}.seaduel-gallery{padding:54px 0 86px}.seaduel-card{padding:14px;gap:22px}.seaduel-card>div{padding:10px 6px}.tailmory-note{grid-template-columns:1fr;padding:54px 0 86px}.route-footer{height:82px}
}
@media(max-width:560px){
  .nuvemi-gallery{grid-template-columns:1fr}.route-pills{gap:7px}.route-pills span{font-size:9px;padding:8px 10px}.route-wide-media,.route-split-media,.route-hero-image,.nuvemi-poster,.nuvemi-hero-poster{border-radius:14px}.seaduel-card{border-radius:16px}.route-section-head h2,.route-split-copy h2,.nuvemi-gallery-copy h2,.seaduel-card h2,.tailmory-note h2{font-size:clamp(38px,11vw,54px)}
}

/* ========================================
   Product landing pages v11
   ======================================== */
.product-landing .site-header{position:sticky;top:0;z-index:40}
.product-landing .route-footer{margin-top:0}

.app-hero{min-height:760px;display:grid;grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr);gap:64px;align-items:center;padding:78px 0 88px}
.app-hero-copy{max-width:640px}
.app-hero-copy h1{font-family:"Bodoni Moda",serif;font-size:clamp(70px,6.6vw,118px);line-height:.92;letter-spacing:-.05em;font-weight:400;margin:0 0 24px}
.app-hero-copy h1 em{font-style:italic}
.app-hero-copy>p{font-size:17px;line-height:1.75;margin:0 0 28px;max-width:610px}
.app-hero-pryzlo .app-hero-copy>p{color:#53617d}
.app-hero-pryzlo .app-hero-copy h1 em{color:#16b96d}
.app-hero-nuvemi .app-hero-copy>p{color:#706b78}
.app-hero-nuvemi .app-hero-copy h1 em{color:#c65276}

.app-hero-visual{margin:0;border-radius:28px;overflow:hidden;position:relative}
.app-hero-visual img{display:block;width:100%;height:auto}
.app-visual-light{background:#fff;border:1px solid rgba(21,54,111,.09);box-shadow:0 36px 100px rgba(40,76,134,.11)}
.app-hero-visual-poster{justify-self:end;max-width:610px;background:#fff;border:1px solid rgba(171,87,113,.10);box-shadow:0 34px 100px rgba(167,91,113,.12)}

.store-row{display:flex;gap:12px;flex-wrap:wrap;margin-top:26px}
.store-button{display:inline-flex;align-items:center;gap:11px;min-height:58px;padding:10px 16px;border-radius:15px;border:1px solid rgba(16,42,88,.12);background:rgba(255,255,255,.78);color:#0b2455;box-shadow:0 10px 30px rgba(32,55,96,.06);transition:.25s ease;cursor:pointer}
.store-button:hover{transform:translateY(-2px);box-shadow:0 16px 38px rgba(32,55,96,.10);border-color:rgba(16,42,88,.2)}
.store-button span:last-child{display:grid;font-size:14px;font-weight:700;line-height:1.05;letter-spacing:-.015em}
.store-button small{font-size:8px;font-weight:700;letter-spacing:.12em;opacity:.55;margin-bottom:4px}
.store-button-primary{background:#0d2d72;color:#fff;border-color:#0d2d72;box-shadow:0 14px 32px rgba(13,45,114,.18)}
.store-button-nuvemi{color:#231d31;border-color:rgba(165,82,110,.14);background:rgba(255,255,255,.74);box-shadow:0 10px 28px rgba(170,94,118,.07)}
.store-icon{width:30px;height:30px;display:grid;place-items:center;border-radius:9px;font-weight:800;flex:0 0 auto}
.chrome-dot{background:conic-gradient(#ea4335 0 33%,#fbbc05 33% 55%,#34a853 55% 78%,#4285f4 78%);border-radius:50%;position:relative}
.chrome-dot::after{content:"";width:12px;height:12px;border-radius:50%;background:#fff;box-shadow:inset 0 0 0 4px #4285f4}
.apple-mark{background:#111;color:#fff;font-size:11px}
.play-mark{background:linear-gradient(135deg,#34c759,#1a73e8);color:#fff;font-size:12px}
.store-button.is-pending{opacity:.64}
.store-button.is-pending::after{content:"SOON";font-size:7px;letter-spacing:.13em;font-weight:800;margin-left:3px;padding:4px 6px;border-radius:999px;background:rgba(0,0,0,.06)}

.hero-facts{display:flex;gap:10px 18px;flex-wrap:wrap;margin-top:24px;color:#69758b;font-size:11px}
.hero-facts span{position:relative;padding-left:13px}
.hero-facts span::before{content:"";position:absolute;width:5px;height:5px;left:0;top:.58em;border-radius:50%;background:#19bc70}
.hero-facts-nuvemi{color:#826f77}
.hero-facts-nuvemi span::before{background:#d77491}

.app-intro{display:grid;grid-template-columns:110px minmax(0,950px);gap:26px;padding:100px 0 76px;border-top:1px solid rgba(20,47,91,.08)}
.app-intro-nuvemi{border-top-color:rgba(91,47,63,.08)}
.section-number{font-size:10px;letter-spacing:.16em;font-weight:700;opacity:.45;padding-top:9px}
.app-intro h2,.feature-copy h2,.download-band h2{font-family:"Bodoni Moda",serif;font-size:clamp(44px,4.1vw,72px);font-weight:400;letter-spacing:-.04em;line-height:1.02;margin:0 0 14px}
.app-intro p{font-size:17px;line-height:1.75;color:#657189;max-width:820px;margin:0}
.app-intro-nuvemi p{color:#786e73}

.feature-showcase{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(320px,.65fr);gap:54px;align-items:center;padding:70px 0;border-top:1px solid rgba(20,47,91,.08)}
.feature-showcase-reverse{grid-template-columns:minmax(320px,.65fr) minmax(0,1.35fr)}
.feature-showcase-last{padding-bottom:120px}
.feature-media{margin:0;border-radius:24px;overflow:hidden;background:#fff;border:1px solid rgba(19,53,112,.08);box-shadow:0 28px 80px rgba(40,76,134,.09)}
.feature-media img{display:block;width:100%;height:auto}
.feature-copy>span{display:block;font-size:10px;letter-spacing:.15em;text-transform:uppercase;font-weight:800;color:#17b86c;margin-bottom:17px}
.feature-copy h2{font-size:clamp(40px,3.65vw,64px)}
.feature-copy p{font-size:15px;line-height:1.75;color:#5d6b84;margin:0 0 19px}
.feature-copy ul{list-style:none;margin:0;padding:0;display:grid;gap:9px}
.feature-copy li{position:relative;padding-left:18px;font-size:13px;color:#384963}
.feature-copy li::before{content:"✓";position:absolute;left:0;color:#18b96d;font-weight:800}

.nuvemi-story{display:grid;grid-template-columns:minmax(320px,.62fr) minmax(360px,.38fr);gap:70px;align-items:center;padding:78px 0;border-top:1px solid rgba(91,47,63,.08)}
.nuvemi-story-reverse{grid-template-columns:minmax(360px,.38fr) minmax(320px,.62fr);padding-bottom:110px}
.nuvemi-story .feature-copy>span{color:#c65276}
.nuvemi-story .feature-copy p{color:#766c73}
.nuvemi-story .feature-copy li{color:#4e4348}
.nuvemi-story .feature-copy li::before{color:#c65276}
.nuvemi-story-poster{margin:0;max-width:560px;justify-self:center;border-radius:28px;overflow:hidden;background:#fff;border:1px solid rgba(171,87,113,.10);box-shadow:0 28px 80px rgba(167,91,113,.11)}
.nuvemi-story-poster img{display:block;width:100%;height:auto}

.nuvemi-principles{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin-bottom:110px;border-top:1px solid rgba(91,47,63,.09);border-bottom:1px solid rgba(91,47,63,.09)}
.nuvemi-principles>div{padding:34px 34px 36px;border-right:1px solid rgba(91,47,63,.09)}
.nuvemi-principles>div:last-child{border-right:0}
.nuvemi-principles span{font-size:9px;letter-spacing:.14em;color:#c65276;font-weight:800}
.nuvemi-principles h3{font-family:"Bodoni Moda",serif;font-weight:400;font-size:31px;margin:16px 0 7px}
.nuvemi-principles p{font-size:13px;color:#7b7076;margin:0}

.download-band{padding:82px 0}
.download-band-pryzlo{background:linear-gradient(135deg,#0b2455,#0b3b75);color:#fff}
.download-band-nuvemi{background:linear-gradient(135deg,#241d2b,#4b2835);color:#fff}
.download-band-inner{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:56px;align-items:end}
.download-band h2{font-size:clamp(42px,3.8vw,66px);margin-bottom:11px}
.download-band p{font-size:14px;line-height:1.7;max-width:720px;color:rgba(255,255,255,.68);margin:0}
.store-row-bottom{justify-content:flex-end;margin-top:0}
.download-band .store-button:not(.store-button-primary){background:rgba(255,255,255,.09);color:#fff;border-color:rgba(255,255,255,.14);box-shadow:none}
.download-band .store-button-nuvemi{background:rgba(255,255,255,.09);color:#fff;border-color:rgba(255,255,255,.14)}
.download-band .store-button.is-pending::after{background:rgba(255,255,255,.12)}

.store-toast{position:fixed;left:50%;bottom:28px;transform:translate(-50%,20px);z-index:80;padding:12px 16px;border-radius:14px;background:#12141b;color:#fff;font-size:12px;box-shadow:0 16px 50px rgba(0,0,0,.24);opacity:0;pointer-events:none;transition:.25s ease}
.store-toast.show{opacity:1;transform:translate(-50%,0)}

@media(max-width:1180px){
  .app-hero{grid-template-columns:1fr;gap:44px;min-height:auto;padding-top:64px}.app-hero-copy{max-width:820px}.app-hero-visual{max-width:none}.app-hero-visual-poster{justify-self:start;max-width:650px}
  .feature-showcase,.feature-showcase-reverse{grid-template-columns:1fr;gap:34px}.feature-showcase-reverse .feature-copy{order:2}.feature-showcase-reverse .feature-media{order:1}
  .nuvemi-story,.nuvemi-story-reverse{grid-template-columns:1fr;gap:36px}.nuvemi-story-reverse .feature-copy{order:1}.nuvemi-story-reverse .nuvemi-story-poster{order:2}.nuvemi-story-poster{justify-self:start;max-width:620px}
  .download-band-inner{grid-template-columns:1fr;align-items:start}.store-row-bottom{justify-content:flex-start}
}
@media(max-width:820px){
  .app-hero{padding:50px 0 68px}.app-hero-copy h1{font-size:clamp(56px,16vw,82px)}.app-hero-copy>p{font-size:15px}.store-button{min-height:54px;padding:9px 13px}.hero-facts{margin-top:19px}
  .app-intro{grid-template-columns:1fr;gap:10px;padding:70px 0 52px}.feature-showcase,.nuvemi-story{padding:58px 0}.feature-showcase-last,.nuvemi-story-reverse{padding-bottom:80px}.feature-media,.nuvemi-story-poster,.app-hero-visual{border-radius:18px}
  .nuvemi-principles{grid-template-columns:1fr;margin-bottom:76px}.nuvemi-principles>div{border-right:0;border-bottom:1px solid rgba(91,47,63,.09);padding:26px 0}.nuvemi-principles>div:last-child{border-bottom:0}
  .download-band{padding:64px 0}.download-band-inner{gap:28px}
}
@media(max-width:560px){
  .store-row{display:grid;grid-template-columns:1fr}.store-button{width:100%;justify-content:flex-start}.hero-facts{display:grid;grid-template-columns:1fr 1fr;gap:8px 12px}.feature-copy h2,.app-intro h2,.download-band h2{font-size:clamp(38px,11vw,52px)}
}


/* ========================================
   Panteso Support pages v14
   ======================================== */
body.support-page{min-height:100vh;background:#0b0b0c;color:#f4f1ee}
.support-page::before{content:"";position:fixed;inset:0;z-index:-2;pointer-events:none;background:radial-gradient(circle at 76% 12%,rgba(86,83,150,.16),transparent 30%),radial-gradient(circle at 12% 78%,rgba(132,72,74,.08),transparent 28%),linear-gradient(180deg,#0b0b0c,#090909 58%,#0a0a0a)}
.support-shell{width:min(1180px,calc(100% - 64px));margin-inline:auto}
.support-topbar{height:78px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.07)}
.support-brand{display:flex;align-items:center;gap:10px;font-size:20px;font-weight:700;letter-spacing:-.035em}
.support-brand img{width:36px;height:36px;border-radius:9px}
.support-back{font-size:12px;color:#b6b2af;transition:.25s}
.support-back:hover{color:#fff}
.support-hero{padding:92px 0 54px;display:grid;grid-template-columns:minmax(0,.76fr) minmax(300px,.48fr);gap:72px;align-items:end}
.support-kicker{display:block;text-transform:uppercase;letter-spacing:.16em;font-size:10px;color:#97918c;margin-bottom:18px}
.support-hero h1{font-family:"Bodoni Moda",serif;font-size:clamp(62px,7vw,108px);line-height:.92;letter-spacing:-.052em;font-weight:400;margin:0 0 24px}
.support-hero h1 em{font-style:italic}
.support-hero p{margin:0;max-width:720px;font-size:16px;line-height:1.8;color:#aaa5a0}
.support-contact-card{padding:28px;border:1px solid rgba(255,255,255,.1);border-radius:20px;background:linear-gradient(145deg,rgba(255,255,255,.055),rgba(255,255,255,.018));box-shadow:0 28px 80px rgba(0,0,0,.18)}
.support-contact-card small{display:block;text-transform:uppercase;letter-spacing:.14em;font-size:9px;color:#8f8a86;margin-bottom:13px}
.support-contact-card a{font-size:clamp(20px,2vw,30px);font-weight:600;letter-spacing:-.03em}
.support-contact-card p{font-size:12px;line-height:1.6;margin-top:13px;color:#8e8985}
.support-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;padding:26px 0 58px}
.support-action{padding:24px 22px;border:1px solid rgba(255,255,255,.08);border-radius:16px;background:rgba(255,255,255,.025);transition:transform .25s,border-color .25s,background .25s}
.support-action:hover{transform:translateY(-3px);border-color:rgba(255,255,255,.16);background:rgba(255,255,255,.045)}
.support-action span{display:block;font-size:10px;color:#8c8783;letter-spacing:.12em;text-transform:uppercase;margin-bottom:26px}
.support-action h2{font-size:18px;margin:0 0 8px;letter-spacing:-.025em}
.support-action p{font-size:12px;line-height:1.65;color:#97928e;margin:0}
.support-faq{border-top:1px solid rgba(255,255,255,.07);padding:68px 0 92px;display:grid;grid-template-columns:.42fr 1fr;gap:70px}
.support-faq-intro h2{font-family:"Bodoni Moda",serif;font-weight:400;font-size:clamp(38px,4vw,58px);line-height:1;letter-spacing:-.04em;margin:8px 0 0}
.support-faq-list{display:grid;gap:0}
.support-faq-item{padding:24px 0;border-bottom:1px solid rgba(255,255,255,.07)}
.support-faq-item:first-child{padding-top:0}
.support-faq-item h3{font-size:15px;margin:0 0 8px;letter-spacing:-.015em}
.support-faq-item p{font-size:13px;line-height:1.72;color:#96918d;margin:0;max-width:740px}
.support-email-band{margin-bottom:82px;padding:34px 36px;border-radius:20px;border:1px solid rgba(255,255,255,.08);display:flex;justify-content:space-between;gap:28px;align-items:center;background:rgba(255,255,255,.025)}
.support-email-band h2{margin:0 0 7px;font-size:22px;letter-spacing:-.03em}
.support-email-band p{margin:0;color:#918c88;font-size:13px}
.support-email-button{display:inline-flex;align-items:center;gap:12px;padding:14px 18px;border-radius:999px;background:#f0eeeb;color:#111;font-weight:700;font-size:12px;white-space:nowrap}
.support-foot{height:84px;border-top:1px solid rgba(255,255,255,.07);display:flex;justify-content:space-between;align-items:center;color:#77726f;font-size:11px}
.support-foot a:hover{color:#fff}
.support-page-pryzlo{--support-accent:#36d88f}
.support-page-pryzlo .support-hero h1 em,.support-page-pryzlo .support-contact-card a{color:#7be6b3}
.support-page-pryzlo::before{background:radial-gradient(circle at 78% 12%,rgba(40,177,120,.14),transparent 30%),radial-gradient(circle at 14% 74%,rgba(39,105,225,.10),transparent 28%),linear-gradient(180deg,#09100d,#080b0a 58%,#090a09)}
.support-page-seaduel .support-hero h1 em,.support-page-seaduel .support-contact-card a{color:#64d2ff}
.support-page-seaduel::before{background:radial-gradient(circle at 78% 12%,rgba(22,166,224,.15),transparent 31%),radial-gradient(circle at 14% 76%,rgba(4,80,130,.14),transparent 29%),linear-gradient(180deg,#06111a,#07101a 58%,#070d13)}
.support-page-tailmory .support-hero h1 em,.support-page-tailmory .support-contact-card a{color:#e4ae96}
.support-page-tailmory::before{background:radial-gradient(circle at 78% 12%,rgba(185,107,89,.14),transparent 31%),radial-gradient(circle at 12% 76%,rgba(120,67,73,.11),transparent 28%),linear-gradient(180deg,#100d0d,#0d0b0b 58%,#0c0b0b)}

.support-actions.support-product-grid{grid-template-columns:repeat(4,1fr)}
.support-page-nuvemi .support-hero h1 em,.support-page-nuvemi .support-contact-card a{color:#d7a6ff}
.support-page-nuvemi::before{background:radial-gradient(circle at 78% 12%,rgba(167,96,214,.17),transparent 31%),radial-gradient(circle at 13% 76%,rgba(225,120,174,.10),transparent 29%),linear-gradient(180deg,#120d16,#0e0b12 58%,#0c0a0e)}
@media(max-width:900px){.support-actions.support-product-grid{grid-template-columns:1fr 1fr}.support-hero{grid-template-columns:1fr;gap:32px;padding-top:64px}.support-contact-card{max-width:620px}.support-actions{grid-template-columns:1fr}.support-faq{grid-template-columns:1fr;gap:36px}.support-email-band{align-items:flex-start;flex-direction:column}.support-shell{width:min(100% - 36px,1180px)}}
@media(max-width:560px){.support-actions.support-product-grid{grid-template-columns:1fr}.support-topbar{height:68px}.support-hero{padding:52px 0 38px}.support-hero h1{font-size:clamp(54px,17vw,78px)}.support-contact-card{padding:22px}.support-actions{padding-bottom:46px}.support-faq{padding:52px 0 64px}.support-email-band{padding:26px 22px;margin-bottom:62px}.support-email-button{width:100%;justify-content:center}.support-foot{height:auto;padding:26px 0;align-items:flex-start;flex-direction:column;gap:10px}}