/* Pastel edition — deliberate motion, readable content, no layout shifts. */
body{background:#fefefd;-webkit-font-smoothing:antialiased}
.announcement{background:linear-gradient(105deg,#1d394e,#32645f,#4e5270);background-size:180% 100%}
header{background:transparent}.brand{letter-spacing:-1.3px}.brand img{transition:transform .5s cubic-bezier(.2,.8,.2,1);filter:drop-shadow(0 3px 5px #258a7820)}.brand:hover img{transform:translateY(-3px) rotate(-6deg)}
.hero{position:relative}.hero:before{content:'';position:absolute;inset:-35px -30px -20px;z-index:-1;background:radial-gradient(ellipse at 85% 25%,#eee7fb99,transparent 48%),radial-gradient(ellipse at 40% 80%,#e5f5ec88,transparent 45%);pointer-events:none}.hero h1{letter-spacing:-.058em}.hero h1 em{background:linear-gradient(110deg,#248b81,#468e9d 50%,#8a77b1);background-clip:text;-webkit-background-clip:text;color:transparent}.hero-visual{background:linear-gradient(135deg,#e4f2e9 0%,#e8edf6 50%,#efe6f5 100%);border:1px solid #ffffff;box-shadow:0 24px 70px #2d476b14,inset 0 0 0 5px #ffffff35;animation:panel-float 9s ease-in-out infinite}.workspace{box-shadow:0 16px 35px #43596d14;border-color:#ffffff}.workspace aside{background:linear-gradient(175deg,#254153,#315a61)}.floating-note{border-color:#fff;background:linear-gradient(120deg,#ffffff,#f1faf5);animation:note-float 6s ease-in-out infinite;box-shadow:0 10px 32px #304a611a}.floating-note>span{animation:check-pop 5s ease-in-out infinite}
.button{background:linear-gradient(115deg,#214156,#326660);border-color:transparent;box-shadow:0 5px 15px #1f57451a;transition:transform .25s,box-shadow .25s}.button:hover{background:linear-gradient(115deg,#2c546c,#418278);box-shadow:0 9px 24px #1f574525;transform:translateY(-3px)}.button>span{transition:transform .25s}.button:hover>span{transform:translate(3px,-2px)}
.ticker{background:linear-gradient(100deg,#eef5ed,#f2edf7 52%,#fbefe5);border-color:#e8eee8}.ticker>div{color:#758f88;animation-duration:65s}.ticker:hover>div,.motion-paused .ticker>div{animation-play-state:paused}
.feature{border:1px solid #ffffff;box-shadow:0 8px 30px #374b5910;transition:transform .35s,box-shadow .35s}.mint-bg{background:linear-gradient(135deg,#e5f2e9,#f0f8ef 58%,#e2efef)}.lavender-bg{background:linear-gradient(135deg,#eae4f5,#f5effa 58%,#e7eaf7)}.peach-bg{background:linear-gradient(135deg,#faeade,#fcf4e9 58%,#f6e7e8)}.feature:hover{transform:translateY(-7px);box-shadow:0 18px 35px #374b591b}.purchase-card,.stock-cards>div,.reorder-card{border:1px solid #ffffffb3;box-shadow:0 8px 20px #304a610a}.purchase-card{transform:rotate(-1deg);transition:transform .4s}.feature:hover .purchase-card{transform:rotate(0) translateY(-4px)}.stock-cards>div{transition:transform .4s}.feature:hover .stock-cards>div:nth-child(1){transform:translateY(-4px)}.feature:hover .stock-cards>div:nth-child(2){transform:translateY(-8px)}.feature:hover .stock-cards>div:nth-child(3){transform:translateY(-12px)}.reorder-card{transition:transform .4s}.feature:hover .reorder-card{transform:translateY(-5px)}
.tour{background:radial-gradient(ellipse at 85% 20%,#53607860,transparent 55%),linear-gradient(130deg,#20384f,#23494e 80%,#345956)}.tour h2 em{color:#bee6d3}.tour-screen{box-shadow:0 25px 65px #081a2838;border:1px solid #ffffff99;transition:transform .3s}.tour-screen.is-switching{animation:screen-enter .42s cubic-bezier(.2,.8,.2,1)}.tour-tabs button{transition:color .2s,background .2s}.tour-tabs button:hover{background:#ffffff08}.product-code{background:linear-gradient(140deg,#e9e3f7,#f1eef9)}
.journey article{position:relative}.journey article>span{transition:transform .4s,box-shadow .4s}.journey article:hover>span{transform:translateY(-5px);box-shadow:0 7px 14px #4b836a18}.solutions{background:linear-gradient(115deg,#f1f6ef,#f6f3f8 70%,#faf5ef)}.solution-icon{transition:transform .4s}.solution-grid article:hover .solution-icon{transform:translateY(-5px) rotate(-5deg)}.solution-grid a span{display:inline-block;transition:transform .3s}.solution-grid a:hover span{transform:translate(3px,-3px)}
.market-board{background:linear-gradient(135deg,#eaf3ec,#f0edf8 65%,#f8eee5);border-color:#fff;box-shadow:0 15px 45px #2d476b10}.country{background:#ffffffc9;border-color:#fff;transition:transform .25s,box-shadow .25s;animation:country-enter .4s both;animation-delay:calc(var(--country-index,0)*35ms)}.country:hover{transform:translateY(-3px);box-shadow:0 7px 16px #425e5810}.country-code{background:linear-gradient(135deg,#e1f0e5,#e8e5f4)}.about{background:linear-gradient(115deg,#ece6f5,#f4edf5 55%,#faeee6)}.questions p{background:#ffffff55;border-color:#ffffff99;box-shadow:0 5px 16px #78688b08;animation:question-float 7s ease-in-out infinite}.questions p:nth-child(2){animation-delay:-2s}.questions p:nth-child(3){animation-delay:-4s}.closing{background:linear-gradient(120deg,#dfeee3,#e6eef2 56%,#eae3f3);border:1px solid #fff;box-shadow:0 16px 45px #3956660e}.faq details{transition:background .3s}.faq details[open]{background:linear-gradient(90deg,#f2f7f200, #f2f7f2)}
.motion-control{position:fixed;bottom:18px;right:18px;z-index:20;display:flex;align-items:center;gap:7px;padding:8px 12px;border:1px solid #d9e5dd;background:#fffffff2;box-shadow:0 4px 18px #18384712;border-radius:30px;color:#49665c;font-size:10px;backdrop-filter:blur(10px)}.motion-control:hover{background:#edf5ef}.motion-control svg{width:12px;height:12px;fill:currentColor}.reveal-ready{opacity:0;transform:translateY(20px);transition:opacity .65s ease,transform .65s cubic-bezier(.2,.7,.2,1);transition-delay:var(--reveal-delay,0ms)}.reveal-ready.revealed{opacity:1;transform:none}.chart.animate-chart .bars i,.chart.animate-chart .bars b{transform-origin:bottom;animation:bar-enter 1.05s cubic-bezier(.2,.7,.2,1) both;animation-delay:calc(var(--bar-index,0)*70ms)}.animate-progress .progress-line i,.animate-progress .stock-cards i{transform-origin:left;animation:fill-enter 1.1s ease both}
@keyframes panel-float{0%,100%{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-9px) rotate(-.4deg)}}@keyframes note-float{0%,100%{transform:translateY(0) rotate(1deg)}50%{transform:translateY(-7px) rotate(1deg)}}@keyframes check-pop{0%,75%,100%{transform:scale(1)}82%{transform:scale(1.12)}90%{transform:scale(.97)}}@keyframes question-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes bar-enter{from{transform:scaleY(.08);opacity:.3}to{transform:scaleY(1);opacity:1}}@keyframes screen-enter{from{opacity:.35;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes country-enter{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
.motion-paused *{animation-play-state:paused!important}.motion-paused .reveal-ready{opacity:1;transform:none;transition:none}.motion-paused .bars i,.motion-paused .bars b{animation:none!important;transform:none}.motion-paused .country{animation:none!important;opacity:1;transform:none}.motion-paused .tour-screen{animation:none!important;opacity:1;transform:none}
@media(max-width:760px){.hero:before{inset:0 -20px}.hero-visual{animation:none}.hero h1{font-size:clamp(48px,12vw,61px)}.floating-note{animation-duration:7s}.feature:hover{transform:none}.motion-control{bottom:10px;right:10px;font-size:9px;padding:7px 10px}.site-footer{padding-bottom:55px}.questions p{animation:none}.reveal-ready{transform:translateY(12px)}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.reveal-ready{opacity:1;transform:none}.hero-visual,.floating-note{transform:none}.motion-control{display:none}}

@keyframes fill-enter{from{transform:scaleX(.08)}to{transform:scaleX(1)}}
.hero-visual,.floating-note,.questions p,.ticker>div{animation-play-state:var(--page-play-state,running)}