/* Shared page and application layouts — standalone local preview only. */
/* Public home */
.hero{background:#121d19;color:#f5f8f1;position:relative;overflow:hidden;isolation:isolate}
.hero::before{position:absolute;inset:0;content:"";z-index:-1;pointer-events:none;background:radial-gradient(ellipse 64% 93% at 83% 42%,#42684d55,transparent 66%),radial-gradient(ellipse 45% 70% at 0% 100%,#40574331,transparent 75%);opacity:.9}
.hero::after{position:absolute;right:0;top:0;bottom:0;width:50%;background-image:linear-gradient(#adcca608 1px,transparent 1px),linear-gradient(90deg,#adcca608 1px,transparent 1px);background-size:54px 54px;mask-image:linear-gradient(to right,transparent,#000);content:"";z-index:-1}
.hero-content{min-height:690px;padding-top:clamp(74px,8vw,132px);padding-bottom:95px;display:grid;grid-template-columns:minmax(0,1.06fr) minmax(0,.94fr);gap:clamp(40px,5vw,90px);align-items:center}
.hero-copy{max-width:690px}
.hero h1{font-size:clamp(64px,6.8vw,104px);margin:27px 0 27px;line-height:1.045;letter-spacing:-.084em;font-weight:530}
.hero h1 span{color:#cde8ad}
.hero p{font-size:clamp(15px,1.3vw,18px);line-height:1.82;color:#b7cbbb;max-width:530px}
.hero .button-group{margin-top:35px}
.hero .btn{min-height:52px}
.hero-search{margin-top:32px;max-width:530px;background:#f9fcf3;color:#1d3525;border:1px solid #e5eedc;border-radius:10px;display:flex;align-items:center;gap:11px;padding:7px 7px 7px 16px;box-shadow:0 10px 26px #0c170f42}
.hero-search svg.i{color:#4d7355;width:20px;height:20px}
.hero-search input{border:0;min-width:0;flex:1;outline:0;color:#263d2c;font-size:12px;background:transparent;padding:8px 0}
.hero-search input::placeholder{color:#89998a}
.hero-search button{background:#203a2b;color:#ecf6e5;border:0;border-radius:7px;display:grid;place-items:center;min-width:43px;height:40px}
.hero-search button:hover{background:#3a6e47}
.hero-search button svg{color:#f3f9ef;width:17px}
.hero-micro{display:flex;flex-wrap:wrap;align-items:center;gap:9px 23px;margin-top:19px;color:#98b19e;font-size:10px}
.hero-micro span{display:inline-flex;align-items:center;gap:7px}
.hero-micro svg.i{width:13px;height:13px;color:#a7d799}
.hero-visual{align-self:center;display:grid;grid-template-columns:1fr .77fr;grid-template-rows:auto auto;gap:14px;position:relative;padding:18px 0}
.hero-visual:before{content:"";position:absolute;inset:-20px -18px -12px;background:#617d5730;border:1px solid #b6caaf19;border-radius:23px;transform:rotate(-2deg);z-index:-1}
.hero-shot{border:1px solid #b4c8b77c;background:#24352e;overflow:hidden;border-radius:12px;position:relative;box-shadow:0 17px 45px #06120c60;display:block;transition:transform .28s}
.hero-shot:hover{transform:translateY(-3px)}
.hero-shot.primary{grid-row:1/3;aspect-ratio:.79}
.hero-shot.secondary{aspect-ratio:1.13}
.hero-shot.tertiary{aspect-ratio:1.13}
.hero-shot img{width:100%;height:100%;object-fit:cover;object-position:top center}
.hero-shot:after{position:absolute;inset:40% 0 0;content:"";background:linear-gradient(transparent,#071710d9);pointer-events:none}
.hero-shot-caption{position:absolute;left:15px;right:13px;bottom:15px;z-index:1;color:#f0f7ed;display:flex;align-items:end;justify-content:space-between;gap:7px}
.hero-shot-caption strong{font:680 20px var(--display);letter-spacing:-.045em}
.hero-shot-caption small{display:block;color:#cee0cf;font-size:10px;margin-top:3px}
.hero-shot-caption svg.i{width:17px;height:17px}
.hero-shot:not(.primary) .hero-shot-caption strong{font-size:13px}
.hero-shot:not(.primary) .hero-shot-caption small{font-size:9px}
.hero-visual-label{position:absolute;right:-13px;top:-6px;display:flex;align-items:center;gap:7px;background:#f5f8ef;border:1px solid #d5e1d2;border-radius:50px;padding:9px 13px;color:#284931;font-size:9px;font-weight:800;letter-spacing:.055em;z-index:2;box-shadow:0 14px 33px #080f0e5a}
.hero-visual-label svg.i{width:13px;height:13px}
.hero-proof-bar{background:#e9efe5;border-bottom:1px solid #dfe6d9}
.hero-proof-bar .container{min-height:67px;display:flex;justify-content:space-between;align-items:center;gap:20px}
.hero-proof-bar span{display:flex;align-items:center;gap:9px;font:750 11px/1.4 var(--font);color:#4e6655}
.hero-proof-bar svg.i{color:#497650;width:17px;height:17px}
.featured-categories{background:#fbfcf8}
.category-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px}
.category-tile{min-width:0;display:flex;flex-direction:column;min-height:170px;padding:21px;border-radius:12px;border:1px solid #dfe6d9;background:#f2f5ef;transition:transform .2s,border-color .2s,background .2s}
.category-tile:hover{transform:translateY(-3px);border-color:#a9c0a4;background:#eaf1e7}
.category-tile .icon-square{width:39px;height:39px;background:#e2ecde;border-color:#d5e3d0;margin-bottom:auto}
.category-tile .icon-square .i{width:21px;height:21px}
.category-tile h3{font-size:17px;margin-top:20px;line-height:1.18}
.category-tile .tile-footer{display:flex;align-items:center;justify-content:space-between;gap:8px;color:#738879;font-size:10px;margin-top:8px}
.category-tile .tile-footer .i{width:13px;height:13px}
.home-featured{background:#f7f9f4}
.home-featured .section-head{align-items:end}
.home-featured .section-head p{max-width:520px}
.editorial-feature{background:#e6efe0;padding:clamp(70px,8vw,115px) 0;position:relative}
.editorial-feature-grid{display:grid;grid-template-columns:.95fr 1.05fr;gap:clamp(48px,7vw,120px);align-items:center}
.editorial-copy h2{font-size:clamp(44px,4.8vw,72px);margin:20px 0 25px;line-height:1.085}
.editorial-copy h2 em{font-style:normal;color:#5c8560}
.editorial-copy>p{font-size:14px;line-height:1.9;max-width:530px}
.editorial-checks{display:grid;gap:0;border-top:1px solid #c5d7c3;margin:27px 0 30px}
.editorial-checks div{display:flex;align-items:flex-start;gap:11px;padding:14px 0;border-bottom:1px solid #c5d7c3;font-size:12px;color:#456b4a;line-height:1.6}
.editorial-checks svg.i{width:16px;height:16px;flex:none;color:#3e854e;margin-top:2px}
.editorial-art{position:relative;padding:12px 35px 40px 0}
.editorial-art-frame{padding:15px;border:1px solid #d6e5d1;border-radius:15px;box-shadow:0 24px 65px #18321e28;background:#fbfcf5;transform:rotate(-1.3deg)}
.editorial-art-frame img{width:100%;aspect-ratio:1.36;object-fit:cover;border-radius:9px;background:#14211a}
.editorial-art-info{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:15px 6px 3px}
.editorial-art-info h3{font-size:19px}
.editorial-art-info span{font-size:10px;color:#7a8c7a}
.editorial-art-bubble{position:absolute;right:0;bottom:5px;padding:17px 19px;background:#fff;border:1px solid #d5dfd4;border-radius:10px;box-shadow:0 16px 35px #18271b26;display:flex;align-items:center;gap:11px;font-size:11px;font-weight:770;color:#355b41}
.editorial-art-bubble .icon-square{width:34px;height:34px}
.edition-strip{background:#13231c;color:#edf5e9;padding:clamp(75px,7vw,120px) 0}
.edition-strip-inner{display:grid;grid-template-columns:1fr 1fr;gap:85px;align-items:center}
.edition-strip h2{font-size:clamp(47px,5vw,79px);margin:21px 0 19px}
.edition-strip h2 em{font-style:normal;color:#c9e8b2}
.edition-strip p{font-size:14px;color:#aec7b4;line-height:1.8;max-width:525px}
.edition-strip .btn{margin-top:26px}
.edition-points{border-top:1px solid #41584a}
.edition-points article{display:flex;gap:20px;padding:24px 0;border-bottom:1px solid #41584a}
.edition-points .icon-square{width:42px;height:42px;flex:none;background:#263f2f;border-color:#3d6041;color:#c4e7b1}
.edition-points h3{font-size:20px;color:#f2f9ed;margin:3px 0 8px}
.edition-points p{font-size:12px;color:#a1b7a6}
.home-cta{padding:110px 0;background:#111c18;text-align:center;color:#f4f9f0;border-top:1px solid #33473b}
.home-cta h2{font-size:clamp(50px,6vw,95px);margin:18px 0 22px}
.home-cta h2 span{color:#cae6b7}
.home-cta p{font-size:14px;color:#a8beaa;max-width:560px;margin:0 auto}
.home-cta .button-group{justify-content:center;margin-top:30px}
/* Marketplace search, categories, sort and real product cards. */
.market-hero{padding:65px 0 50px;background:#ecf2e8}
.market-hero-top{display:flex;align-items:flex-end;justify-content:space-between;gap:45px}
.market-hero h1{font-size:clamp(49px,5.5vw,84px);margin:16px 0 20px}
.market-hero h1 span{color:#59805d}
.market-hero p{max-width:640px;font-size:14px;line-height:1.8}
.market-hero-search{margin-top:33px;max-width:560px}
.market-hero-image{width:310px;height:195px;flex:none;border-radius:13px;overflow:hidden;transform:rotate(2deg);border:9px solid #fff;box-shadow:0 17px 36px #1d38241c}
.market-hero-image img{width:100%;height:100%;object-fit:cover}
.marketplace-shell{background:#f9faf6;padding:36px 0 105px}
.market-filters{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:28px}
.market-content{display:grid;grid-template-columns:230px minmax(0,1fr);gap:35px}
.market-aside{align-self:start;position:sticky;top:105px}
.aside-block{border-bottom:1px solid #dce5da;padding-bottom:27px;margin-bottom:27px}
.aside-heading{font-size:12px;font-weight:800;margin-bottom:13px;color:#314a37}
.aside-option{width:100%;text-align:left;display:flex;justify-content:space-between;gap:10px;padding:10px 11px;background:transparent;border:1px solid transparent;border-radius:8px;color:#697c6f;font:650 11px var(--font)}
.aside-option:hover{background:#eaf1e6;color:#32583c}
.aside-option.active{background:#e4f0df;border-color:#c4d7bd;color:#254a32}
.aside-option small{font-size:10px;font-weight:600;color:#91a28f}
.market-aside .note{font-size:10px}
.market-main{min-width:0}
.market-toolbar{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-bottom:20px}
.market-toolbar .toolbar-summary{font-size:11px}
.market-toolbar .sort-control{display:flex;align-items:center;gap:8px;font-size:11px;color:#718675}
.market-toolbar select{height:39px;min-width:130px;border:1px solid #d9e3d7;border-radius:8px;padding:0 11px;background:#fff;color:#3a533c;font-size:11px}
.market-toolbar select:focus-visible{outline-offset:1px}
.market-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.market-mobile-filters{display:none}
.product-detail{background:#f8faf6;padding:39px 0 108px}
.product-detail-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(370px,.8fr);gap:clamp(45px,6vw,96px);align-items:start}
.product-detail-image{border-radius:14px;background:#182822;overflow:hidden;border:1px solid #d9e4da}
.product-detail-image img{width:100%;aspect-ratio:1.31;object-fit:cover;object-position:center top}
.product-detail-img-actions{margin-top:14px;display:flex;align-items:center;gap:9px}
.product-detail-img-actions button,.product-detail-img-actions a{display:inline-flex;align-items:center;gap:7px;padding:10px 13px;background:#eff5eb;color:#497253;border:1px solid #d7e4d4;border-radius:8px;font-size:10px;font-weight:750}
.product-detail-overview{margin-top:35px;border-top:1px solid #dbe5d9;padding-top:30px}
.product-detail-overview h3{font-size:26px;margin-bottom:14px}
.product-detail-overview p{font-size:13px;line-height:1.95;white-space:pre-line;color:#647467}
.product-meta-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:26px}
.product-meta-grid>div{padding:14px;background:#f1f6ed;border:1px solid #dce9d8;border-radius:10px}
.product-meta-grid span{display:block;font-size:9px;color:#86988a;letter-spacing:.09em;text-transform:uppercase;font-weight:800}
.product-meta-grid strong{display:block;font-size:12px;color:#345b3d;margin-top:6px;overflow-wrap:anywhere}
.product-detail-summary{position:sticky;top:110px}
.product-detail-summary h1{font-size:clamp(34px,3.4vw,52px);margin:15px 0 16px}
.product-detail-summary>p{font-size:13px;line-height:1.85;max-width:560px}
.product-detail-purchase{background:#fff;border:1px solid #d6e4d3;border-radius:13px;margin:26px 0;padding:22px;box-shadow:var(--shadow)}
.product-detail-purchase .label-small{display:block}
.product-detail-purchase .big-price{font:680 37px var(--display);letter-spacing:-.065em;margin:5px 0 10px}
.product-detail-purchase .big-price small{font:550 12px var(--font);letter-spacing:0;color:#849487}
.product-detail-purchase .btn{margin-top:19px}
.product-detail-purchase .purchase-subnote{margin-top:13px;text-align:center;color:#809285;font-size:10px}
.product-detail-selling{display:grid;gap:10px;border-top:1px solid #e1e9df;padding-top:17px;margin-top:18px}
.product-detail-selling p{display:flex;gap:9px;align-items:center;font-size:11px;color:#5b795f}
.product-detail-selling svg.i{width:15px;height:15px;color:#448350}
.product-detail-seller{display:flex;align-items:center;gap:13px;border:1px solid #e0e9de;border-radius:10px;padding:14px;background:#f4f8f2}
.seller-avatar{width:45px;height:45px;flex:none;display:grid;place-items:center;font:760 18px var(--display);background:#dcead4;color:#2a613e;border-radius:12px}
.product-detail-seller strong{display:block;font-size:12px;color:#344d3a}
.product-detail-seller small{display:block;font-size:10px;color:#859488}
.product-detail-seller a{margin-left:auto;color:#406d49;font-weight:800;font-size:11px}
/* Content pages, brands and services. */
.catalog-lead{background:#f8f9f4}
.showcase-hero{padding:78px 0 80px;background:#13231d;color:#edf7ed;position:relative;overflow:hidden}
.showcase-hero::before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse 65% 130% at 98% 68%,#648b5e37,transparent 72%)}
.showcase-grid{display:grid;grid-template-columns:1.07fr .93fr;gap:75px;align-items:center;position:relative}
.showcase-grid h1{font-size:clamp(54px,6vw,91px);margin:23px 0 25px}
.showcase-grid h1 span{color:#cfedb9}
.showcase-grid p{font-size:14px;line-height:1.9;color:#b8c8b8;max-width:590px}
.showcase-grid .button-group{margin-top:27px}
.showcase-display{border:11px solid #f4f7f0;border-radius:17px;overflow:hidden;aspect-ratio:1.46;transform:rotate(2deg);box-shadow:0 18px 70px #0817115e;max-width:600px}
.showcase-display img{width:100%;height:100%;object-fit:cover}
.content-block{padding:80px 0}
.content-title{font-size:clamp(35px,4vw,62px);margin:12px 0 25px}
.content-lead{max-width:675px;font-size:14px;line-height:1.95;margin-bottom:34px}
.feature-tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}
.feature-tile{background:#fff;border:1px solid #dee6db;border-radius:12px;padding:26px;min-height:230px}
.feature-tile h3{font-size:22px;margin:20px 0 11px}
.feature-tile p{font-size:12px;line-height:1.85}
.feature-tile .icon-square{width:42px;height:42px}
.creator-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}
.creator-card{background:#fff;border:1px solid #dce7d9;border-radius:13px;padding:17px}
.creator-cover{height:150px;background:linear-gradient(132deg,#1a382c,#748d65);border-radius:8px;overflow:hidden}
.creator-cover img{width:100%;height:100%;object-fit:cover}
.creator-profile-mini{display:flex;align-items:center;gap:12px;margin-top:-18px;position:relative;padding:0 12px}
.creator-profile-mini .seller-avatar{border:3px solid #fff;width:47px;height:47px}
.creator-profile-mini h3{font-size:19px}
.creator-profile-mini p{font-size:10px}
.creator-card>p{font-size:12px;line-height:1.8;margin:17px 10px;min-height:56px}
.creator-card .btn{width:100%}
.creator-profile-page{padding:0 0 110px;background:#fafbf8}
.creator-profile-cover{height:280px;background:linear-gradient(115deg,#142c26,#4b8056 65%,#b6c89e);border-bottom:1px solid #b0c7af;position:relative;overflow:hidden}
.creator-profile-cover:after{position:absolute;inset:0;background-image:linear-gradient(110deg,transparent 65%,#ffffff0f 65%);content:""}
.creator-profile-overlay{position:absolute;left:0;right:0;bottom:23px;color:#dfeedd;text-align:right;font-size:10px;letter-spacing:.16em;font-weight:800;opacity:.75}
.creator-profile-grid{display:grid;grid-template-columns:280px 1fr;gap:44px;position:relative}
.creator-profile-sidebar{padding:0 10px 0 0}
.creator-profile-sidebar .seller-avatar{width:106px;height:106px;font-size:40px;border:7px solid #fafbf8;margin-top:-58px;position:relative;border-radius:23px}
.creator-profile-sidebar h1{font-size:36px;margin:19px 0 10px}
.creator-profile-sidebar>p{font-size:12px;line-height:1.8}
.creator-profile-sidebar>div:last-child{margin-top:25px}
.creator-profile-main{padding-top:50px}
.creator-profile-main h2{font-size:34px;margin:15px 0}
.creator-profile-main>p{font-size:13px;line-height:1.9}
/* Opportunity board */
.work-hero{padding:76px 0;background:#f1f5ed;border-bottom:1px solid #d8e3d6}
.work-hero-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:45px;align-items:center}
.work-hero h1{margin:17px 0 22px;font-size:clamp(51px,5.6vw,83px)}
.work-hero h1 span{color:#5b7e5e}
.work-hero p{font-size:14px;max-width:630px}
.work-hero-graphic{display:flex;justify-content:center;align-items:center;aspect-ratio:1.75;border:1px solid #d6e2d1;background:radial-gradient(ellipse at 70% 30%,#bedcaf,#e8f2e4 68%);border-radius:15px;position:relative;overflow:hidden}
.work-hero-graphic .layer{width:76%;height:70%;border:1px solid #a8c6a0;background:#fefefa;border-radius:11px;box-shadow:0 17px 35px #3e714122;padding:28px;transform:rotate(-3deg)}
.work-hero-graphic .layer h3{font-size:21px}
.work-hero-graphic .layer p{margin-top:15px;max-width:350px;font-size:10px}
.work-hero-graphic .fake-line{height:8px;border-radius:5px;background:#deead9;margin-top:10px;width:80%}
.work-hero-graphic .fake-line.short{width:55%}
.work-board{padding:54px 0 105px}
.work-board-layout{display:grid;grid-template-columns:1fr 330px;gap:38px}
.work-board-layout .empty-state{text-align:left;padding:64px}
.work-board-layout .empty-state .icon-square{margin:0 0 21px}
.work-board-layout .empty-state p{margin:0 0 24px}
.work-board-aside{background:#eef5e9;padding:25px;border-radius:12px;border:1px solid #d9e7d3;height:max-content}
.work-board-aside h3{font-size:23px;margin:13px 0}
.work-board-aside p{font-size:12px;line-height:1.9}
.work-board-aside .btn{margin-top:20px}
.work-draft-list{display:grid;gap:13px}
.work-draft-card{background:#fff;border:1px solid #dce5da;border-radius:12px;padding:21px}
.work-draft-card h3{font-size:21px;margin:10px 0}
.work-draft-card p{font-size:12px}
.work-draft-card .draft-actions{display:flex;gap:12px;margin-top:18px}
/* The creator dashboard is its own application surface */
.dashboard-wrap{background:#f4f6f0;min-height:75vh}
.dashboard-head-strip{padding:27px 0;border-bottom:1px solid #e0e8dc;background:#fcfdfa}
.dashboard-head-strip .container{display:flex;justify-content:space-between;align-items:center;gap:18px}
.dashboard-head-strip h1{font-size:29px;margin:8px 0 0;letter-spacing:-.045em}
.dashboard-head-strip .button-group{align-items:center}
.dashboard-main{display:grid;grid-template-columns:236px minmax(0,1fr);gap:37px;padding:39px 0 110px}
.dashboard-sidebar{position:sticky;top:115px;align-self:start;background:#fff;border:1px solid #dfe7db;border-radius:12px;padding:18px 12px 15px}
.dashboard-sidebar .sidebar-caption{padding:0 11px;margin:7px 0 13px;font-size:9px;color:#809283;letter-spacing:.12em;font-weight:850}
.dashboard-sidebar a{display:flex;align-items:center;gap:13px;min-height:43px;border-radius:8px;padding:0 12px;color:#5d715f;font-size:11px;font-weight:730}
.dashboard-sidebar a:hover{background:#f2f6ee;color:#315c3c}
.dashboard-sidebar a[aria-current=page]{background:#e4f0df;color:#255438}
.dashboard-sidebar .i{width:16px;height:16px}
.dashboard-sidebar a>span{flex:1}
.dashboard-sidebar hr{height:1px;border:0;background:#e4ebe1;margin:15px 11px}
.dashboard-sidebar .sidebar-support{padding:14px;background:#eaf2e6;border-radius:8px;margin-top:17px}
.dashboard-sidebar .sidebar-support strong{display:block;font-size:11px;color:#37583e}
.dashboard-sidebar .sidebar-support p{margin:7px 0 11px;font-size:10px;line-height:1.55}
.dashboard-sidebar .sidebar-support a{padding:0;font-size:10px;min-height:0;color:#376f44}
.dashboard-body{min-width:0}
.dashboard-pagehead{display:flex;align-items:flex-end;justify-content:space-between;gap:22px;margin-bottom:27px}
.dashboard-pagehead h2{font-size:clamp(29px,3.5vw,47px);margin:11px 0 9px}
.dashboard-pagehead p{font-size:12px;max-width:660px;line-height:1.8}
.dashboard-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin-bottom:24px}
.metric{background:#fff;border:1px solid #dfe8dd;border-radius:11px;padding:21px;min-height:132px}
.metric .metric-label{font:750 10px var(--font);color:#748a78;display:flex;justify-content:space-between;gap:9px;align-items:center}
.metric .metric-label .i{width:16px;height:16px;color:#8ead89}
.metric strong{display:block;font:650 33px var(--display);letter-spacing:-.058em;color:#243d2d;margin:18px 0 5px}
.metric small{display:block;font-size:9px;color:#8b9b8d}
.dashboard-columns{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,.65fr);gap:18px;margin-top:19px}
.dashboard-panel{background:#fff;border:1px solid #e0e9df;border-radius:12px;padding:24px;min-width:0}
.dashboard-panel h3{font-size:21px}
.dashboard-panel .panel-heading{display:flex;justify-content:space-between;gap:16px;align-items:center;margin-bottom:20px}
.dashboard-panel .panel-heading a{font-size:10px;color:#477450;font-weight:800}
.dashboard-recent-item{display:flex;gap:12px;padding:13px 0;border-top:1px solid #eff2ed;align-items:center}
.dashboard-recent-item .image-frame{width:66px;height:52px;border-radius:7px;flex:none}
.dashboard-recent-item strong{display:block;font-size:11px;line-height:1.4}
.dashboard-recent-item span{display:block;font-size:9px;color:#869488;margin-top:4px}
.dashboard-recent-item a{margin-left:auto;font-size:10px;font-weight:800;color:#487a53}
.dashboard-action-card{background:#eaf3e3;border-radius:11px;padding:24px;display:flex;flex-direction:column;gap:12px;border:1px solid #d2e2cb}
.dashboard-action-card h3{font-size:23px}
.dashboard-action-card p{font-size:11px;line-height:1.8}
.dashboard-action-card .btn{margin-top:auto}
.studio-tabs-mobile{display:none}
/* Creator list and form */
.draft-row{display:flex;gap:17px;align-items:center;padding:17px;background:#fff;border:1px solid #e0e9df;border-radius:11px;margin-bottom:12px}
.draft-row .image-frame{width:107px;height:80px;flex:none;border-radius:8px}
.draft-row-copy{min-width:0;flex:1}
.draft-row h3{font-size:17px;margin:5px 0 6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.draft-row p{font-size:10px;line-height:1.6}
.draft-row>.draft-row-actions{display:flex;gap:7px;align-items:center;flex:none}
.draft-row-actions button,.draft-row-actions a{width:35px;height:35px;display:grid;place-items:center;background:#f3f7ef;border:1px solid #d9e5d6;border-radius:8px;color:#416a47}
.draft-row-actions .i{width:16px;height:16px}
.editor-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,.66fr);align-items:start;gap:22px}
.editor-card{background:#fff;border:1px solid #dce7da;border-radius:13px;padding:28px;min-width:0}
.editor-card h3{font-size:23px;margin-bottom:8px}
.editor-card>p{font-size:11px;margin-bottom:25px}
.editor-card .form-stack{gap:20px}
.field-switch{display:grid;grid-template-columns:1fr 1fr;gap:7px}
.field-switch button{display:flex;align-items:center;justify-content:center;gap:9px;padding:13px;border:1px solid #d8e6d5;background:#f5f8f2;border-radius:8px;font-size:11px;font-weight:790;color:#65836a}
.field-switch button[aria-pressed=true]{color:#23442f;background:#e0efda;border-color:#9dbc99}
.field-switch svg.i{width:15px;height:15px}
.upload-area{position:relative;border:1px dashed #b4cdb1;border-radius:10px;padding:27px;text-align:center;background:#f7fbf5}
.upload-area .icon-square{margin:0 auto 11px}
.upload-area>span{display:block;font-size:10px;color:#7c907e;margin-top:6px}
.upload-area input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}
.upload-area:hover{border-color:#7aa675;background:#eef6e9}
.upload-area img{width:100%;max-height:180px;object-fit:contain;border-radius:7px;margin-bottom:11px}
.editor-preview{position:sticky;top:115px}
.editor-preview .product-card{max-width:350px;margin:18px auto 0}
.editor-preview>p{font-size:10px;color:#86958b;margin-top:13px;line-height:1.7}
.profile-form{display:grid;grid-template-columns:minmax(0,1fr) minmax(290px,.7fr);gap:22px}
.profile-theme-row{display:flex;gap:11px}
.theme-swatch{width:56px;height:50px;border-radius:10px;border:2px solid transparent;position:relative}
.theme-swatch[aria-pressed=true]{outline:3px solid #568a5a;outline-offset:2px}
.theme-swatch .i{position:absolute;right:7px;top:7px;width:15px;height:15px;color:#fff}
.profile-preview{position:sticky;top:115px;overflow:hidden;border:1px solid #d8e5d4;border-radius:12px;background:#fff}
.profile-preview-banner{height:138px;position:relative;background:linear-gradient(125deg,#163e2a,#527d5a 67%,#a9ba86)}
.profile-preview-avatar{position:relative;margin:-33px 23px 12px;width:67px;height:67px;border:4px solid white;border-radius:16px;display:grid;place-items:center;background:#e1eede;color:#326547;font:750 23px var(--display)}
.profile-preview-body{padding:0 23px 24px}
.profile-preview-body h3{font-size:26px}
.profile-preview-body>p{font-size:12px;line-height:1.8;margin-top:11px;min-height:50px}
.profile-preview-body small{font-size:10px;color:#839886}
.profile-preview-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:14px}
.profile-preview-tags span{background:#eff4eb;border:1px solid #dce7d9;padding:5px 9px;font-size:9px;border-radius:50px;color:#5e785d}
.profile-cover-action{display:flex;gap:10px;align-items:center;padding:14px 0;border-bottom:1px solid #e2e9e0}
.profile-cover-action .theme-swatch{width:34px;height:34px;border-radius:6px}
.profile-cover-action>span{font-size:11px;font-weight:700}
/* Tool directory and support content */
.tool-intro{padding:75px 0 65px;background:#11211b;color:#eff8e9}
.tool-intro h1{margin:18px 0 20px}
.tool-intro h1 em{font-style:normal;color:#c8e9ae}
.tool-intro p{color:#b4cabb;font-size:14px;max-width:680px;line-height:1.9}
.tool-filters{padding-top:25px;display:flex;flex-wrap:wrap;gap:8px}
.tool-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px;margin-top:28px}
.tool-card{display:flex;flex-direction:column;min-height:291px;padding:27px;background:#fff;border:1px solid #dae6d9;border-radius:12px}
.tool-card .icon-square{width:46px;height:46px}
.tool-card h3{font-size:25px;margin:22px 0 12px}
.tool-card p{font-size:12px;line-height:1.85;max-width:360px}
.tool-card .tool-actions{display:flex;justify-content:space-between;gap:12px;align-items:center;border-top:1px solid #e8eee5;margin-top:auto;padding-top:19px}
.tool-card .tool-actions a{font-size:11px;font-weight:800;color:#42704c;display:flex;align-items:center;gap:7px}
.tool-card .tool-actions a:hover{text-decoration:underline}
.tool-card .tool-actions span{font-size:9px;color:#89a08b}
.tool-card .tool-actions .i{width:14px;height:14px}
.feature-landing{background:#f8faf6;min-height:65vh}
.feature-land-grid{padding:88px 0 100px;display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:76px;align-items:center}
.feature-land-grid h1{font-size:clamp(54px,5.8vw,87px);margin:20px 0 25px}
.feature-land-grid p{font-size:14px;line-height:1.9;max-width:550px}
.feature-land-grid .button-group{margin-top:26px}
.feature-land-art{aspect-ratio:1.14;border-radius:16px;background:radial-gradient(circle at 70% 20%,#a9c2a0,#426b50 60%,#172d24);position:relative;overflow:hidden}
.feature-land-art .art-ring{position:absolute;inset:15% 18%;border:1px solid #c7edc078;border-radius:50%;box-shadow:0 0 0 60px #deffdb14,0 0 0 125px #ecffeb0d;transform:rotate(18deg)}
.feature-land-art .art-card{position:absolute;left:15%;right:15%;top:22%;padding:27px;background:#f5faf3ef;border-radius:14px;border:1px solid #d9ebd2;box-shadow:0 16px 65px #0a25155c}
.feature-land-art .art-card h3{font-size:23px}
.feature-land-art .art-card .fake-input{background:#e3ebdf;height:13px;border-radius:6px;margin-top:18px;max-width:90%}
.feature-land-art .art-card .fake-input.short{width:60%}
.feature-land-art .art-card .fake-button{width:95px;height:29px;margin-top:20px;border-radius:7px;background:#3b704c}
/* Auth / signup */
.auth-layout{display:grid;grid-template-columns:1fr 1fr;gap:clamp(40px,6vw,110px);align-items:start;padding:73px 0 104px}
.auth-story{padding-top:42px}
.auth-story h1{font-size:clamp(53px,6vw,82px);margin:19px 0 25px}
.auth-story h1 span{color:#5c835d}
.auth-story>p{font-size:15px;line-height:1.85;max-width:560px}
.auth-benefits{border-top:1px solid #d5e2d2;margin-top:38px;max-width:535px}
.auth-benefits>div{padding:20px 0;display:flex;gap:15px;align-items:flex-start;border-bottom:1px solid #d5e2d2}
.auth-benefits .icon-square{width:39px;height:39px;flex:none}
.auth-benefits strong{font-size:13px;color:#2f4b36}
.auth-benefits p{font-size:11px;line-height:1.8;margin-top:6px}
.auth-box{border:1px solid #dbe6d8;border-radius:14px;background:#fff;padding:34px;box-shadow:var(--shadow);max-width:520px;margin-left:auto}
.auth-box h2{font-size:37px;margin:14px 0 12px}
.auth-box>p{font-size:12px;line-height:1.75;margin-bottom:25px}
.auth-switch{display:grid;grid-template-columns:1fr 1fr;padding:4px;background:#edf3eb;border:1px solid #e3ebe0;border-radius:9px;margin-bottom:22px}
.auth-switch button{height:42px;border-radius:7px;border:0;background:transparent;color:#6f8572;font-size:11px;font-weight:820}
.auth-switch button.active{background:#fff;box-shadow:0 2px 6px #273d2417;color:#274e33}
.auth-provider{min-height:45px;border:1px solid #d5e1d4;border-radius:9px;display:flex;align-items:center;justify-content:center;gap:13px;background:#fff;width:100%;font-weight:770;color:#334c39;font-size:12px;cursor:default}
.google-mark{font-family:var(--font);font-weight:900;font-size:20px;display:inline-block;background:conic-gradient(from -25deg,#4285F4 0 25%,#34A853 25% 48%,#FBBC05 48% 70%,#EA4335 70% 82%,#4285F4 82% 100%);background-clip:text;color:transparent}
.auth-or{display:flex;align-items:center;gap:12px;margin:22px 0 16px;font-size:9px;letter-spacing:.095em;font-weight:780;color:#8b9c8c}
.auth-or:before,.auth-or:after{content:"";flex:1;height:1px;background:#dfe7db}
.auth-form{display:grid;gap:17px}
.auth-form .btn{margin-top:5px}
.auth-policy{font-size:10px;line-height:1.8;color:#91a092;margin-top:21px}
.auth-policy a{color:#346944;text-decoration:underline}
.auth-status{padding:11px;border-radius:8px;margin-top:18px;font-size:11px;display:none}
.auth-status.visible{display:block}
.auth-status.error{background:#fff1ed;border:1px solid #f0cbc1;color:#a35245}
.auth-status.ok{background:#edf8ea;border:1px solid #cde5c7;color:#417547}
/* Help and admin */
.faq-grid{display:grid;grid-template-columns:minmax(0,.68fr) minmax(0,1.32fr);gap:65px}
.faq-list{border-top:1px solid #d4e1d2}
.faq-list details{border-bottom:1px solid #d4e1d2}
.faq-list summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:15px;padding:23px 3px;font:650 16px var(--display);letter-spacing:-.02em;cursor:pointer}
.faq-list summary::-webkit-details-marker{display:none}
.faq-list summary .i{width:18px;height:18px;color:#69806d;transition:transform .2s}
.faq-list details[open] summary .i{transform:rotate(45deg)}
.faq-list details p{max-width:590px;font-size:12px;line-height:1.9;padding:0 32px 25px 3px}
.help-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.help-card{padding:26px;background:#fff;border:1px solid #dce7db;border-radius:12px}
.help-card h3{font-size:23px;margin:19px 0 11px}
.help-card p{font-size:12px;line-height:1.85}
.help-card a{display:inline-block;margin-top:20px;font-weight:760;color:#446e4a;font-size:11px}
.admin-list{display:grid;gap:10px}
.admin-task{padding:18px 21px;border:1px solid #e0e7da;border-radius:10px;background:#fff;display:flex;justify-content:space-between;gap:18px;align-items:center}
.admin-task strong{display:block;font-size:12px}
.admin-task small{font-size:10px;color:#91a092}
.admin-task .pill{flex:none}
/* Checkout chooser: wallet $0 or debit; no charge in preview */
.checkout-subtitle{font-size:11px;color:#6d826f;margin-bottom:26px}
.checkout-summary{display:flex;gap:14px;align-items:center;padding:12px;border:1px solid #e2eae0;border-radius:10px;background:#f8fbf5;margin-bottom:22px}
.checkout-summary img{width:70px;height:55px;object-fit:cover;border-radius:6px}
.checkout-summary strong{font-size:12px;color:#36553d;display:block}
.checkout-summary span{font-size:10px;color:#79907b}
.payment-choice{position:relative;width:100%;display:grid;grid-template-columns:40px 1fr auto;gap:13px;align-items:center;padding:16px;border:1px solid #dce6db;background:#fff;border-radius:10px;text-align:left;margin-bottom:11px;transition:border-color .16s,background .16s}
.payment-choice:hover{border-color:#97b69a}
.payment-choice[aria-checked=true]{border-color:#4c8a57;background:#f3faf0;box-shadow:0 0 0 2px #4d8b5222}
.payment-choice>.icon-square{width:39px;height:39px}
.payment-choice strong{display:block;font-size:12px;color:#2e4e37}
.payment-choice small{display:block;font-size:10px;color:#8b9c8c;margin-top:4px}
.payment-choice .radio-dot{width:17px;height:17px;border:1px solid #a8bda9;border-radius:50%;position:relative}
.payment-choice[aria-checked=true] .radio-dot:before{content:"";position:absolute;inset:4px;background:#40784a;border-radius:50%}
.checkout-totals{display:grid;gap:10px;border-top:1px solid #e4ebe3;margin:24px 0 18px;padding-top:21px}
.checkout-totals>div{display:flex;justify-content:space-between;gap:10px;font-size:11px;color:#758775}
.checkout-totals>div:last-child{font:760 14px var(--display);color:#26462e;border-top:1px solid #e4ebe3;padding-top:13px;margin-top:6px}
.checkout-message{font-size:11px;border:1px solid #e4ddc8;color:#866c46;background:#fbf6e8;border-radius:9px;padding:12px;line-height:1.7}
.checkout-message.good{background:#f0f8e9;border-color:#d3e6cb;color:#406e47}
.checkout-footer{display:flex;gap:10px;margin-top:19px}
.checkout-footer>.btn{flex:1}
@media(max-width:1350px){
 .hero-content{gap:36px}
 .hero h1{font-size:clamp(60px,6.65vw,91px)}
 .category-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
 .category-tile{min-height:149px}
 .dashboard-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}
 .product-detail-grid{grid-template-columns:minmax(0,1.08fr) minmax(340px,.92fr);gap:39px}
}
@media(max-width:1070px){
 .hero-content{grid-template-columns:1fr .86fr;min-height:0;padding-top:82px;padding-bottom:83px;gap:25px}
 .hero h1{font-size:clamp(53px,6vw,74px)}
 .hero p{font-size:13px}
 .hero-shot.primary{aspect-ratio:.76}
 .hero-visual-label{right:-2px}
 .market-content{grid-template-columns:180px minmax(0,1fr);gap:22px}
 .market-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .dashboard-main{grid-template-columns:196px minmax(0,1fr);gap:23px}
 .dashboard-columns{grid-template-columns:1fr}
 .editor-layout,.profile-form{grid-template-columns:1fr}
 .editor-preview{position:static}
 .editor-preview .product-card{margin:17px 0}
 .tool-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .showcase-grid{gap:36px}
}
@media(max-width:880px){
 .hero-content{grid-template-columns:1fr;gap:48px;padding-block:67px}
 .hero h1{font-size:clamp(61px,9vw,85px);max-width:700px}
 .hero p{max-width:650px;font-size:15px}
 .hero-visual{max-width:630px;width:100%;justify-self:center}
 .hero-shot.primary{aspect-ratio:1}
 .hero-proof-bar .container{flex-wrap:wrap;gap:14px 23px;padding-top:19px;padding-bottom:19px;justify-content:center}
 .category-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
 .editorial-feature-grid{grid-template-columns:1fr;gap:52px}
 .editorial-art{max-width:590px;margin:auto}
 .edition-strip-inner{grid-template-columns:1fr;gap:45px}
 .market-hero-image{width:230px;height:175px}
 .market-content{grid-template-columns:1fr}
 .market-aside{display:none}
 .market-mobile-filters{display:flex;gap:9px;align-items:center;flex-wrap:wrap;margin-bottom:22px}
 .market-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
 .product-detail-grid{grid-template-columns:1fr}
 .product-detail-summary{position:static}
 .product-detail-image img{aspect-ratio:1.53}
 .dashboard-main{grid-template-columns:1fr}
 .dashboard-sidebar{display:none}
 .studio-tabs-mobile{display:flex;gap:7px;overflow-x:auto;margin-bottom:24px;padding-bottom:8px;scrollbar-width:thin}
 .studio-tabs-mobile a{display:inline-flex;align-items:center;gap:7px;white-space:nowrap;flex:none;padding:9px 12px;background:#fff;border:1px solid #d8e5d5;border-radius:8px;font-size:10px;font-weight:750;color:#647962}
 .studio-tabs-mobile a[aria-current=page]{background:#294d35;border-color:#294d35;color:#fff}
 .studio-tabs-mobile svg.i{width:14px;height:14px}
 .feature-land-grid,.showcase-grid{grid-template-columns:1fr}
 .feature-land-art,.showcase-display{max-width:670px;width:100%;justify-self:center}
 .creator-profile-grid{grid-template-columns:1fr;gap:15px}
 .creator-profile-sidebar{max-width:400px}
 .creator-profile-main{padding-top:10px}
 .work-hero-grid{grid-template-columns:1fr}
 .work-hero-graphic{max-width:580px;width:100%;justify-self:center}
 .work-board-layout{grid-template-columns:1fr}
 .faq-grid{grid-template-columns:1fr;gap:30px}
 .auth-layout{grid-template-columns:1fr;gap:31px}
 .auth-story{padding-top:0}
 .auth-box{margin:0;max-width:590px;width:100%}
 .auth-benefits{display:grid;grid-template-columns:1fr 1fr;gap:0 18px}
 .auth-benefits>div:last-child{display:none}
}
@media(max-width:610px){
 .hero-content{padding:56px 0 57px;gap:37px}
 .hero h1{font-size:clamp(50px,12.6vw,72px);margin:17px 0 19px}
 .hero p{font-size:12px}
 .hero .button-group{margin-top:25px;gap:9px}
 .hero .button-group .btn{flex:1;min-height:48px;font-size:10px;padding:0 11px}
 .hero-search{margin-top:23px}
 .hero-micro{font-size:9px;margin-top:14px;gap:9px 15px}
 .hero-visual{grid-template-columns:1.06fr .94fr;gap:8px;padding:7px 0 0}
 .hero-visual:before{inset:0 -5px -10px}
 .hero-shot.primary{aspect-ratio:.82}
 .hero-shot.secondary,.hero-shot.tertiary{aspect-ratio:1.01}
 .hero-shot-caption{left:9px;right:8px;bottom:10px}
 .hero-shot-caption strong{font-size:14px}
 .hero-shot-caption small{font-size:8px}
 .hero-shot:not(.primary) .hero-shot-caption strong{font-size:10px}
 .hero-shot:not(.primary) .hero-shot-caption small{font-size:7px}
 .hero-visual-label{font-size:7px;top:-10px;right:3px;padding:6px 8px}
 .hero-proof-bar .container{display:grid;grid-template-columns:1fr 1fr;justify-content:start;gap:13px 6px}
 .hero-proof-bar span{font-size:9px}
 .hero-proof-bar svg.i{width:14px;height:14px}
 .category-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
 .category-tile{min-height:140px;padding:16px}
 .category-tile h3{font-size:16px}
 .category-tile .tile-footer{font-size:9px}
 .editorial-copy h2,.edition-strip h2,.home-cta h2{font-size:clamp(42px,11vw,59px)}
 .editorial-copy>p,.edition-strip p,.home-cta p{font-size:12px}
 .editorial-art{padding-right:10px}
 .editorial-art-frame{padding:9px}
 .editorial-art-bubble{bottom:-4px;padding:10px 11px;font-size:9px}
 .editorial-art-info h3{font-size:15px}
 .edition-points h3{font-size:18px}
 .home-cta{padding:70px 0}
 .market-hero{padding:44px 0 34px}
 .market-hero-top{display:block}
 .market-hero-image{display:none}
 .market-hero h1{font-size:clamp(47px,11.8vw,61px)}
 .market-hero p{font-size:12px}
 .market-hero-search{margin-top:20px}
 .marketplace-shell{padding:23px 0 70px}
 .market-filters{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin-bottom:22px}
 .market-filters::-webkit-scrollbar{display:none}
 .market-filters .filter-chip{white-space:nowrap;flex:none;font-size:10px}
 .market-toolbar .toolbar-summary{font-size:10px}
 .market-toolbar select{min-width:90px;max-width:122px}
 .market-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .product-detail{padding:25px 0 72px}
 .product-detail-grid{gap:20px}
 .product-detail-summary h1{font-size:36px}
 .product-detail-summary>p{font-size:12px}
 .product-detail-purchase{padding:19px}
 .product-detail-overview{margin-top:25px}
 .product-detail-overview h3{font-size:23px}
 .product-meta-grid{gap:8px}
 .product-meta-grid>div{padding:11px}
 .product-meta-grid strong{font-size:10px}
 .showcase-hero{padding:52px 0 62px}
 .showcase-grid h1{font-size:clamp(49px,11.7vw,64px)}
 .showcase-grid p{font-size:12px}
 .showcase-display{max-width:540px}
 .feature-tiles,.creator-card-grid{grid-template-columns:1fr}
 .feature-tile{min-height:190px}
 .creator-profile-cover{height:210px}
 .creator-profile-sidebar .seller-avatar{width:88px;height:88px;margin-top:-46px;font-size:35px}
 .work-hero{padding:52px 0}
 .work-hero h1{font-size:clamp(50px,12vw,65px)}
 .work-hero p{font-size:12px}
 .work-hero-graphic .layer{padding:18px}
 .work-board-layout .empty-state{padding:37px 21px}
 .dashboard-head-strip{padding:20px 0}
 .dashboard-head-strip .container{display:block}
 .dashboard-head-strip h1{font-size:25px}
 .dashboard-head-strip .button-group{margin-top:17px}
 .dashboard-main{padding:25px 0 70px}
 .dashboard-pagehead{display:block}
 .dashboard-pagehead h2{font-size:33px}
 .dashboard-pagehead>.btn{margin-top:18px}
 .dashboard-metrics{gap:9px;margin-bottom:14px}
 .metric{padding:15px;min-height:110px}
 .metric strong{font-size:26px}
 .metric .metric-label{font-size:9px}
 .metric small{font-size:8px}
 .dashboard-panel{padding:19px}
 .dashboard-panel h3{font-size:19px}
 .dashboard-action-card{padding:19px}
 .draft-row{gap:11px;padding:13px}
 .draft-row .image-frame{width:70px;height:64px}
 .draft-row h3{font-size:14px}
 .draft-row>.draft-row-actions{flex-direction:column}
 .draft-row-actions button,.draft-row-actions a{width:29px;height:29px}
 .editor-card{padding:19px}
 .editor-card h3{font-size:20px}
 .editor-preview .product-card{max-width:350px}
 .profile-form,.editor-layout{gap:16px}
 .tool-intro{padding:54px 0}
 .tool-grid{grid-template-columns:1fr;gap:12px}
 .tool-card{min-height:245px;padding:23px}
 .tool-card h3{font-size:23px;margin-top:16px}
 .feature-land-grid{padding:55px 0 70px;gap:40px}
 .feature-land-grid h1{font-size:clamp(48px,11.9vw,69px)}
 .feature-land-grid p{font-size:12px}
 .feature-land-art{max-height:340px}
 .feature-land-art .art-card{padding:18px}
 .auth-layout{padding:45px 0 70px;gap:25px}
 .auth-story h1{font-size:clamp(46px,11.4vw,63px)}
 .auth-story>p{font-size:12px}
 .auth-benefits{display:none}
 .auth-box{padding:21px}
 .auth-box h2{font-size:32px}
 .auth-box>p{font-size:11px}
 .help-grid{grid-template-columns:1fr}
 .faq-list summary{font-size:14px;padding:19px 0}
 .faq-list details p{font-size:11px}
}
@media(max-width:355px){
 .hero h1{font-size:48px}
 .hero .button-group .btn{padding-inline:7px;font-size:9px}
 .product-detail-summary h1{font-size:33px}
 .metric{padding:12px}
 .dashboard-head-strip h1{font-size:23px}
}

.crypto-checkout-wallet,.crypto-checkout-direct{margin-top:13px;padding:13px;border:1px solid #dbe6d8;border-radius:11px;background:#f2f8ef}
.crypto-checkout-direct{background:#eaf5e5;border-color:#d1e7cd}
.crypto-checkout-explanation{font-size:11px;line-height:1.7;color:#59725d;margin:9px 2px 0}
.crypto-checkout-direct .crypto-checkout-explanation{color:#365940}

.checkout-rail-note{font-size:11px;line-height:1.65;color:#6c806f;margin-top:10px;padding:10px 12px;border-left:2px solid #a8c999;background:#f4f8f1;border-radius:0 6px 6px 0}