/* Apple-inspired product presentation. Native CSS, not an Apple UI framework.
   One visual system over the existing section grids and native demonstrations. */
body.apple-finish{
 --ink:#1d1d1f;--mut:#68686d;--line:#dedee3;--bg:#fff;--wash:#f5f5f7;--acc:#0071e3;
 --product-paper:#f5f5f7;--product-edge:#dedee3;--product-blue:#0071e3;
 --studio-bg:#202124;--studio-panel:#292a2e;--studio-edge:#3c3d42;
 --studio-text:#f5f5f7;--studio-muted:#b0b1ba;
 --ease-settle:cubic-bezier(.16,1,.3,1);--ease-travel:cubic-bezier(.4,0,.2,1);
 --radius-panel:24px;--radius-control:8px;
 font-family:-apple-system,BlinkMacSystemFont,"Helvetica Neue",Arial,sans-serif;
 font-weight:400;color:var(--ink);background:var(--bg);
}
.apple-finish h1,.apple-finish h2,.apple-finish h3,.apple-finish h4{
 font-family:inherit;font-weight:600;text-wrap:balance;
}
.apple-finish .section{padding:96px 0}
.apple-finish .section h2{font-size:clamp(36px,4.3vw,52px);line-height:1.08;letter-spacing:-.045em;margin-bottom:24px}
.apple-finish .section .sub{font-size:20px;line-height:1.55;color:var(--mut);text-wrap:pretty}
.apple-finish .section .kicker,.apple-finish .feat-copy .num,.apple-finish .tool-label{
 font-size:14px;font-weight:500;color:var(--mut);letter-spacing:0;text-transform:none;
}
.apple-finish .kicker{margin-bottom:18px}
.apple-finish .section.alt,.apple-finish .quick-section,.apple-finish .release-section{
 background:var(--product-paper);border:0;
}
.apple-finish .faq-section,.apple-finish .workflow-section,.apple-finish .demo,.apple-finish .gal{background:#fff;border:0}
.apple-finish .btn{font-weight:500;border-radius:980px;box-shadow:none;min-height:44px;padding:11px 22px;transition:background-color 180ms ease,color 180ms ease,border-color 180ms ease}
.apple-finish .btn-dark{background:var(--product-blue);color:#fff}
.apple-finish .btn-dark:hover{background:#0077ed}
.apple-finish .nav-cta .btn{min-height:36px;padding:7px 16px;font-size:13px}
.apple-finish .nav-on-hero:not(.nav-at-top){background:#161617ed;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-color:#ffffff0d}
.apple-finish .nav-on-hero nav a{font-size:13px;font-weight:400;color:#d2d2d7}
.apple-finish .nav-on-hero nav a:hover,.apple-finish .nav-on-hero nav a[aria-current="location"]{color:#fff}
.apple-finish .brand{font-weight:600;letter-spacing:-.025em}

/* Hero: the product remains the visual anchor; particles stay behind the copy. */
.apple-finish .hero{background:radial-gradient(ellipse at 65% 95%,#18344e 0,transparent 62%),#090b10}
.apple-finish .hero::before,.apple-finish .hero::after{opacity:.08}
.apple-finish .hero h1{font-size:clamp(54px,6.2vw,84px);line-height:1.035;letter-spacing:-.055em;margin-bottom:28px}
.apple-finish .hero-title-accent{color:#74b6fb;-webkit-text-fill-color:#74b6fb}
.apple-finish .hero .kicker{color:#b6bbc5;font-size:15px;letter-spacing:0;text-transform:none}
.apple-finish .hero .lede{font-size:21px;line-height:1.5;color:#bfc5d0;max-width:29em;margin-bottom:30px;text-wrap:pretty}
.apple-finish .hero .btn-ghost{background:transparent;border-color:#46586e;color:#c8e0ff}
.apple-finish .hero .btn-ghost:hover{border-color:#8bacd1;background:#ffffff08}
.apple-finish .hero-requirements{font-size:13px;color:#a6adbb}
.apple-finish .hero .shot-photo::before{opacity:.25}
/* Fit the frame to the app window, excluding the screenshot's black canvas. */
.apple-finish .hero .shot-photo .screenshot-link{overflow:hidden;border-radius:16px 16px 0 0;box-shadow:0 30px 75px -30px #0009,0 0 0 1px #ffffff20}
.apple-finish .hero .shot-photo img{width:108.028674%;max-width:none;transform:translate(-3.716%, -3.204047%);border:0;border-radius:0;box-shadow:none}
@media(max-width:600px){
.apple-finish .hero .shot-photo .screenshot-link{border-radius:12px 12px 0 0}}
.apple-finish .workflow-summary{background:#fff;border-color:var(--line)}
.apple-finish .workflow-summary .proof .proof-symbol{background:none;border:0;color:var(--product-blue);box-shadow:none}
.apple-finish .workflow-summary .proof li+li{border-color:var(--line)}
.apple-finish .workflow-summary .proof b{font-weight:600;letter-spacing:-.02em}
.apple-finish .workflow-summary .proof .proof-copy>span{font-size:13px;color:var(--mut)}
.apple-finish .workflow-summary .proof .proof-arrow{color:#86868b}

/* Quick Search: a single, generous stage with quiet, readable controls. */
.apple-finish .quick-copy h2{font-size:clamp(38px,4.8vw,60px);max-width:15em;margin:0 auto 28px}
.apple-finish .quick-copy .sub{max-width:30em;margin:22px auto 0}
.apple-finish .quick-shortcut kbd{background:#fff;color:var(--ink);border:1px solid #d2d2d7;box-shadow:0 1px 2px #00000006;border-radius:7px}
.apple-finish .quick-shortcut>span,.apple-finish .quick-benefits li>span{color:var(--mut);font-size:14px}
.apple-finish .quick-benefits{margin-top:32px;margin-bottom:24px}
.apple-finish .quick-benefits b{font-size:15px;font-weight:600;color:var(--ink)}
.apple-finish .quick-copy .micro{font-size:13px;color:var(--mut);max-width:48em;margin-inline:auto}
.apple-finish .quick-section .quick-grid{gap:40px}
.apple-finish .quick-demo .quick-scene{background:#e9ebef;border:1px solid #dfe1e7;border-radius:var(--radius-panel);box-shadow:inset 0 1px 0 #fff;padding:24px}
.apple-finish .quick-demo .video-editor{box-shadow:0 18px 34px -22px #0a102b80;border-color:#ffffff0d}
.apple-finish .quick-demo .quick-panel{--modal-open-dur:560ms;--modal-close-dur:320ms;transition:transform 560ms var(--ease-settle),opacity 240ms ease}
.apple-finish .quick-demo .quick-panel.is-closing{transition:transform 320ms var(--ease-travel),opacity 280ms ease}
.apple-finish .quick-demo .quick-selection{transition:transform 420ms var(--ease-settle),height 420ms var(--ease-settle),background-color 240ms ease}
.apple-finish .quick-demo .walkthrough-cursor{transition:transform 680ms var(--ease-settle),opacity 220ms ease}
.apple-finish .quick-animation-toolbar{padding-top:16px;min-height:60px}
.apple-finish .quick-animation-step{font-size:14px;color:#4f5664}
.apple-finish .quick-demo figcaption{font-size:12px;color:var(--mut);line-height:1.65;max-width:65em;margin:12px auto 0}
.apple-finish .quick-animation-controls button,.apple-finish .fx-demo-controls button,.apple-finish .voice-animation-controls button{
 min-height:36px;padding:6px 12px;font:inherit;font-size:12px;font-weight:500;border:1px solid var(--product-edge);border-radius:var(--radius-control);background:#fff;color:#4f5664;cursor:pointer;
 transition:background-color 180ms ease,border-color 180ms ease,color 180ms ease;
}
.apple-finish .quick-animation-controls button:hover{background:#fff;border-color:#9fa5af;color:var(--ink)}
.apple-finish .quick-animation-sound[aria-pressed="true"]{background:#e5effb;border-color:#aecbec;color:#0059b5}
.apple-finish code{background:#ececf0;border-color:#dddde3;color:#565a63;border-radius:5px}

/* Search sample: one search surface, rather than a stack of unrelated cards. */
.apple-finish .demo>.wrap>.sub{max-width:760px}
.apple-finish .demo-box{background:var(--product-paper);border-color:transparent;border-radius:var(--radius-panel);box-shadow:none;padding:32px;margin-top:32px}
.apple-finish .demo-box::before{display:none}
.apple-finish .demo-search{background:#fff;border-color:#d9d9df;border-radius:10px;box-shadow:0 2px 6px #00000004;padding:14px 16px}
.apple-finish .demo-search input{color:var(--ink);min-width:0;font:inherit;font-size:17px}
.apple-finish .demo-count{font-size:12px;color:var(--mut)}
.apple-finish .demo-queries{gap:8px;margin:16px 0}
.apple-finish .demo-queries button{min-height:36px;background:transparent;border-color:#d5d5dc;color:#505057;font-size:13px;font-weight:400}
.apple-finish .demo-queries button.on{background:#fff;border-color:#8db3df;color:#0059b5;box-shadow:none}
.apple-finish .demo-rows{gap:4px;min-height:224px}
.apple-finish .demo-rows li{background:transparent;border:1px solid transparent;border-radius:8px;padding:12px;font-size:15px}
.apple-finish .demo-rows li.hit{background:#fff;border-color:#b1c7e4;box-shadow:0 2px 4px #00000003}
.apple-finish .demo-rows li b{font-weight:500}
.apple-finish .demo-rows li .tag{background:none;border:0;color:var(--mut);font-size:12px}
.apple-finish .demo-box>.micro{font-size:13px;color:var(--mut);margin:24px 0 0}
@media(max-width:600px){
.apple-finish .demo-box{padding:20px;margin-top:24px}
.apple-finish .demo-rows{min-height:224px}}

/* Features: generous white panels, with one graphite language for product UI. */
.apple-finish .feat{gap:28px;margin-top:40px}
.apple-finish .feat .feat-primary,.apple-finish .feat .feat-editor,.apple-finish .feat .voice-spotlight{
 background:#fff;border:0;border-radius:var(--radius-panel);box-shadow:none;padding:44px;gap:40px;
}
.apple-finish .feat-copy h3{font-size:clamp(28px,3vw,36px);line-height:1.12;letter-spacing:-.04em;margin:14px 0 20px}
.apple-finish .feat-copy p{font-size:17px;line-height:1.6;color:var(--mut);text-wrap:pretty;margin-bottom:16px}
.apple-finish .feat-copy .payoff{font-size:15px;font-weight:500;color:#35353b}
.apple-finish .project-diagram,.apple-finish .feat-primary .fx-demo{
 background:var(--studio-bg);border:1px solid var(--studio-edge);color:var(--studio-text);border-radius:16px;padding:24px;box-shadow:0 16px 36px -28px #0a102b80;
}
.apple-finish .project-diagram-head>span{font-size:11px;letter-spacing:.04em;color:var(--studio-muted)}
.apple-finish .project-diagram-head b{font-size:22px;font-weight:600;color:var(--studio-text);letter-spacing:-.03em}
.apple-finish .project-stages{gap:5px;flex-wrap:wrap;margin:20px 0}
.apple-finish .project-stages li{background:#303137;color:var(--studio-muted);font-size:10px;border-radius:5px;padding:5px 8px}
.apple-finish .project-stages li.current{background:#36649a;color:#eef5ff}
.apple-finish .project-cue{background:var(--studio-panel);border-color:var(--studio-edge);color:var(--studio-muted);padding:16px;font-size:12px}
.apple-finish .project-cue b{font-size:13px;color:var(--studio-text);font-weight:500}
.apple-finish .project-sound-list{list-style:none;padding:0;margin:4px 0 0}
.apple-finish .project-sound-list li{display:flex;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid var(--studio-edge)}
.apple-finish .project-sound-list li:last-child{border:0}
.apple-finish .project-sound-list b{display:block;font-size:12px;font-weight:500;color:var(--studio-text)}
.apple-finish .project-sound-list small{display:block;font-size:10px;color:var(--studio-muted)}
.apple-finish .project-sound-wave{display:flex;align-items:center;gap:2px;height:24px;margin-left:auto;flex:none}
.apple-finish .project-sound-wave i{display:block;width:2px;height:var(--h);border-radius:1px;background:#92a6bf}
.apple-finish .project-fields{font-size:10px;color:var(--studio-muted);border-color:var(--studio-edge)}
.apple-finish .library-tools{padding:20px 0}
.apple-finish .library-tools-heading h3{font-size:28px;letter-spacing:-.03em;line-height:1.2}
.apple-finish .library-tools-heading p:last-child,.apple-finish .library-tools-grid p{font-size:15px;color:var(--mut);line-height:1.65}
.apple-finish .library-tools-grid article{border-top:1px solid #cfd0d6;padding-top:24px}
.apple-finish .library-tools-grid h4{font-size:20px;line-height:1.3;letter-spacing:-.025em;font-weight:600}
.apple-finish .fx-demo-heading{font-size:12px;color:var(--studio-muted);margin-bottom:18px}
.apple-finish .fx-demo-heading>span:first-child{color:var(--studio-text);letter-spacing:0}
.apple-finish .fx-demo-setting{font-size:11px;color:var(--studio-muted)}
.apple-finish .fx-demo .fv-crop{background:#18191c;border-color:var(--studio-edge);box-shadow:none;border-radius:8px;padding-top:34px;min-height:140px}
.apple-finish .fx-demo .fv-wave{height:72px}
.apple-finish .fx-demo .fv-wave i{background:#91a0b6;transition:height 650ms var(--ease-settle),background-color 300ms ease}
.apple-finish .fx-demo .fv-region{background:#699cdf22;border-color:#699cdf99;transition:left 900ms var(--ease-settle),width 900ms var(--ease-settle)}
.apple-finish .fx-demo .fv-region span{background:#3c6fa8;color:#fff;font-size:10px;font-weight:500}
.apple-finish .fx-demo .fx-labels{gap:6px;margin-top:18px;flex-wrap:wrap}
.apple-finish .fx-demo .fx-labels span{background:#303137;border:1px solid #42434b;color:var(--studio-muted);font-size:11px;border-radius:6px;padding:6px 9px}
.apple-finish .fx-demo[data-fx-stage="pitch"] [data-fx-effect="pitch"],.apple-finish .fx-demo[data-fx-stage="reverse"] [data-fx-effect="reverse"],.apple-finish .fx-demo[data-fx-stage="fade"] [data-fx-effect="fade"],.apple-finish .fx-demo[data-fx-stage="normalize"] [data-fx-effect="normalize"]{background:#36649a;border-color:#477eb7;color:#fff}
.apple-finish .fx-demo-status{font-size:12px;color:var(--studio-muted);min-height:40px;margin-top:16px}
.apple-finish .fx-demo-footer{border-color:var(--studio-edge);gap:8px;flex-wrap:wrap}
.apple-finish .fx-demo-footer>span{font-size:10px;color:var(--studio-muted)}
.apple-finish .fx-demo-controls button,.apple-finish .voice-animation-controls button{background:#303137;border-color:#494a52;color:#e1e1e8}
.apple-finish .fx-demo-controls button:hover,.apple-finish .voice-animation-controls button:hover{background:#3e4048;border-color:#777984}
.apple-finish .feat-editor .editor-connections li{background:none;border:0;border-radius:0;padding:20px 8px}
.apple-finish .feat-editor .editor-connections b{font-size:14px;color:var(--ink);font-weight:600}
.apple-finish .feat-editor .editor-connections span,.apple-finish .editor-note{font-size:12px;line-height:1.5;color:var(--mut)}
.apple-finish .voice-studio{background:var(--studio-bg);border-color:var(--studio-edge);border-radius:16px;padding:24px;box-shadow:0 16px 36px -28px #0a102b80}
.apple-finish .voice-studio-head b{font-size:14px;color:var(--studio-text)}
.apple-finish .voice-studio-head span,.apple-finish .voice-private{color:var(--studio-muted)}
.apple-finish .voice-script,.apple-finish .voice-settings>span{background:var(--studio-panel);border-color:var(--studio-edge)}
.apple-finish .voice-script p{font-size:17px;color:var(--studio-text)}
.apple-finish .voice-output,.apple-finish .voice-animation-footer{border-color:var(--studio-edge)}
.apple-finish .voice-render{background:var(--studio-panel);border-color:var(--studio-edge)}
.apple-finish .voice-settings small{font-size:10px;color:var(--studio-muted)}
.apple-finish .voice-settings b{font-size:12px;color:var(--studio-text)}
.apple-finish .voice-status{font-size:12px;color:var(--studio-text)}
.apple-finish .voice-animation-footer figcaption{font-size:10px;color:var(--studio-muted)}
.apple-finish .voice-facts{gap:14px;flex-wrap:wrap}
.apple-finish .voice-facts span{background:none;border:0;border-radius:0;color:var(--mut);padding:0;font-size:12px}
.apple-finish .voice-facts span+span{border-left:1px solid var(--line);padding-left:14px}
.apple-finish .sources-note{background:#e9edf2;border-left:1px solid #c8d0dc;border-radius:0 12px 12px 0;color:var(--mut)}
.apple-finish .sources-note b,.apple-finish .activity-note b{color:var(--ink);font-weight:600}
.apple-finish .sources-note p,.apple-finish .activity-note p{font-size:15px;line-height:1.65;color:var(--mut)}

/* Real screenshot gallery: quiet navigation, full-detail product imagery. */
.apple-finish .tour-showcase{background:var(--product-paper);border:0;border-radius:var(--radius-panel);box-shadow:none;padding:12px;margin-top:36px}
.apple-finish .tour-showcase .tour-tabs{background:transparent;padding:0;gap:4px;margin-bottom:12px}
.apple-finish .tour-showcase .t-tabs-pill{top:0;height:44px;background:#fff;border:1px solid #dedee3;border-radius:8px;box-shadow:0 2px 4px #00000004}
.apple-finish .tour-showcase .tour-tab{height:44px;min-height:44px;color:var(--mut);font-size:13px;font-weight:500;padding:10px 14px}
.apple-finish .tour-showcase .tour-tab[aria-selected="true"]{color:var(--ink)}
.apple-finish .tour-showcase .tour-tab:not([aria-selected="true"]):hover{color:var(--ink);background:#e9e9ed}
.apple-finish .tour-tab-number{display:none}
.apple-finish .tour-showcase .gal-grid .gfig{border-color:#dedee3;border-radius:14px}
.apple-finish .tour-showcase .gfig figcaption{background:#fff;color:var(--mut);padding:22px;min-height:96px;font-size:14px;border-color:var(--line)}
.apple-finish .tour-showcase .gfig figcaption b{color:var(--ink);font-size:20px;font-weight:600}
.apple-finish .tour-fullsize{background:none;color:#0065cc;border-color:#c3d3e7;min-height:36px;font-size:12px;border-radius:8px;padding:7px 12px}
.apple-finish .tour-fullsize:hover{background:#edf3fb;color:#0059b5;border-color:#99b9df}
.apple-finish .tour-toolbar{padding:14px 8px 2px;gap:16px}
.apple-finish .tour-count,.apple-finish .tour-play-label{color:var(--mut);font-size:11px}
.apple-finish .tour-progress{background:#d9dde4;max-width:160px}
.apple-finish .tour-progress i{background:#648ab5;animation-duration:8000ms}
.apple-finish .tour-play{background:#fff;border-color:var(--line);color:#4f5664;min-height:36px;padding:7px 12px;font-size:12px;border-radius:8px}
.apple-finish .tour-play:hover{background:#ededf0}

/* Supporting information has a calmer, smaller hierarchy than product sections. */
.apple-finish .workflow-heading{margin-bottom:48px}
.apple-finish .workflow-flow h3{color:var(--ink);font-weight:600;font-size:18px}
.apple-finish .workflow-flow p{font-size:14px;line-height:1.65;color:var(--mut)}
.apple-finish .workflow-step-no{background:#fff;border-color:#d2d2d9;color:var(--mut);box-shadow:0 0 0 7px #fff}
.apple-finish .workflow-flow::before{background:var(--line)}
.apple-finish .workflow-visual{background:var(--product-paper);border-color:#e3e3e8}
.apple-finish .workflow-formats{border-color:var(--line);margin-top:48px}
.apple-finish .workflow-format-label{font-size:12px;letter-spacing:0;text-transform:none;color:var(--mut)}
.apple-finish .workflow-formats h3{color:var(--ink);font-size:22px;font-weight:600}
.apple-finish .workflow-formats .tags span{background:#fff;color:#5e626b;border-color:#d9dce2;font-size:11px}
.apple-finish .workflow-formats .micro{font-size:13px;color:var(--mut)}
.apple-finish .release-banner{background:#fff;border:0;border-radius:var(--radius-panel);box-shadow:none;padding:44px 44px 0;gap:32px}
.apple-finish .release-copy h2{font-size:clamp(32px,3.3vw,44px);color:var(--ink);line-height:1.1}
.apple-finish .release-copy>p:not(.kicker){font-size:17px;line-height:1.6;color:var(--mut)}
.apple-finish .release-copy .platform-status{margin-top:26px;gap:32px}
.apple-finish .release-copy .platform-status dt{color:var(--ink);font-size:15px;font-weight:600}
.apple-finish .release-copy .platform-status dd{color:var(--mut);font-size:13px}
.apple-finish .release-actions a{color:#0065cc;min-height:44px;font-size:13px;font-weight:500}
.apple-finish .release-actions a:first-child{background:#edf3fb;border-color:#d4e2f3;border-radius:8px}
.apple-finish .release-specs{background:var(--product-paper);border:0;border-radius:14px;padding:24px}
.apple-finish .release-check-kicker{font-size:12px;letter-spacing:0;text-transform:none;color:var(--mut)}
.apple-finish .release-specs h3{font-size:22px;color:var(--ink);font-weight:600}
.apple-finish .release-check-intro{font-size:13px;line-height:1.6;color:var(--mut);margin:0 0 20px}
.apple-finish .release-check-fields{gap:16px}
.apple-finish .release-check-fields label{gap:8px;font-size:12px;line-height:1.4;color:#57575e;font-weight:500}
.apple-finish .release-check-fields select{
 appearance:none;-webkit-appearance:none;display:block;width:100%;height:48px;min-height:48px;
 padding:12px 38px 12px 14px;margin:0;font-size:13px;line-height:1.4;
 background-color:#fff;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath d='m3 4.5 3 3 3-3' fill='none' stroke='%2368686d' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
 background-repeat:no-repeat;background-position:right 14px center;background-size:12px 12px;
 border-color:#d2d2da;color:var(--ink);border-radius:8px;
}
.apple-finish .release-check-feedback{background:#ececf0;border-color:#dddde4;border-radius:8px;margin-top:16px;padding:14px;gap:10px;min-height:0}
.apple-finish .release-check-result{font-size:12px;line-height:1.6;color:#57575e;margin:0}
.apple-finish .release-check-feedback[data-result="supported"]{background:#e8f1fb;border-color:#cadcf2}
.apple-finish .release-check-feedback[data-result="unsupported"]{background:#f5eee5;border-color:#e4d6c3}
.apple-finish .release-specs .release-mac-help{margin-top:16px}
.apple-finish .release-mac-help summary{font-size:12px;color:#0065cc;min-height:36px;padding:0}
.apple-finish .release-specs .release-mac-help[open] .a>p{font-size:12px;color:var(--mut)}
.apple-finish .release-check-note{font-size:11px;line-height:1.6;color:var(--mut);margin-top:16px}
.apple-finish .release-availability{border-color:var(--line);padding:24px 0}
.apple-finish .release-availability-icon{background:var(--product-paper);border-color:var(--line);color:var(--mut)}
.apple-finish .release-availability b{color:#424249;font-size:13px;font-weight:500}
.apple-finish .release-availability p,.apple-finish .release-platform{color:var(--mut);font-size:12px}
.apple-finish .faq-intro .sub{font-size:17px;color:var(--mut)}
.apple-finish .faq-index a{color:#51515a;border-color:var(--line);font-size:13px;min-height:48px;font-weight:400}
.apple-finish .faq-index a>span{font-size:11px;color:var(--mut)}
.apple-finish .faq-tour-link{font-size:13px;color:#0065cc}
.apple-finish .faq-group-heading>span{background:var(--product-paper);border:0;color:var(--mut);font-size:11px}
.apple-finish .faq-group-heading h3{color:var(--ink);font-size:18px;font-weight:600}
.apple-finish .faq-group-heading p{color:var(--mut);font-size:13px}
.apple-finish .faq-questions{background:#fff;border-color:var(--line);border-radius:12px;box-shadow:none}
.apple-finish #faq .t-acc,.apple-finish #faq details{border-color:var(--line)}
.apple-finish #faq .t-acc-head,.apple-finish #faq summary{font-size:15px;font-weight:500;color:var(--ink);min-height:68px}
.apple-finish #faq .t-acc[data-open="true"],.apple-finish #faq details[open],.apple-finish #faq .t-acc[data-open="true"]:hover,.apple-finish #faq details[open]:hover{background:#f7f7f9}
.apple-finish #faq .t-acc[data-open="true"]::before,.apple-finish #faq details[open]::before{display:none}
.apple-finish #faq .t-acc-chevron,.apple-finish #faq .t-acc[data-open="true"] .t-acc-chevron{background:none;color:var(--mut)}
.apple-finish #faq .t-acc-panel-inner p,.apple-finish #faq details[open] .a>p{font-size:15px;line-height:1.7;color:var(--mut)}
.apple-finish footer{background:var(--product-paper);border-top:1px solid var(--line);color:var(--ink)}
.apple-finish footer p,.apple-finish footer .micro,.apple-finish footer a{color:var(--mut);font-size:12px}
.apple-finish footer a:hover{color:var(--ink);text-decoration:underline}
.apple-finish :focus-visible{outline:2px solid #0071e3;outline-offset:4px}
.apple-finish .voice-animation-controls button:focus-visible,.apple-finish .fx-demo-controls button:focus-visible{outline-color:#9bcaff}

@media(max-width:900px){
.apple-finish .section{padding:76px 0}
.apple-finish .hero h1{font-size:clamp(52px,7vw,70px)}
.apple-finish .feat .feat-primary,.apple-finish .feat .feat-editor,.apple-finish .feat .voice-spotlight{padding:32px;gap:28px}
.apple-finish .workflow-step-no{box-shadow:none}
.apple-finish .release-banner{padding:32px 32px 0;gap:26px}
}
@media(max-width:600px){
.apple-finish .section{padding:60px 0}
.apple-finish .hero h1{font-size:clamp(40px,10.5vw,56px);margin-bottom:24px}
.apple-finish .hero .lede{font-size:18px}
.apple-finish .hero .kicker{font-size:13px}
.apple-finish .hero-requirements{font-size:12px}
.apple-finish .section h2,.apple-finish .quick-copy h2{font-size:34px}
.apple-finish .section .sub{font-size:17px}
.apple-finish .quick-shortcut{flex-wrap:wrap;row-gap:8px}
.apple-finish .quick-shortcut>span{font-size:12px}
.apple-finish .quick-copy .micro{font-size:12px}
.apple-finish .quick-benefits li>span{font-size:13px}
.apple-finish .quick-animation-toolbar{flex-wrap:wrap;gap:10px}
.apple-finish .quick-animation-step{font-size:13px;max-width:none}
.apple-finish .quick-animation-controls{margin-left:auto}
.apple-finish .quick-animation-controls button,.apple-finish .voice-animation-controls button,.apple-finish .tour-play{min-height:44px}
.apple-finish .demo-box{padding:16px;border-radius:18px}
.apple-finish .demo-search{gap:8px;padding:12px}
.apple-finish .demo-search input{font-size:15px}
.apple-finish .demo-count{font-size:10px}
.apple-finish .demo-queries button{min-height:44px}
.apple-finish .demo-rows li{font-size:13px;padding:11px 8px}
.apple-finish .demo-rows li .tag{font-size:10px}
.apple-finish .feat{gap:24px;margin-top:30px}
.apple-finish .feat .feat-primary,.apple-finish .feat .feat-editor,.apple-finish .feat .voice-spotlight{padding:24px;gap:28px;border-radius:18px}
.apple-finish .feat-copy h3{font-size:28px}
.apple-finish .feat-copy p{font-size:15px}
.apple-finish .tour-showcase{padding:8px;border-radius:18px}
.apple-finish .tour-showcase .tour-tab{padding:10px;font-size:12px}
.apple-finish .tour-showcase .gfig figcaption{padding:18px;min-height:142px;font-size:13px}
.apple-finish .tour-fullsize{min-height:44px}
.apple-finish .workflow-flow p{font-size:14px}
.apple-finish .release-banner{padding:24px 24px 0;border-radius:18px}
.apple-finish .release-specs{padding:20px}
.apple-finish .release-copy h2{font-size:32px}
.apple-finish .release-copy>p:not(.kicker){font-size:15px}
.apple-finish .faq-index a{font-size:12px}
.apple-finish #faq .t-acc-head,.apple-finish #faq summary{font-size:14px}
.apple-finish #faq .t-acc-panel-inner p,.apple-finish #faq details[open] .a>p{font-size:14px}
}
@media(prefers-reduced-transparency:reduce){.apple-finish .nav-on-hero:not(.nav-at-top){background:#161617;backdrop-filter:none;-webkit-backdrop-filter:none}}
@media(prefers-reduced-motion:reduce){
 .apple-finish .btn,.apple-finish .quick-animation-controls button,.apple-finish .fx-demo-controls button,.apple-finish .voice-animation-controls button,.apple-finish .quick-demo .quick-panel,.apple-finish .quick-demo .quick-panel.is-closing,.apple-finish .quick-demo .quick-selection,.apple-finish .quick-demo .walkthrough-cursor,.apple-finish .fx-demo .fv-wave i,.apple-finish .fx-demo .fv-region{transition:none}
 .apple-finish .tour-progress i{animation:none}
}

@media(forced-colors:active){.apple-finish .release-check-fields select{appearance:auto;-webkit-appearance:auto;background-image:none;padding-right:14px}}

/* Origin-aware menu motion from transitions-dev. */
:root {
  --dropdown-open-dur: 250ms;
  --dropdown-close-dur: 150ms;
  --dropdown-pre-scale: 0.97;
  --dropdown-closing-scale: 0.99;
  --dropdown-ease: cubic-bezier(0.22, 1, 0.36, 1);
}

.t-dropdown {
  transform-origin: top left;
  transform: scale(var(--dropdown-pre-scale));
  opacity: 0;
  pointer-events: none;
  transition:
    transform var(--dropdown-open-dur) var(--dropdown-ease),
    opacity   var(--dropdown-open-dur) var(--dropdown-ease);
  will-change: transform, opacity;
}
.t-dropdown[data-origin="top-right"]     { transform-origin: top right; }
.t-dropdown[data-origin="top-center"]    { transform-origin: top center; }
.t-dropdown[data-origin="bottom-left"]   { transform-origin: bottom left; }
.t-dropdown[data-origin="bottom-center"] { transform-origin: bottom center; }
.t-dropdown[data-origin="bottom-right"]  { transform-origin: bottom right; }

.t-dropdown.is-open {
  transform: scale(1);
  opacity: 1;
  pointer-events: auto;
}
.t-dropdown.is-closing {
  transform: scale(var(--dropdown-closing-scale));
  opacity: 0;
  pointer-events: none;
  transition:
    transform var(--dropdown-close-dur) var(--dropdown-ease),
    opacity   var(--dropdown-close-dur) var(--dropdown-ease);
}

@media (prefers-reduced-motion: reduce) {
  .t-dropdown { transition: none !important; }
}


/* Select-only comboboxes enhance the native controls after script initialization. */
.apple-finish .release-banner{overflow:visible}
.apple-finish .release-field{display:grid;gap:8px;min-width:0}
.apple-finish .release-field-label{font-size:12px;line-height:1.4;color:#57575e;font-weight:500}
.apple-finish .release-select{position:relative;min-width:0}
.apple-finish .release-select select[hidden]{display:none!important}
.apple-finish .release-select-trigger{
 display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:48px;
 padding:12px 14px;border:1px solid #d2d2da;border-radius:9px;background:#fff;
 color:var(--ink);font:inherit;font-size:13px;line-height:1.4;text-align:left;cursor:pointer;
 box-shadow:0 1px 2px #00000003;
 transition:border-color 160ms ease,box-shadow 160ms ease,background-color 160ms ease;
}
.apple-finish .release-select-trigger:hover{border-color:#a4a7b0}
.apple-finish .release-select-trigger[data-empty="true"]{color:#66666e}
.apple-finish .release-select-trigger:focus-visible{outline:2px solid #79a8df;outline-offset:3px}
.apple-finish .release-select-trigger[aria-expanded="true"]{border-color:#8faed1;box-shadow:0 0 0 3px #0071e30a}
.apple-finish .release-select-trigger svg{width:12px;height:12px;flex:none;fill:none;stroke:#757580;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;transition:transform 200ms var(--ease-settle)}
.apple-finish .release-select-trigger[aria-expanded="true"] svg{transform:rotate(180deg)}
.apple-finish .release-select-menu{
 position:absolute;top:calc(100% + 8px);left:0;right:0;z-index:30;visibility:hidden;
 padding:6px;margin:0;overflow-y:auto;overscroll-behavior:contain;
 border:1px solid #dcdce3;border-radius:12px;background:#fff;
 box-shadow:0 16px 36px -12px #1519282e,0 3px 8px #1519280d;
}
.apple-finish .release-select-menu.is-open,.apple-finish .release-select-menu.is-closing{visibility:visible}
.apple-finish .release-select-menu.opens-up{top:auto;bottom:calc(100% + 8px)}
.apple-finish .release-select-option{
 display:flex;align-items:center;justify-content:space-between;gap:8px;
 min-height:44px;padding:10px;border-radius:7px;font-size:13px;line-height:1.4;
 color:#35353b;cursor:pointer;user-select:none;
}
.apple-finish .release-select-option+.release-select-option{margin-top:2px}
.apple-finish .release-select-option.is-placeholder{color:#777780}
.apple-finish .release-select-option.is-active{background:#eff3f9;color:#1d385a}
.apple-finish .release-select-option[aria-selected="true"]{font-weight:500}
.apple-finish .release-select-check{flex:none;width:16px;text-align:center;color:#0065cc;opacity:0}
.apple-finish .release-select-option[aria-selected="true"] .release-select-check{opacity:1}
@media(max-width:600px){
.apple-finish .release-select-option{min-height:46px}}
@media(prefers-reduced-motion:reduce){.apple-finish .release-select-trigger,.apple-finish .release-select-trigger svg{transition:none}}
@media(forced-colors:active){
 .apple-finish .release-select-trigger,.apple-finish .release-select-menu{background:Canvas;color:CanvasText;border-color:ButtonText}
 .apple-finish .release-select-option{color:CanvasText}
 .apple-finish .release-select-option.is-active{background:Highlight;color:HighlightText;forced-color-adjust:none}
 .apple-finish .release-select-check{color:inherit}
 .apple-finish .release-select-trigger svg{stroke:ButtonText}
}

/* Background Activity shares the feature-card grid and native panel styling. */
.apple-finish .activity-note{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:48px;padding:40px;background:#fff;border-radius:var(--radius-panel);color:var(--ink)}
.apple-finish .activity-copy .num{display:block;font-size:14px;font-weight:500;color:var(--mut);margin-bottom:18px}
.apple-finish .activity-copy h3{font-size:36px;line-height:1.1;letter-spacing:-.04em;margin:0 0 20px}
.apple-finish .activity-copy p{font-size:17px;line-height:1.6;max-width:30em;margin:0}
.apple-finish .activity-copy .activity-detail{font-size:14px;margin-top:20px}
.apple-finish .activity-preview{margin:0;padding:22px;background:var(--studio-bg);border:1px solid var(--studio-edge);border-radius:16px;box-shadow:0 16px 30px -24px #0006;color:var(--studio-text);min-width:0}
.apple-finish .activity-preview-head{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:14px;font-weight:500;padding-bottom:18px;border-bottom:1px solid var(--studio-edge)}
.apple-finish .activity-running{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:400;color:var(--studio-muted);white-space:nowrap}
.apple-finish .activity-running i{width:6px;height:6px;border-radius:50%;background:#74b6fb}
.apple-finish .activity-tasks{list-style:none;margin:0;padding:0}
.apple-finish .activity-tasks li{padding:18px 0;border-bottom:1px solid var(--studio-edge)}
.apple-finish .activity-task-line{display:flex;justify-content:space-between;gap:12px;font-size:13px;line-height:1.4}
.apple-finish .activity-task-line>span:last-child{font-size:11px;color:var(--studio-muted)}
.apple-finish .activity-task-line .activity-complete{color:#a1c7b4}
.apple-finish .activity-task-meta{display:block;font-size:11px;line-height:1.5;color:var(--studio-muted);margin-top:6px}
.apple-finish .activity-progress{height:4px;background:#3c3d42;border-radius:4px;margin:12px 0 8px;overflow:hidden}
.apple-finish .activity-progress i{display:block;width:68%;height:100%;background:#74b6fb;border-radius:inherit}
.apple-finish .activity-preview figcaption{font-size:10px;color:var(--studio-muted);margin-top:14px}
@media(max-width:760px){
.apple-finish .activity-note{grid-template-columns:1fr;gap:28px;padding:28px}
.apple-finish .activity-copy h3{font-size:30px}}
@media(max-width:600px){
.apple-finish .activity-note{padding:24px;gap:24px}
.apple-finish .activity-copy p{font-size:16px}}

/* How It Works uses the same heading, cards, and product surfaces as Features. */
.apple-finish .workflow-section{background:var(--product-paper)}
.apple-finish .workflow-heading{max-width:none;text-align:left;margin:0 0 40px}
.apple-finish .workflow-heading h2{max-width:900px;margin-top:0}
.apple-finish .workflow-heading .sub{max-width:760px;margin:0}
.apple-finish .workflow-flow{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.apple-finish .workflow-flow::before{display:none}
.apple-finish .workflow-flow>li{display:flex;flex-direction:column;align-items:stretch;gap:0;padding:32px;border-radius:var(--radius-panel);background:#fff}
.apple-finish .workflow-step-no{display:block;width:auto;height:auto;border:0;border-radius:0;box-shadow:none;background:transparent;color:var(--mut);font-family:inherit;font-size:13px;font-weight:500;margin:0 0 18px}
.apple-finish .workflow-flow h3{font-size:26px;line-height:1.15;letter-spacing:-.035em;margin:0 0 14px}
.apple-finish .workflow-flow p{font-size:16px;line-height:1.6;margin:0 0 24px;max-width:30em;flex:1}
.apple-finish .workflow-visual{min-height:142px;padding:20px;border:1px solid var(--studio-edge);border-radius:12px;background:var(--studio-bg);color:var(--studio-muted);gap:12px;font-size:12px}
.apple-finish .workflow-folder,.apple-finish .workflow-project-title{color:var(--studio-text);font-size:13px}
.apple-finish .workflow-folder b{font-size:13px;font-weight:500}
.apple-finish .workflow-file{color:#91a0b6;padding-left:0}
.apple-finish .workflow-file i,.apple-finish .workflow-project-status,.apple-finish .workflow-project-collect{font-size:12px;color:var(--studio-muted)}
.apple-finish .workflow-file em{font-size:9px;border-color:var(--studio-edge);color:var(--studio-muted);padding:2px 4px}
.apple-finish .workflow-project-title i{background:#74b6fb}
.apple-finish .workflow-project-status b{font-size:10px;background:#35475d;border-color:#4b6380;color:#c8e0ff;padding:3px 7px}
.apple-finish .workflow-project-collect{color:#a1c7b4}
.apple-finish .workflow-shortcut kbd{font-size:11px;background:var(--studio-panel);color:var(--studio-text);border-color:var(--studio-edge)}
.apple-finish .workflow-shortcut i{font-size:10px;color:var(--studio-muted)}
.apple-finish .workflow-mini-query{font-size:12px;padding:9px 10px;background:#18191c;border-color:var(--studio-edge);color:var(--studio-muted);border-radius:7px}
.apple-finish .workflow-search-hints{font-size:10px;color:var(--studio-muted);gap:12px}
.apple-finish .workflow-region{height:70px;background:#18191c;border-color:var(--studio-edge);padding:10px;border-radius:7px}
.apple-finish .workflow-region::before{background:#699cdf22;border-color:#699cdf99}
.apple-finish .workflow-region i{background:#91a0b6}
.apple-finish .workflow-fx-labels{font-size:10px;color:var(--studio-muted);gap:12px}
.apple-finish .workflow-fx-labels b{color:#74b6fb}
.apple-finish .workflow-formats{background:#fff;border:0;border-radius:var(--radius-panel);padding:28px 32px;margin-top:24px;grid-template-columns:1fr 1.4fr;gap:32px}
.apple-finish .workflow-formats .tags{flex-wrap:wrap;gap:6px}
.apple-finish .workflow-formats .tags span{font-size:12px;padding:5px 9px;background:var(--product-paper);border-color:var(--line);color:var(--mut)}
@media(max-width:760px){
.apple-finish .workflow-flow{grid-template-columns:1fr}
.apple-finish .workflow-flow>li{padding:28px}
.apple-finish .workflow-formats{grid-template-columns:1fr;gap:18px}}
@media(max-width:600px){
.apple-finish .workflow-heading{margin-bottom:28px}
.apple-finish .workflow-flow{gap:20px}
.apple-finish .workflow-flow>li{display:flex;padding:24px}
.apple-finish .workflow-flow h3{font-size:24px}
.apple-finish .workflow-flow p{font-size:16px}
.apple-finish .workflow-formats{padding:24px}
.apple-finish .workflow-visual{padding:18px}}

/* Progress stays within a fixed task layout, without visual jumps. */
.apple-finish .activity-progress i{width:100%;transform:scaleX(var(--activity-progress,.68));transform-origin:left;transition:transform 110ms linear,background-color 300ms ease}
.apple-finish .activity-analysis-progress{opacity:.4;transition:opacity 300ms ease}
.apple-finish .activity-preview[data-activity-stage="analysis"] .activity-analysis-progress,.apple-finish .activity-preview[data-activity-stage="complete"] .activity-analysis-progress{opacity:1}
.apple-finish .activity-task-line>span:last-child{min-width:70px;text-align:right;font-variant-numeric:tabular-nums}
.apple-finish .activity-preview[data-activity-stage="analysis"] [data-activity-scan-status],.apple-finish .activity-preview[data-activity-stage="complete"] [data-activity-scan-status],.apple-finish .activity-preview[data-activity-stage="complete"] [data-activity-analysis-status]{color:#a1c7b4}
.apple-finish .activity-preview[data-activity-stage="complete"] .activity-running i{background:#a1c7b4}
.apple-finish .activity-preview:not(.is-paused):not([data-activity-stage="complete"]) .activity-running i{animation:activityPulse 1800ms ease-in-out infinite}
@keyframes activityPulse{0%,100%{opacity:.5}50%{opacity:1}}
.apple-finish .activity-preview-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:14px}
.apple-finish .activity-preview-footer figcaption{margin:0;font-size:11px}
.apple-finish .activity-controls{display:flex;gap:6px}
.apple-finish .activity-controls[hidden]{display:none}
.apple-finish .activity-controls button{font:inherit;font-size:12px;line-height:1.4;min-height:36px;padding:7px 10px;border:1px solid #494a52;border-radius:8px;background:#303137;color:var(--studio-text);cursor:pointer}
.apple-finish .activity-controls button:hover{background:#3e4048;border-color:#777984}
.apple-finish .activity-controls button:focus-visible{outline-color:#9bcaff}

@media(prefers-reduced-motion:reduce){.apple-finish .activity-progress i,.apple-finish .activity-analysis-progress{transition:none}.apple-finish .activity-running i{animation:none!important}}