@import './fonts/bee-ui-handwritten.css';
@import './fonts/bee-ui-fonts.css';
:root{font-family:"Bee UI Text","Microsoft JhengHei UI",system-ui,sans-serif;color:#20342b;background:#fbfcf9;font-synthesis:none;line-height:1.75;--gold:#c58d17;--gold-light:#f4d16c;--green:#345b3b;--muted:#516452;--line:#dce2d8}
*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0}h1,h2,h3,h4,p,figure{margin:0}h1,h2,h3{line-height:1.35;font-weight:650}a{color:inherit;text-underline-offset:.25em}button,input,textarea,select{font:inherit}button,a,input,select,textarea{touch-action:manipulation}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #326d94;outline-offset:4px}main:focus{outline:none}svg{width:28px;height:28px;flex:none}img{max-width:100%;display:block}.skip{position:absolute;top:-5rem;left:1rem;z-index:20;background:white;padding:12px}.skip:focus{top:1rem}.site-header{min-height:78px;padding:12px clamp(20px,4vw,70px);display:flex;gap:30px;align-items:center;justify-content:space-between;background:#ffffffed;border-bottom:1px solid #e1e5dc}.wordmark{display:inline-flex;gap:10px;align-items:center;text-decoration:none;flex-shrink:0}.wordmark strong{display:block;font-size:0.9375rem;line-height:1.5;letter-spacing:.025em}.wordmark small{display:block;font-size:0.875rem;letter-spacing:.09em;color:var(--muted)}.wordmark img{width:40px;height:40px}.site-header nav{display:flex;gap:25px;align-items:center;font-size:0.875rem;flex-wrap:wrap}.site-header nav a{text-decoration:none;min-height:40px;display:flex;align-items:center;border-bottom:2px solid transparent}.site-header nav a[aria-current]{border-bottom-color:var(--gold);color:#906817}.header-actions{display:flex;gap:12px;align-items:center}.header-actions select{max-width:126px;background:transparent;border:1px solid #cfd7ca;padding:8px;border-radius:5px;font-size:0.875rem}.button{min-height:42px;display:inline-flex;gap:14px;justify-content:center;align-items:center;border:1px solid transparent;border-radius:24px;padding:9px 24px;text-decoration:none;font-weight:600;font-size:1rem;cursor:pointer}.button-gold{background:linear-gradient(130deg,#f5cb58,#bc800e);color:#282b1c;border-color:#c69328}.button-outline{border-color:#b7c0b0;background:#ffffffdf;color:#2d4132}.button:disabled{opacity:.5;cursor:not-allowed}.button:hover:not(:disabled){filter:none}.header-actions .button{border-radius:5px;min-height:36px;padding:6px 20px}
.principle-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;padding:24px clamp(24px,7vw,108px);background:white;border-bottom:1px solid #e5e8dd}.principle-strip>div{display:flex;gap:15px;align-items:center;justify-content:center;font-size:1rem;font-weight:550}.principle-strip svg{width:34px;height:34px;color:var(--green)}.principle-strip>div:first-child svg{color:var(--gold)}.brand-section{padding:46px clamp(24px,5vw,80px)}.section-heading{text-align:center;margin-bottom:28px}.section-heading h2{font-size:1.625rem}.section-heading p{font-size:1rem;color:var(--muted);margin:12px auto 0;max-width:800px}.capability-section{background:#f5f7f0}.capability-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;max-width:1500px;margin:auto}.capability{display:flex;gap:12px;padding:22px 17px;background:white;border:1px solid #e9ece2;border-radius:10px;text-decoration:none;align-items:start}.capability svg{color:var(--gold);width:26px}.capability:last-child svg{color:var(--green)}.capability h3{font-size:1rem;margin-bottom:9px}.capability p{font-size:1rem;line-height:1.8;color:var(--muted)}.product-story{display:grid;grid-template-columns:1fr 1.7fr;gap:60px;align-items:center;background:white;padding-top:38px;padding-bottom:38px}.product-story h2{font-size:1.6875rem}.product-story p:not(.eyebrow){font-size:1rem;color:var(--muted);margin:18px 0 22px}.product-preview-placeholder{min-height:260px;border:10px solid #26382b;border-bottom-width:18px;border-radius:18px 18px 10px 10px;background:linear-gradient(135deg,#eaf0e1,#f8f5e8);display:flex;align-items:center;justify-content:center;flex-direction:column;padding:28px;max-width:760px;text-align:center}.preview-wordmark{font-size:1.25rem;font-weight:700;align-self:flex-start}.product-preview-placeholder svg{width:56px;height:56px;color:#6e835f;margin:20px}.product-preview-placeholder p{max-width:400px;font-size:1rem}.chain-section{background:#f0f4e9}.chain-section>h2{text-align:center;font-size:1.625rem;margin-bottom:28px}.work-chain{padding:0;list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px}.work-chain li{display:flex;gap:18px;align-items:flex-start}.chain-number{font-size:1.875rem;line-height:1.4;color:#a68736}.work-chain h3{font-size:1.0625rem}.work-chain p{font-size:1rem;color:var(--muted);line-height:1.9;margin-top:10px}.trust-section{display:grid;grid-template-columns:1fr 1fr;gap:70px}.trust-section h2{font-size:1.375rem}.trust-section p{font-size:1rem;line-height:1.95;margin-top:16px;color:var(--muted)}.brand-callout{display:flex;gap:40px;align-items:center;justify-content:space-between;padding:35px clamp(24px,7vw,108px);background:linear-gradient(100deg,#f9efd2,#eef2e4);border-top:1px solid #e6e3d1;border-bottom:1px solid #e6e3d1}.brand-callout h2{font-size:1.5625rem}.brand-callout p{font-size:1rem;line-height:1.8;color:var(--muted);margin-top:10px;max-width:900px}.brand-callout>a{flex:none}.site-footer{display:flex;justify-content:space-between;align-items:flex-start;gap:40px;padding:36px clamp(24px,5vw,80px);background:#fff}.site-footer p{font-size:1rem;color:#838b7a;margin-top:15px}.site-footer nav{display:flex;gap:32px;flex-wrap:wrap;font-size:1rem}.site-footer nav a{min-height:40px;display:inline-flex;align-items:center;text-decoration:none}.feature-nav{display:flex;gap:20px;justify-content:center;flex-wrap:wrap;padding:18px 24px;background:#fff;border-bottom:1px solid var(--line)}.feature-nav a{padding:8px 10px;font-size:1rem;text-decoration:none}.feature-symbol{display:flex;flex-direction:column;align-items:center;gap:14px;color:#b58d34}.feature-symbol svg{width:58px;height:58px}.feature-symbol span{font-size:1rem;letter-spacing:.16em}.text-link{display:inline-block;color:#a07117;font-size:1rem;text-decoration:none;border-bottom:1px solid #c29f52;padding:5px 0}.audience-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.audience-card{border:1px solid #e2e6dc;border-radius:6px;overflow:hidden;background:white;padding-bottom:20px}.audience-art{height:110px;background:linear-gradient(135deg,#f2ecd8,#e0e9d8);display:flex;align-items:center;justify-content:center}.audience-art svg{width:44px;height:44px;color:#667e4b}.audience-card h2{font-size:1rem;padding:18px 16px 0}.audience-card p{font-size:1rem;color:var(--muted);line-height:1.85;padding:12px 16px}.audience-card .text-link{margin-left:16px}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;background:#faf7ed}.about-grid h2{font-size:1.625rem}.about-grid p{font-size:1rem;line-height:1.9;color:var(--muted);margin:16px 0 24px}.mission-panel>img{width:100%;height:250px;object-fit:cover;object-position:65% 80%;border-radius:5px}.values-title{margin-top:40px}.values-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:26px}.values-grid article{text-align:center}.values-grid svg{width:50px;height:50px;background:#f4dfa0;border-radius:50%;padding:10px;box-sizing:content-box;color:#655a31}.values-grid h3{font-size:1rem;margin-top:15px}.support-heading{background:linear-gradient(120deg,#f8f1dd,#eff4e8)}.support-heading h1{font-size:2.25rem;max-width:900px}.support-heading p:not(.eyebrow){max-width:800px;font-size:1rem;color:var(--muted);margin-top:18px}.support-layout{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(260px,1fr);gap:60px}.contact-form h2{font-size:1.4375rem}.contact-form>p{font-size:1rem;color:var(--muted);line-height:1.9;margin:16px 0 24px}.contact-fields{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:24px}.contact-fields label{display:flex;flex-direction:column;gap:8px;font-size:1rem}.contact-fields .wide{grid-column:1/-1}.contact-fields input,.contact-fields select,.contact-fields textarea{width:100%;min-height:44px;border:1px solid #cfd8c8;background:#fff;border-radius:5px;padding:10px 12px;color:inherit}.contact-fields textarea{resize:vertical}.support-aside{border-left:1px solid #dce4d5;padding-left:36px}.support-aside h2{font-size:1.3125rem;margin-bottom:16px}.support-aside p{font-size:1rem;line-height:1.9;color:var(--muted);margin:16px 0}.support-aside .button{margin-bottom:35px}.draft-review{margin:25px 0}.draft-review>div{border-bottom:1px solid #e0e6da;padding:14px 0}.draft-review dt{font-size:1rem;color:var(--muted)}.draft-review dd{margin:8px 0 0;white-space:pre-wrap;overflow-wrap:anywhere}.form-actions{display:flex;gap:14px;flex-wrap:wrap}

