@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&display=swap');
:root{font-family:'DM Sans',Arial,sans-serif;color:#292a27;background:#faf9f6;font-synthesis:none;--orange:#e35f36;--ease-out:cubic-bezier(.23,1,.32,1);--ease-in-out:cubic-bezier(.77,0,.175,1)}
*{box-sizing:border-box}body{margin:0;height:100svh;min-height:0;display:grid;grid-template-rows:88px minmax(0,1fr) 44px;overflow:hidden}html{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{font:inherit;cursor:pointer;user-select:none}button,.primary-button{transition:transform 160ms var(--ease-out),background 160ms ease}button:active,.primary-button:active{transform:scale(.97)}button:focus-visible,a:focus-visible{outline:2px solid #b34728;outline-offset:4px}a{color:inherit;text-decoration:none}.symbols{position:absolute;width:0;height:0;overflow:hidden}.icon{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.atmosphere{position:absolute;inset:0 0 auto;height:62%;overflow:hidden;z-index:-1;pointer-events:none;mask-image:linear-gradient(#000 0%,#000 28%,transparent 100%)}.light-field{position:absolute;inset:-55% -15% 0;background:radial-gradient(ellipse at 27% 30%,#f3ba8d8c,transparent 46%),radial-gradient(ellipse at 75% 38%,#bccdd778,transparent 45%);animation:sky-drift 20s var(--ease-in-out) infinite alternate}.contours{position:absolute;border-radius:50%;width:155%;height:155%;left:-25%;top:-95%;background:repeating-radial-gradient(ellipse at 50% 50%,transparent 0 17px,#bb86692c 18px,transparent 19px 31px);transform:rotate(-12deg);animation:contour-drift 22s var(--ease-in-out) infinite alternate}.contours-two{top:-100%;left:5%;opacity:.45;transform:rotate(15deg);animation-direction:alternate-reverse}.light-grain{position:absolute;inset:0;opacity:.2;background-image:radial-gradient(#897b68 .6px,transparent .6px);background-size:6px 6px}
.topbar{margin:0 4%;display:flex;align-items:center;justify-content:space-between;gap:20px;position:relative;z-index:3}.brand{display:flex;align-items:center;font-size:31px;font-weight:650;letter-spacing:-1.7px}.brand svg{width:32px;height:34px;margin-right:7px}.brand>span{color:var(--orange)}.audience-links{display:flex;gap:28px;position:absolute;left:50%;transform:translateX(-50%)}.audience-links a{display:flex;align-items:center;gap:7px;min-height:44px;font-size:14px;white-space:nowrap;color:#555d50}.audience-links a>span{font-size:12px;color:#8e9586}.audience-links a[aria-current=page]{color:#a14e30;text-decoration:underline;text-underline-offset:7px}.audience-links a:hover{color:#a14e30}.nav-note{font-size:12px;color:#686b61;display:flex;gap:8px;align-items:center}.nav-note>span,.live-dot{display:inline-block;width:6px;height:6px;flex-shrink:0;border-radius:50%;background:#69846b}
main{display:grid;grid-template-rows:auto minmax(0,1fr) auto;min-height:0;text-align:center}.headline{padding-top:clamp(8px,2.6vh,30px);z-index:2}h1{font-weight:500;letter-spacing:-3.5px;font-size:clamp(44px,5.5vw,78px);line-height:1.04;margin:0}h1>span{color:var(--orange)}.rotating-line{display:flex;justify-content:center;align-items:baseline;gap:.28em;margin:23px 0 0;font-size:clamp(17px,1.7vw,24px);font-weight:400;color:#787a73;letter-spacing:-.5px;white-space:nowrap}.phrase-window{display:inline-block;color:#343832;min-width:0;overflow:hidden;vertical-align:bottom}#phrase{display:block;transition:transform 250ms var(--ease-out),opacity 200ms var(--ease-out)}.phrase-changing{opacity:0;transform:translateY(55%)}
.showcase{min-height:0;position:relative;display:grid;place-items:center;perspective:1100px;overflow:visible;isolation:isolate}.stage{position:absolute;width:760px;height:370px;transform-origin:center;transform-style:preserve-3d;pointer-events:none}.scene{position:absolute;inset:0;opacity:0;visibility:hidden;transform:translateY(15px) scale(.96);transition:opacity 250ms var(--ease-out),transform 250ms var(--ease-out),visibility 250ms;transform-style:preserve-3d}.scene.active{opacity:1;visibility:visible;transform:translateY(0) scale(1)}.scene:not(.active) *{animation-play-state:paused}.layer{position:absolute;transform-style:preserve-3d}
.main-panel{left:190px;top:27px;width:380px;height:260px;border-radius:17px;border:1px solid #fff;background:linear-gradient(145deg,#fffffff7,#f7f8f4f5);box-shadow:0 2px 0 #d8d9d1,0 5px 0 #e4e5de,0 8px 0 #d8dcd2,10px 35px 48px #3b4c4320,0 1px 5px #3048330d;transform:perspective(1000px) rotateX(20deg) rotateY(-15deg) rotateZ(-7deg);padding:20px 23px;animation:panel-float 7s var(--ease-in-out) infinite alternate;text-align:left}.back-panel{left:207px;top:27px;width:380px;height:260px;border:1px solid #ffffff;border-radius:18px;transform:perspective(1000px) rotateX(20deg) rotateY(-15deg) rotateZ(-7deg) translateZ(-38px) translate(22px,-12px);background:linear-gradient(135deg,#e6eaddaa,#ccd8ce66);box-shadow:10px 20px 30px #738b6510}.panel-head{display:flex;align-items:center;justify-content:space-between;font-size:10px;color:#7b8176}.tiny-brand{letter-spacing:1px}.panel-menu{font-weight:700;font-size:20px;line-height:10px}.calendar-title{margin-top:15px;display:flex;flex-direction:column;gap:7px}.calendar-title strong,.inbox-heading strong{font-size:22px;font-weight:500;letter-spacing:-.7px}.calendar-title>span{font-size:8px;letter-spacing:1.4px;color:#999d92}.week{display:grid;grid-template-columns:repeat(5,1fr);margin:14px -5px 0;text-align:center}.week span{font-size:8px;letter-spacing:1px;color:#8b9186}.week b{display:block;font-weight:500;font-size:15px;color:#555e50;margin:5px auto 9px}.week .today b{background:#e9683f;color:white;border-radius:50%;width:25px;line-height:25px;margin-top:0;margin-bottom:4px}.calendar-grid{height:85px;position:relative;background:repeating-linear-gradient(90deg,transparent 0 19.7%,#e9ece51a 19.7% 20%),repeating-linear-gradient(0deg,transparent 0 27px,#e8ebe4 27px 28px);border-top:1px solid #e7eae2}.event{position:absolute;border-radius:4px;padding:6px 7px;font-size:9px;line-height:1.3}.event span{display:block;font-size:7px;margin-top:3px;opacity:.7}.event-one{top:4px;left:0;width:123px;background:#e8eddf;color:#617347}.event-two{top:20px;left:135px;width:117px;background:#e8edf5;color:#5a7098;animation:event-settle 7s var(--ease-in-out) infinite}.event-three{top:52px;left:203px;width:126px;background:#fae8da;color:#ad7049}
.float-card{display:flex;align-items:center;gap:12px;border:1px solid white;border-radius:12px;padding:16px 19px;background:linear-gradient(120deg,#fffffffa,#ffffffed);box-shadow:0 1px 0 #dedfd8,2px 12px 24px #3a4a3714,6px 28px 36px #3d49300c;text-align:left}.float-card strong{font-size:13px;font-weight:550;display:block;line-height:1.4}.float-card div>span{display:block;font-size:10px;color:#8a8d83;margin-top:4px}.card-left{left:54px;top:212px;transform:rotate(-7deg) translateZ(90px);animation:left-float 5s var(--ease-in-out) infinite alternate}.card-right{left:456px;top:83px;transform:rotate(8deg) translateZ(110px);animation:right-float 6s var(--ease-in-out) infinite alternate}.round-icon{width:31px;height:31px;display:grid;place-items:center;border-radius:50%;font-size:15px;flex-shrink:0}.green{color:#698553;background:#eef3e6}.orange{color:#d76a3e;background:#fff0e5}.mini-calendar{border:1px solid #efded3;border-radius:6px;text-align:center;font-size:7px;color:#c77a54;width:32px;padding:3px;background:#fff8f2}.mini-calendar b{display:block;font-size:18px;font-weight:500;color:#3c4038;margin-top:2px}.tiny-spark{color:#e89d64;font-size:19px;margin-left:10px}.small-tag{left:220px;top:322px;display:flex;align-items:center;gap:7px;background:#fafbf7;border:1px solid #e5e9dd;padding:8px 13px;border-radius:22px;font-size:10px;color:#7b8373;transform:rotate(-4deg);animation:tag-float 6s var(--ease-in-out) infinite alternate}
.aturo-cube{left:513px;top:241px;width:80px;height:80px;background:linear-gradient(140deg,#ffae75,#f47842 48%,#d7532b);border:1px solid #ffd5ae;border-radius:21px;box-shadow:1px 2px 0 #e66b39,2px 4px 0 #cf572d,3px 6px 0 #cb532a,7px 19px 27px #d769423c,inset 0 1px 3px #ffdec0;display:grid;place-items:center;transform:rotate(-12deg);animation:cube-float 5s var(--ease-in-out) infinite alternate;z-index:4;overflow:hidden}.aturo-cube svg{height:49px;width:49px;color:#fff9e9;filter:drop-shadow(0 2px 1px #a644372b)}.aturo-cube>span{position:absolute;inset:-80%;background:linear-gradient(115deg,transparent 40%,#fff7 50%,transparent 60%);animation:shine 5s linear infinite;transform:translateX(-100%)}.floor-shadow{position:absolute;left:220px;top:300px;width:320px;height:45px;border-radius:50%;background:#84927a;opacity:.1;filter:blur(20px);animation:shadow-breathe 7s var(--ease-in-out) infinite alternate}.orbit{position:absolute;left:85px;top:105px;width:600px;height:220px;border:1px solid #dedfd580;border-radius:50%;transform:rotate(-12deg)}.orbit-two{left:139px;top:68px;width:480px;height:290px;transform:rotate(20deg);opacity:.6}.sparkle{position:absolute;color:#eab18a;font-size:36px;left:118px;top:92px;animation:sparkle-turn 18s linear infinite}.sparkle-two{left:628px;top:241px;font-size:26px;color:#abb79e;animation-direction:reverse}
.email-panel{height:263px}.email-back{background:linear-gradient(135deg,#e5e9f1,#cbd8e266)}.inbox-heading{display:flex;justify-content:space-between;align-items:center;margin:17px 0 9px}.inbox-count{font-size:13px;color:#a2aaa0}.mail-row{display:flex;align-items:center;gap:11px;padding:12px 0;border-bottom:1px solid #edf0e8}.avatar{height:28px;width:28px;display:grid;place-items:center;border-radius:50%;font-size:9px}.peach{background:#f8e7dc;color:#c27d57}.lilac{background:#eae7f4;color:#9682bb}.sage{background:#e7ecde;color:#839566}.mail-row>div{flex:1}.mail-row strong{font-size:11px;font-weight:500;display:flex;justify-content:space-between}.mail-row small{font-weight:400;font-size:8px;color:#a0a599}.mail-row div>span{display:block;font-size:9px;color:#90998a;margin-top:3px}.mail-row i{width:4px;height:4px;background:#e4885c;border-radius:50%}.muted-row{opacity:.7;border:0}.draft{left:458px;top:115px;align-items:flex-start}.draft-line{width:135px;height:3px;background:#e7eadf;border-radius:10px;margin-top:9px;transform-origin:left;animation:draft-write 5s var(--ease-in-out) infinite}.draft-line.short{width:90px;animation-delay:.25s}
.portfolio-back{background:linear-gradient(135deg,#efe4da,#e7c9ad55)}.portfolio-heading{margin-top:19px}.portfolio-heading>span{font-size:8px;color:#9c978d;letter-spacing:1px}.portfolio-heading strong{display:block;font-size:23px;font-weight:500;margin-top:7px;letter-spacing:-.7px}.chart{width:100%;height:120px;margin-top:5px;overflow:visible}.chart-line{fill:none;stroke:#e68654;stroke-width:2.5;stroke-linejoin:round;stroke-linecap:round}.chart-area{animation:chart-glow 4s var(--ease-in-out) infinite alternate}.chart-labels{display:flex;justify-content:space-between;font-size:8px;color:#979c90}.allocation{gap:13px;left:478px;top:120px}.donut{width:51px;height:51px;flex-shrink:0;border-radius:50%;background:conic-gradient(#e48a58 0 40%,#9eae8d 40% 76%,#dae0d0 76%);position:relative;transform:rotate(-20deg);animation:donut-turn 8s var(--ease-in-out) infinite alternate}.donut::after{content:'';position:absolute;inset:10px;background:#fff;border-radius:50%}
.conversion{z-index:3;padding-bottom:8px}.carousel-controls{display:flex;justify-content:center;align-items:center;gap:0;margin:0 0 7px;height:44px}.arrow-control,.pause-control{border:0;background:none;color:#73786c;font-size:17px;width:44px;height:44px}.slide-selectors{display:flex;gap:0}.slide-selectors button{padding:14px 4px;border:0;background:none;width:36px;height:44px;display:grid;place-items:center}.slide-selectors button>span{display:block;width:5px;height:5px;border-radius:6px;background:#cdd0c4;transition:transform 200ms var(--ease-out),background 200ms ease}.slide-selectors button[aria-pressed=true]>span{background:#e27547;transform:scaleX(3)}.control-divider{width:1px;height:12px;background:#dadcd2;margin:0 5px 0 8px}.pause-control{font-size:12px}.primary-button{display:inline-flex;align-items:center;justify-content:center;gap:28px;border:1px solid #2b2e27;border-radius:7px;background:#2b2e27;color:white;min-height:48px;padding:12px 23px;font-size:14px;box-shadow:0 4px 9px #2b2e2710}.purchase-note{font-size:12px;color:#73776c;margin:12px 0 0}footer{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;margin:0 4%;font-size:12px;letter-spacing:.2px;color:#73776c;padding-bottom:env(safe-area-inset-bottom,0px)}#category-label{font-size:10px;letter-spacing:1.3px}
body.paused *,body.paused *::before,body.paused *::after{animation-play-state:paused!important}.keyboard-input .scene,.keyboard-input #phrase,.keyboard-input .audience-indicator,.keyboard-input .slide-selectors button>span{transition:none!important}.keyboard-input button:active{transform:none}
/* Extended motion belongs to the marketing illustration; functional changes stay below 300ms. */
@keyframes sky-drift{to{transform:translate(8%,10%) scale(1.1)}}@keyframes contour-drift{to{transform:translate(3%,12%) rotate(-5deg)}}@keyframes panel-float{to{transform:perspective(1000px) rotateX(16deg) rotateY(-11deg) rotateZ(-5deg) translateY(-9px)}}@keyframes left-float{to{transform:rotate(-4deg) translateY(-12px) translateZ(90px)}}@keyframes right-float{to{transform:rotate(5deg) translateY(11px) translateZ(110px)}}@keyframes cube-float{to{transform:translateY(-14px) rotate(-5deg)}}@keyframes tag-float{to{transform:translateY(-5px) rotate(-2deg)}}@keyframes shine{0%,55%{transform:translateX(-100%)}85%,100%{transform:translateX(100%)}}@keyframes event-settle{0%,15%{transform:translateY(-11px);opacity:.4}35%,90%{transform:translateY(0);opacity:1}100%{transform:translateY(-11px);opacity:.4}}@keyframes draft-write{0%,15%{transform:scaleX(.4);opacity:.4}55%,100%{transform:scaleX(1);opacity:1}}@keyframes shadow-breathe{to{transform:scale(.9);opacity:.07}}@keyframes sparkle-turn{to{transform:rotate(360deg)}}@keyframes chart-glow{to{opacity:.4}}@keyframes donut-turn{to{transform:rotate(35deg)}}
@media(hover:hover) and (pointer:fine){.primary-button:hover{background:#44493b;transform:translateY(-2px)}.arrow-control:hover,.pause-control:hover{background:#eceee5;border-radius:50%;color:#3b4532}.audience-control button:hover{color:#252a20}}
@media(min-height:1000px){.headline{padding-top:45px}.conversion{padding-bottom:30px}.rotating-line{margin-top:28px}}
@media(max-width:760px){body{grid-template-rows:78px minmax(0,1fr) 35px}.topbar{margin:0 5%;gap:15px}.brand{font-size:27px}.brand svg{width:27px;height:30px}.nav-note{display:none}.audience-control{position:relative;left:auto;transform:none}.audience-control button{font-size:12px;min-height:44px;padding:8px 12px}.headline{padding:22px 12px 0}h1{font-size:clamp(41px,8vw,61px);letter-spacing:-2.2px}.rotating-line{font-size:clamp(15px,3.7vw,21px);letter-spacing:-.35px;margin-top:20px;gap:.3em}.showcase{overflow:hidden}.conversion{padding-bottom:15px}.purchase-note{font-size:12px}.primary-button{min-height:47px;font-size:14px}.carousel-controls{margin-bottom:8px}footer{font-size:12px;margin:0 5%}#category-label{display:none}.atmosphere{height:60%}}
@media(max-height:700px){body{grid-template-rows:65px minmax(0,1fr) 28px}.headline{padding-top:8px}h1{font-size:clamp(35px,5.8vh,55px);letter-spacing:-2px}.rotating-line{margin-top:12px;font-size:17px}.conversion{padding-bottom:5px}.purchase-note{margin-top:7px;font-size:12px}.carousel-controls{margin-bottom:3px}.primary-button{min-height:44px;padding:9px 19px}.atmosphere{height:66%}}
@media(max-width:360px){.topbar{margin:0 12px;gap:8px}.brand{font-size:24px}.brand svg{width:24px;margin-right:4px}.audience-control button{padding-inline:8px;font-size:11px}.rotating-line{font-size:14px}}
@media(max-height:480px) and (min-width:600px){body{grid-template-rows:60px minmax(0,1fr) 24px}main{grid-template-columns:1fr 1fr;grid-template-rows:1fr auto}.headline{grid-column:1;align-self:end;padding-top:0}h1{font-size:38px}.rotating-line{font-size:16px}.showcase{grid-column:2;grid-row:1/3}.conversion{grid-column:1;margin-top:8px}.carousel-controls{margin-bottom:4px}.purchase-note{display:none}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important}.scene{transform:none!important;transition:opacity 200ms ease}#phrase{transform:none!important;transition:opacity 200ms ease}.audience-indicator{transition:none}.primary-button:hover,button:active,.primary-button:active{transform:none}}
.rotating-line{color:#696d63}.slide-selectors button{width:44px}
.keyboard-input .primary-button:active{transform:none}
@media(prefers-reduced-motion:reduce){.slide-selectors button>span{transition:none}}
@media(max-width:760px){.stage{width:600px;height:400px}.main-panel{left:110px}.back-panel{left:127px}.card-left{left:16px;top:249px}.card-right{left:325px;top:28px}.draft,.allocation{left:335px;top:37px}.aturo-cube{left:430px;top:285px}.small-tag{left:155px;top:360px}.sparkle-one{left:46px;top:98px}.sparkle-two{left:522px;top:275px}.orbit-one{left:20px;width:560px}.orbit-two{left:60px;width:480px}.floor-shadow{left:140px}}
@media(prefers-contrast:more){.rotating-line,.purchase-note,footer,.nav-note{color:#50594a}.audience-control{border-color:#8b9583}}

footer>span:first-child{justify-self:start}footer>span:last-child{grid-column:3;justify-self:end}#category-label{text-align:center}
@media(max-width:760px){.audience-links{position:static;transform:none;gap:16px}.audience-links a{font-size:12px;gap:4px}}
@media(max-width:380px){.audience-links{gap:10px}.audience-links a{font-size:11px}.audience-links a>span{display:none}}