/* Homepage base styles */
:root{--bg:#f6f1e8;--ink:#171717;--paper:#fff;--orange:#f07a4d;--sky:#b9d7e8;--lilac:#cbbde7;--butter:#f4df7d;--mint:#bfd8c5;--line:#d8d0c3;--muted:#6e675d;--shadow:0 20px 60px rgba(30,25,20,.15)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,Arial,Helvetica,sans-serif}.wrap{width:min(1240px,calc(100% - 40px));margin:auto}.top{background:var(--orange);color:#171717;padding:10px 16px;text-align:center;font-weight:800;font-size:12px;letter-spacing:.04em}.header{position:sticky;top:0;z-index:20;background:rgba(246,241,232,.9);backdrop-filter:blur(14px);border-bottom:1px solid rgba(23,23,23,.1)}.nav{height:72px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center}.navLeft,.navRight{display:flex;gap:22px;align-items:center}.navRight{justify-content:flex-end}.nav a{text-decoration:none;color:var(--ink);font-size:13px;font-weight:700}.logo{font:900 28px/1 Arial,sans-serif;letter-spacing:.14em}.icon{width:38px;height:38px;border:1px solid var(--ink);border-radius:50%;display:grid;place-items:center;background:#fff}.menuBtn{display:none}
.hero{padding:26px 0 58px}.heroGrid{display:grid;grid-template-columns:1.15fr .85fr;gap:20px}.heroMain{min-height:650px;border-radius:34px;background:var(--butter);position:relative;overflow:hidden;padding:54px}.heroMain h1{font-size:clamp(60px,8vw,108px);line-height:.88;letter-spacing:-.06em;margin:0;max-width:820px;font-weight:950}.heroMain p{max-width:500px;font-size:18px;line-height:1.6;margin:24px 0 0}.heroBtns{display:flex;gap:10px;margin-top:30px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;border:2px solid var(--ink);border-radius:999px;padding:14px 20px;font-weight:900;font-size:13px;color:var(--ink);background:#fff}.btn.dark{background:var(--ink);color:#fff}.scribble{position:absolute;right:28px;top:36px;border:2px solid var(--ink);border-radius:50%;padding:10px 16px;font-weight:900;transform:rotate(7deg);background:#fff}.bookStack{position:absolute;right:24px;bottom:-18px;width:48%;min-width:360px;height:390px}.book{position:absolute;width:215px;height:295px;border-radius:14px;box-shadow:var(--shadow);border:2px solid var(--ink);overflow:hidden}.book:before{content:'';position:absolute;left:-6px;top:16px;bottom:16px;width:16px;background:repeating-linear-gradient(to bottom,transparent 0 9px,var(--ink) 9px 12px,transparent 12px 19px)}.book span{position:absolute;inset:auto 18px 22px;font-size:21px;font-weight:950;text-transform:uppercase;letter-spacing:-.04em}.b1{background:var(--lilac);right:180px;bottom:42px;transform:rotate(-13deg)}.b2{background:var(--sky);right:40px;bottom:58px;transform:rotate(8deg)}.b3{background:#fff;right:105px;bottom:6px;transform:rotate(-1deg)}
.heroSide{display:grid;grid-template-rows:1fr 1fr;gap:20px}.sideCard{border-radius:34px;padding:30px;position:relative;overflow:hidden;border:2px solid var(--ink)}.sideCard h3{font-size:36px;line-height:.95;margin:0 0 10px;letter-spacing:-.04em}.sideCard p{margin:0;max-width:300px;line-height:1.5}.sideOne{background:var(--sky)}.sideTwo{background:var(--lilac)}.badge{position:absolute;right:22px;bottom:20px;width:112px;height:112px;background:#fff;border:2px solid var(--ink);border-radius:50%;display:grid;place-items:center;text-align:center;font-weight:950;font-size:14px;transform:rotate(-7deg)}
.marquee{overflow:hidden;border-top:2px solid var(--ink);border-bottom:2px solid var(--ink);background:#fff}.marqueeInner{white-space:nowrap;padding:17px 0;font-size:17px;font-weight:950;letter-spacing:.05em}.marqueeInner span{margin-right:34px}.dot{color:var(--orange)}
section{padding:78px 0}.head{display:flex;justify-content:space-between;gap:30px;align-items:end;margin-bottom:28px}.head h2{font-size:54px;letter-spacing:-.055em;margin:0;line-height:.95}.head p{max-width:470px;color:var(--muted);line-height:1.6;margin:0}.shopGrid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px}.shopCard{min-height:430px;border:2px solid var(--ink);border-radius:28px;padding:24px;position:relative;overflow:hidden;text-decoration:none;color:var(--ink)}.shopCard h3{font-size:32px;line-height:1;margin:0;letter-spacing:-.04em}.shopCard p{max-width:270px;line-height:1.5}.shopCard .arrow{position:absolute;left:24px;bottom:22px;font-weight:950}.sc1{background:var(--mint)}.sc2{background:#f0b49f}.sc3{background:var(--sky)}.floatBook{position:absolute;width:190px;height:260px;border:2px solid var(--ink);border-radius:14px;right:28px;bottom:-25px;box-shadow:var(--shadow);background:#fff;transform:rotate(8deg)}.floatBook:before{content:'';position:absolute;left:-6px;top:14px;bottom:14px;width:14px;background:repeating-linear-gradient(to bottom,transparent 0 8px,#111 8px 11px,transparent 11px 18px)}.sc2 .floatBook{background:var(--butter);transform:rotate(-7deg)}.sc3 .floatBook{background:var(--lilac);transform:rotate(5deg)}
.builderSec{padding-top:30px}.builderShell{background:var(--ink);border-radius:38px;padding:28px;display:grid;grid-template-columns:.78fr 1.22fr;gap:22px;color:#fff}.builderCopy{padding:28px}.kicker{font-size:12px;text-transform:uppercase;letter-spacing:.14em;font-weight:900;color:#d9d3cb}.builderCopy h2{font-size:58px;line-height:.92;letter-spacing:-.055em;margin:10px 0 18px}.builderCopy p{color:#c9c4bc;line-height:1.65}.stepList{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:24px 0}.step{border:1px solid #ffffff40;padding:13px;border-radius:14px;font-size:13px}.step b{display:block;color:#fff;margin-bottom:4px}.demo{background:#f7f2ea;color:var(--ink);border-radius:28px;padding:20px}.demoTop{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.demoStage{height:355px;border:2px solid var(--ink);border-radius:22px;background:var(--orange);position:relative;overflow:hidden;display:grid;place-items:center}.demoBook{width:210px;height:288px;background:#fff;border:2px solid var(--ink);border-radius:14px;position:relative;box-shadow:0 16px 30px #0003}.demoBook:before{content:'';position:absolute;left:-7px;top:16px;bottom:16px;width:15px;background:repeating-linear-gradient(to bottom,transparent 0 9px,#111 9px 12px,transparent 12px 19px)}.demoBook:after{content:'YOUR COVER';position:absolute;inset:auto 0 28px;text-align:center;font-size:24px;font-weight:950}.chips{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}.chip{padding:9px 12px;border:1px solid var(--ink);border-radius:999px;font-size:12px;font-weight:800;background:#fff}.chip.on{background:var(--ink);color:#fff}
.products{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.product{border:2px solid var(--ink);border-radius:22px;background:#fff;padding:10px}.prodVisual{height:285px;border-radius:14px;position:relative;overflow:hidden;border:1px solid #000}.pv1{background:var(--butter)}.pv2{background:var(--sky)}.pv3{background:var(--lilac)}.pv4{background:var(--mint)}.miniBook{position:absolute;width:145px;height:205px;border:2px solid var(--ink);border-radius:10px;left:50%;top:50%;transform:translate(-50%,-47%) rotate(-5deg);background:#fff;box-shadow:0 15px 25px #0003}.miniBook:before{content:'';position:absolute;left:-6px;top:12px;bottom:12px;width:12px;background:repeating-linear-gradient(to bottom,transparent 0 7px,#111 7px 10px,transparent 10px 16px)}.productMeta{padding:14px 4px 7px}.product h4{margin:0 0 7px;font-size:14px}.price{font-weight:950}.label{position:absolute;top:10px;left:10px;background:#fff;border:1px solid var(--ink);border-radius:999px;padding:7px 9px;font-size:10px;font-weight:900}
.storyGrid{display:grid;grid-template-columns:1.1fr .9fr;gap:16px}.storyBig,.storySmall{border:2px solid var(--ink);border-radius:30px;padding:38px;min-height:420px;position:relative;overflow:hidden}.storyBig{background:#fff}.storySmall{background:var(--orange)}.storyBig h2,.storySmall h2{font-size:52px;line-height:.94;letter-spacing:-.05em;margin:0 0 16px;max-width:650px}.storyBig p,.storySmall p{max-width:560px;line-height:1.65}.stamp{position:absolute;right:28px;bottom:28px;width:150px;height:150px;border:2px solid var(--ink);border-radius:50%;display:grid;place-items:center;text-align:center;font-weight:950;background:var(--butter);transform:rotate(8deg)}
.news{background:var(--lilac);border:2px solid var(--ink);border-radius:30px;padding:34px;display:grid;grid-template-columns:1fr auto;gap:24px;align-items:center}.news h3{font-size:38px;letter-spacing:-.04em;margin:0 0 8px}.news p{margin:0}.form{display:flex;gap:8px}.form input{min-width:300px;border:2px solid var(--ink);border-radius:999px;padding:14px 17px;font:inherit}.form button{border:2px solid var(--ink);border-radius:999px;padding:14px 18px;background:var(--ink);color:#fff;font-weight:900}.footer{padding:50px 0 30px}.foot{display:grid;grid-template-columns:1.3fr repeat(3,1fr);gap:28px;border-top:2px solid var(--ink);padding-top:34px}.foot h4{margin:0 0 12px}.foot a{display:block;text-decoration:none;color:var(--muted);font-size:13px;margin:8px 0}.footBrand{font-size:32px;font-weight:950;letter-spacing:.1em}.copy{margin-top:28px;padding-top:18px;border-top:1px solid var(--line);font-size:12px;color:var(--muted);display:flex;justify-content:space-between}

.storeFilters{display:flex;gap:9px;flex-wrap:wrap;margin:0 0 24px}
.storeFilter{border:2px solid var(--ink);border-radius:999px;background:#fff;padding:10px 14px;font-weight:900;font-size:12px;cursor:pointer}
.storeFilter.active{background:var(--ink);color:#fff}
.dynamicProduct{cursor:pointer;transition:.18s ease;text-decoration:none;color:inherit}
.dynamicProduct:hover{transform:translateY(-4px)}
.dynamicProduct .prodVisual img{width:100%;height:100%;object-fit:cover}
.dynamicProduct .prodVisual.noImage{display:grid;place-items:center}
.dynamicProduct .prodVisual.noImage:after{content:'ARAM NOTES';font-weight:950;letter-spacing:.12em;font-size:14px;opacity:.45}
.productCategory{font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin-bottom:7px}
.storeState{grid-column:1/-1;border:2px dashed var(--ink);border-radius:22px;padding:36px;text-align:center;background:#fff}
.shopCard.dynamicCat{cursor:pointer}
.shopCard.dynamicCat .catCount{position:absolute;right:22px;top:20px;border:2px solid var(--ink);border-radius:999px;padding:7px 10px;background:#fff;font-size:11px;font-weight:900}

@media(max-width:980px){.navLeft{display:none}.nav{grid-template-columns:1fr auto}.logo{justify-self:start}.menuBtn{display:grid}.heroGrid,.builderShell,.storyGrid{grid-template-columns:1fr}.heroSide{grid-template-columns:1fr 1fr;grid-template-rows:auto}.heroMain{min-height:620px}.shopGrid{grid-template-columns:1fr 1fr}.products{grid-template-columns:1fr 1fr}.news{grid-template-columns:1fr}.form{max-width:560px}.head{align-items:start;flex-direction:column}.foot{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.wrap{width:min(100% - 22px,1240px)}.navRight a{display:none}.hero{padding-top:14px}.heroMain{padding:28px;min-height:560px}.heroMain h1{font-size:57px}.heroMain p{font-size:16px}.bookStack{width:100%;min-width:0;left:0;right:auto;height:330px}.book{width:155px;height:220px}.b1{right:170px}.b2{right:30px}.b3{right:95px}.sideCard h3{font-size:28px}.heroSide{grid-template-columns:1fr}.shopGrid{grid-template-columns:1fr}.shopCard{min-height:330px}.head h2,.builderCopy h2{font-size:43px}.builderCopy{padding:10px 4px}.stepList{grid-template-columns:1fr}.demoStage{height:310px}.products{grid-template-columns:1fr 1fr;gap:9px}.prodVisual{height:210px}.miniBook{width:105px;height:150px}.storyBig h2,.storySmall h2{font-size:40px}.storyBig,.storySmall{padding:26px;min-height:360px}.stamp{width:110px;height:110px;font-size:12px}.form{flex-direction:column}.form input{min-width:0;width:100%}.foot{grid-template-columns:1fr}.copy{flex-direction:column;gap:8px}}

/* Configurator preluat din conceptul V1 */
.config{background:var(--ink);color:white;border-radius:34px;padding:52px;display:grid;grid-template-columns:.92fr 1.08fr;gap:48px;align-items:center}.config h2{font-family:Georgia,'Times New Roman',serif;font-size:48px;line-height:1.05;margin:0 0 16px}.config p{color:#d9d4ca;line-height:1.7;margin:0 0 24px}.steps{display:grid;gap:10px}.step{display:flex;gap:14px;align-items:center;padding:16px;background:#ffffff0c;border:1px solid #ffffff20;border-radius:16px}.num{width:34px;height:34px;border-radius:50%;background:white;color:var(--ink);display:grid;place-items:center;font-weight:700;font-size:13px}.builder{background:var(--paper);color:var(--ink);padding:22px;border-radius:24px;box-shadow:0 20px 60px #0005}.builderTop{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.previewBook{height:240px;border-radius:18px;background:linear-gradient(135deg,#d8c8e5,#f0d6c8);position:relative;overflow:hidden;margin-bottom:18px}.previewBook:before{content:'ARAM NOTES';position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-family:Georgia,'Times New Roman',serif;font-size:28px}.previewBook:after{content:'';position:absolute;left:-5px;top:16px;bottom:16px;width:16px;background:repeating-linear-gradient(to bottom,transparent 0 10px,#252525 10px 13px,transparent 13px 22px)}.pills{display:flex;gap:8px;flex-wrap:wrap}.pill{padding:9px 12px;border:1px solid var(--line);border-radius:999px;font-size:12px}.pill.active{background:var(--ink);color:#fff;border-color:var(--ink)}
@media(max-width:980px){.config{grid-template-columns:1fr}.config{padding:34px}}@media(max-width:600px){.config h2{font-size:38px}}

/* Homepage hero styles */
#configurator{scroll-margin-top:112px}
.cx-hero.aram-flow-hero{position:relative;min-height:610px;padding:42px 0 48px;overflow:hidden;background:linear-gradient(108deg,var(--bg,#FFFDF7) 0%,var(--soft,#F7FBF9) 44%,var(--soft-green,#EAF5EF) 100%);color:var(--text,#23312B)}
.cx-hero.aram-flow-hero::before{content:"";position:absolute;width:620px;height:620px;border-radius:50%;right:12%;top:-410px;background:rgba(120,183,208,.13);pointer-events:none}
.cx-hero.aram-flow-hero::after{content:"";position:absolute;width:480px;height:480px;border-radius:50%;left:-250px;bottom:-370px;background:rgba(114,169,143,.11);pointer-events:none}
.aram-flow-shell{position:relative;z-index:1;width:min(1560px,calc(100% - 48px));margin:0 auto;display:grid;grid-template-columns:minmax(390px,520px) minmax(0,1fr);gap:34px;align-items:center}
.aram-flow-copy{padding:16px 0 10px}
.aram-flow-kicker{display:inline-flex;align-items:center;gap:10px;padding:9px 14px;border:1px solid var(--border,#D9E7E1);border-radius:999px;background:rgba(255,255,255,.82);font-size:12px;font-weight:780;color:var(--muted,#66756E);box-shadow:0 8px 24px rgba(35,49,43,.04)}
.aram-flow-kicker span{width:8px;height:8px;border-radius:50%;background:var(--brand,#72A98F);box-shadow:0 0 0 4px rgba(114,169,143,.11)}
.aram-flow-copy h1{margin:22px 0 0;max-width:520px;font-family:Inter,Arial,sans-serif;font-size:clamp(52px,5.3vw,82px);font-weight:950;line-height:.92;letter-spacing:-.065em;color:var(--text,#23312B)!important}
.aram-flow-copy h1 strong{display:block;font:inherit;color:var(--brand-dark,#47745F);font-weight:950}
.aram-flow-copy>p{max-width:470px;margin:24px 0 0;color:var(--muted,#66756E)!important;font-size:16px;line-height:1.68}
.aram-flow-steps{display:grid;gap:7px;max-width:500px;margin-top:24px}
.aram-flow-step{appearance:none;width:100%;min-height:48px;border:1px solid transparent;border-radius:18px;background:transparent;padding:6px 12px;display:grid;grid-template-columns:34px minmax(120px,1fr) auto;align-items:center;gap:10px;text-align:left;color:var(--muted,#66756E);font:inherit;cursor:pointer;transition:background .38s ease,border-color .38s ease,box-shadow .38s ease,transform .38s ease,color .38s ease}
.aram-flow-step-num{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:var(--soft,#F7FBF9);color:var(--muted,#66756E);font-size:12px;font-weight:900;transition:background .38s ease,color .38s ease,transform .38s ease}
.aram-flow-step-label{font-size:14px;font-weight:820;color:inherit}
.aram-flow-step-meta{font-size:11px;color:var(--muted,#66756E);white-space:nowrap;opacity:.86}
.aram-flow-step.is-active{background:var(--surface,#fff);border-color:var(--border,#D9E7E1);color:var(--text,#23312B);box-shadow:0 12px 28px rgba(35,49,43,.07);transform:translateX(5px)}
.aram-flow-step.is-active .aram-flow-step-num{background:var(--brand,#72A98F);color:#fff;transform:scale(1.04)}
.aram-flow-actions{max-width:500px;margin-top:20px;display:grid;gap:9px}
.aram-flow-primary{display:flex;align-items:center;justify-content:center;min-height:50px;padding:12px 20px;border-radius:999px;background:linear-gradient(90deg,var(--brand-dark,#47745F),var(--brand,#72A98F));color:#fff!important;text-decoration:none;font-size:14px;font-weight:900;box-shadow:0 14px 30px rgba(71,116,95,.18);transition:transform .2s ease,box-shadow .2s ease}
.aram-flow-primary:hover{transform:translateY(-2px);box-shadow:0 18px 34px rgba(71,116,95,.24)}
.aram-flow-secondary{display:inline-flex;align-items:center;gap:7px;width:max-content;padding:4px 2px;color:var(--muted,#66756E)!important;text-decoration:none;font-size:13px;font-weight:780;transition:color .2s ease,gap .2s ease}
.aram-flow-secondary:hover{color:var(--brand-dark,#47745F)!important;gap:11px}
/* Informational cards: quality, local production and made-to-order notebooks. */
.aram-flow-hero .aram-hero-values{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;min-width:0;width:min(100%,680px);justify-self:center}
.aram-hero-values .aram-value-card{position:relative;min-width:0;padding:28px;border:1px solid rgba(71,116,95,.14);border-radius:28px;box-shadow:0 16px 42px -26px rgba(35,49,43,.2);animation:aramValueArrival .7s both}
.aram-hero-values .aram-value-quality{grid-column:1/-1;padding:32px 34px 25px;background:var(--mint,#E6F3EC)}
.aram-hero-values .aram-value-romania{background:var(--sky,#DDF2F8);border-color:rgba(120,183,208,.24);animation-delay:.09s}
.aram-hero-values .aram-value-custom{background:var(--soft-gold,#FFF6D8);border-color:rgba(242,193,78,.28);animation-delay:.18s}
.aram-value-icon{display:grid;place-items:center;width:46px;height:46px;margin-bottom:22px;border:1px solid rgba(71,116,95,.16);border-radius:15px;background:rgba(255,255,255,.62);color:var(--brand-dark,#47745F)}
.aram-value-icon svg{display:block;width:27px;height:27px}
.aram-value-ro{font:750 16px/1 Inter,Arial,sans-serif;letter-spacing:.025em;color:#356D84;border-color:rgba(120,183,208,.35)}
.aram-value-custom .aram-value-icon{color:#8A671A;border-color:rgba(242,193,78,.36)}
.aram-value-quality>.aram-value-icon{position:absolute;right:30px;top:28px;width:54px;height:54px;border-radius:18px;background:var(--brand-dark,#47745F);color:#fff;box-shadow:0 8px 18px rgba(71,116,95,.12)}
.aram-value-quality .aram-value-icon svg{width:30px;height:30px}
.aram-value-eyebrow{display:block;margin-bottom:14px;font:750 11px/1.5 Inter,Arial,sans-serif;letter-spacing:.1em;text-transform:uppercase;color:var(--brand-dark,#47745F)}
.aram-value-romania .aram-value-eyebrow{color:#356D84}
.aram-value-custom .aram-value-eyebrow{color:#806019}
.aram-hero-values .aram-value-card h2,.aram-hero-values .aram-value-card h3{margin:0;max-width:none;font-family:Georgia,'Times New Roman',serif;font-weight:400;letter-spacing:-.04em;color:var(--text,#23312B)!important;text-wrap:balance}
.aram-hero-values .aram-value-card h2{font-size:clamp(34px,3vw,44px);line-height:1.07;padding-right:54px}
.aram-hero-values .aram-value-card h3{font-size:clamp(26px,2.25vw,32px);line-height:1.12}
.aram-hero-values .aram-value-card p{margin:15px 0 0;max-width:490px;font:400 15px/1.65 Inter,Arial,sans-serif;letter-spacing:0;color:var(--muted,#66756E)!important}
.aram-hero-values .aram-value-quality p{max-width:470px;font-size:16px}
.aram-value-check{display:flex;align-items:center;gap:10px;margin-top:23px;padding-top:17px;border-top:1px solid rgba(71,116,95,.19);font:600 13px/1.5 Inter,Arial,sans-serif;color:var(--brand-dark,#47745F)}
.aram-value-check>span{display:grid;place-items:center;flex:0 0 21px;height:21px;border-radius:50%;background:rgba(71,116,95,.1);font-size:12px}
@keyframes aramValueArrival{from{opacity:0;translate:0 14px}to{opacity:1;translate:0 0}}
@media(max-width:1100px){.aram-flow-shell{grid-template-columns:minmax(340px,460px) minmax(0,1fr);gap:22px}.aram-flow-copy h1{font-size:clamp(48px,5.6vw,68px)}.aram-flow-hero .aram-hero-values{gap:12px}.aram-hero-values .aram-value-card{padding:22px}.aram-hero-values .aram-value-quality{padding:26px}.aram-value-quality>.aram-value-icon{right:22px;top:22px;width:46px;height:46px}.aram-value-eyebrow{font-size:10px;letter-spacing:.06em}.aram-hero-values .aram-value-card h3{font-size:26px}.aram-hero-values .aram-value-card p{font-size:14px}}
@media(min-width:861px) and (max-width:980px){.aram-flow-hero .aram-hero-values{grid-template-columns:1fr}.aram-hero-values .aram-value-card:not(.aram-value-quality){display:grid;grid-template-columns:42px minmax(0,1fr);gap:15px;padding:20px}.aram-value-card:not(.aram-value-quality) .aram-value-icon{width:42px;height:42px;margin:0}.aram-hero-values .aram-value-card h3{font-size:25px}.aram-value-card:not(.aram-value-quality) .aram-value-eyebrow{margin-bottom:8px}.aram-hero-values .aram-value-card:not(.aram-value-quality) p{margin-top:10px}}
@media(max-width:860px){.cx-hero.aram-flow-hero{padding-top:28px}.aram-flow-shell{grid-template-columns:1fr;gap:18px}.aram-flow-copy{max-width:620px}.aram-flow-copy h1{max-width:620px}.aram-flow-copy>p{max-width:560px}.aram-flow-steps,.aram-flow-actions{max-width:600px}.aram-flow-hero .aram-hero-values{max-width:620px;margin-top:8px;gap:14px}.aram-hero-values .aram-value-card{padding:26px}.aram-hero-values .aram-value-quality{padding:30px}.aram-hero-values .aram-value-card h2{font-size:40px}.aram-hero-values .aram-value-card h3{font-size:30px}.aram-value-eyebrow{font-size:11px}.aram-hero-values .aram-value-card p{font-size:15px}}
@media(max-width:560px){.cx-hero.aram-flow-hero{padding:18px 0 34px;min-height:auto}.aram-flow-shell{width:min(100% - 24px,1560px)}.aram-flow-kicker{font-size:10px;padding:8px 11px}.aram-flow-copy h1{font-size:45px;line-height:.94;margin-top:18px}.aram-flow-copy>p{font-size:14px;line-height:1.58;margin-top:17px}.aram-flow-steps{margin-top:18px;gap:5px}.aram-flow-step{grid-template-columns:30px 1fr;padding:6px 9px;min-height:44px;border-radius:15px}.aram-flow-step-num{width:27px;height:27px}.aram-flow-step-label{font-size:12px}.aram-flow-step-meta{grid-column:2;font-size:9px;margin-top:-6px;white-space:normal}.aram-flow-step.is-active{transform:translateX(3px)}.aram-flow-actions{margin-top:16px}.aram-flow-primary{min-height:47px}.aram-flow-hero .aram-hero-values{grid-template-columns:1fr;gap:12px}.aram-hero-values .aram-value-card{padding:22px;border-radius:23px}.aram-hero-values .aram-value-quality{padding:25px 22px 21px}.aram-value-quality>.aram-value-icon{right:19px;top:20px;width:42px;height:42px;border-radius:14px}.aram-value-quality .aram-value-icon svg{width:25px;height:25px}.aram-hero-values .aram-value-card h2{font-size:35px;padding-right:30px}.aram-value-quality .aram-value-eyebrow{padding-right:44px;font-size:10px}.aram-hero-values .aram-value-card:not(.aram-value-quality){display:grid;grid-template-columns:40px minmax(0,1fr);gap:15px}.aram-value-card:not(.aram-value-quality) .aram-value-icon{width:40px;height:40px;margin:0;border-radius:13px}.aram-hero-values .aram-value-card h3{font-size:26px}.aram-value-card:not(.aram-value-quality) .aram-value-eyebrow{margin-bottom:9px;font-size:10px}.aram-hero-values .aram-value-card p{font-size:14px;margin-top:12px}.aram-value-check{font-size:12px;margin-top:19px;padding-top:15px}}
@media(prefers-reduced-motion:reduce){.aram-flow-step,.aram-flow-primary,.aram-hero-values .aram-value-card{animation:none!important;transition:none!important}}