/* A headline-led hero with a static Tweaksy extension preview. */
/* One full-width glow behind both the header and hero, with no container edge. */
.home-simple{background-color:#faf9f5;background-image:radial-gradient(ellipse 72% 660px at 90% 150px,#eae1ff85 0%,#eee7f73d 38%,#faf9f500 76%);background-repeat:no-repeat}
.home-simple .site-header{background:transparent;border-bottom:0;box-shadow:none}
.product-hero{display:grid;grid-template-columns:minmax(0,1.62fr) minmax(310px,1fr);grid-template-areas:"intro extension" "intro caption";gap:28px 48px;padding-top:52px;padding-bottom:38px}
.product-intro{grid-area:intro;align-self:center;min-width:0}.product-intro h1{font-size:clamp(68px,8vw,104px);line-height:1.02;font-weight:750;letter-spacing:-.055em;margin:18px 0 22px}.product-intro h1 span{color:#7351b5}.product-lead{font-size:21px;line-height:1.5;color:#645b6d;max-width:29ch;margin:0 0 10px}.product-support{font-size:15px;color:#73697d;line-height:1.6;margin:0 0 24px;max-width:38ch}.product-plan-note{font-size:11px;color:#807587;margin:16px 0 0}
.product-software{grid-area:software;background:#fff;border:1px solid #ded8e5;border-radius:16px;overflow:hidden;box-shadow:0 15px 45px #44305307;align-self:start}.product-browser{height:36px;display:flex;gap:16px;align-items:center;padding:0 14px;background:#f0ecf6;border-bottom:1px solid #e5dfeb}.product-browser>span{font-size:9px;letter-spacing:2px;color:#c9bfd7}.product-browser small{font-size:10px;color:#867792}.product-browser .product-browser-mark{margin-left:auto;color:#9875c9;font-size:15px}.product-workspace{display:grid;grid-template-columns:105px minmax(0,1fr)}.product-workspace aside{background:#fcfbfe;padding:20px 9px;color:#85798f;border-right:1px solid #eee9f3;display:flex;flex-direction:column;font-size:11px;gap:4px}.product-workspace aside strong{font-size:14px;color:#5e526c;margin:0 6px 17px}.product-workspace aside span,.product-workspace aside b{padding:8px 7px}.product-workspace aside b{background:#eee6f8;color:#74539d;border-radius:6px}.product-work{padding:18px 16px}.product-work-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:13px}.product-work-heading h2{font:650 21px/1.2 inherit;margin:0!important;font-size:21px!important}.product-work-heading>span{font-size:9px;color:#846a9e;background:#f6f1fb;padding:5px;border:1px solid #ece3f4;border-radius:5px}.product-work table{width:100%;border:1px solid #eee8f3;border-radius:7px;border-spacing:0;font-size:10px;color:#817688;overflow:hidden}.product-work th{font-weight:500;text-align:left;background:#faf8fc;color:#96899f;padding:9px 7px}.product-work td{padding:12px 7px;border-top:1px solid #f1edf4;white-space:nowrap}.product-work th:last-child,.product-work td:last-child{text-align:right;color:#50435f;font-weight:600}
.product-extension{grid-area:extension;align-self:center;background:#faf8f5;border:1px solid #e2dce7;box-shadow:0 20px 65px #49315e14,0 3px 9px #49315e0a;border-radius:19px;padding:20px 16px;max-width:392px;width:100%;justify-self:end}.product-ext-header{display:flex;align-items:center;justify-content:space-between}.product-ext-header img{width:108px;height:auto}.product-ext-header>span{font-size:10px;background:#eee5f7;border:1px solid #e5d8f3;color:#7850a7;border-radius:30px;padding:5px 10px;font-weight:600}.product-host{font-size:10px;color:#8b8191;display:flex;align-items:center;gap:5px;margin:12px 0 18px}.product-host i{height:4px;width:4px;border-radius:50%;background:#a99ab8}.product-compose{background:white;border:1px solid #e4dfea;box-shadow:0 3px 9px #44335006;border-radius:17px;padding:16px 13px 12px}.product-compose h2{font-size:18px!important;line-height:1.35!important;font-weight:650!important;margin:0 0 11px!important;letter-spacing:-.04em!important}.product-prompt{border:1px solid #e0dbe5;background:#fcfbfd;border-radius:11px;min-height:78px;padding:15px 12px;font-size:12px;color:#4e445c}.product-pick{font-size:10px;color:#8b789d;display:flex;gap:5px;align-items:center;margin:11px 0}.product-pick>span{font-size:20px;line-height:1}.product-options{display:flex;justify-content:space-between;gap:8px;font-size:9px;padding:11px 0;border-block:1px solid #f0ecf3;color:#8d8199}.product-options strong{color:#63566e;font-weight:500}.product-preview{text-align:center;background:linear-gradient(110deg,#8160b3,#684699);color:white;font-weight:650;font-size:12px;padding:13px;border-radius:8px;margin:12px 0 8px;box-shadow:0 3px 8px #6b449b15}.product-preview-note{text-align:center;font-size:9px;color:#94889d;margin:0 0 10px}.product-usage{display:flex;justify-content:space-between;gap:8px;color:#9c90a6;font-size:8px;border-top:1px solid #f2eef5;padding-top:9px}.product-usage>span:last-child{text-decoration:underline}.product-saved{font-size:11px;color:#84758f;margin:17px 3px 0}.product-saved strong{font-weight:550}.product-saved>div{border:1px dashed #e2d9e8;border-radius:9px;text-align:center;font-size:10px;margin-top:9px;padding:20px 5px;color:#b1a5ba}.product-api{font-size:10px;color:#9d8dab;margin:18px 4px 12px}.product-api span{border:1px solid #e2d9ea;border-radius:50%;padding:0 3px;font-size:8px}.product-ext-footer{display:flex;justify-content:space-between;border-top:1px solid #e6dfea;padding-top:13px;margin:0 3px;color:#a293ad;font-size:9px}.product-caption{grid-area:caption;font-size:10px;color:#978aa0;margin:0}.product-mini{height:122px;padding:10px 8px;font-size:7px;color:#82718f;background:#fff}.product-mini>b{font-size:8px;display:block;margin-bottom:10px}.product-mini>span{display:block;height:5px;width:90%;background:#eee7f5;border-radius:2px;margin-bottom:10px}.product-mini>span:nth-child(3){width:70%}.product-mini>strong{display:block;color:#8c60b7;background:#f1e9fc;border:1px solid #dcc9f2;border-radius:4px;font-weight:500;padding:7px 4px}.team-visual .sync-display{height:auto;overflow:hidden}.simple-team .sync-device{height:auto;min-height:160px}
@media(min-width:1500px){.product-hero{padding-top:66px;padding-bottom:54px;gap:34px 66px}.product-extension{max-width:405px;padding:25px 20px}.product-compose{padding:18px 15px}.product-prompt{min-height:88px}}
@media(max-width:1000px){.product-hero{gap:25px;grid-template-columns:minmax(0,1.3fr) minmax(285px,1fr)}.product-intro h1{font-size:52px}.product-lead{font-size:18px}.product-support{font-size:14px}.product-workspace{grid-template-columns:75px minmax(0,1fr)}.product-workspace aside{font-size:9px;padding-inline:5px}.product-workspace aside strong{font-size:11px}.product-work{padding:15px 9px}.product-work th,.product-work td{padding:11px 5px;font-size:9px}.product-work th:nth-child(3),.product-work td:nth-child(3){display:none}.product-hero .simple-actions{gap:17px}.product-hero .simple-button{font-size:13px}}
@media(max-width:720px){.product-hero{grid-template-columns:minmax(0,1fr);grid-template-areas:"intro" "extension" "caption";padding-top:34px;gap:22px}.product-intro h1{font-size:clamp(44px,12.6vw,72px);margin:15px 0 24px}.product-intro .simple-kicker{font-size:9px;letter-spacing:.1em}.product-lead{max-width:28ch;font-size:19px}.product-support{max-width:33ch}.product-extension{justify-self:center;max-width:380px;padding:20px 16px}.product-workspace{grid-template-columns:80px minmax(0,1fr)}.product-work th,.product-work td{font-size:9px}.product-work th:first-child,.product-work td:first-child{display:none}.product-work-heading h2{font-size:18px!important}.product-caption{text-align:center}.product-mini{height:102px;padding:8px 5px}.product-mini>b{font-size:7px}.product-mini>strong{font-size:6px;padding:5px 2px}.simple-team .sync-device{min-height:140px}}
/* Keep the complete desktop composition within the first viewport. */
@media(min-width:721px){
 .product-hero{height:calc(100svh - 80px);min-height:550px;max-height:800px;box-sizing:border-box;grid-template-columns:minmax(0,1.7fr) minmax(290px,1fr);grid-template-rows:minmax(0,1fr) auto;gap:18px 52px;padding-top:26px;padding-bottom:18px;align-items:start}
 .product-intro .simple-kicker{font-size:9px;line-height:1.3;margin:0}
 .product-intro h1{font-size:clamp(64px,8vw,104px);line-height:1.01;margin:18px 0 26px}
 .product-hero .product-lead{font-size:18px;line-height:1.45;max-width:36ch;margin:0 0 8px}
 .product-hero .product-support{font-size:13px;line-height:1.5;max-width:none;margin:0 0 17px}
 .product-hero .simple-button{font-size:13px;padding:13px 17px;min-height:44px}
 .product-hero .simple-actions{gap:22px}.product-hero .simple-text-link{font-size:13px}
 .product-plan-note{font-size:10px;margin-top:10px}
 .product-software{align-self:stretch;min-height:0;display:flex;flex-direction:column}
 .product-browser{height:29px;flex-shrink:0}
 .product-workspace{flex:1;min-height:0;grid-template-columns:95px minmax(0,1fr)}
 .product-workspace aside{padding:13px 8px;font-size:10px;gap:2px}
 .product-workspace aside strong{margin-bottom:9px;font-size:12px}
 .product-workspace aside span,.product-workspace aside b{padding:7px}
 .product-work{padding:12px 13px;display:flex;flex-direction:column;min-height:0}
 .product-work-heading{margin-bottom:9px}.product-work-heading h2{font-size:18px!important;line-height:1.2}
 .product-work table{flex:1}.product-work th{padding:6px}.product-work td{padding:7px 6px;font-size:10px}
 .product-extension{align-self:center;max-width:352px;padding:17px 14px}
 .product-host{margin:9px 0 14px}.product-compose{padding:13px 11px 10px}.product-compose h2{font-size:17px!important}
 .product-prompt{min-height:66px;padding:13px 11px}.product-options{padding:9px 0}
 .product-preview{padding:11px;margin:10px 0 7px}.product-preview-note{font-size:8px}.product-saved{margin-top:13px}
 .product-saved>div{padding:15px 5px}.product-api{margin:14px 4px 10px}.product-ext-footer{padding-top:10px}
 .product-caption{font-size:9px;line-height:1.4;text-align:center;justify-self:end;width:100%;max-width:352px}
}
@media(min-width:721px) and (max-height:740px){
 .product-hero{min-height:0;gap:12px 36px;padding-top:18px;padding-bottom:12px}
 .product-intro h1{font-size:clamp(62px,7.7vw,94px);margin:14px 0 23px}
 .product-hero .product-lead{font-size:16px;line-height:1.35;max-width:40ch}
 .product-hero .product-support{font-size:12px;margin-bottom:12px;line-height:1.35}
 .product-plan-note{margin-top:7px;font-size:9px}.product-hero .simple-button{padding:11px 14px;min-height:40px}
 .product-work{padding:9px 10px}.product-work-heading{margin-bottom:6px}.product-work th{padding:4px 6px}.product-work td{padding:5px 6px;font-size:9px}
 .product-workspace aside{font-size:9px;padding:9px 6px}.product-workspace aside span,.product-workspace aside b{padding:5px}
 .product-extension{padding:12px;max-width:324px}.product-ext-header img{width:98px}.product-host{margin:7px 0 10px}
 .product-compose{padding:11px 10px 9px}.product-compose h2{font-size:15px!important;margin-bottom:8px!important}
 .product-prompt{min-height:50px;padding:11px;font-size:11px}.product-pick{margin:8px 0}.product-options{padding:7px 0}
 .product-preview{padding:10px;margin:8px 0 6px;font-size:11px}.product-preview-note{margin-bottom:7px}.product-usage{padding-top:7px;font-size:7px}
 .product-saved{margin-top:10px;font-size:10px}.product-saved>div{padding:11px 5px;margin-top:6px;font-size:9px}
 .product-api{margin:10px 3px 8px;font-size:9px}.product-ext-footer{padding-top:8px;font-size:8px}
}
@media(min-width:721px) and (max-height:660px){
 .product-work tbody tr:nth-child(n+4){display:none}
}

@media(min-width:721px) and (max-width:900px){.product-intro h1{font-size:clamp(48px,7.2vw,65px)}}