@media(max-width:1200px){.site-header{gap:18px;flex-wrap:wrap}.site-header nav{order:3;width:100%;justify-content:center;border-top:1px solid #edf0e7;padding-top:6px}.capability-grid,.audience-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.product-story{gap:30px}.values-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:800px){.principle-strip{grid-template-columns:1fr 1fr;padding:20px 24px}.principle-strip>div{justify-content:start;font-size:1rem}.product-story{grid-template-columns:1fr}.product-preview-placeholder{width:100%}.work-chain{grid-template-columns:1fr;gap:22px}.trust-section{gap:30px}.brand-callout{align-items:flex-start;flex-direction:column;gap:22px}.about-grid{gap:30px}.support-layout{gap:30px;grid-template-columns:1.4fr 1fr}.contact-fields{grid-template-columns:1fr}.site-footer{flex-direction:column;gap:22px}}
@media(max-width:540px){.site-header{padding:12px 16px;gap:12px}.wordmark strong{font-size:0.875rem}.wordmark small{font-size:0.875rem}.wordmark img{width:32px;height:32px}.header-actions{gap:8px;flex-wrap:wrap}.header-actions select{max-width:104px;font-size:0.875rem;padding:7px}.header-actions .button{font-size:0.875rem;padding:6px 13px}.site-header nav{gap:16px;justify-content:flex-start;font-size:0.875rem;flex-wrap:wrap;overflow:visible}.site-header nav a{white-space:normal;text-align:center;line-height:1.25;overflow-wrap:anywhere;min-height:44px;padding-block:4px}.principle-strip{gap:18px 12px;padding:22px 18px}.principle-strip>div{font-size:1rem;gap:9px}.principle-strip svg{width:26px;height:26px}.brand-section{padding:32px 20px}.section-heading h2,.chain-section>h2{font-size:1.4375rem}.section-heading p{font-size:1rem}.capability-grid,.audience-grid{grid-template-columns:1fr 1fr;gap:12px}.capability{padding:18px 12px;flex-direction:column;gap:12px}.capability h3{font-size:1rem}.capability p{font-size:1rem}.product-story h2{font-size:1.5rem}.product-preview-placeholder{min-height:230px;border-width:7px;border-bottom-width:13px;padding:20px}.trust-section,.about-grid,.support-layout{grid-template-columns:1fr}.brand-callout{padding:30px 20px}.brand-callout h2{font-size:1.4375rem}.feature-nav{justify-content:flex-start;gap:8px;padding:12px}.feature-nav a{font-size:1rem}.feature-symbol svg{width:36px;height:36px}.audience-art{height:90px}.audience-card h2{font-size:1rem;padding:15px 12px 0}.audience-card p{font-size:1rem;padding:10px 12px}.audience-card .text-link{margin-left:12px;font-size:1rem}.about-grid h2{font-size:1.4375rem}.values-grid{gap:20px}.values-grid svg{width:40px;height:40px}.mission-panel>img{height:210px}.support-heading h1{font-size:1.8125rem}.support-aside{border-left:0;border-top:1px solid #dce4d5;padding:30px 0 0}.site-footer{padding:30px 20px}.site-footer nav{gap:22px;font-size:1rem}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}
.industry-story{scroll-margin-top:24px;border-bottom:1px solid #dce4d5}




.story-status{display:inline-block;border:1px solid #c9cfbc;border-radius:4px;padding:4px 9px;margin:10px 0;color:#536447;background:#f1f3e9;font-size:1rem;line-height:1.6;font-weight:500}
.core-guide{background:#f3f5ec;border-bottom:1px solid #dce4d5}.core-guide>h2{font-size:1.5625rem;margin:0 0 12px}.core-guide>p{color:var(--muted);font-size:1rem;line-height:1.8;max-width:780px}
.core-guide-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 42px;padding-left:24px;margin:24px 0 0;list-style:decimal-leading-zero}.core-guide-list li{padding:11px 0 11px 5px;border-bottom:1px solid #dce4d5;line-height:1.6;font-size:1rem}.core-guide-list li::marker{color:#8b6b20;font-size:1rem}.core-guide-list a{display:block;text-underline-offset:4px}.core-guide-list a:hover{text-decoration:underline}
.core-story{scroll-margin-top:24px;border-bottom:1px solid #dce4d5}.core-story:nth-of-type(even){background:#fafbf5}.core-story-heading{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin-bottom:23px}.core-story-heading svg{width:36px;height:36px;flex:none;color:#456c42}.core-story-heading h2{font-size:1.6875rem;line-height:1.5;flex:1;min-width:200px;margin:0}.core-story-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:48px}.core-story-intro{font-size:1rem;line-height:1.95;color:var(--muted);margin:0;max-width:660px}.core-story-topics{list-style:none;margin:0;padding:0;border-top:2px solid #b9c9ae}.core-story-topics li{padding:13px 0 13px 22px;border-bottom:1px solid #dce4d5;font-size:1rem;line-height:1.7;position:relative}.core-story-topics li:before{content:'';width:7px;height:7px;background:#bd9440;position:absolute;left:0;top:22px;transform:rotate(45deg)}
.support-release-note{padding-top:16px!important;padding-bottom:16px!important}.support-release-note+.support-layout{padding-top:20px}.support-release-note p{font-size:1rem;line-height:1.8;color:var(--muted)}
@media(max-width:800px){.core-story-layout{gap:26px}.core-story-heading h2{font-size:1.5rem}.core-guide-list{gap:0 28px}}
@media(max-width:540px){.core-guide-list{grid-template-columns:1fr;margin-top:18px}.core-guide-list li{font-size:1rem}.core-story-heading{gap:10px;margin-bottom:18px}.core-story-heading h2{min-width:0;font-size:1.375rem;flex-basis:calc(100% - 46px)}.core-story-heading .story-status{margin:0}.core-story-layout{grid-template-columns:1fr;gap:20px}.core-story-intro{font-size:1rem}.core-story-topics li{font-size:1rem}.core-guide>h2{font-size:1.4375rem}}
@media(forced-colors:active){.story-status,.core-story,.core-story-topics,.core-story-topics li{border-color:CanvasText}.core-story-topics li:before{background:CanvasText}}
.industry-story .section-heading{max-width:850px;margin-bottom:28px}
.industry-story .section-heading p{line-height:1.85}
.industry-panorama{display:grid;grid-template-columns:minmax(210px,1fr) minmax(0,2fr);background:#f3f5ec;border:1px solid #dce4d5;border-radius:12px;overflow:hidden}
.industry-center{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:14px;background:#153f32;color:#fffdf1;padding:36px 24px;min-width:0}
.industry-center svg{width:62px;height:62px;color:#e4bd60}
.industry-center strong{font-size:1.4375rem;line-height:1.35}.industry-center span{font-size:1rem;line-height:1.7}
.industry-domains{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));list-style:none;margin:0;padding:18px 26px;gap:0 26px}
.industry-domains li{display:flex;align-items:center;gap:14px;min-width:0;min-height:70px;padding:14px 0;border-bottom:1px solid #dce4d5;font-size:1rem;line-height:1.6}
.industry-domains li:nth-last-child(-n+2){border-bottom:0}
.industry-domains svg{flex:none;width:28px;height:28px;color:#356644}
.architecture-layers{list-style:none;margin:0;padding:0;border-top:1px solid #dce4d5}
.architecture-layers li{display:grid;grid-template-columns:48px minmax(160px,.8fr) minmax(0,2fr);align-items:center;gap:20px;padding:20px 22px;border-bottom:1px solid #dce4d5;background:#f6f7ef}
.architecture-layers li:nth-child(even){background:#fffdf5}
.architecture-number{font-size:0.875rem;color:#8b6b20;font-weight:700;font-variant-numeric:tabular-nums}
.architecture-layers h3{font-size:1.0625rem;line-height:1.5;margin:0}.architecture-layers p{font-size:1rem;line-height:1.8;color:var(--muted);margin:0}
.architecture-layers li:last-child{background:#153f32;color:#fffdf1}.architecture-layers li:last-child p{color:#e0e8dc}.architecture-layers li:last-child .architecture-number{color:#e4bd60}
.honey-lifecycle{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0 24px}
.honey-lifecycle li{display:flex;gap:14px;align-items:baseline;border-top:2px solid #b9c9ae;min-width:0;padding:19px 0 26px;font-size:1rem;line-height:1.7}
.lifecycle-number{flex:none;color:#8b6b20;font-size:0.875rem;font-variant-numeric:tabular-nums;font-weight:700}
@media(max-width:800px){.industry-panorama{grid-template-columns:minmax(180px,.8fr) minmax(0,1.5fr)}.industry-domains{padding:12px 18px;gap:0 18px}.industry-domains li{font-size:1rem;gap:10px}.architecture-layers li{grid-template-columns:30px minmax(125px,.8fr) minmax(0,1.5fr);gap:14px;padding:18px 16px}.honey-lifecycle{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:540px){.industry-panorama{grid-template-columns:1fr}.industry-center{padding:24px 18px;gap:10px}.industry-center svg{width:42px;height:42px}.industry-center strong{font-size:1.25rem}.industry-domains{padding:8px 16px;gap:0 16px}.industry-domains li{align-items:flex-start;font-size:1rem;gap:9px;min-height:66px}.industry-domains svg{width:23px;height:23px}.industry-story .section-heading{margin-bottom:22px}.architecture-layers li{grid-template-columns:26px minmax(0,1fr);gap:8px 12px;padding:16px}.architecture-layers h3{font-size:1rem}.architecture-layers p{grid-column:2;font-size:1rem}.honey-lifecycle{grid-template-columns:1fr;gap:0}.honey-lifecycle li{padding:16px 0;min-height:56px;border-top-width:1px;font-size:1rem}.lifecycle-number{min-width:26px}}
@media(forced-colors:active){.industry-center,.architecture-layers li:last-child{background:Canvas;color:CanvasText}.architecture-layers li:last-child p,.architecture-layers li:last-child .architecture-number,.industry-center svg{color:CanvasText}.industry-panorama,.industry-domains li,.architecture-layers li,.honey-lifecycle li{border-color:CanvasText}}
@media(forced-colors:active){.button,.capability,.audience-card,.product-preview-placeholder{border:1px solid ButtonText}.button-gold{background:ButtonFace;color:ButtonText}}.core-story-heading h2{text-wrap:balance}
@media(max-width:540px){.audience-grid{grid-template-columns:1fr}.audience-card p{font-size:1rem;line-height:1.85}.audience-card h2{font-size:1.0625rem}.core-guide-list li,.core-story-topics li{font-size:1rem}.story-status{font-size:1rem}}



/* Independent concept screens: one normal viewport per image, never a long-page thumbnail. */
.product-screen-devices{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;align-items:start}






/* Concept-led editorial refinement. Existing routes, translations and controls retained. */
.brand-section{padding-block:clamp(32px,4vw,64px)}


.editorial-image{width:100%;height:100%;min-width:0;object-fit:cover;object-position:center}
.editorial-product-story{grid-template-columns:minmax(260px,.85fr) minmax(0,1.5fr);align-items:center;background:linear-gradient(130deg,#fffdf4,#eef3e9);gap:clamp(24px,4vw,64px)}
.editorial-product-intro{min-width:0}
.editorial-product-intro>.button{margin-top:22px}
.editorial-product-intro .work-chain{display:grid;grid-template-columns:1fr;gap:16px;margin-top:32px}
.editorial-product-intro .work-chain li{display:flex;gap:16px;padding:0}
.editorial-product-intro .work-chain h3{font-size:1rem}
.editorial-product-intro .work-chain p{font-size:1rem;line-height:1.75;margin-top:5px}
.editorial-product-intro .chain-number{font-size:0.9375rem;min-width:24px}




.editorial-scene-band{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:clamp(28px,6vw,90px);align-items:center;background:#fbf7ed}
.editorial-scene-band>.editorial-image{height:270px;border-radius:2px}
.editorial-scene-band h2,.editorial-mission h2,.editorial-values h2{font-size:clamp(24px,2.4vw,34px);margin-bottom:18px}
.editorial-scene-band p,.editorial-mission p,.editorial-values p{font-size:1rem;line-height:1.9;color:var(--muted)}
.editorial-tools{display:flex;gap:28px;align-items:baseline;border-block:1px solid var(--line)}
.editorial-tools h2{font-size:1.4375rem;flex:0 0 25%}
.editorial-tools p{flex:1;line-height:1.85;color:var(--muted);font-size:1rem}
.editorial-tools a{flex:none}
.editorial-feature-devices{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.5fr);gap:44px;align-items:center;background:#edf2e8}


.editorial-feature-devices .section-heading{margin:0}
.industry-story-architecture{background:#edf2e8}
.industry-story-lifecycle .honey-lifecycle{grid-template-columns:repeat(4,minmax(0,1fr))}
.editorial-story{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(24px,5vw,72px);align-items:center;padding-block:38px}
.editorial-story .core-story-heading{gap:12px;margin-bottom:12px}
.editorial-story .core-story-heading h2{font-size:clamp(23px,2vw,29px);min-width:0;flex-basis:calc(100% - 50px)}
.editorial-story .story-status{margin:0}
.editorial-story .core-story-intro{line-height:1.85;font-size:1rem}
.editorial-story>.editorial-image{height:300px}
.editorial-story-photo:nth-of-type(odd)>.editorial-image{order:2}
.editorial-story-photo:nth-of-type(odd)>.editorial-story-copy{order:1}
.editorial-story-details{margin-top:18px}
.editorial-story-details>summary{cursor:pointer;color:#785b19;font-weight:600;padding:9px 0;min-height:44px}
.editorial-story-details .core-story-topics{margin-top:12px}
.editorial-story-paper{background:#f9f3e5!important}
.editorial-story-flow{grid-template-columns:1fr;background:#eef3eb!important;gap:24px}
.editorial-story-flow .editorial-story-copy{max-width:880px}
.editorial-story-flow .core-story-topics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 24px;border-top:0}
.editorial-story-flow .core-story-topics li{padding:15px 0 15px 18px;border-top:1px solid #cdd9c7}
.editorial-story-flow .core-story-topics li:before{top:25px}
.editorial-audiences{padding-top:35px}
.editorial-audiences .audience-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.editorial-mission{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:60px;align-items:center;background:#fff9ec}
.editorial-mission>.editorial-image{height:330px}
.editorial-mission .text-link{display:inline-block;margin-top:20px}
.editorial-values{display:grid;grid-template-columns:minmax(0,.75fr) minmax(0,1.4fr);gap:50px;align-items:center}
.editorial-values .values-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}
.editorial-values .values-grid article{min-width:0;text-align:center}
.editorial-values .values-grid svg{width:54px;height:54px;padding:12px;background:#f8e5a9;border-radius:50%;margin-inline:auto}
.editorial-values .values-grid h3{font-size:1rem;margin-top:12px}
.editorial-support-choices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;background:#fffdf5}
.editorial-support-choice{display:grid;grid-template-columns:44px minmax(0,1fr);gap:10px 16px;text-decoration:none;border-bottom:2px solid #d9bc70;padding:12px 0 24px;min-width:0}
.editorial-support-choice svg{grid-row:1 / 3;width:38px;height:38px;color:var(--gold)}
.editorial-support-choice h2{font-size:1.375rem}
.editorial-support-choice p{font-size:1rem;color:var(--muted);line-height:1.8}
.editorial-support-choice>span{grid-column:2;color:#795b1d;font-size:1rem;font-weight:600}
.support-layout{background:#f5f5ec}
.contact-form{background:#fffdf8;padding:28px;border:1px solid var(--line)}
.support-aside{padding-top:12px}
@media(max-width:1100px){
 .editorial-product-story,.editorial-feature-devices{grid-template-columns:1fr}
 .editorial-product-intro{display:grid;grid-template-columns:1fr 1fr;gap:12px 35px;align-items:start}
 .editorial-product-intro>.eyebrow,.editorial-product-intro>h2,.editorial-product-intro>p,.editorial-product-intro>.button{grid-column:1}
 .editorial-product-intro>.work-chain{grid-column:2;grid-row:1 / 6;margin:0}
 .editorial-product-intro>.button{justify-self:start}


 .core-guide-list{grid-template-columns:repeat(3,minmax(0,1fr))}
 .editorial-values{grid-template-columns:1fr;gap:28px}
}
@media(max-width:800px){
 .editorial-audiences .audience-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .editorial-story{gap:26px}
 .editorial-story>.editorial-image{height:270px}
 .editorial-story-flow .core-story-topics{grid-template-columns:repeat(2,minmax(0,1fr))}
 .editorial-mission{gap:28px}
 .editorial-support-choices{gap:20px}
 .editorial-support-choice{grid-template-columns:1fr}
 .editorial-support-choice svg{grid-row:auto}
 .editorial-support-choice>span{grid-column:1}
 .editorial-support-choice h2{font-size:1.1875rem}
 .editorial-tools{flex-wrap:wrap}
 .editorial-tools h2{flex-basis:100%}
}
@media(max-width:540px){



 .editorial-product-intro{display:block}
 .editorial-product-intro>.work-chain{margin-top:24px}





 .editorial-scene-band,.editorial-mission,.editorial-values{grid-template-columns:1fr;gap:24px}
 .editorial-scene-band>.editorial-image,.editorial-mission>.editorial-image{height:230px}
 .editorial-tools{display:block}
 .editorial-tools p{margin-block:16px}
 .core-guide-list{grid-template-columns:1fr 1fr;gap:0 18px}
 .core-guide-list li{font-size:1rem}
 .industry-story-lifecycle .honey-lifecycle{grid-template-columns:1fr 1fr;gap:0 18px}
 .industry-story-lifecycle .honey-lifecycle li{font-size:1rem}
 .editorial-story,.editorial-story-flow{grid-template-columns:1fr;gap:22px;padding-block:30px}
 .editorial-story-photo:nth-of-type(odd)>.editorial-image,.editorial-story-photo:nth-of-type(odd)>.editorial-story-copy{order:initial}
 .editorial-story>.editorial-image{height:220px}
 .editorial-story .core-story-heading h2{font-size:1.4375rem}
 .editorial-story-flow .core-story-topics{grid-template-columns:1fr}
 .editorial-audiences .audience-grid{grid-template-columns:1fr;gap:22px}
 .editorial-audiences .audience-art{height:190px}
 .editorial-values .values-grid{grid-template-columns:1fr 1fr;gap:24px}
 .editorial-support-choices{grid-template-columns:1fr;gap:12px}
 .editorial-support-choice{grid-template-columns:42px minmax(0,1fr)}
 .editorial-support-choice svg{grid-row:1 / 3}
 .editorial-support-choice>span{grid-column:2}
 .contact-form{padding:20px 16px}
}
@media(forced-colors:active){
 .editorial-story,.editorial-values .values-grid svg,.editorial-audiences .audience-art-symbol{background:Canvas!important;color:CanvasText}
 .editorial-support-choice,.contact-form{border-color:CanvasText}
}



/* Single-topic reading preserves the existing public content and hash destinations. */
.feature-topic-page{min-width:0;background:#fffdf6}
.feature-topic-breadcrumb{padding:24px clamp(20px,5vw,80px) 0}
.feature-topic-breadcrumb a{display:inline-flex;align-items:center;min-height:48px}
.feature-topic-page h1{font-size:clamp(27px,3vw,40px);line-height:1.35;overflow-wrap:anywhere}
.feature-topic-page .core-story-heading h1{flex:1;min-width:0}
.feature-topic-page .editorial-story{align-items:start;padding-top:28px}
.feature-topic-page .editorial-story-photo>.editorial-image{order:0;height:auto;aspect-ratio:4/3;object-fit:cover}
.feature-topic-page .editorial-story-photo>.editorial-story-copy{order:1}
.feature-topic-page .core-story-intro{max-width:65ch}
.feature-topic-page .section-heading{max-width:960px;margin-inline:auto}
@media(max-width:800px){.feature-capability-index .capability-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.feature-topic-pagination{gap:18px;flex-wrap:wrap}.feature-topic-pagination>a{max-width:100%;flex:1 1 40%}.feature-topic-pagination>.button{order:3;flex:1 1 100%;justify-content:center}.feature-topic-page .editorial-story-photo>.editorial-image{aspect-ratio:3/2}}
@media(max-width:540px){.core-guide-list{grid-template-columns:minmax(0,1fr);gap:0}.core-guide-list li{font-size:1rem;padding-block:13px}.feature-capability-index .capability-grid{grid-template-columns:minmax(0,1fr)}.feature-topic-page h1{font-size:1.6875rem}.feature-topic-pagination>a{font-size:1rem}.feature-topic-page .editorial-story-photo>.editorial-image{aspect-ratio:3/2}}

/* Public-site composition: shared reading width, natural image flow and one phone at a time. */
:root{--site-gutter:max(24px,calc((100vw - 1280px)/2));--muted:#516452}
.brand-section,.principle-strip,.brand-callout,.site-footer,.feature-topic-breadcrumb,.feature-topic-pagination{padding-inline:var(--site-gutter)}
.brand-section{padding-block:clamp(40px,5vw,76px)}
.site-header{padding-inline:var(--site-gutter)}
.section-heading{max-width:760px;margin-inline:auto;margin-bottom:36px}
.section-heading h2,.product-story h2{font-size:clamp(28px,2.5vw,36px)}
.section-heading p,.editorial-story-copy p,.editorial-scene-band p,.editorial-mission p{max-width:65ch;line-height:1.85}
.brand-hero{position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(0,45fr) minmax(0,55fr);align-items:center;min-height:480px;overflow:hidden;background:#fffaf0;padding-inline:var(--site-gutter)}
.brand-landscape{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:66% 60%;z-index:-2}
.brand-hero:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#fffaf0 0%,#fffaf0f2 30%,#fffaf0c7 44%,#fffaf000 70%)}
.hero-content{grid-column:1;min-width:0;padding:64px 28px 64px 0}
.eyebrow{font-size:0.875rem;letter-spacing:.14em;color:#77602d;margin-bottom:20px;overflow-wrap:anywhere}
.brand-hero h1{font-size:clamp(36px,3.4vw,52px);line-height:1.22;letter-spacing:-.025em;text-wrap:balance;overflow-wrap:anywhere}
.brand-hero h1 span,.brand-hero h1 em{display:block}
.brand-hero h1 em{font-style:normal;color:#956713}
.hero-content>p:not(.eyebrow){font-size:1.125rem;line-height:1.85;margin-top:24px;max-width:38ch}
.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}
.hero-actions .button{min-height:48px;font-size:1rem}
.brand-hero-solutions,.brand-hero-about,.brand-hero-support{min-height:400px}
.brand-hero-solutions .brand-landscape,.brand-hero-about .brand-landscape{object-position:68% center}
.editorial-scene-band,.editorial-mission{grid-template-columns:minmax(0,55fr) minmax(0,45fr)}
.editorial-scene-band>.editorial-image{height:auto;aspect-ratio:3/2;object-position:45% center}
.editorial-mission>.editorial-image{height:auto;aspect-ratio:3/2;object-position:60% center}
.support-layout{grid-template-columns:minmax(0,2fr) minmax(240px,1fr)}
.product-screen-preview{margin:0;min-width:0;width:100%}
.product-preview-title{display:block;font-size:1.125rem;color:#254f3c;margin-bottom:20px;line-height:1.6}
.product-screen-devices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;align-items:start}
.product-device{display:flex;min-width:0;flex-direction:column;align-items:center;gap:14px}
.product-device-label{font-size:1rem;font-weight:600;line-height:1.5;text-align:center;color:#254f3c;min-height:3em;display:flex;align-items:center}
.product-device-frame{display:block;width:100%;max-width:230px;border:5px solid #243b30;border-radius:18px;overflow:hidden;line-height:0;box-shadow:0 12px 26px #1833291c;background:#fffef9}
.product-device-frame img{width:100%;height:auto;max-height:none;object-fit:contain}
.product-screen-preview figcaption{font-size:0.875rem;line-height:1.8;color:var(--muted);margin-top:24px}
.product-screen-controls{display:none}
@media(max-width:1100px){
 .brand-hero{grid-template-columns:minmax(0,1fr) minmax(0,1fr);min-height:420px}
 .hero-content{padding-block:48px}
 .brand-hero h1{font-size:2.375rem}
 .product-device-frame{max-width:195px}
}
@media(max-width:800px){
 .brand-hero{grid-template-columns:minmax(0,56fr) minmax(0,44fr)}
 .brand-hero h1{font-size:2.125rem}
 .hero-content>p:not(.eyebrow){font-size:1.0625rem}
 .editorial-scene-band,.editorial-mission{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}
 .support-layout{grid-template-columns:minmax(0,1fr)}
}
@media(max-width:540px){
 :root{--site-gutter:20px}
 .brand-hero{display:flex;flex-direction:column;align-items:stretch;min-height:0;padding:0}
 .brand-hero:after{display:none}
 .hero-content{order:0;padding:36px var(--site-gutter) 28px;width:100%}
 .brand-landscape{order:1;position:static;z-index:auto;width:100%;height:auto;aspect-ratio:8/3;object-fit:contain}
 .brand-hero h1{font-size:2.125rem}
 .hero-content>p:not(.eyebrow){font-size:1.0625rem;max-width:none;margin-top:20px}
 .hero-actions{margin-top:24px}
 .brand-section{padding-block:36px}
 .capability-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 18px}
 .capability{flex-direction:column;gap:12px;padding-block:18px;min-width:0}
 .capability h3{font-size:1rem;line-height:1.5}
 .capability p{font-size:0.875rem;line-height:1.75}
 .editorial-scene-band,.editorial-mission{grid-template-columns:minmax(0,1fr);gap:24px}
 .editorial-scene-band>.editorial-image,.editorial-mission>.editorial-image{height:auto;aspect-ratio:3/2;order:0}
 .editorial-scene-band>div,.editorial-mission>div{order:1}
 .product-screen-controls{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px}
 .product-screen-controls button{flex:1 1 90px;min-height:48px;padding:10px 12px;border:1px solid #a4b49f;border-radius:6px;background:#fffdf4;color:#294d38;font-size:1rem;cursor:pointer}
 .product-screen-controls button[aria-pressed=true]{background:#294d38;color:#fff;border-color:#294d38}
 .product-screen-devices{display:flex;position:relative;gap:20px;overflow-x:auto;scroll-snap-type:x mandatory;padding:4px 0 18px;overscroll-behavior-x:contain;scrollbar-width:thin}
 .product-device,.product-device:not([data-selected=true]){display:flex;flex:0 0 78%;scroll-snap-align:start}
 .product-device-label{min-height:0}
 .product-device-frame{max-width:230px}
}
@media(forced-colors:active){
 .product-device-frame{border-color:CanvasText;box-shadow:none}
 .product-screen-controls button[aria-pressed=true]{border:3px solid Highlight}
 .brand-hero:after{background:Canvas;opacity:.9}
 .brand-hero h1 em{color:CanvasText}
}


/* dot: compact mobile entry, with complete content retained on linked subpages. */
@media(max-width:760px){
 .mobile-home-menu{display:grid;gap:.75rem;padding-block:1rem}
 .mobile-home-link{min-height:3.5rem;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.75rem 1rem;background:var(--bee-surface,#fff);border:1px solid var(--line);border-radius:.5rem;text-decoration:none;font-size:1rem}
 .mobile-feature-index h1{font-size:1.75rem;margin-bottom:.75rem}
 .mobile-feature-index>p{font-size:1rem;margin-bottom:1rem}
 .site-header nav a,.header-actions .button,.header-actions select{min-height:2.75rem}
 .wordmark small{font-size:.875rem;letter-spacing:0}
 .capability p{font-size:1rem;color:var(--muted)}
 .brand-landscape{object-fit:cover}
}

/* Verified public-home QA fixes: readable copy and complete 44px hit areas. */
.site-header nav a,.site-footer nav a,.text-link{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px}
.header-actions select,.header-actions .button{min-height:44px}
.site-footer p{color:var(--muted)}
.text-link{color:#665018}
@media(max-width:760px){
 .wordmark strong,.header-actions .button,.hero-content .eyebrow{font-size:1rem}
 .site-footer nav{flex-wrap:wrap;gap:8px 16px}
}

/* C2: public editorial pages, separate from the authenticated application. */
.site-back{display:inline-flex;align-items:center;min-height:44px;margin:12px max(20px,calc((100% - 1200px)/2));color:#244e3b;font-weight:700}.site-pagination{display:flex;align-items:center;justify-content:center;gap:16px;padding:20px;flex-wrap:wrap}.site-segment-title{max-width:1200px;margin:20px auto;padding:0 20px;color:#20392e}.contact-form input::placeholder,.contact-form textarea::placeholder{color:#57645b;opacity:1}
@media(max-width:760px){
 .site-header{position:relative;gap:10px;padding:12px 16px;display:grid;grid-template-columns:1fr auto}.site-header .wordmark strong{font-size:16px}.site-header .wordmark small{font-size:12px}.site-header nav{grid-column:1/-1;order:3;display:grid;grid-template-columns:repeat(4,1fr);gap:4px}.site-header nav a{display:flex;align-items:center;justify-content:center;min-height:44px;font-size:14px}.header-actions{display:flex;gap:6px}.header-actions select{max-width:100px;min-height:44px}.header-actions>.button{display:none}
 #main{padding:0 16px}#main>.brand-section:not(.trust-section,.c2-dark),#main>.core-story,#main>.audience-card,#main>.core-guide-list,#main>.industry-domains,#main>.architecture-layers,#main>.honey-lifecycle{margin:12px 0;padding:18px;width:auto;max-width:100%;background:#fff;border-radius:12px}#main>.brand-hero{margin:0 -16px;width:auto}#main>.brand-hero .brand-landscape{height:200px;position:relative;object-fit:cover;object-position:center 70%}#main>.brand-hero{display:block;min-height:0;padding:0;background:#f7f5ed}#main>.brand-hero .hero-content{position:relative;margin:0;padding:20px;background:#fffdf7;width:auto;max-width:none}.brand-hero h1{font-size:30px;line-height:1.35}.brand-hero p{font-size:16px}.hero-actions{flex-wrap:wrap}.brand-hero .hero-actions .button{padding:10px 14px;min-height:44px}.site-footer{padding:16px;display:block}.site-footer .wordmark,.site-footer nav{display:none}.site-footer p{margin:0;font-size:14px;color:#405548}#main>.editorial-image,#main>.brand-landscape{width:100%;height:210px;object-fit:contain;background:#fff}#main>svg{width:48px;height:48px}#main>.hero-content{background:#fff;padding:20px}#main>li{padding:14px 18px;margin:8px 0;list-style:none;background:#fff;border-radius:10px}#main>.product-screen-preview{margin:12px 0}#main .product-device-frame{max-height:380px}#main .product-device-frame img{object-fit:contain;width:100%;height:100%;max-height:380px}#main .product-screen-controls{gap:6px;flex-wrap:wrap}#main .product-screen-controls button{min-height:44px}.contact-form{padding:20px}.contact-form label{display:grid;gap:8px}.contact-form input,.contact-form textarea,.contact-form select{min-height:48px;font-size:18px;width:100%}.contact-form textarea{resize:vertical}.contact-form .draft-review{overflow-wrap:anywhere}.site-segment-title{font-size:26px;margin:12px 0;padding:0}.site-pagination{padding:14px 0;gap:10px}.site-pagination a{min-height:44px}.site-back{margin:8px 0;min-height:44px}.editorial-image{object-fit:contain}.header-actions select{font-size:14px}
}
@media(prefers-contrast:more){.button,.capability,.audience-card,.site-pagination a{border:1px solid #244e3b}p,small,.story-status{color:#20392e}}
html[data-bee-readable=true]{font-size:125%}
html[data-bee-readable=true] p,html[data-bee-readable=true] li,html[data-bee-readable=true] label,html[data-bee-readable=true] button,html[data-bee-readable=true] input,html[data-bee-readable=true] textarea,html[data-bee-readable=true] select,html[data-bee-readable=true] .button,html[data-bee-readable=true] dd{font-size:1rem}html[data-bee-readable=true] h1{font-size:1.7rem}html[data-bee-readable=true] h2{font-size:1.4rem}html[data-bee-readable=true] h3{font-size:1.2rem}
.button-gold{background:#efc45d;color:#20392e;border-color:#997321}.brand-hero .hero-content{background:#fffdf7}.brand-hero:after{display:none}

.chain-number,.feature-symbol span{color:#76551c}#site-language{width:170px;max-width:none;min-width:154px}.site-header{background:#fff}.site-footer p{color:#405548}
@media(max-width:760px){.site-header{grid-template-columns:1fr auto}.header-actions select{width:148px;min-width:148px;max-width:148px}.site-header .wordmark strong{max-width:128px}.site-header .wordmark{gap:8px}.site-header .wordmark img{width:32px;height:32px}}

.site-back{min-width:56px;justify-content:center}.site-pagination a{min-width:64px}@media(max-width:760px){.site-header{grid-template-columns:minmax(0,1fr) auto}.wordmark span{min-width:0}.site-header .wordmark{min-width:0;flex-shrink:1}.header-actions select{font-size:14px}.site-header nav a{font-size:14px}.site-header .wordmark small{letter-spacing:0}}

@media(max-width:760px){.site-header{grid-template-columns:1fr}.site-header .wordmark strong{max-width:none}.header-actions{width:100%;grid-row:2}.header-actions select{flex:1;min-width:0;width:auto;max-width:none;font-size:1rem}.header-actions>.button{display:inline-flex;min-height:44px;padding:8px 14px;flex:none}.site-header nav{grid-row:3}.site-header .wordmark{width:100%}}html[data-bee-readable=true] .wordmark strong{font-size:1rem}

.button:disabled{opacity:1;background:#e8ede5;color:#405548;border:1px solid #8e9c88;cursor:not-allowed}@media(max-width:760px){.site-topic-link{display:flex;min-height:44px;min-width:44px;padding:8px;align-items:center;overflow-wrap:anywhere}.principle-strip,.values-grid{grid-template-columns:minmax(0,1fr)}.principle-strip>div{justify-content:flex-start;min-width:0}.values-grid article{min-width:0;overflow-wrap:anywhere}}

.button:hover{filter:none}
/* R3-02: short public tasks extend the existing editorial site. */
.pilot-site-panel{max-width:900px;display:grid;gap:16px;background:#fff;border:1px solid #c9d2c8;border-radius:12px;overflow-wrap:anywhere;}
.pilot-site-panel h1,.pilot-site-panel h2{margin:0;color:#20392e;line-height:1.5;}
.pilot-site-panel p{max-width:65ch;line-height:1.8;margin:0;white-space:pre-wrap;}
.pilot-site-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;}
.pilot-site-links a{white-space:normal;overflow-wrap:anywhere;text-align:left;min-height:56px;}
.pilot-notice{padding:12px 16px;background:#f7f5ed;border-left:4px solid #997321;color:#20392e;}
.pilot-site-panel .pilot-application-form{padding:0;box-shadow:none;border:0;max-width:none;}
.pilot-application-form fieldset{border:0;min-width:0;padding:0;margin:0;}
.pilot-application-form legend{font-weight:700;line-height:1.65;}
.pilot-application-form .pilot-choice{display:flex;align-items:flex-start;gap:12px;min-height:56px;line-height:1.65;padding:12px 0;}
.pilot-application-form .pilot-choice input{width:24px;height:24px;min-height:24px;flex:0 0 24px;padding:0;margin:2px 0 0;}
.pilot-site-panel code{font:inherit;white-space:pre-wrap;overflow-wrap:anywhere;}
.pilot-site-panel .draft-review{margin:0;line-height:1.8;}
.pilot-site-panel .draft-review dt{font-weight:700;}
.pilot-site-panel .draft-review dd{margin:8px 0;white-space:pre-wrap;overflow-wrap:anywhere;}
.pilot-site-panel .site-pagination{padding:0;justify-content:flex-start;}
.pilot-legal-body{min-width:0;line-height:1.8;white-space:pre-wrap;}
.pilot-site-panel .button{white-space:normal;overflow-wrap:anywhere;min-height:56px;max-width:100%;}
@media(max-width:760px){#main>.pilot-site-panel{margin:12px 0;padding:18px;}.pilot-site-links{grid-template-columns:minmax(0,1fr);}.pilot-site-panel h1{font-size:26px;}.pilot-site-panel h2{font-size:22px;}.pilot-site-panel .pilot-notice{padding:10px;}.pilot-site-panel .pilot-choice input{width:24px;min-width:24px;}.pilot-site-panel .contact-form input:not([type=radio]):not([type=checkbox]),.pilot-site-panel .contact-form textarea{font-size:1rem;}.pilot-site-panel .button{font-size:1rem;}}
@media(min-width:761px){#main>.pilot-site-panel{width:calc(100% - 48px);max-width:960px;margin-inline:auto;padding:clamp(24px,3.6vw,52px);}}

.pilot-legal-contents{display:grid;gap:1rem;margin-block:1rem}.pilot-legal-contents a{justify-content:flex-start;white-space:normal;overflow-wrap:anywhere}.pilot-legal-body h2{font-size:1.15rem;line-height:1.5;margin-bottom:1rem}

.pilot-application-form{display:grid;gap:16px;min-width:0}.pilot-application-form>label:not(.pilot-choice){display:grid;gap:8px;min-width:0;max-width:65ch}.pilot-application-form input:not([type=radio]):not([type=checkbox]),.pilot-application-form textarea{display:block;box-sizing:border-box;width:100%;max-width:100%;min-height:56px;border:1px solid #c9d2c8;border-radius:6px;padding:12px;color:#20392e;background:#fff;font:inherit;line-height:1.65}.pilot-application-form textarea{resize:vertical}.pilot-application-form>.button{justify-self:start}

/* Home per selected concept 品牌宣傳網站 05_33_06-1: full-bleed photo hero with
   type on the image, fact strip (no invented counts), six solution cards and a
   device showcase. Partner logos and testimonials wait for real ones. */
.c1-hero{position:relative;isolation:isolate;display:flex;align-items:center;min-height:clamp(32rem,48vw,44rem);overflow:hidden;padding:4rem var(--site-gutter,clamp(1.25rem,7vw,7rem));background:#e9e1cc}
.c1-hero-photo{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover;object-position:85% 42%}
.c1-hero:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#fdfaf2f5 0%,#fdfaf2d9 24%,#fdfaf280 42%,#fdfaf200 60%),linear-gradient(0deg,#fdfaf2b3 0%,#fdfaf200 22%)}
.c1-hero-content{display:grid;gap:1.25rem;max-width:36rem}
.c1-hero-title{margin:0;display:grid;font-size:clamp(2.5rem,4.4vw,4.25rem);line-height:1.12;font-weight:900;letter-spacing:.02em;color:#173f30;text-wrap:balance}
.c1-hero-title em{font-style:normal;color:#d4961c}
.c1-hero-intro{margin:0;white-space:pre-line;font-size:clamp(1rem,1.15vw,1.1875rem);line-height:1.8;color:#2f3d33}
.c1-hero .hero-actions{display:flex;flex-wrap:wrap;gap:.875rem}
.c1-hero .hero-actions .button{min-height:3rem;padding:0 1.75rem;border-radius:999px;font-weight:700}
.c1-hero .c1-demo{background:#fffdf7e6}
.c1-trust{list-style:none;margin:.25rem 0 0;padding:0;display:flex;flex-wrap:wrap;gap:.75rem 1.5rem;font-size:.875rem;color:#3c4a40}
.c1-trust li{display:flex;align-items:center;gap:.5rem}
.c1-trust svg{width:1.75rem;height:1.75rem;padding:.3rem;border:1px solid #cdb98a;border-radius:50%;color:#8a6a1f;background:#fffaf0cc;flex:none}
.c1-hero-script{position:absolute;left:55%;top:16%;margin:0;white-space:pre-line;font:italic 1.25rem/1.6 Georgia,'Times New Roman',serif;color:#fff;text-shadow:0 .125rem .625rem #0009;transform:rotate(-8deg);border-bottom:.125rem solid #f2ae1c;padding-bottom:.25rem}
.c1-hero-sign{position:absolute;right:.75%;top:41%;width:8.5%;min-width:7rem;display:grid;gap:.625rem;text-align:center;color:#f3e6c4;text-shadow:0 .0625rem .25rem #2a1a0c}
.c1-hero-sign strong{white-space:pre-line;font-size:clamp(.9375rem,1.2vw,1.25rem);line-height:1.55;letter-spacing:.08em;font-weight:700}
.c1-hero-sign small{white-space:pre-line;font:italic .875rem/1.4 Georgia,serif}
.c1-facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr)) minmax(0,1.35fr);gap:1.5rem;align-items:center;padding:1.75rem var(--site-gutter,clamp(1.25rem,6vw,6rem));background:#fff;border-bottom:1px solid #ece4d2}
.c1-fact{display:flex;align-items:center;gap:.875rem;min-width:0}
.c1-fact>svg{width:2.5rem;height:2.5rem;color:#d4961c;flex:none}
.c1-fact strong{display:block;font-size:1.25rem;font-weight:800;color:#173f30}
.c1-fact small{display:block;font-size:.8125rem;line-height:1.5;color:#5d6b62}
.c1-quote{position:relative;margin:0;padding-left:1.75rem;white-space:pre-line;font-size:1.0625rem;line-height:1.6;font-weight:600;color:#173f30}
.c1-quote:before{content:"\201C";position:absolute;left:0;top:-.625rem;font-size:2.5rem;color:#d4961c}
.c1-solutions{padding-block:3.5rem 3rem;background:#faf7f0}
.c1-solutions .section-heading{text-align:center;max-width:none;margin:0 auto}
.c1-solutions .section-heading h2{margin:0 0 .5rem;font-size:clamp(1.75rem,2.4vw,2.25rem);color:#173f30}
.c1-solutions .section-heading p{margin:0;color:#5d6b62}
.c1-solution-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:1rem;margin-top:2rem}
.c1-solution{display:grid;align-content:start;gap:.625rem;padding:1.25rem 1.125rem;background:#fff;border:1px solid #eee5d3;border-radius:.75rem;box-shadow:0 .375rem 1.25rem #3a2a0a0f}
.c1-solution>svg{width:2.25rem;height:2.25rem;color:#d4961c;flex:none}
.c1-solution h3{margin:0 0 .375rem;font-size:1.0625rem;color:#173f30;text-wrap:balance}
.c1-solution p{margin:0;font-size:.8125rem;line-height:1.6;color:#5d6b62}
.c1-showcase{position:relative;display:grid;grid-template-columns:minmax(16rem,.8fr) minmax(0,2fr);gap:2.5rem;align-items:center;padding-block:3.5rem;background:linear-gradient(90deg,#fff 0%,#fbf6ea 100%)}
.c1-showcase-copy h2{margin:0 0 1rem;font-size:clamp(1.625rem,2.2vw,2.125rem);color:#173f30}
.c1-showcase-copy p{margin:0 0 1.5rem;white-space:pre-line;line-height:1.8;color:#3c4a40}
.c1-show-script{position:absolute;right:4%;top:1.5rem;margin:0;white-space:pre-line;font:italic 1.125rem/1.5 Georgia,serif;color:#b8861f;transform:rotate(-6deg)}
@media(max-width:75rem){.c1-solution-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.c1-facts{grid-template-columns:repeat(2,minmax(0,1fr))}.c1-quote{grid-column:1/-1}}
@media(max-width:62rem){.c1-hero-sign,.c1-hero-script,.c1-show-script{display:none}.c1-showcase{grid-template-columns:1fr}}
@media(max-width:47.5rem){#main>.c1-hero{margin:0 -16px}.c1-hero{display:block;min-height:0;padding:0;background:#fdfaf2}.c1-hero:before{display:none}.c1-hero-photo{position:relative;z-index:0;inset:auto;display:block;width:100%;height:10.5rem;object-position:58% 50%}.c1-hero-content{gap:.875rem;padding:1.125rem 1.25rem 1.25rem}.c1-hero-intro{font-size:.9375rem;line-height:1.7}.c1-trust{gap:.5rem 1rem;font-size:.8125rem}.c1-trust svg{width:1.5rem;height:1.5rem}.c1-hero-title{font-size:2.25rem}.c1-solution-grid,.c1-facts{grid-template-columns:1fr}}
html[data-bee-readable=true] .c1-hero-sign,html[data-bee-readable=true] .c1-hero-script,html[data-bee-readable=true] .c1-show-script{display:none}

/* Shared public-page system: every sub page reuses the concept home hero and
   card treatment so the whole site reads as one product. */
.c1-hero-sub{min-height:clamp(22rem,30vw,30rem)}
.c1-hero-sub .c1-hero-title{font-size:clamp(2rem,3.2vw,3.25rem)}
.c1-hero-eyebrow{margin:0;font-size:.875rem;font-weight:700;letter-spacing:.12em;color:#8a6a1f}
.capability-section{background:#faf7f0}
@media(prefers-reduced-motion:reduce){.capability{transition:none}.capability:hover{transform:none}}

/* Phone part navigation as an app-style bottom bar: sticky, light glass,
   pill buttons and a progress line; top tabs scroll without a visible bar. */
.site-header nav{scrollbar-width:none}
.site-header nav::-webkit-scrollbar{display:none}
@media(max-width:47.5rem){
 #main .site-pagination{position:sticky;bottom:0;z-index:5;display:flex;flex-wrap:nowrap;align-items:center;gap:.75rem;margin:1.25rem -16px 0;padding:.625rem 1rem calc(.625rem + env(safe-area-inset-bottom,0px));background:#fffdf8ee;backdrop-filter:blur(12px);border-top:1px solid #ece4d2;box-shadow:0 -.5rem 1.5rem #3a2a0a14}
 #main .site-pagination>span{flex:1;display:grid;gap:.375rem;text-align:center;font-size:.8125rem;color:#5d6b62}
 #main .site-pagination>span:after{content:"";display:block;height:.25rem;border-radius:999px;background:linear-gradient(90deg,#d4961c calc(var(--site-progress,0)*100%),#ece4d2 0)}
 #main .site-pagination a{min-height:2.75rem;min-width:0;padding:0 1.125rem;border-radius:999px;font-size:.9375rem;font-weight:700;white-space:nowrap}
}

/* Owner 2026-10-23: keep the handwriting (it reads better than a plain face); only larger and with a soft halo so it stays legible over the sky. */
.c1-hero-script,.c1-show-script{font-family:'Bee UI Handwritten','Bee UI Text','Noto Sans TC',system-ui,sans-serif}
.c1-hero-script,.c1-show-script{-webkit-text-stroke:.6px currentColor}
.c1-hero-script{font-size:clamp(1.375rem,1.6vw,1.625rem);line-height:1.55}

/* Home 2026-10-23 (Owner: professional, rich, a touch of technology). Light brand pages carry
   two cinematic dark bands (screens, roadmap) with honeycomb texture and gold light.
   Colours for dark bands are scoped to their section so phone part-splits fall back to light. */
:root{--c2-ink:#173f30;--c2-night:#0c1d16;--c2-night-2:#132a20;--c2-gold:#e3a42a;--c2-gold-soft:#f6d47a;--c2-cream:#faf7f0;--c2-ease:cubic-bezier(.16,1,.3,1);--c2-hex:url("/site/site-hex.svg");--c2-hex-light:url("/site/site-hex-light.svg")}
/* hero motion */
/* The line sits on bright sky: dark honey ink with a cream halo reads better than white (Owner「看不清楚，可能都是白」). */
.c1-hero-script{color:#4a3106;text-shadow:0 0 .375rem #fffaf0,0 0 1rem #fffaf0e6,0 0 2rem #fffaf0b3}
.c1-hero-sign[data-placed]{left:var(--sign-left);top:var(--sign-top);right:auto;width:var(--sign-width);height:var(--sign-height);min-width:0;align-content:center;gap:calc(var(--sign-width)/14);padding:.25rem;box-sizing:border-box;overflow:hidden}
.c1-hero-sign[data-placed] strong{font-size:calc(var(--sign-width)/8.6);letter-spacing:.04em}
.c1-hero-sign[data-placed] small{font-size:calc(var(--sign-width)/11.5)}
@media(max-width:75rem){.c1-hero-photo{object-position:60% 42%}.c1-hero-sign{display:none}}
.c2-pollen{position:absolute;inset:0;z-index:-1;width:100%;height:100%;pointer-events:none}
.c1-hero-content>*{animation:c2-rise .9s var(--c2-ease) both}
.c1-hero-content>:nth-child(2){animation-delay:.12s}.c1-hero-content>:nth-child(3){animation-delay:.24s}.c1-hero-content>:nth-child(4){animation-delay:.36s}
.c1-hero-title em{background:linear-gradient(100deg,#c7860f 0%,#e9a821 38%,#ffe08a 50%,#e9a821 62%,#c7860f 100%);background-size:220% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:c2-shine 6s ease-in-out infinite}
:is(.c2-section,.c1-hero,.c2-closing,.c1-showcase) .button-gold{position:relative;overflow:hidden;isolation:isolate;box-shadow:0 .5rem 1.5rem #c58d1740;transition:transform .25s var(--c2-ease),box-shadow .25s}
:is(.c2-section,.c1-hero,.c2-closing,.c1-showcase) .button-gold:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(110deg,transparent 30%,#ffffff8c 50%,transparent 70%);transform:translateX(-120%);transition:transform .7s var(--c2-ease)}
:is(.c2-section,.c1-hero,.c2-closing,.c1-showcase) .button-gold:hover{transform:translateY(-.125rem);box-shadow:0 .875rem 2rem #c58d1759}
:is(.c2-section,.c1-hero,.c2-closing,.c1-showcase) .button-gold:hover:after{transform:translateX(120%)}
/* language ribbon: large editorial type, solid and outlined in turn */
.c2-ribbon{overflow:hidden;background:var(--c2-cream);border-block:1px solid #ece3cc;padding-block:clamp(.75rem,1.2vw,1rem);-webkit-mask:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent);mask:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent)}
.c2-ribbon-track{display:flex;width:max-content;animation:c2-marquee 70s linear infinite}
.c2-ribbon:hover .c2-ribbon-track{animation-play-state:paused}
.c2-ribbon-row{display:flex;list-style:none;margin:0;padding:0}
.c2-ribbon-row li{display:flex;align-items:center;gap:clamp(1.25rem,2.4vw,2.25rem);padding-right:clamp(1.25rem,2.4vw,2.25rem);white-space:nowrap;font-size:clamp(1rem,1.3vw,1.25rem);line-height:1.4;font-weight:600;letter-spacing:.08em;color:#3c5446}
.c2-ribbon-row li:nth-child(even){color:transparent;background:linear-gradient(100deg,#b8781a,#e8b13a 45%,#f6d47a 55%,#b8781a);-webkit-background-clip:text;background-clip:text}
.c2-ribbon-row li:after{content:"";width:.5em;height:.5em;flex:none;background:radial-gradient(circle,#f6d47a 0 35%,#e3a42a00 70%)}
/* section frame */
.c2-section{position:relative;padding:clamp(3rem,6vw,6rem) var(--site-gutter,clamp(1.25rem,6vw,6rem))}
.c2-heading{display:grid;gap:.75rem;max-width:46rem;margin:0 auto clamp(2rem,4vw,3.25rem);text-align:center;justify-items:center}
.c2-eyebrow{display:inline-flex;align-items:center;gap:.625rem;margin:0;font-size:.875rem;font-weight:800;letter-spacing:.16em;color:#8a6610}
.c2-eyebrow:before,.c2-eyebrow:after{content:"";width:1.75rem;height:1px;background:currentColor;opacity:.6}
.c2-heading h2{margin:0;font-size:clamp(1.875rem,3.4vw,2.875rem);line-height:1.25;font-weight:900;color:var(--c2-ink);text-wrap:balance}
.c2-lead{margin:0;font-size:clamp(1rem,1.2vw,1.125rem);line-height:1.85;color:#4a5a4f;text-wrap:pretty}
/* reveal: visible by default; script only holds back items below the fold */
[data-reveal]{transition:opacity .8s var(--c2-ease),transform .8s var(--c2-ease);transition-delay:calc(var(--reveal-order,0)*70ms)}
[data-reveal=wait]{opacity:0;transform:translateY(1.75rem) scale(.98)}
/* now: available today */
.c2-pill{display:inline-flex;align-items:center;gap:.4rem;padding:.25rem .75rem;border-radius:999px;font-size:.8125rem;font-weight:800;letter-spacing:.04em;white-space:nowrap}
.c2-pill-now{background:#e5f1e3;color:#1f5a33;border:1px solid #a9cfa9}
.c2-pill-now:before{content:"";width:.5rem;height:.5rem;border-radius:50%;background:#2f9a52;animation:c2-ping 2.2s ease-out infinite}
.c2-pill-soon{background:#fff4d6;color:#6e4d06;border:1px solid #e9c46a}
/* dark cinematic bands */
.c2-dark:before{content:"";position:absolute;z-index:-1;width:36rem;height:36rem;left:55%;top:-12rem;border-radius:50%;background:radial-gradient(circle,#f6d47a26,transparent 65%);animation:c2-float 14s ease-in-out infinite alternate;pointer-events:none}
.c2-soon-link{display:flex;justify-content:center;width:max-content;max-width:100%;margin:2rem auto 0;font-weight:800}
/* steps */
.c2-how{background:#fff}
.c2-steps{position:relative;list-style:none;margin:0 auto;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2rem;max-width:72rem}
.c2-steps:before{content:"";position:absolute;left:16%;right:16%;top:2.5rem;height:.1875rem;border-radius:999px;background:linear-gradient(90deg,#e3a42a 0%,#f6d47a 25%,#345b3b 50%,#f6d47a 75%,#e3a42a 100%);background-size:200% 100%;animation:c2-flow 5s linear infinite;opacity:.85}
.c2-step{position:relative;display:grid;justify-items:center;gap:.75rem;text-align:center}
.c2-step-number{display:grid;place-items:center;width:4.5rem;height:5.125rem;font-size:1.75rem;font-weight:900;color:#fff;background:linear-gradient(160deg,#f0b43a,#9c6a0f);clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%)}
.c2-step h3{margin:.25rem 0 0;font-size:1.25rem;color:var(--c2-ink)}
.c2-step p{margin:0;max-width:20rem;font-size:1rem;line-height:1.75;color:#4a5a4f}
/* questions */
.c2-questions{background:linear-gradient(180deg,#fff,var(--c2-cream))}
.c2-faq{display:grid;gap:.875rem;max-width:52rem;margin:0 auto}
.c2-faq-item{border:1px solid #eadfc6;border-radius:1rem;background:#fffdf8;transition:border-color .3s,box-shadow .3s}
.c2-faq-item[open]{border-color:#e3a42a;box-shadow:0 .75rem 2rem #3a2a0a14}
.c2-faq-item summary{display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:3.5rem;padding:1rem 1.375rem;font-size:1.125rem;font-weight:800;color:var(--c2-ink);cursor:pointer;list-style:none}
.c2-faq-item summary::-webkit-details-marker{display:none}
.c2-faq-item summary:after{content:"+";display:grid;place-items:center;width:2rem;height:2rem;flex:none;border-radius:50%;background:#fff4d6;color:#6e4d06;font-size:1.375rem;font-weight:700;transition:transform .35s var(--c2-ease),background .3s}
.c2-faq-item[open] summary:after{transform:rotate(45deg);background:#b07812;color:#fff}
.c2-faq-item summary:focus-visible{outline:3px solid #c58d17;outline-offset:2px;border-radius:1rem}
.c2-faq-item p{margin:0;padding:0 1.375rem 1.25rem;font-size:1rem;line-height:1.85;color:#4a5a4f;animation:c2-rise .45s var(--c2-ease)}
/* closing */
.c2-closing{position:relative;isolation:isolate;overflow:hidden;padding:clamp(3.5rem,7vw,6rem) var(--site-gutter,clamp(1.25rem,6vw,6rem));text-align:center;background:var(--c2-hex-light),linear-gradient(120deg,#173f30 0%,#21503a 50%,#6e4d0c 100%)}
.c2-closing-glow{position:absolute;z-index:-1;left:-10%;right:-10%;bottom:-70%;height:120%;background:radial-gradient(closest-side,#f6d47a4d,transparent);animation:c2-float 10s ease-in-out infinite alternate;pointer-events:none}
.c2-closing-inner{display:grid;justify-items:center;gap:1.125rem;max-width:44rem;margin:0 auto}
.c2-closing h2{margin:0;font-size:clamp(1.875rem,3.4vw,2.875rem);line-height:1.3;color:#fff8e6;text-wrap:balance}
.c2-closing p{margin:0;font-size:1.125rem;line-height:1.8;color:#e8eadf}
.c2-closing .button-gold{min-height:3.25rem;padding:0 2.25rem;border-radius:999px;font-size:1.0625rem;font-weight:800;animation:c2-glow 3s ease-in-out infinite}
/* keyframes */
@keyframes c2-rise{from{opacity:0;transform:translateY(1.25rem)}to{opacity:1;transform:none}}
@keyframes c2-shine{0%,100%{background-position:100% 0}50%{background-position:0 0}}
@keyframes c2-marquee{to{transform:translateX(-50%)}}
@keyframes c2-ping{0%{box-shadow:0 0 0 0 #2f9a5288}80%,100%{box-shadow:0 0 0 .5rem #2f9a5200}}
@keyframes c2-float{from{transform:translate3d(0,0,0)}to{transform:translate3d(-6%,8%,0)}}
@keyframes c2-hover{0%,100%{transform:translateY(0)}50%{transform:translateY(-.625rem)}}
@keyframes c2-flow{to{background-position:-200% 0}}
@keyframes c2-glow{0%,100%{box-shadow:0 .5rem 1.5rem #e3a42a55}50%{box-shadow:0 .5rem 2.5rem #f6d47aa6}}
/* responsive */
@media(max-width:47.5rem){
 #main>.c2-ribbon{margin:0 -16px}
 .c2-steps{grid-template-columns:minmax(0,1fr)}
 .c2-steps{gap:1.75rem}.c2-steps:before{left:2.25rem;right:auto;top:2.5rem;bottom:2.5rem;width:.1875rem;height:auto;background-size:100% 200%}
 .c2-step{grid-template-columns:auto minmax(0,1fr);justify-items:start;text-align:left;column-gap:1rem}
 .c2-step-number{grid-row:span 2}
 .c2-step h3{margin:0;align-self:end}
 #main>.c2-section,#main>.c2-closing{margin:12px -16px;padding:2.25rem 16px;border-radius:0}
 #main>.c2-step,#main>.c2-faq-item{margin:12px 0}
 #main>.c2-step{display:grid;grid-template-columns:auto minmax(0,1fr);list-style:none;background:#fff;padding:14px 18px;border-radius:12px}
 #main>.c2-heading{margin:1.25rem auto .75rem}
 .c2-faq-item summary{font-size:1.0625rem}
}
@media(prefers-reduced-motion:reduce){
 .c1-hero-content>*,.c1-hero-title em,.c2-ribbon-track,.c2-pill-now:before,.c2-dark:before,.c2-steps:before,.c2-closing-glow,.c2-closing .button-gold,.c2-faq-item p{animation:none}
 .c2-ribbon-track{width:auto}.c2-ribbon-row{flex-wrap:wrap;row-gap:.5rem}.c2-ribbon-row[aria-hidden]{display:none}
 [data-reveal]{transition:none}
}
@media(forced-colors:active){.c3-tile,.c3-node,.c2-faq-item{border:1px solid CanvasText}.c1-hero-title em{color:Highlight;background:none}}

/* Home v3 2026-10-23 (Owner: world-class brand, photo-led, varied light, not uniform cards).
   Section moods change: dawn photo hero → warm cream bento → night story → meadow chain → honey closing. */
:root{--c3-meadow:#eef3e4;--c3-amber:#b87512}
.c3-photo{position:absolute;inset:0;z-index:-1;width:100%;height:100%;object-fit:cover;transition:transform 1.2s var(--c2-ease)}
/* bento */
.c3-now{background:radial-gradient(60rem 30rem at 85% 0%,#f8e7b866,transparent 60%),var(--c2-cream)}
.c3-bento{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:repeat(3,minmax(15rem,auto));gap:1rem;max-width:84rem;margin:0 auto}
.c3-tile{position:relative;isolation:isolate;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end;min-height:15rem;padding:1.75rem;border-radius:1.5rem;background:#21402f;color:#fff8e6;box-shadow:0 1rem 2.5rem #2a1d0626}
.c3-tile:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,#0c1d1600 30%,#0c1d16d9 100%)}
.c3-tile:hover .c3-photo{transform:scale(1.06)}
.c3-tile-a{grid-column:1/3;grid-row:1/3}
.c3-tile-b{grid-column:3/5;grid-row:1}
.c3-tile-c{grid-column:3;grid-row:2/4}
.c3-tile-d{grid-column:4;grid-row:2}
.c3-tile-words{grid-column:4;grid-row:3;background:linear-gradient(160deg,#2b1c05,#6e4a0c);justify-content:space-between}
.c3-tile-more{grid-column:1/3;grid-row:3;background:#fffdf8;color:var(--c2-ink);border:1px solid #eadfc6;box-shadow:none;justify-content:center}
.c3-tile-words:after,.c3-tile-more:after{display:none}
.c3-tile-copy{display:grid;gap:.5rem;justify-items:start;max-width:34rem}
.c3-tile h3{margin:0;font-size:clamp(1.375rem,2vw,2rem);line-height:1.25;font-weight:900;text-wrap:balance}
.c3-tile-a h3{font-size:clamp(1.875rem,3.2vw,3rem)}
.c3-tile p{margin:0;font-size:1rem;line-height:1.7;color:#f1ead8;text-wrap:pretty}
.c3-tile-more h3{color:var(--c2-ink);font-size:clamp(1.25rem,1.8vw,1.625rem)}
.c3-voices{list-style:none;margin:1rem 0 0;padding:0;display:flex;flex-wrap:wrap;gap:.375rem}
.c3-voices li{padding:.25rem .625rem;border:1px solid #f6d47a66;border-radius:999px;font-size:.8125rem;font-weight:700;color:var(--c2-gold-soft)}
.c3-more{list-style:none;margin:1rem 0 0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.625rem 1.5rem}
.c3-more li{display:flex;align-items:center;gap:.625rem;font-size:1.0625rem;font-weight:800;color:var(--c2-ink)}
.c3-more li:before{content:"";width:.75rem;height:.85rem;flex:none;background:var(--c2-gold);clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%)}
/* scroll story */
.c3-story.c2-dark{isolation:isolate;overflow:clip;display:grid;grid-template-columns:minmax(0,1fr) minmax(16rem,26rem);gap:clamp(2rem,6vw,6rem);align-items:start;background:var(--c2-hex),radial-gradient(42rem 26rem at 12% 20%,#e3a42a2e,transparent 65%),radial-gradient(40rem 30rem at 92% 90%,#3e7a5333,transparent 65%),linear-gradient(160deg,var(--c2-night),var(--c2-night-2));padding-block:clamp(4rem,8vw,7rem)}
.c3-story-copy{display:grid;gap:2rem;max-width:40rem;justify-self:end}
.c3-story-head h2{margin:0 0 1rem;font-size:clamp(2.25rem,4vw,3.5rem);line-height:1.15;font-weight:900;color:#fff8e6;text-wrap:balance}
.c3-story-head p{margin:0;white-space:pre-line;font-size:1.125rem;line-height:1.8;color:#d6dccf}
.c3-story-steps{list-style:none;margin:0;padding:0;display:grid;gap:0}
.c3-story-step{min-height:clamp(18rem,56vh,34rem);display:grid;align-content:center;gap:.75rem;padding-block:2rem;border-top:1px solid #f6d47a2e}
.c3-story-step h3{margin:0;font-size:clamp(1.625rem,2.6vw,2.375rem);color:#fff8e6}
.c3-story-step p{margin:0;font-size:1.125rem;line-height:1.8;color:#cfd7ca;max-width:30rem}
.c3-story .c1-show-script{color:var(--c2-gold-soft)}
.c3-device{position:sticky;top:calc(env(safe-area-inset-top,0px) + clamp(4rem,12vh,7rem));justify-self:start;width:min(100%,22rem)}
.c3-device-frame{position:relative;aspect-ratio:853/1844;max-height:min(76vh,46rem);border:.5rem solid #0a1510;border-radius:2.5rem;overflow:hidden;background:#0a1510;box-shadow:0 0 0 1px #e3a42a55,0 2rem 4rem #000b,0 0 4rem #e3a42a33}
.c3-device .c3-screen{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:top;opacity:0;transform:scale(1.04);transition:opacity .7s var(--c2-ease),transform .9s var(--c2-ease)}
.c3-story[data-screen=home] .c3-screen[data-screen=home],.c3-story[data-screen=apiaries] .c3-screen[data-screen=apiaries],.c3-story[data-screen=inspection] .c3-screen[data-screen=inspection],.c3-story:not([data-screen]) .c3-screen[data-screen=home]{opacity:1;transform:none}
.c3-step-device{display:none}
/* value chain */
.c3-chain-section{isolation:isolate;overflow:hidden;background:var(--c2-hex),radial-gradient(50rem 24rem at 50% 0%,#ffffffcc,transparent 70%),linear-gradient(180deg,#eef3e4,#e2ebd4)}
.c3-chain{position:relative;list-style:none;margin:0 auto;padding:0;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:2.5rem 1rem;max-width:80rem}
.c3-node{position:relative;display:grid;justify-items:center;gap:.5rem;text-align:center}
.c3-node:before{content:"";position:absolute;top:1.375rem;left:calc(50% + 1.5rem);right:calc(-50% + 1.5rem);height:.1875rem;border-radius:999px;background:#c9c2a8}
.c3-node:nth-child(6n):before,.c3-node:last-child:before{display:none}
.c3-node-open:before{background:linear-gradient(90deg,#e3a42a,#f6d47a,#e3a42a);background-size:200% 100%;animation:c2-flow 3s linear infinite}
.c3-node-dot{display:grid;place-items:center;width:2.75rem;height:3.125rem;background:#c9c2a8;clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%)}
.c3-node-open .c3-node-dot{background:linear-gradient(160deg,#f6d47a,#c58d17);filter:drop-shadow(0 0 .75rem #e3a42a99)}
.c3-node-name{font-size:1.0625rem;font-weight:800;line-height:1.4;color:var(--c2-ink);text-wrap:balance}
.c3-node-soon .c3-node-name{color:#5d6b62}
/* closing over honey photo */
.c3-closing{background:#2b1c05}
.c3-closing-photo{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover;object-position:72% 45%;transform:scale(1.05)}
.c3-closing{min-height:clamp(26rem,42vw,36rem);display:grid;place-items:center}
.c3-closing:before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(34rem 16rem at 50% 50%,#1b120499,#1b120400 75%),linear-gradient(180deg,#1b120400 40%,#1b120466)}
.c3-closing .c2-closing-inner{max-width:46rem}
.c3-closing h2{font-size:clamp(2.25rem,4.6vw,4rem);text-shadow:0 .25rem 2rem #000a}
.c3-closing p{text-shadow:0 .125rem 1rem #000a}
/* responsive */
@media(max-width:75rem){.c3-chain{grid-template-columns:repeat(4,minmax(0,1fr))}.c3-node:nth-child(6n):before{display:block}.c3-node:nth-child(4n):before{display:none}}
@media(max-width:62rem){
 .c3-bento{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:none}
 .c3-tile-a,.c3-tile-b,.c3-tile-more{grid-column:1/-1;grid-row:auto}
 .c3-tile-c,.c3-tile-d{grid-column:auto;grid-row:auto}
 .c3-tile-words{grid-column:1/-1;grid-row:auto}
 .c3-tile-a{min-height:24rem}
}
/* 平板（含橫向）與手機：捲動敘事改成每段附圖。 */
@media(max-width:62rem),(hover:none) and (max-width:82rem){
 .c3-story.c2-dark{grid-template-columns:1fr}
 .c3-story-copy{justify-self:stretch;max-width:none}
 .c3-device{display:none}
 .c3-story-step{min-height:0;grid-template-columns:minmax(0,1fr) minmax(8rem,14rem);grid-template-rows:1fr auto auto 1fr;align-content:stretch;column-gap:2rem;row-gap:.75rem}
 .c3-story-step>h3{grid-column:1;grid-row:2}
 .c3-story-step>p{grid-column:1;grid-row:3}
 .c3-step-device{display:block;grid-column:2;grid-row:1/5;aspect-ratio:853/1844;max-height:26rem;border:.375rem solid #0a1510;border-radius:1.75rem;overflow:hidden;box-shadow:0 1rem 2rem #000a}
 .c3-step-device .c3-screen{width:100%;height:100%;object-fit:cover;object-position:top}
}
@media(max-width:47.5rem){
 .c3-bento{grid-template-columns:minmax(0,1fr)}
 .c3-tile{min-height:16rem;padding:1.375rem}
 .c3-tile-a{min-height:20rem}
 .c3-more{grid-template-columns:minmax(0,1fr)}
 #main>.c3-tile{margin:12px 0}
 .c3-story-step{grid-template-columns:minmax(0,1fr) 7.5rem;column-gap:1rem}
 .c3-chain{grid-template-columns:minmax(0,1fr);gap:1rem}
 .c3-node{grid-template-columns:auto minmax(0,1fr) auto;justify-items:start;align-items:center;text-align:left;column-gap:.875rem}
 .c3-node:before{top:3.125rem;bottom:-1rem;left:1.25rem;right:auto;width:.1875rem;height:auto;display:block!important}
 .c3-node:last-child:before{display:none!important}
 #main>.c3-node{margin:8px 0;padding:10px 14px;background:#fff;border-radius:12px}
 #main>.c3-node:before{display:none!important}
 #main>.c3-tile,#main>.c3-story-step{margin:12px 0}
 #main>.c3-story-step{background:var(--c2-night);color:#fff8e6;padding:18px;border-radius:12px}
}
@media(prefers-reduced-motion:reduce){.c3-photo,.c3-device .c3-screen{transition:none}.c3-tile:hover .c3-photo{transform:none}.c3-node-open:before{animation:none}}

/* Shared site blocks v3 (every page): photo capability tiles, dark story bands, photo callout. */
.capability-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}
.capability{position:relative;isolation:isolate;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end;gap:.75rem;min-height:18rem;padding:1.5rem;border:0;border-radius:1.25rem;background:#21402f;color:#fff8e6;text-decoration:none;box-shadow:0 1rem 2.25rem #2a1d0626;transition:transform .35s var(--c2-ease),box-shadow .35s}
.capability:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,#0c1d1600 25%,#0c1d16e0 100%)}
.capability-photo{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover;transition:transform 1.2s var(--c2-ease)}
.capability:hover{transform:translateY(-.375rem);box-shadow:0 1.5rem 3rem #2a1d0640}
.capability:hover .capability-photo{transform:scale(1.06)}
.capability-icon{display:grid;place-items:center;width:2.75rem;height:3.125rem;color:#1b1404;background:linear-gradient(160deg,#f6d47a,#c58d17);clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%)}
.capability-icon svg{width:1.375rem;height:1.375rem}
.capability-copy{display:grid;gap:.375rem}
.capability h3{margin:0;font-size:clamp(1.25rem,1.8vw,1.625rem);font-weight:900;color:#fff8e6}
.capability p{margin:0;font-size:1rem;line-height:1.7;color:#ece5d2}
.capability-section,.feature-capability-index{background:var(--c2-cream)}
.trust-section{position:relative;isolation:isolate;overflow:hidden;background:var(--c2-hex),radial-gradient(40rem 24rem at 10% 10%,#e3a42a26,transparent 65%),linear-gradient(160deg,var(--c2-night),var(--c2-night-2));color:#fff8e6}
.trust-section h2{color:#fff8e6;font-size:clamp(1.5rem,2.4vw,2.125rem)}
.trust-section p{color:#cfd7ca}
.editorial-feature-devices{position:relative;isolation:isolate;background:var(--c2-hex),radial-gradient(42rem 26rem at 12% 20%,#e3a42a2e,transparent 65%),linear-gradient(160deg,var(--c2-night),var(--c2-night-2))}
.editorial-feature-devices .section-heading h2{color:#fff8e6}
.editorial-feature-devices .section-heading p,.editorial-feature-devices figcaption{color:#cfd7ca}
.editorial-feature-devices .product-preview-title{color:var(--c2-gold-soft)}
.editorial-feature-devices .product-device-label{color:#e8eadf}
.editorial-feature-devices .product-device-frame{border-color:#0a1510;box-shadow:0 0 0 1px #e3a42a55,0 1.5rem 3rem #000a,0 0 3rem #e3a42a33}
.editorial-feature-devices .product-screen-controls button{background:#ffffff12;color:#f3ead2;border-color:#e3a42a66}
.editorial-feature-devices .product-screen-controls button[aria-pressed=true]{background:var(--c2-gold);color:#1b1404;border-color:var(--c2-gold)}
.brand-callout{position:relative;isolation:isolate;overflow:hidden;min-height:clamp(20rem,30vw,26rem);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.25rem;text-align:center;background:#1b1204;color:#fff8e6}
.brand-callout-photo{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover;object-position:50% 40%}
.brand-callout:is([data-photo="about"],[data-photo="solutions"]) .brand-callout-photo{object-position:50% 100%}
.brand-callout:before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(34rem 16rem at 50% 50%,#0c1d16b3,#0c1d1633 75%),linear-gradient(180deg,#0c1d1633,#0c1d1699)}
.brand-callout-copy{display:grid;gap:.75rem;max-width:44rem}
.brand-callout h2{margin:0;font-size:clamp(1.875rem,3.6vw,3rem);color:#fff8e6;text-shadow:0 .25rem 1.5rem #000a}
.brand-callout p{margin:0;color:#ece5d2;text-shadow:0 .125rem 1rem #000a}
@media(max-width:62rem){.capability-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:47.5rem){.capability-grid{grid-template-columns:minmax(0,1fr)}.capability{min-height:15rem}#main>.capability{margin:12px 0}}
@media(prefers-reduced-motion:reduce){.capability,.capability-photo{transition:none}.capability:hover,.capability:hover .capability-photo{transform:none}}

/* Topic index as a magazine contents page: large gold numerals, large titles, arrow on hover (Owner 2026-10-23). */
.core-guide{background:var(--c2-cream)}
.core-guide>h2{font-size:clamp(1.875rem,3vw,2.625rem);font-weight:900;color:var(--c2-ink)}
.core-guide-list{list-style:none;margin:2rem 0 0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 clamp(2rem,5vw,4rem)}
.core-guide-list li,#main>li:has(>.site-topic-link){display:block;list-style:none;min-width:0;padding:0;border-bottom:1px solid #e3d6b4}
.site-topic-link{display:grid;grid-template-columns:4.5rem minmax(0,1fr) auto;align-items:center;gap:1rem;min-height:4.75rem;padding:.75rem .5rem;font-size:clamp(1.0625rem,1.4vw,1.3125rem);font-weight:800;line-height:1.4;color:var(--c2-ink);text-decoration:none;transition:background .25s,padding .3s var(--c2-ease)}
.site-topic-link:before{content:attr(data-topic-number);font-size:clamp(1.75rem,2.6vw,2.5rem);font-weight:900;line-height:1;color:transparent;background:linear-gradient(160deg,#e8b13a,#a5700f);-webkit-background-clip:text;background-clip:text}
.site-topic-link:after{content:"→";font-size:1.25rem;color:#b07812;opacity:0;transform:translateX(-.5rem);transition:opacity .25s,transform .3s var(--c2-ease)}
.site-topic-link:hover,.site-topic-link:focus-visible{background:#fff6dd;padding-left:1rem}
.site-topic-link:hover:after,.site-topic-link:focus-visible:after{opacity:1;transform:none}
@media(max-width:47.5rem){.core-guide-list{grid-template-columns:minmax(0,1fr)}.site-topic-link{grid-template-columns:3.25rem minmax(0,1fr) auto;min-height:4rem}.site-topic-link:after{opacity:1;transform:none}#main>li:has(>.site-topic-link){margin:0;padding:0;background:transparent;border-radius:0;border-bottom:1px solid #e3d6b4}}
@media(prefers-reduced-motion:reduce){.site-topic-link,.site-topic-link:after{transition:none}}
.brand-callout-plain{background:var(--c2-hex),radial-gradient(40rem 20rem at 50% 0%,#e3a42a33,transparent 70%),linear-gradient(160deg,var(--c2-night),var(--c2-night-2))}
.brand-callout-plain:before{display:none}

/* Role cards (產業方案) as full photo tiles, same language as the capability tiles. */
.audience-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}
.audience-card{position:relative;isolation:isolate;overflow:hidden;min-height:24rem;display:flex;flex-direction:column;justify-content:flex-end;gap:.5rem;padding:1.5rem;border:0;border-radius:1.25rem;background:#21402f;color:#fff8e6;box-shadow:0 1rem 2.25rem #2a1d0626;transition:transform .35s var(--c2-ease),box-shadow .35s}
.audience-card:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,#0c1d1600 20%,#0c1d16e6 100%)}
.audience-card:hover{transform:translateY(-.375rem);box-shadow:0 1.5rem 3rem #2a1d0640}
.audience-card .audience-art{position:absolute;inset:0;z-index:-2;height:auto;margin:0;border-radius:0;background:none}
.audience-card .audience-art img{width:100%;height:100%;object-fit:cover;transition:transform 1.2s var(--c2-ease)}
.audience-card:hover .audience-art img{transform:scale(1.06)}
.audience-card .audience-art svg{position:absolute;left:1.5rem;top:1.5rem;width:2.75rem;height:3.125rem;padding:.75rem .65rem;color:#1b1404;background:linear-gradient(160deg,#f6d47a,#c58d17);clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%)}
.audience-card h2{margin:0;padding:0;font-size:clamp(1.375rem,2vw,1.75rem);font-weight:900;color:#fff8e6}
.audience-card p{margin:0;padding:0;font-size:1rem;line-height:1.7;color:#ece5d2}
.audience-card .text-link{align-self:flex-start;margin:.5rem 0 0;padding:0;color:var(--c2-gold-soft);font-weight:800;border:0}
@media(max-width:62rem){.audience-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:47.5rem){.audience-grid{grid-template-columns:minmax(0,1fr)}.audience-card{min-height:20rem}#main>.audience-card{margin:12px 0;padding:1.375rem}}
@media(prefers-reduced-motion:reduce){.audience-card,.audience-card .audience-art img{transition:none}.audience-card:hover,.audience-card:hover .audience-art img{transform:none}}

/* Contact page: next steps as framed choices inside the page gutter; About: principles as cards. */
.support-next{display:grid;gap:1.5rem;background:var(--c2-cream)}
.support-next .pilot-site-links{grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}
.support-next .pilot-site-links a{display:flex;align-items:center;justify-content:space-between;gap:.75rem;min-height:4.5rem;padding:1rem 1.25rem;border:1px solid #e3d6b4;border-radius:1rem;background:#fffdf8;color:var(--c2-ink);font-weight:800;text-decoration:none;transition:border-color .25s,transform .3s var(--c2-ease),box-shadow .3s}
.support-next .pilot-site-links a:after{content:"→";color:#b07812}
.support-next .pilot-site-links a:hover,.support-next .pilot-site-links a:focus-visible{border-color:#e3a42a;transform:translateY(-.125rem);box-shadow:0 .75rem 1.5rem #3a2a0a14}
.support-form-entry{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem;padding:1.5rem;border-radius:1.25rem;background:linear-gradient(120deg,#173f30,#21503a);color:#fff8e6}
.support-form-entry p{margin:0;max-width:40rem;color:#e8eadf}
.editorial-values .values-grid article{display:grid;justify-items:center;gap:.75rem;padding:1.5rem 1rem;border-radius:1.25rem;background:#fffdf8;border:1px solid #eadfc6;box-shadow:0 .5rem 1.25rem #3a2a0a0d}
.editorial-values .values-grid svg{width:3rem;height:3.375rem;padding:.75rem;border-radius:0;color:#1b1404;background:linear-gradient(160deg,#f6d47a,#c58d17);clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%)}
.editorial-values .values-grid h3{margin:0;font-size:1.125rem;font-weight:800;color:var(--c2-ink)}
@media(max-width:62rem){.support-next .pilot-site-links{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:47.5rem){.support-next .pilot-site-links{grid-template-columns:minmax(0,1fr)}}
.pilot-send-result{display:grid;gap:.5rem}
.pilot-receipt{margin:0;padding:.75rem 1rem;border:2px dashed #c58d17;border-radius:.75rem;background:#fff6dd;font:800 clamp(1rem,2.4vw,1.375rem)/1.4 ui-monospace,Consolas,monospace;letter-spacing:.02em;color:#173f30;overflow-wrap:anywhere;user-select:all}

/* Topic pages: previous / next as large cards around the index button. */
.feature-topic-pagination{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:stretch;gap:1rem;padding-block:2rem;background:var(--c2-cream)}
.feature-topic-pagination>a.text-link{display:flex;align-items:center;min-height:5rem;padding:1rem 1.25rem;border:1px solid #e3d6b4;border-radius:1rem;background:#fffdf8;color:var(--c2-ink);font-size:1.0625rem;font-weight:800;text-decoration:none;transition:border-color .25s,transform .3s var(--c2-ease)}
.feature-topic-pagination>a[rel=prev]{justify-content:flex-start;text-align:left}
.feature-topic-pagination>a[rel=next]{justify-content:flex-end;text-align:right;grid-column:3}
.feature-topic-pagination>a.text-link:hover{border-color:#e3a42a;transform:translateY(-.125rem)}
.feature-topic-pagination>.button{align-self:center;white-space:nowrap}
@media(max-width:47.5rem){.feature-topic-pagination{grid-template-columns:minmax(0,1fr)}.feature-topic-pagination>a[rel=next]{grid-column:auto}.feature-topic-pagination>.button{order:3;justify-self:center}}
/* Pilot and legal pages keep the calm document panel (Owner 2026-10-22) with a light brand ground. */
#main:has(>.pilot-site-panel){background:var(--c2-hex),radial-gradient(60rem 24rem at 50% 0%,#f8e7b855,transparent 70%),var(--c2-cream)}
#main>.pilot-site-panel{border:1px solid #eadfc6;border-top:4px solid var(--c2-gold);border-radius:1.25rem;box-shadow:0 1rem 2.5rem #3a2a0a14;background:#fffdf8}
.pilot-site-panel h1{color:var(--c2-ink);font-weight:900}
/* Application FAQ: one complete question per phone reading page, with a real
   opaque return target; shared public typography and other pages stay intact. */
#main>.pilot-faq-back{display:inline-flex;align-items:center;min-height:44px;padding:.5rem .75rem;background:#fffdf8;color:#173f30;border:1px solid #eadfc6;border-radius:.5rem}
.pilot-faq-pagination{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.75rem;margin-top:1rem}
.pilot-faq-pagination>a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;min-width:44px}
.pilot-faq-position{flex:1;text-align:center}
/* 手機分段時拆開的深色段落：保留深色底，上下留白收小。 */
.c2-dark.site-piece{padding-block:1.5rem}
/* 程式畫好頁面前先留一整屏空位，頁尾不會先閃在畫面中間。 */
#main:not([data-site-path]){min-height:100vh}
/* 手機分段：深色段落和白底卡片同樣圓角與間距。 */
#main>.trust-section,#main>.c2-dark.site-piece{margin:12px 0;border-radius:12px}