/* Mipas v2 · Satoshi / optical glass / contextual motion */
:root{--ink:#010101;--paper:#f7f7f7;--blue:#acceea;--coral:#ff9270;--yellow:#ffe989;--font:'Satoshi',Arial,sans-serif;--brand-gradient:linear-gradient(105deg,#ACCEEA 0%,#c4c8d7 24%,#FF9270 50%,#FFE989 76%,#cbdfe1 100%);--glass:rgba(255,255,255,.52);--glass-border:rgba(255,255,255,.92);--ease:cubic-bezier(.22,1,.36,1)}
body{background:#f7f7f7}h1,h2,h3{font-weight:400;letter-spacing:-.047em}h1{font-size:clamp(48px,5.3vw,76px);line-height:1.085}h2{font-size:clamp(36px,4vw,57px);line-height:1.14}h3{letter-spacing:-.025em}p{line-height:1.7}.wordmark{font-weight:500;letter-spacing:-1.8px}.wordmark svg{width:31px;height:36px}.header{height:100px}.header nav{padding:8px 12px;gap:5px;background:#ffffff80;box-shadow:inset 0 1px 1px #fff;border-radius:12px;backdrop-filter:blur(14px)}.header nav a{padding:8px 15px}.header nav a:hover{background:#fff;border-radius:7px;color:#010101}.header>.button{background:#fff9;color:var(--ink);border:1px solid #fff;box-shadow:0 4px 12px #1f354008,inset 0 1px 1px #fff}.hero{padding-top:55px}.hero>.eyebrow{font-size:11px;font-weight:400;letter-spacing:.12em}.prism-chip{width:40px;height:20px;background:var(--brand-gradient);box-shadow:inset 0 0 0 1px #ffffff90}.hero-grid{grid-template-columns:1.12fr 1fr;gap:0}.hero-copy{padding:33px 0 44px}.hero-copy p{font-size:17px;max-width:470px;color:#696969;line-height:1.7}.hero-copy h1{position:relative;z-index:2}.headline-line{display:block;overflow:clip;padding-bottom:.13em;margin-bottom:-.13em}.headline-line>span{display:block;will-change:transform}.gradient-text{background:linear-gradient(105deg,#648cb1 0%,#7c8798 19%,#c87356 49%,#a18538 75%,#6c8888 100%);background-size:150% 100%;background-clip:text;-webkit-background-clip:text;color:transparent}.soft-gradient{background:var(--brand-gradient);background-clip:text;-webkit-background-clip:text;color:transparent;filter:saturate(.9)}.hero-visual{min-height:510px}.hero-visual>img{width:126%;max-width:none;position:relative;right:-10px;margin-top:5px;mix-blend-mode:normal;filter:drop-shadow(0 24px 30px #2539480a)}.hero-label{right:8px;top:25px;font-size:9px;letter-spacing:.14em;color:#727272}.hero-glass-tag{position:absolute;z-index:2;top:108px;left:55px;display:flex;gap:10px;align-items:center;padding:13px 17px;border:1px solid white;border-radius:10px;background:#ffffff65;box-shadow:0 8px 32px #4d698408,inset 0 1px 1px #fff;backdrop-filter:blur(18px);font-size:12px}.tiny-orbit{width:16px;height:16px;border:1px solid #bacbd8;border-radius:50%;box-shadow:inset 0 0 0 4px #edf2f5}.float-note{bottom:38px;left:12px;background:#ffffff55;border:1px solid #ffffffec;box-shadow:0 12px 40px #3342520c,inset 0 1px 2px #fff;backdrop-filter:blur(22px);border-radius:14px;padding:18px 20px}.mini-mark{background:var(--brand-gradient);border:1px solid #ffffffb3}.mini-mark svg{width:28px;height:28px;fill:#181818}.button{border:1px solid #ffffffa6;border-radius:9px;font-weight:500;box-shadow:0 5px 15px #12121207;transition:transform .35s var(--ease),box-shadow .35s,background .25s}.hero-copy>.button{color:#171717;background:var(--brand-gradient);background-size:120% 100%;padding:18px 23px;box-shadow:inset 0 1px 1px #ffffffa3,0 8px 25px #889aaa12}.hero-copy>.button:hover{background-position:100% 50%;box-shadow:inset 0 1px 1px #fff,0 12px 30px #6c819e26}.motion-replay{border:0;background:transparent;color:#737373;display:flex;gap:8px;align-items:center;margin-top:19px;padding:4px 0;font-size:12px}.motion-replay:hover{color:#010101}.hero-bottom{font-size:12px;border-color:#dedede;padding-bottom:28px}.briefing-section{position:relative;padding-top:38px;padding-bottom:90px;background:radial-gradient(ellipse at 15% 40%,#dce8ef9c,transparent 47%),radial-gradient(ellipse at 83% 77%,#ffe8ca82,transparent 45%),#f0f1f2}.briefing-section .section-top{margin-bottom:22px}.briefing-section .eyebrow{font-weight:400}.dashboard-v2{display:block;position:relative;isolation:isolate;background:rgba(250,251,253,.56);border:1px solid #fff;border-radius:19px;box-shadow:0 25px 60px #55657314,inset 0 1px 1px #fff;backdrop-filter:blur(24px);overflow:hidden}.product-bar{display:flex;align-items:center;gap:24px;padding:18px 26px;border-bottom:1px solid #fff;background:#ffffff5c;font-size:13px}.product-bar .wordmark{font-size:25px;gap:7px;white-space:nowrap}.product-bar .wordmark svg{width:25px;height:30px}.workspace-name{font-size:12px;color:#777;margin-right:auto;padding-left:20px;border-left:1px solid #d9dde1}.product-current{background:#111;color:#fff;padding:9px 18px;border-radius:7px}.product-location{color:#666}.product-bar .avatar{background:#fff9;border:1px solid #fff;font-size:10px;color:#555;margin-left:auto}.dash-main{padding:22px 34px 32px}.dash-top{font-size:11px;margin-bottom:18px}.glass-label{border:1px solid #fff;background:#ffffff6b;border-radius:7px;padding:6px 11px}.dash-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:27px}.dash-heading h2{font-size:42px;line-height:1.2;margin-bottom:6px;font-weight:400}.dash-heading p{font-size:14px;color:#777;margin:0}.gradient-pill{background:var(--brand-gradient);border:1px solid #fff;border-radius:7px;padding:9px 13px;font-size:11px;white-space:nowrap}.metrics{gap:14px}.metrics>div,.metrics>div:nth-child(n){background:#ffffff52;border:1px solid white;padding:17px 19px 14px;border-radius:11px;box-shadow:inset 0 1px 1px white,0 8px 25px #404b5604;position:relative}.metrics span{font-size:12px;color:#56595e;display:flex;justify-content:space-between;align-items:center;gap:8px}.metric-icon{font-size:17px;font-weight:400;color:#737c85}.metrics strong{font-size:clamp(28px,3vw,40px);font-weight:400;letter-spacing:-.055em;padding:13px 0 6px}.metrics small{font-size:11px;min-height:30px}.metric-line{height:3px;width:100%;margin-top:13px;border-radius:2px;opacity:.78}.coral{background:#ffdfd4}.blue{background:#dcecf6}.yellow{background:#fff0bc}.metric-line.coral{background:#ff9270}.metric-line.blue{background:#acceea}.metric-line.yellow{background:#ffe989}.gradient{background:var(--brand-gradient)}.work-grid{display:grid;grid-template-columns:1.7fr 1fr;gap:20px;margin-top:24px}.work-queue{background:#ffffff5c;padding:21px 23px;border:1px solid white;border-radius:12px}.queue-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;gap:15px}.queue-heading h3{font-size:21px;margin:0}.queue-heading>span{font-size:10px;color:#777}.queue-row{display:flex;gap:13px;align-items:center;padding:17px 0;border-top:1px solid #e4e8eb}.queue-symbol{display:grid;place-items:center;flex-shrink:0;width:37px;height:37px;border-radius:9px;font-size:20px}.queue-row strong{font-size:13px;font-weight:500}.queue-row small{font-size:11px;display:block;color:#777;margin-top:3px}.queue-status{font-size:10px;color:#6a7178;border:1px solid #e2e6e9;border-radius:5px;padding:4px 7px;margin-left:auto;white-space:nowrap}.copilot-glass{position:relative;padding:22px 25px;background:linear-gradient(135deg,#ffffff9c,#ffffff36);border:1px solid #fff;border-radius:12px;backdrop-filter:blur(22px);box-shadow:inset 0 1px 1px white}.copilot-glass>.mini-mark{float:right;height:34px;width:34px;border-radius:9px}.copilot-glass .mini-mark svg{width:23px;height:23px}.copilot-glass .tag{font-size:9px}.copilot-glass h3{font-size:31px;margin:19px 0 10px;font-weight:400}.copilot-glass p{font-size:13px;line-height:1.5;margin-bottom:20px}.copilot-glass .button{width:100%;font-size:12px;gap:10px;padding:12px 10px}.copilot-glass>small{font-size:10px;color:#777;display:block;margin-top:10px;line-height:1.5}.section{padding-top:105px;padding-bottom:105px}.section-heading{max-width:900px}.section-heading .eyebrow{font-size:11px;font-weight:400}.problem-grid{gap:25px}.problem-grid article{border:1px solid #fff;border-radius:14px;padding:25px;background:linear-gradient(145deg,#fff9,#fff2);box-shadow:0 10px 30px #3d4c5e03,inset 0 1px 1px white}.problem-grid h3{font-size:24px}.problem-grid p{font-size:14px}.item-number{margin-bottom:30px;color:#777}.system-section{background:#eeeff1;color:#010101;padding:95px 0;position:relative}.system-section .eyebrow{color:#747474;font-weight:400;font-size:11px}.system-section p{color:#696969}.steps{gap:22px;margin-top:45px}.steps article{border:1px solid #fff;border-radius:16px;padding:28px;background:#ffffff4d;box-shadow:inset 0 1px 1px #fff;backdrop-filter:blur(18px)}.steps article:nth-child(n) h3{color:#010101;font-weight:400}.steps article:nth-child(1){background:linear-gradient(155deg,#ffffffb3,#e6eff45c)}.steps article:nth-child(2){background:linear-gradient(155deg,#ffffffb3,#fae9e459)}.steps article:nth-child(3){background:linear-gradient(155deg,#ffffffb3,#fbf2d359)}.step-number{color:#777}.connection-labels span{background:#ffffff73;border:1px solid #fff;color:#636a70}.steps p{font-size:15px}.approval-label{background:var(--brand-gradient);border:1px solid #fff;color:#333}.statement{border-top:1px solid #d9dde1;padding-top:45px;margin-top:55px;color:#7d8084;font-weight:400}.statement span{color:#010101}.agent-tabs{border:1px solid white;background:#ffffff80;border-radius:12px;width:fit-content;padding:7px;margin-bottom:28px;box-shadow:inset 0 1px 1px white}.agent-tabs button{padding:11px 25px;font-size:14px}.agent-card{background:linear-gradient(150deg,#fffffff0,#ffffff35);border:1px solid #fff;box-shadow:inset 0 1px 1px white,0 12px 40px #64708006;backdrop-filter:blur(18px);transition:transform .5s var(--ease),box-shadow .4s}.agent-card:hover{transform:translateY(-5px);box-shadow:0 20px 35px #556b7a0c}.agent-icon{background:#e8eff4;border:1px solid #fff;box-shadow:inset 0 1px 1px white}.agent-status{font-size:11px}.agent-card h3{font-weight:400}.learning-section{background:radial-gradient(ellipse at 72% 60%,#dfeaf0,transparent 60%),#f0f1f2}.knowledge-map{background:#ffffff40;border:1px solid #fff;box-shadow:inset 0 1px 1px white,0 25px 70px #5c6c7a08;backdrop-filter:blur(22px)}.map-row span,.map-core{background:#ffffff63;border:1px solid #fff;box-shadow:inset 0 1px 1px white}.map-core .mini-mark{width:48px;height:48px;border-radius:12px}.audience-grid h3{font-weight:400}.trust-section{background:linear-gradient(145deg,#ffffffa8,#ffffff40);border:1px solid #fff;box-shadow:inset 0 1px 1px white;backdrop-filter:blur(20px)}.security li{border-color:#e4e6e9}.waitlist-section{background:#eceef0;color:#010101;position:relative}.waitlist-section:before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 0 40%,#d8e6f099,transparent 55%),radial-gradient(ellipse at 55% 100%,#ffdfa655,transparent 50%);pointer-events:none}.waitlist-grid{position:relative}.waitlist-grid>div>p,.waitlist-grid>div>p:first-of-type{color:#62666e}.waitlist-grid h2{font-size:clamp(43px,4.8vw,68px);font-weight:400;line-height:1.12}.waitlist-grid .eyebrow{font-size:11px;font-weight:400}.waitlist-signature small{color:#72777b}form{background:#ffffff65;border:1px solid #fff;box-shadow:inset 0 1px 1px #fff,0 30px 70px #31435409;backdrop-filter:blur(22px)}input,select{background:#ffffff7d;border:1px solid #dfe3e6}form h3{font-weight:400}.demo-note{background:#e8eef299;border:1px solid #fff}.faq details{border-color:#dedfe1}.faq details summary{font-weight:400}.kit-hero h1{font-weight:400}.kit-section h2{font-weight:400}.kit-section .swatch,.kit-cards article{border-color:white;background:#ffffff60}.type-specimen{background:#eceef0}.type-specimen>strong{font-weight:400}.kit-hero p{font-weight:400}.glass-feature{background:linear-gradient(125deg,#e9edf0,#f4f1ed);border:1px solid white}.logo-panel{background:#fff7;border-color:white}.logo-panel .wordmark{font-size:58px;gap:16px;font-weight:500;letter-spacing:-3px}.logo-panel .wordmark svg{width:52px;height:62px}.logo-panel.dark{color:#f7f7f7}.logo-panel.dark svg{fill:#f7f7f7}.campaign-pair{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:35px}.campaign-pair figure{margin:0}.campaign-pair img{width:100%;border-radius:16px;border:1px solid white}.campaign-pair figcaption{font-size:13px;color:#747474;margin-top:14px}.motion-board{border:1px solid white;background:linear-gradient(120deg,#edf2f5,#f7f7f7);padding:50px;border-radius:18px;display:grid;grid-template-columns:1.1fr 1fr;align-items:center;margin:35px 0;overflow:hidden}.motion-board h3{font-size:clamp(35px,4vw,56px);line-height:1.15;font-weight:400}.motion-board .eyebrow{margin-bottom:22px}.motion-board img{width:125%;max-width:none}.motion-board .motion-replay{font-size:13px}.campaign-pair+.kit-caption{margin-top:25px}
/* Motion is progressive: content remains visible if JavaScript is unavailable. */
.motion-enabled .hero .headline-line>span{animation:headline-enter 1.1s var(--ease) both}.motion-enabled .hero .headline-line:nth-child(2)>span{animation-delay:.13s}.motion-enabled .hero .headline-line:nth-child(3)>span{animation-delay:.26s}.motion-enabled .hero .gradient-text{animation:headline-enter 1.1s .26s var(--ease) both,gradient-sweep 2.5s .7s ease-out both}.motion-enabled .hero-visual>img{animation:glass-enter 1.6s .15s var(--ease) both}.motion-enabled .hero-glass-tag{animation:glass-enter 1.1s .65s var(--ease) both}.motion-enabled .float-note{animation:glass-enter 1.1s .9s var(--ease) both}.motion-enabled .reveal-pending{opacity:0;transform:translateY(22px);filter:blur(4px)}.motion-enabled .reveal-visible{opacity:1;transform:none;filter:none;transition:opacity .8s var(--ease),transform .95s var(--ease),filter .8s var(--ease);transition-delay:var(--reveal-delay,0ms)}.motion-enabled .agent-grid.panel-enter{animation:panel-enter .5s var(--ease) both}.motion-board.is-playing h3{animation:headline-enter 1.1s var(--ease) both}.motion-board.is-playing img{animation:glass-enter 1.5s .1s var(--ease) both}.motion-board.is-playing .gradient-text{animation:gradient-sweep 2.5s .3s ease-out both}@keyframes headline-enter{from{transform:translateY(110%);opacity:0;filter:blur(8px)}to{transform:none;opacity:1;filter:blur(0)}}@keyframes glass-enter{from{transform:translateY(25px) scale(.97);opacity:0;filter:blur(9px)}to{transform:none;opacity:1;filter:blur(0)}}@keyframes gradient-sweep{from{background-position:100% 50%}to{background-position:0% 50%}}@keyframes panel-enter{from{opacity:0;transform:translateY(12px);filter:blur(3px)}to{opacity:1;transform:none;filter:blur(0)}}
@media(min-width:1100px){.hero-copy h1{font-size:clamp(55px,4.7vw,69px)}}@media(max-width:1100px){.workspace-name{display:none}.hero-visual>img{width:113%}.hero-glass-tag{left:15px}.hero-label{font-size:8px}.queue-status{display:none}.product-bar{gap:20px}.work-grid{grid-template-columns:1.5fr 1fr}.copilot-glass{padding:22px}.problem-grid{gap:18px}.problem-grid article{padding:22px}.metrics strong{font-size:31px}.header nav a{padding:8px 10px}}@media(max-width:800px){.hero-grid{grid-template-columns:1.15fr 1fr}.hero-glass-tag{top:115px;left:0;font-size:10px;padding:10px}.float-note{left:-5px;bottom:60px;padding:14px;font-size:12px}.hero-visual{min-height:490px}.hero-label{max-width:170px;text-align:right;line-height:1.6}.work-grid{grid-template-columns:1fr}.copilot-glass h3 br,.copilot-glass p br{display:none}.copilot-glass .button{width:auto;min-width:210px}.product-bar{gap:18px}.dash-heading .gradient-pill{display:none}.metrics{grid-template-columns:repeat(2,1fr)}.metrics small{min-height:0}.header nav{gap:0;padding:4px}.header nav a{font-size:12px;padding:7px}.hero-copy>.button{font-size:13px;gap:15px;padding:16px 15px}.campaign-pair{grid-template-columns:1fr}.motion-board{padding:30px}}@media(max-width:640px){h1{font-size:clamp(35px,8.9vw,54px);line-height:1.12}.hero{padding-top:35px}.hero>.eyebrow{font-size:9px;letter-spacing:.09em;gap:8px}.prism-chip{width:30px;height:17px}.header{height:83px}.header nav{display:none}.hero-grid{display:flex;flex-direction:column}.hero-copy{padding:30px 0 0;width:100%}.hero-copy p{font-size:16px;max-width:470px;margin-top:25px}.hero-copy>.button{font-size:14px;padding:17px 20px;gap:22px}.hero-copy>small{font-size:11px}.hero-visual{min-height:345px;width:100%;overflow:visible}.hero-visual>img{width:108%;right:0;margin-top:20px}.hero-label{top:25px;right:0;max-width:none;font-size:8px}.hero-glass-tag{top:70px;left:0;font-size:10px}.float-note{bottom:12px;left:20px;padding:14px 18px;font-size:12px}.float-note small{font-size:11px}.float-note .mini-mark{height:34px;width:34px}.hero-bottom{margin-top:28px}.motion-replay{margin-top:12px}.briefing-section{padding:32px 0 55px}.section-top .muted{font-size:11px}.dashboard-v2{border-radius:15px}.product-bar{padding:14px;gap:13px;flex-wrap:wrap}.product-bar .wordmark{font-size:24px;margin-right:auto}.product-bar .product-location{display:none}.product-bar .product-current{padding:7px 13px;font-size:12px}.product-bar .avatar{margin:0}.dash-main{padding:18px 13px}.dash-top{font-size:9px;gap:8px}.glass-label{padding:5px 7px;font-size:9px}.dash-heading{margin:23px 0}.dash-heading h2{font-size:33px}.dash-heading p{font-size:12px}.metrics{gap:10px}.metrics>div,.metrics>div:nth-child(n){padding:13px 11px}.metrics span{font-size:11px;gap:3px}.metric-icon{font-size:14px}.metrics strong{font-size:28px}.metrics small{font-size:10px;min-height:29px}.work-grid{gap:14px;margin-top:16px}.work-queue{padding:17px 13px}.queue-heading{align-items:flex-start;flex-direction:column;gap:5px;margin-bottom:13px}.queue-heading h3{font-size:21px}.queue-row{gap:9px;padding:14px 0}.queue-symbol{width:29px;height:29px;border-radius:7px;font-size:17px}.queue-row strong{font-size:11px}.queue-row small{font-size:10px;line-height:1.5}.copilot-glass{padding:22px}.copilot-glass h3{font-size:29px}.copilot-glass .button{width:100%}.section{padding-top:67px;padding-bottom:67px}.section-heading .eyebrow{font-size:10px}.problem-grid{grid-template-columns:1fr;gap:14px}.problem-grid article{padding:25px}.problem-grid h3{font-size:26px}.problem-grid p{font-size:15px}.system-section{padding:65px 0}.steps{gap:15px}.steps article{padding:26px}.steps h3{font-size:35px}.agent-tabs{width:100%;gap:0;padding:5px;justify-content:space-between}.agent-tabs button{font-size:12px;padding:10px 8px;white-space:nowrap}.agent-grid{gap:14px}.agent-card p{font-size:15px}.waitlist-section{padding:65px 0}.waitlist-grid h2{font-size:46px}.waitlist-grid .eyebrow{font-size:10px}.kit-hero h1{font-size:62px}.logo-panel .wordmark{font-size:50px}.motion-board{grid-template-columns:1fr;padding:28px}.motion-board img{width:100%;margin-top:20px}.motion-board h3{font-size:36px}.motion-board .eyebrow{font-size:10px}}
@media(prefers-reduced-motion:reduce){.motion-enabled .reveal-pending{opacity:1;transform:none;filter:none}.motion-replay{display:none}.headline-line>span,.hero-visual>img,.float-note,.hero-glass-tag{animation:none!important;opacity:1!important;transform:none!important;filter:none!important}.reveal-visible{transition:none!important}}@media print{.reveal-pending{opacity:1!important;transform:none!important;filter:none!important}.motion-replay{display:none}}
.hero-visual{overflow:clip}.soft-gradient{background:linear-gradient(105deg,#648cb1 0%,#7c8798 24%,#c87356 50%,#a18538 76%,#6c8888 100%);background-clip:text;-webkit-background-clip:text;color:transparent}

/* Control surfaces: translucent color over pale glass, not solid brand fills. */
:root {
  --control-gradient: linear-gradient(105deg,
    rgba(172, 206, 234, .58) 0%,
    rgba(196, 200, 215, .46) 24%,
    rgba(255, 146, 112, .42) 50%,
    rgba(255, 233, 137, .56) 76%,
    rgba(203, 223, 225, .50) 100%);
}
.hero-copy > .button,
.gradient-pill,
.approval-label {
  background-color: rgba(255, 255, 255, .16);
  background-image: linear-gradient(180deg, rgba(255,255,255,.22), rgba(255,255,255,.04)), var(--control-gradient);
  background-size: 100% 100%, 120% 100%;
  border: 1px solid rgba(255,255,255,.72);
  color: #171717;
  -webkit-backdrop-filter: blur(16px);
  backdrop-filter: blur(16px);
  box-shadow: inset 0 1px 1px rgba(255,255,255,.62), 0 4px 14px rgba(90,108,124,.045);
}
.hero-copy > .button:hover {
  background-color: rgba(255,255,255,.24);
  background-position: 0 0, 100% 50%;
  box-shadow: inset 0 1px 1px rgba(255,255,255,.8), 0 7px 20px rgba(90,108,124,.08);
}

/* Hero eyebrow marker: understated brand-gray dot. */
.hero > .eyebrow .prism-chip {
  width: 6px;
  height: 6px;
  flex: 0 0 6px;
  border-radius: 50%;
  background: var(--muted, #62666E);
  box-shadow: none;
}