:root{--ink:#17382b;--body:#263d32;--cream:#f9f5ee;--sage:#dce6ce;--line:#dfd7c9;--serif:Georgia,'Times New Roman',serif;--sans:system-ui,-apple-system,sans-serif}
*{box-sizing:border-box}
body{margin:0;background:var(--cream);color:var(--body);font:1rem/1.55 var(--sans)}
a{color:inherit;text-underline-offset:.2em}
a:focus-visible{outline:3px solid #9b572e;outline-offset:4px}
.skip{position:absolute;top:10px;left:10px;z-index:5;background:white;padding:10px;transform:translateY(-150%)}
.skip:focus{transform:none}
h1,h2,h3,p{margin:0}
h1,h2,h3,.brand strong{color:var(--ink);font-family:var(--serif);line-height:1.08}
h1{font-size:clamp(3rem,6.2vw,6.1rem);letter-spacing:-.055em}
h2{font-size:clamp(1.95rem,3.4vw,3.4rem);letter-spacing:-.04em}
h3{font-size:clamp(1.45rem,2.4vw,2rem);letter-spacing:-.04em}
.header{min-height:88px;display:flex;justify-content:space-between;align-items:center;gap:18px;padding:12px clamp(20px,5vw,80px);background:#faf6ef;border-bottom:1px solid #e8dfd2}
.brand{display:inline-flex;align-items:center;gap:9px;text-decoration:none;flex-shrink:0}
.brand strong{display:block;font-size:clamp(1.55rem,2.65vw,2.6rem);letter-spacing:-.055em}
.brand small{display:block;margin-top:5px;font-size:.63rem;text-transform:uppercase;letter-spacing:.115em;color:var(--ink)}
nav{display:flex;justify-content:center;gap:4px;flex-wrap:wrap}
nav a{padding:9px 13px;text-decoration:none;border-radius:99px;white-space:nowrap;font-size:.94rem}
nav a:hover,nav [aria-current]{background:#dce6cd}
.button{display:inline-flex;align-items:center;justify-content:center;gap:9px;background:#294f36;color:white;border-radius:99px;min-height:44px;padding:8px 18px;text-decoration:none;font-weight:650;white-space:nowrap;border:1px solid #22442e;box-shadow:0 2px 4px #243d2512}
.button:hover{background:#173a28}
.button.small{font-size:.88rem;padding-inline:15px}
.hero{position:relative;isolation:isolate;overflow:hidden;min-height:305px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,clamp(360px,55vw,680px)) minmax(0,1fr);grid-template-areas:"left copy right";align-items:center;text-align:center;background:linear-gradient(122deg,#ddcfb8 2%,#faeddb 29%,#fff2e2 61%,#d9b994 100%);border-bottom:1px solid #e6d9c7}
.hero::before{content:"";position:absolute;inset:0;z-index:-1;background:repeating-linear-gradient(124deg,transparent 0 11%,#fffaf174 14% 17%,transparent 21% 24%);filter:blur(11px)}
.hero-copy{grid-area:copy;min-width:0;padding:25px 12px 28px}
.hero-art{position:relative;align-self:stretch;min-width:0;overflow:hidden;isolation:isolate}
.hero-art-left{grid-area:left}
.hero-art-right{grid-area:right;display:grid;place-items:center}
.eyebrow{display:inline-block;border:1px solid #7a9568;border-radius:99px;padding:4px 13px;font-size:.72rem;letter-spacing:.17em;font-weight:750;text-transform:uppercase;color:var(--ink);background:#fffaf33b}
.hero h1{margin:6px 0 10px;font-size:clamp(2.65rem,5.4vw,5.4rem);text-wrap:balance;overflow-wrap:anywhere}
.hero-copy>p:not(.eyebrow){font-size:clamp(1rem,1.65vw,1.33rem);line-height:1.38;max-width:37rem;margin-inline:auto}
.hero-values{display:flex;justify-content:center;flex-wrap:wrap;column-gap:24px;row-gap:4px;list-style:none;padding:0;margin:19px 0 0;font-size:.89rem;font-weight:650;color:var(--ink)}
.botanical{position:absolute;width:clamp(130px,24vw,380px);height:390px;background:url(botanical.svg) center/contain no-repeat;z-index:-1;pointer-events:none;filter:drop-shadow(5px 9px 8px #42382333)}
.botanical-left{left:-5%;top:-98px;transform:rotate(12deg)}
.botanical-right{right:-6%;top:-123px;transform:scaleX(-1) rotate(15deg)}
.coffee{position:absolute;bottom:-15px;left:24%;width:min(62%,190px);aspect-ratio:1.04;background:radial-gradient(circle at 35% 40%,#876a504a 0 1px,transparent 1.7px) 0 0/13px 17px,linear-gradient(100deg,#caa98a,#f7e5c8 53%,#caa989);border-radius:28% 29% 30% 30%;box-shadow:13px 13px 22px #69432255;z-index:-1}
.coffee::before{content:"";position:absolute;right:83%;top:24%;width:34%;height:43%;border:12px solid #dfc29f;border-radius:48%;box-shadow:inset 3px 2px 5px #7356397a}
.coffee div{position:absolute;top:0;left:0;right:0;height:41%;border:5px solid #f4dfc1;border-radius:50%;background:radial-gradient(ellipse at 52% 55%,#fff0d0 0 12%,#cf8d50 14% 21%,#f2d5a3 23% 29%,#af6535 33% 49%,#874522 67%);box-shadow:inset 0 3px 6px #683819}
.note{position:relative;display:grid;gap:2px;text-align:left;width:min(76%,250px);margin:24px 0;padding:clamp(8px,1.5vw,20px);background:linear-gradient(120deg,#f8d9c7,#efb9a5);border:1px solid #ffe6d7;box-shadow:7px 15px 23px #7857354d;transform:rotate(8deg);color:#683e2e;font:italic clamp(.72rem,1.65vw,1.63rem)/1.35 var(--serif)}
.clip{width:29px;height:21px;background:linear-gradient(#e8ae40,#9c5c18);position:absolute;right:28px;top:-9px;border-radius:3px;box-shadow:2px 2px 4px #603a2866}
.clip::before{content:"";position:absolute;left:7px;top:-15px;width:13px;height:19px;border:2px solid #9d651e;border-radius:8px}
.section{width:min(100% - 48px,1490px);margin-inline:auto;padding-block:28px}
.section-heading{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:19px}
.section-heading p:not(.aside-pill){margin-top:6px;font-size:1.05rem}
.aside-pill{border-radius:60px;background:#e1e8d4;white-space:nowrap;padding:8px 19px;line-height:1.25;font-weight:650;color:var(--ink)}
.aside-pill span{float:left;margin:2px 10px 0 0;font-size:1.5rem}
.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}
.sage{--accent:#638351;--tint:#dfeacb;--wash:#f1f3e7}
.peach{--accent:#a9654f;--tint:#f8d9c7;--wash:#fbede2}
.blue{--accent:#4c7782;--tint:#d2e7eb;--wash:#eef4f5}
.lavender{--accent:#806b8d;--tint:#e9daed;--wash:#f5edf4}
.app-card{min-height:273px;position:relative;isolation:isolate;overflow:hidden;display:flex;align-items:stretch;padding:16px;border:1px solid var(--line);border-radius:22px;background:linear-gradient(130deg,#fffbf4 35%,var(--wash));box-shadow:0 3px 0 #51371a07}
.app-card::after{content:"";position:absolute;right:-15px;bottom:-39px;width:220px;height:153px;background:url(botanical.svg) center/contain no-repeat;opacity:.39;z-index:-1;transform:rotate(66deg)}
.card-copy{width:68%;display:flex;flex-direction:column;align-items:flex-start;gap:9px;z-index:1}
.app-heading{display:flex;align-items:center;gap:9px}
.app-heading p{font-size:.86rem;line-height:1.22;margin-top:4px}
.app-icon{display:inline-grid;place-items:center;width:56px;aspect-ratio:1;flex:none;border-radius:17px;color:white;background:linear-gradient(145deg,var(--tint) -65%,var(--accent));box-shadow:inset 0 0 0 1px #54402b29,inset 0 1px 1px #fffc,0 3px 5px #33210c1c}
.app-icon svg{width:66%;filter:drop-shadow(0 1px 1px #231a1970)}
.badge{font-size:.68rem;font-weight:800;text-transform:uppercase;letter-spacing:.07em;padding:2px 8px;border-radius:30px;background:var(--tint);color:#25342b}
.ticks{padding:0;margin:0;list-style:none;font-size:.85rem}
.ticks li{position:relative;padding-left:19px;margin-bottom:3px}
.ticks li::before{content:"✓";position:absolute;left:0;color:#335c38;font-weight:800}
.card-copy .button{margin-top:auto}
.phone{width:31%;aspect-ratio:1/2.06;padding:4px;border:2px solid #2e302b;border-radius:21px;background:#131610;box-shadow:0 0 0 1px #b8a890,0 7px 14px #39271e47;position:absolute;right:12px;top:18px;overflow:hidden}
.phone-screen{width:100%;height:100%;position:relative;overflow:hidden;border-radius:15px;background:linear-gradient(150deg,var(--tint),#fff7ec);color:#1b2a20;font-size:clamp(.45rem,.77vw,.7rem)}
.statusbar{display:flex;justify-content:space-between;padding:4px 5px 2px;font-size:.65em}
.island{position:absolute;top:4px;width:35%;height:7px;left:32.5%;border-radius:99px;background:#111}
.phone-title{text-align:center;font-weight:750;padding:9px 3px 7px;line-height:1.05}
.mini-panel{padding:6px;margin:0 5px;background:#fffdf4ec;border-radius:7px}
.mini-panel ul{list-style:none;padding:0;margin:4px 0 0;font-size:.9em}
.mini-panel li{display:flex;align-items:center;gap:3px;border-top:1px solid #e9e5d7;padding:4px 0;line-height:1.18}
.mini-panel i{display:grid;place-items:center;width:9px;height:9px;flex:none;border:1px solid #698858;border-radius:50%;font-style:normal;font-size:7px;color:#294c29}
.home-bar{position:absolute;bottom:4px;left:31%;width:38%;height:2px;border-radius:20px;background:#18251c}
.feature-band,.studio section{border:1px solid var(--line);border-radius:22px;background:#f1f3e8;padding:26px}
.feature-band{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:12px}
.feature-band h2,.studio h2{margin:6px 0 10px}
.feature-band .button,.studio .button{margin-top:12px}
.studio{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}
.studio section+section{background:#faeadf}
.detail{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(240px,.85fr);align-items:center;gap:28px;max-width:1090px;padding-block:50px}
.detail .back{display:block;margin-bottom:26px;font-weight:650}
.detail .badge{display:table;margin-top:10px}
.detail h1{margin:10px 0 15px;font-size:clamp(2.8rem,6vw,5.4rem)}
.detail .lead{font-size:1.2rem;max-width:37rem}
.detail h2{font-size:1.7rem;margin:21px 0 8px}
.detail .ticks{font-size:1rem}
.detail .button{margin-top:16px}
figure{margin:0;min-height:370px;display:grid;place-content:center;justify-items:center;gap:12px;border-radius:28px;background:radial-gradient(ellipse at bottom,var(--tint),var(--wash));padding:24px}
figure .phone{position:relative;inset:auto;width:174px;border-radius:27px;padding:6px}
figure .phone-screen{border-radius:19px;font-size:.82rem}
figure .mini-panel{padding:8px}
figure .mini-panel li{padding:7px 0}
figcaption{font-size:.82rem}
footer{margin-top:24px;padding:25px clamp(24px,5vw,80px);display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;border-top:1px solid var(--line)}
footer .brand strong{font-size:1.65rem}
footer .brand img{width:37px;height:37px}
footer div{display:flex;gap:15px;flex-wrap:wrap}
@media(max-width:1160px){.header{padding-inline:24px}.brand small{max-width:240px}.contact-link{display:none}.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.phone-screen{font-size:clamp(.55rem,1vw,.76rem)}}
@media(max-width:740px){.header{flex-direction:column;gap:8px;padding:11px 12px}.brand small{max-width:none}.section{width:calc(100% - 30px)}.aside-pill{display:none}.cards,.studio,.detail{grid-template-columns:1fr}.cards{gap:12px}.phone-screen{font-size:clamp(.59rem,1.8vw,.8rem)}.phone{width:min(31%,164px)}.detail{padding-block:26px}}
@media(max-width:390px){.brand{max-width:100%}.brand img{flex:none}.brand span{min-width:0}nav a{font-size:.84rem;padding:8px}.app-card{padding:12px}.app-icon{width:44px}.card-copy{width:67%}.brand small{font-size:.55rem}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important}}

@media(max-width:820px){
  .hero{min-height:0;grid-template-columns:1fr 1fr;grid-template-areas:"copy copy" "left right"}
  .hero-copy{padding:18px 15px 12px}
  .hero-copy>p:not(.eyebrow){max-width:30rem}
  .hero-values{margin-top:12px;font-size:.78rem;column-gap:11px}
  .hero-art{height:104px}
  .hero-art-right{justify-items:end;padding-right:10%}
  .botanical{height:165px;width:155px}
  .botanical-left{left:-29px;top:-47px}
  .botanical-right{right:-33px;top:-55px}
  .coffee{left:clamp(44px,20%,110px);bottom:-9px;width:72px}
  .coffee::before{border-width:7px}
  .note{width:min(82%,132px);margin:9px 0 0;padding:5px 8px;font-size:.73rem;gap:0}
  .clip{width:17px;height:12px;right:12px;top:-5px}
  .clip::before{left:4px;top:-8px;width:8px;height:11px}
}

/* Games use the same card and phone frames with their own concept artwork. */
.game-cards{grid-template-columns:repeat(2,minmax(0,1fr))}
.game-cards .app-card{min-height:285px}
.game-cards .card-copy{width:64%}
.game-cards .phone{width:min(31%,115px);right:18px}
.game-cards .phone-screen{font-size:.68rem}
.concept-label{position:absolute;right:15px;bottom:7px;background:var(--cream);color:var(--ink);border-radius:12px;padding:1px 7px;font-size:.65rem;font-weight:650}
.game-tiles{display:grid;gap:3px;margin:5px 0}
.game-tiles span{display:grid;place-items:center;aspect-ratio:1;border-radius:3px;font-weight:750}
.match-tiles,.puzzle-tiles{grid-template-columns:repeat(3,1fr)}
.match-tiles span{background:var(--tint);color:var(--ink)}
.match-tiles span:nth-child(even){background:#f0d4b9}
.word-tiles{grid-template-columns:repeat(4,1fr);gap:1px}
.word-tiles .word-found{background:var(--tint)}
.finds-scene{display:block;width:100%;margin:5px 0}
.puzzle-tiles span{background:#9db9c3}
.puzzle-tiles span:nth-child(2n){background:#c7d7bf}
.puzzle-tiles span:nth-child(3n){background:#e9bfa9}
.puzzle-tiles span:nth-child(8){background:#f4eee3;border:1px dashed #657b75}
.game-art{display:flex;align-items:center;justify-content:center;width:min(80%,230px);margin:18px 0;isolation:isolate}
.game-art span{display:grid;place-items:center;width:46%;aspect-ratio:3/4;border:2px solid #fff8ea;border-radius:12%;color:#39573a;background:#dce6ce;box-shadow:0 7px 14px #56362538;transform:rotate(-13deg);font:clamp(1.15rem,3vw,2.8rem)/1 var(--serif)}
.game-art span+span{margin-left:-12%;background:#f4cdbb;transform:translateY(8%) rotate(14deg)}
@media(max-width:820px){.game-art{width:min(65%,106px);margin:4px 0}}
@media(max-width:740px){.game-cards{grid-template-columns:1fr}.game-cards .phone{right:12px}.game-cards .app-card{min-height:265px}}

.studio-apps h2{font-size:clamp(1.55rem,2.6vw,2rem)}
.studio-apps ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;list-style:none;margin:12px 0 0;padding:0}
.studio-apps li{display:flex;align-items:flex-start;gap:12px;padding:14px;border:1px solid var(--line);border-radius:16px}
.studio-apps img{flex:none;border-radius:11px}
.studio-apps h3{font-size:1.15rem;letter-spacing:normal}
.studio-apps p,.studio-apps a{font-size:.88rem}
.studio-apps a{display:inline-block;padding-block:5px;font-weight:650}
@media(max-width:640px){.studio-apps ul{grid-template-columns:1fr}}

.wins-plans{max-width:920px;margin-bottom:40px}
.wins-plans>h2,.wins-plans>p{text-align:center}
.wins-plans>h2+p{margin-top:6px}
.wins-plans-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:18px}
.wins-plan{padding:clamp(16px,3vw,26px);border:1px solid var(--line);border-radius:20px;background:#fffbf4}
.wins-plan-plus{background:var(--sage)}
.wins-plan>p{margin-top:5px;color:var(--ink);font-size:.9rem;font-weight:650}
.wins-plan .ticks{margin:12px 0 0}
.wins-plans-note{margin-top:12px;font-size:.875rem}
@media(max-width:640px){.wins-plans-grid{grid-template-columns:1fr;gap:10px}}

/* Reserve space for the mockup before any text or artwork is laid out. */
.cards:not(.game-cards) .app-card{
  display:grid;grid-template-columns:minmax(0,1fr) minmax(0,30%);gap:10px
}
.cards:not(.game-cards) .card-copy{width:auto;min-width:0;overflow-wrap:anywhere}
.cards:not(.game-cards) .app-heading>div{min-width:0}
.cards:not(.game-cards) .phone{
  position:relative;inset:auto;width:100%;max-width:164px;align-self:start;justify-self:end
}

/* Give navigation its own row before the wordmark can squeeze its links. */
.header nav{flex-wrap:nowrap}
@media(max-width:1260px){.header .contact-link{display:none}}
@media(max-width:920px){
  .header{flex-direction:column;gap:8px;padding:11px 12px}
  .header .brand small{max-width:none}
}
@media(max-width:420px){
  .header nav{gap:2px}
  .header nav a{font-size:clamp(.75rem,3.3vw,.88rem);padding-inline:clamp(4px,1.5vw,7px)}
}

.wins-showcase{max-width:920px;margin-bottom:34px}
.wins-showcase>p{margin-block:8px}
.wins-widget-grid,.wins-palette-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;list-style:none;padding:0;margin:16px 0}
.wins-widget-grid li,.wins-palette-grid li{background:#fffbf4;border:1px solid var(--line);border-radius:20px;padding:clamp(12px,2vw,20px)}
.wins-widget-grid h3{margin-bottom:4px}
.wins-swatches{display:flex;overflow:hidden;border:1px solid var(--line);border-radius:8px;margin-bottom:8px}
.wins-swatches span{flex:1;height:24px}
.wins-palette-grid small{display:block}
@media(max-width:640px){
  .wins-widget-grid{grid-template-columns:1fr}
  .wins-palette-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}

figure .phone-photo{width:min(210px,100%);aspect-ratio:auto}
.phone-photo img{display:block;width:100%;height:auto;border-radius:19px}
.cards:not(.game-cards) .phone-photo{aspect-ratio:auto}

.wins-screen-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:16px}
.wins-screen-grid figure{min-width:0;grid-template-columns:minmax(0,210px);place-content:center}
.wins-widget-grid img{display:block;max-width:100%;height:auto;margin:10px auto;border-radius:12px}
.wins-widget-grid img[width="504"]{width:150px}
@media(max-width:480px){.wins-screen-grid{grid-template-columns:1fr}}

/* Little Lists shares the product-page layout, with its own peach accents. */
.app-icon:has(> img){padding:0;overflow:hidden}
.app-icon>img{display:block;width:100%;height:100%;object-fit:cover}
.lists-showcase figure{min-height:0}
.lists-quick{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:18px}
.lists-quick h2{margin-block:5px 8px}
.lists-widget-grid img[width="499"]{width:140px}
.lists-tier{display:inline-block;margin-inline-start:4px;padding:2px 7px;border-radius:999px;background:#f8ded0;color:#563429;font-size:.75rem}
.lists-showcase .wins-plan-plus{background:#f8ded0}
@media(max-width:640px){
  .lists-quick{grid-template-columns:1fr}
}

.product-showcase figure{min-height:0}
.product-hero{column-gap:28px;row-gap:18px;align-items:start}
.product-hero>figure{grid-column:2;grid-row:1 / span 2;align-self:center}
.product-hero-features{grid-column:1}
.product-hero-features h2{margin-top:0}
.product-showcase figcaption,.lists-showcase figcaption{text-align:center}
.product-showcase figcaption strong{display:block;font-size:1rem}
.product-showcase figcaption p{margin-top:4px;line-height:1.45}
.product-feature{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:18px}
.product-feature p{margin-block:8px}
.wins-theme-feature .wins-palette-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.product-widget-grid img{border-radius:8% / 16%}
.product-widget-grid li:first-child img{width:145px;border-radius:16%}
.product-widget-grid li:last-child img{border-radius:8%}
@media(max-width:740px){
  .detail.product-hero{gap:14px;padding-block:18px 26px}
  .product-hero .back{margin-bottom:12px}
  .product-hero h1{margin-block:7px}
  .product-hero h2{margin-block:4px}
  .product-hero-copy .badge{margin-top:5px}
  .product-hero .app-icon{width:42px;height:42px}
  .product-hero .lead{font-size:1.05rem}
  .product-hero>figure{grid-column:auto;grid-row:auto;min-height:0;padding:12px}
}
@media(max-width:640px){.product-feature{grid-template-columns:minmax(0,1fr)}}

.theme-preview-controls{border:0;margin:0;padding:0;min-width:0}
.theme-preview-controls legend{font-weight:650}
.theme-preview-options li{padding:0}
.theme-preview-options label{display:block;position:relative;cursor:pointer}
.theme-preview-options input{position:absolute;opacity:0}
.theme-preview-option{display:block;border:2px solid transparent;border-radius:19px;padding:clamp(8px,1.5vw,16px);overflow-wrap:anywhere}
.theme-preview-option .wins-swatches{display:flex}
.theme-preview-options input:checked+.theme-preview-option{border-color:var(--accent);background:var(--tint)}
.theme-preview-options input:focus-visible+.theme-preview-option{outline:2px solid var(--ink);outline-offset:3px}

.theme-appearance{margin-top:12px}
.theme-appearance label{display:inline-flex;align-items:center;gap:6px;min-height:44px;margin-right:12px}
.theme-preview-controls input{accent-color:var(--accent)}

.featured-app{max-width:760px}
.featured-app h2{margin-bottom:14px}
.featured-app .app-card{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,28%);gap:16px}
.featured-app .card-copy{width:auto;min-width:0;overflow-wrap:anywhere}
.featured-app .phone{position:relative;inset:auto;width:100%;max-width:135px;justify-self:end;align-self:center}
.app-placeholder{display:grid;place-items:center;align-self:center;min-width:0}
.app-placeholder .app-icon{width:min(100%,86px)}
figure .app-placeholder .app-icon{width:112px}

.info-page { max-width: 50rem; }
.info-page h2 { margin-top: 1.4em; }
.info-page p { overflow-wrap: anywhere; }
.tester-form:not([hidden]) { display: grid; gap: 1rem; }
.tester-form label { display: grid; gap: .3rem; }
.tester-form input:not([type=checkbox]), .tester-form select {
  width: 100%; font: inherit; padding: .55rem; border: 1px solid currentColor; border-radius: .5rem;
}
.tester-form .tester-consent { display: flex; align-items: baseline; gap: .65rem; }
.tester-form button { justify-self: start; }
.tester-form button:disabled { opacity: .65; cursor: default; }