/* Stage 6 continuation. Accepted system: Calendly environment, Raycast frame, Truus photo. */
/* Layer order inside scenes: background -1, content 0, connections 1, controls 2. */
.skip-link{width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;padding:0;transform:none;left:0;top:0}.skip-link:focus{width:auto;height:auto;overflow:visible;clip-path:none;padding:12px;left:20px;top:12px}
main>.solution-section,main>.add-section,main>.features-section,main>.details-section,main>.trust-section,main>.finish-section{border:0}
.solution-section h2,.add-section h2,.feature-heading h2,.details-section>h2,.finish-copy h2{font-size:44px;line-height:1.22;letter-spacing:-.03em;margin:0}
/* Story → tool: open paper, then a single broad frame. */
main>.solution-section{padding:24px 0 80px}
.solution-heading{display:grid;grid-template-columns:1.3fr 1fr;gap:80px;align-items:start;margin-bottom:56px}
.solution-intro{padding-top:4px}.solution-intro p{font-size:20px;line-height:1.5;max-width:410px;margin-bottom:24px}
.editor-stage{position:relative;isolation:isolate;padding:64px;border-radius:40px;background:#d9e7fc;perspective:1400px}
.editor-stage .b1{background:#97bced}.editor-stage .b2{background:#b7e6ed}.editor-stage .b3{background:#88a5d2}
.editor-shell{position:relative;padding:18px;border:1.5px solid #fffffff2;border-radius:30px;background:#ffffff3d;box-shadow:inset 0 2px 1px #fff,inset 0 -2px 2px #ffffff70,0 28px 64px #173e6530;backdrop-filter:blur(20px)}
.editor-shell:before{content:'';position:absolute;inset:5px;border:1px solid #ffffff70;border-radius:25px;pointer-events:none}
.screen-placeholder{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:18px;text-align:center;min-width:0;background:#f0f3f6;border:1px solid #dce3ec;border-radius:16px;color:#53657a;overflow:hidden}
.screen-placeholder--editor{aspect-ratio:1.85;background:#f5f7f9}
.placeholder-symbol{display:grid;place-items:center;width:64px;height:64px;border-radius:18px;background:#e3eaf2;border:1px solid #d8e1ec}.placeholder-symbol img{opacity:.5}
.screen-placeholder figcaption{font-size:16px;line-height:1.5;padding:0 20px}.screen-placeholder figcaption>span{display:block;margin-top:5px;font-size:13px;color:#64758a}
.editor-shell.reveal-enter{animation:editor-arrive 500ms cubic-bezier(.22,1,.36,1) both}
@keyframes editor-arrive{from{opacity:.2;transform:translateY(48px) rotateX(7deg) scale(.97)}to{opacity:1;transform:none}}
/* Entire editor → action. Three loose labels converge on a menu crop. */
main>.add-section{padding:80px 0 124px;display:grid;grid-template-columns:.9fr 1.1fr;gap:72px;align-items:center}
.add-copy h2{font-size:38px;max-width:440px;margin-bottom:24px}.add-copy p{font-size:20px;line-height:1.55;max-width:390px}
.add-scene{height:430px;position:relative;isolation:isolate;display:flex;align-items:center;justify-content:flex-end}
.add-orbit{position:absolute;inset:18px 0 0 16px;z-index:-1;background:radial-gradient(ellipse at 65% 50%,#d1e5f9 0,#d9edf1 40%,#fcfbf8 72%);border-radius:50%}
.block-types{list-style:none;padding:0;margin:0;position:absolute;left:0;top:42px;bottom:42px;display:flex;flex-direction:column;justify-content:space-between;z-index:2}
.block-types li{display:flex;align-items:center;gap:12px;padding:13px 18px;background:#fff;border:1px solid #d8e1ec;border-radius:16px;font-size:16px;box-shadow:0 8px 20px #183b5b08;transform:rotate(-4deg)}
.block-types li:nth-child(2){transform:translateX(12px) rotate(3deg)}.block-types li:nth-child(3){transform:rotate(-2deg)}
.menu-placeholder{width:60%;height:340px;position:relative;border:8px solid #fff;box-shadow:0 16px 40px #14325114;z-index:2;background:#eef3f8}
.menu-link{position:absolute;width:46%;height:65%;left:19%;top:18%;border:1.5px solid #b2c5db;border-radius:0 50px 50px 0;z-index:0}
.menu-link:before{content:'';position:absolute;top:50%;left:0;right:0;height:1.5px;background:#b2c5db}
/* Feature stage: controls and bridge are kept on the same coordinate axis. */
main>.features-section{padding:24px 0 96px}
.feature-heading{margin-bottom:52px}.feature-heading p{font-size:20px;line-height:1.5;max-width:590px;margin-top:24px}
.feature-stage{position:relative;isolation:isolate;padding:44px 40px 40px;border-radius:40px;background:#c8dcf2}
/* Crossfade the whole environment, with the same pastel hues as the stickers. */
.feature-field{background:#c8dcf2}
.feature-wash{position:absolute;inset:0;opacity:0;transition:opacity 360ms ease;pointer-events:none}
.wash-format{background:radial-gradient(ellipse at 12% 76%,#6f9edc,transparent 65%),radial-gradient(ellipse at 95% 5%,#b7e6ed,transparent 65%),#b9d2f3}
.wash-sources{background:radial-gradient(ellipse at 85% 15%,#72c4cd,transparent 65%),radial-gradient(ellipse at 0 90%,#c9eedc,transparent 60%),#b7e6e2}
.wash-figures{background:radial-gradient(ellipse at 10% 10%,#efb4d8,transparent 65%),radial-gradient(ellipse at 100% 90%,#9fc8ed,transparent 65%),#eddae8}
.wash-contents{background:radial-gradient(ellipse at 0 85%,#bedc95,transparent 65%),radial-gradient(ellipse at 90% 0,#b7e6ed,transparent 65%),#deebc8}
.feature-stage[data-active-feature="0"] .wash-format,.feature-stage[data-active-feature="1"] .wash-sources,.feature-stage[data-active-feature="2"] .wash-figures,.feature-stage[data-active-feature="3"] .wash-contents{opacity:1}
.feature-controls{position:relative;padding-bottom:32px}
.feature-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:0;position:relative;z-index:2}
.feature-tabs button{display:flex;flex-direction:column;align-items:center;justify-content:space-between;gap:18px;padding:0 8px;border:0;border-radius:12px;background:transparent;color:var(--text-primary);font-size:15px;line-height:1.4;min-height:132px;text-align:center}
.feature-tabs button[aria-selected="true"]{background:transparent;color:var(--text-primary)}
.feature-tabs button>span:first-child{max-width:190px;min-height:42px;display:grid;place-items:center}
.tab-icon{--tile:var(--accent-ice);--tilt:-4deg;display:grid;place-items:center;flex:none;width:76px;height:76px;background:var(--tile);border:var(--sticker-border);border-radius:var(--sticker-radius);box-shadow:var(--sticker-shadow);transform:rotate(var(--tilt));transition:transform 220ms cubic-bezier(.22,1,.36,1),box-shadow 220ms}
#tab-sources .tab-icon{--tile:var(--accent-cyan);--tilt:4deg}#tab-figures .tab-icon{--tile:var(--sticker-pink);--tilt:-3deg}#tab-contents .tab-icon{--tile:var(--sticker-lime);--tilt:5deg}
.tab-icon img{width:42px;height:42px;opacity:1;transition:transform 220ms}
@media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){html:not(.motion-paused):not([data-motion-input="keyboard"]) .feature-tabs button:hover:not([aria-selected="true"]):not(:active) .tab-icon{transform:translateY(-3px) rotate(0deg)}}
.feature-tabs button[aria-selected="true"] .tab-icon{background:var(--tile);border-color:white;transform:none;box-shadow:none}
.feature-tabs button[aria-selected="true"] .tab-icon img{transform:none}
@media(prefers-reduced-motion:no-preference){html:not(.motion-paused):not([data-motion-input="keyboard"]) .feature-tabs button:active .tab-icon{transform:scale(.96)}}
/* One continuous geometric silhouette: 16px neck, tangent curves, no pseudo-element seams. */
.feature-bridge{position:absolute;bottom:-2px;left:0;width:128px;height:38px;fill:#fff;transform:translateX(var(--bridge-x,100px));transition:transform 240ms cubic-bezier(.22,1,.36,1);z-index:1;pointer-events:none;overflow:visible}
.feature-panels{background:#fff;border-radius:28px;position:relative;z-index:1;overflow:hidden;box-shadow:0 22px 45px #204a7620}
.feature-panel{display:grid;grid-template-columns:.85fr 1.15fr;gap:48px;align-items:center;min-height:510px;padding:48px;opacity:1;transform:translateY(0);transition:opacity 160ms cubic-bezier(.22,1,.36,1),transform 160ms cubic-bezier(.22,1,.36,1)}
.feature-copy h3{font-size:28px;line-height:1.25;margin:0 0 24px;letter-spacing:-.025em}.feature-copy p{font-size:17px;line-height:1.55;margin:0}.feature-copy p+p{margin-top:16px}
.feature-media{height:390px;background:#eef2f7}.feature-media .placeholder-symbol{background:#e0e8f3}
/* A clearly labelled local example, not a screenshot or real editor. */
.contents-demo{background:#eef3f9;border:1px solid #dce5ee;border-radius:16px;padding:24px;align-self:stretch;display:flex;flex-direction:column;justify-content:center;min-width:0}
.demo-label{font-size:12px;line-height:1.4;align-self:flex-start;padding:5px 9px;border-radius:8px;background:#dce8f7;color:#334e6c;margin-bottom:12px}
.demo-hint{font-size:14px;line-height:1.5;margin-bottom:16px}.contents-demo form{min-width:0}.contents-demo label{font-size:12px;display:block;margin-bottom:7px}
.contents-demo input{width:100%;min-width:0;border:1px solid #718096;border-radius:9px;background:#fff;padding:10px 12px;font-size:15px;color:var(--text-primary)}
.demo-submit{display:flex;justify-content:space-between;gap:8px;align-items:center;width:100%;border:0;border-radius:9px;padding:11px 12px;margin-top:9px;background:var(--action-primary);color:#fff;font-size:13px;min-height:44px}.demo-submit:hover{background:var(--action-hover)}
.demo-result{background:#fff;border-radius:12px;margin-top:18px;padding:15px;font-size:13px}.demo-result>div+div{margin-top:14px;padding-top:14px;border-top:1px solid #e2e8ef}.demo-result>div>span{color:#52647a;font-size:11px}.demo-result p{margin-top:5px;display:flex;gap:5px;align-items:baseline;overflow-wrap:anywhere}.demo-dots{flex:1;border-bottom:1px dotted #a4afbf;min-width:8px}.demo-result [data-chapter-title]{min-width:0}
.demo-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:10px;min-height:32px}.demo-bottom p{font-size:11px;line-height:1.3;color:#334e6c}.demo-bottom button{flex:none;border:0;background:transparent;color:#334e6c;text-decoration:underline;text-underline-offset:3px;padding:8px 0;min-height:44px;font-size:11px}
/* Notes → exported files: two different scales, generous shared paper. */
main>.details-section{padding:32px 0 80px}.details-section>h2{max-width:850px;margin-bottom:72px}
.detail-row{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center}
.detail-copy{max-width:440px}.detail-copy h3{font-size:28px;line-height:1.3;margin:0 0 24px;letter-spacing:-.02em}.detail-copy p{font-size:18px;line-height:1.55;margin:0}.detail-copy p+p{margin-top:16px}
.detail-icon{display:grid;place-items:center;width:56px;height:56px;border-radius:17px;background:var(--sticker-pink);transform:rotate(-5deg);margin-bottom:28px}
.footnote-media{padding:42px;border-radius:32px;background:#e2edf9}.footnote-media .screen-placeholder{height:280px;background:#f6f8fb;border:7px solid white;box-shadow:0 18px 35px #26476412}
.export-row{margin-top:88px;padding-top:64px;border-top:1px solid var(--border-decorative)}
.export-row .detail-copy{grid-column:2;grid-row:1}.export-media{grid-column:1;grid-row:1;position:relative;isolation:isolate;height:340px;display:flex;align-items:center;justify-content:center}
.export-media:before{content:'';position:absolute;inset:12px 10px;border-radius:50%;background:radial-gradient(ellipse,#d6edf0 0,#e4f0f1 43%,#fcfbf8 72%);z-index:-1}
.file-sheet{width:167px;height:218px;background:#fff;border:1px solid #d8e1ec;border-radius:16px;box-shadow:0 14px 28px #18314c12;padding:24px;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;position:relative}
.file-docx{transform:rotate(-11deg) translateY(-8px);background:#e3edfc}.file-pdf{transform:rotate(10deg) translateY(24px);margin-left:-24px;background:#fcfbf8}
.file-extension{font:500 18px/1.2 Unbounded,sans-serif;letter-spacing:-.03em}.file-lines{height:37px;width:100%;background:repeating-linear-gradient(to bottom,#aabed2 0 2px,transparent 2px 12px);opacity:.55}
.export-media.reveal-enter .file-docx{animation:file-left 750ms cubic-bezier(.22,1,.36,1) both}.export-media.reveal-enter .file-pdf{animation:file-right 750ms cubic-bezier(.22,1,.36,1) 100ms both}
@keyframes file-left{from{opacity:0;transform:rotate(0) translate(24px,20px)}to{opacity:1;transform:rotate(-11deg) translateY(-8px)}}
@keyframes file-right{from{opacity:0;transform:rotate(0) translate(-24px,20px)}to{opacity:1;transform:rotate(10deg) translateY(24px)}}
/* Low, static pause before the human ending. */
main>.trust-section{padding:56px 0 96px;display:grid;grid-template-columns:1fr 1.2fr;gap:80px;align-items:center}
.trust-section h2{font-size:25px;line-height:1.35;margin:0;letter-spacing:-.025em}.university-logos{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:0}.university-logos li{min-height:80px;background:#f4f6f7;border:1px solid #e3e8ec;border-radius:12px}
/* Tool → life. Echo the opening collage and resolve the earlier chat message. */
main>.finish-section{padding:64px 0 128px;display:grid;grid-template-columns:1.05fr 1fr;gap:64px;align-items:center}
.finish-copy h2{font-size:40px;line-height:1.28;letter-spacing:-.035em;margin-bottom:30px}.finish-copy p{font-size:18px;max-width:455px;line-height:1.55;margin-bottom:30px}.finish-copy .underlined:after{bottom:-6px}
.finish-scene{height:570px;position:relative;isolation:isolate;margin:0 10px 0 0}
.finish-photo{height:100%;overflow:hidden;border-radius:28px;transform:rotate(3deg)}.finish-photo img{width:100%;height:100%;object-fit:cover;object-position:55% center}
.finish-chat{position:absolute;top:36px;left:-34px;display:flex;flex-direction:column;align-items:flex-start;gap:12px;transform:rotate(-5deg)}
.finish-chat>span{font-family:Unbounded,sans-serif;font-size:17px;line-height:1.2;padding:18px 22px;border:4px solid var(--surface-page);border-radius:18px;background:var(--sticker-pink);box-shadow:0 5px 0 #071a3110}
.finish-chat>.reply-message{display:flex;gap:16px;align-items:center;background:var(--sticker-lime);margin-left:86px;font-size:28px;transform:rotate(7deg)}
.finish-sticker{position:absolute;bottom:-22px;right:-20px;width:104px;height:104px;display:grid;place-items:center;background:var(--accent-ice);border:5px solid var(--surface-page);border-radius:44% 47% 42% 48%;transform:rotate(11deg)}
.finish-scene.reveal-enter .reply-message{animation:reply-in 600ms cubic-bezier(.22,1,.36,1) 450ms both}
@keyframes reply-in{from{opacity:0;translate:0 18px;scale:.9}to{opacity:1;translate:none;scale:1}}
.site-footer{display:flex;align-items:center;gap:32px;padding:32px 0 44px;border-top:1px solid var(--border-decorative);font-size:14px;color:var(--text-secondary)}.site-footer .wordmark{font-size:20px;color:var(--text-primary)}.site-footer .back-top{margin-left:auto;text-decoration:none;display:flex;align-items:center;gap:16px;min-height:44px}.back-top:hover{text-decoration:underline}
/* Paused and reduced motion always show complete content. */
.motion-paused{scroll-behavior:auto}
/* Overlap all four panels in one grid cell so the tallest reserves space at every width.
   Inactive panels remain invisible to sight, focus, and the accessibility tree. */
.feature-panels{display:grid}.feature-panel{grid-area:1 / 1}.feature-panel[hidden]{display:grid!important;visibility:hidden;pointer-events:none;opacity:.35;transform:translateY(8px)}
.feature-stage[data-feature-motion="instant"] :is(.feature-panel,.feature-bridge,.tab-icon,.tab-icon img,.feature-wash){transition:none!important}
html[data-motion-input="keyboard"] :is(.tab-icon,.tab-icon img){transition:none!important}
.motion-paused .feature-panel,.motion-paused .feature-bridge,.motion-paused .tab-icon,.motion-paused .tab-icon img,.motion-paused .feature-wash{animation:none!important;transition:none!important}
.motion-paused .file-sheet,.motion-paused .reply-message{animation:none!important}
@media(max-width:1200px){.solution-heading{gap:40px}.solution-section h2,.feature-heading h2,.details-section>h2{font-size:38px}.add-copy h2{font-size:34px}.add-section{gap:48px}.editor-stage{padding:48px}.feature-stage{padding:36px 28px 28px}.feature-panel{padding:36px;gap:32px;min-height:520px}.feature-copy h3{font-size:25px}.feature-media{height:370px}.detail-row{gap:64px}.finish-copy h2{font-size:32px}.finish-scene{height:520px}.feature-tabs button{font-size:14px}.contents-demo{padding:20px}}
@media(max-width:999px){.solution-heading{grid-template-columns:1fr;gap:24px;margin-bottom:40px}.solution-intro{display:flex;gap:32px;align-items:start;justify-content:space-between}.solution-intro p{max-width:360px;margin:0;font-size:18px}.solution-intro .button{flex:none;font-size:15px;gap:16px}.editor-stage{padding:36px}.editor-shell{padding:14px;border-radius:25px}.screen-placeholder--editor{aspect-ratio:1.55}main>.add-section{gap:40px;padding-top:56px;padding-bottom:96px}.add-copy h2{font-size:30px}.add-copy p{font-size:18px}.add-scene{height:360px}.block-types li{font-size:14px;padding:10px;gap:8px}.block-types li img{width:23px;height:23px}.menu-placeholder{height:280px;width:60%}.menu-placeholder figcaption{font-size:14px;padding:0 8px}.menu-placeholder figcaption>span{font-size:11px}.feature-tabs{gap:8px}.feature-tabs button{font-size:13px;padding:0;min-height:132px}.feature-tabs button>span:first-child{max-width:135px}.feature-panel{grid-template-columns:1fr;grid-template-rows:auto minmax(330px,1fr);gap:32px;padding:40px;min-height:690px;align-content:stretch}.feature-copy{max-width:550px;min-height:170px}.feature-copy h3{font-size:28px;max-width:520px;margin-bottom:18px}.feature-copy p{font-size:17px}.feature-media{height:100%;min-height:330px}.contents-demo{min-height:330px}.detail-row{gap:40px}.detail-copy h3{font-size:25px}.detail-copy p{font-size:17px}.footnote-media{padding:24px}.footnote-media .screen-placeholder{height:280px}.trust-section{gap:40px}.trust-section h2{font-size:22px}.university-logos{gap:12px}.university-logos li{min-height:64px}main>.finish-section{gap:36px}.finish-copy h2{font-size:28px}.finish-copy p{font-size:17px}.finish-copy .button{font-size:15px;gap:14px;white-space:nowrap}.finish-scene{height:510px}.finish-chat{left:-18px;top:24px}.finish-chat>span{font-size:14px;padding:14px}.finish-chat>.reply-message{font-size:23px;margin-left:55px}.finish-sticker{width:86px;height:86px;right:-10px}.finish-sticker img{width:52px;height:52px}.site-footer{gap:24px}.site-footer p{font-size:12px;max-width:180px}}
@media(max-width:760px){
 .solution-section h2,.feature-heading h2,.details-section>h2,.add-copy h2,.finish-copy h2{font-size:28px;line-height:1.24}
 main>.solution-section{padding:8px 0 36px}.solution-heading{gap:22px;margin-bottom:32px}.solution-intro{display:block;padding:0}.solution-intro p{max-width:none;font-size:17px;margin-bottom:24px}.solution-intro .button{width:100%;font-size:15px;gap:18px;padding-inline:15px;min-height:54px}
 .editor-stage{padding:24px 16px;border-radius:24px}.editor-shell{padding:10px;border-radius:19px}.editor-shell:before{inset:3px;border-radius:16px}.screen-placeholder--editor{aspect-ratio:1.2;border-radius:10px;min-height:210px}.placeholder-symbol{width:50px;height:50px;border-radius:14px}.placeholder-symbol img{width:28px;height:28px}.screen-placeholder figcaption{font-size:14px;line-height:1.4}.screen-placeholder figcaption>span{font-size:12px}
 main>.add-section{grid-template-columns:1fr;gap:24px;padding:44px 0 72px}.add-copy h2{max-width:360px;margin-bottom:20px}.add-copy p{font-size:17px;max-width:400px}.add-scene{height:350px}.block-types{top:26px;bottom:26px}.block-types li{font-size:13px;padding:10px 12px;gap:8px}.block-types li:nth-child(2){transform:translateX(7px) rotate(3deg)}.menu-placeholder{height:282px;width:57%;border-width:6px}.menu-placeholder figcaption{font-size:13px}.menu-placeholder .placeholder-symbol{width:44px;height:44px}.menu-link{left:22%;width:42%;top:17%;height:66%}
 main>.features-section{padding:0 0 64px}.feature-heading{margin-bottom:32px}.feature-heading p{font-size:17px;margin-top:22px}.feature-stage.container{width:calc(100% - 24px)}.feature-stage{padding:24px 12px 12px;border-radius:28px}.feature-controls{padding-bottom:24px}.feature-tabs{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.feature-tabs button{flex-direction:row-reverse;justify-content:flex-end;gap:12px;min-height:104px;text-align:left;border:2px solid transparent;background:#ffffff20;border-radius:18px;padding:12px 10px;font-size:13px;line-height:1.4}.feature-tabs button[aria-selected="true"]{background:#ffffffd9;border-color:white;box-shadow:0 4px 12px #173b5b0d}.feature-tabs button>span:first-child{display:block;min-height:0;max-width:100px}.tab-icon{width:48px;height:48px;border-width:3px;border-radius:14px;box-shadow:0 5px 12px #173b5b15}.tab-icon img{width:30px;height:30px}.feature-bridge{display:none}
 .feature-panels{border-radius:20px}.feature-panel{padding:26px 20px;gap:24px;min-height:620px;grid-template-rows:auto minmax(260px,1fr);align-content:stretch}.feature-copy{min-height:0}.feature-copy h3{font-size:22px;line-height:1.3;letter-spacing:-.025em;margin-bottom:18px}.feature-copy p{font-size:16px;line-height:1.55}.feature-copy p+p{margin-top:14px}.feature-media{height:100%;min-height:260px;border-radius:13px}.contents-demo{padding:17px;min-height:0}.demo-hint{font-size:13px}.demo-result{padding:12px}.demo-bottom{align-items:flex-start;gap:8px}.demo-bottom p{padding-top:10px}.demo-bottom button{font-size:10px}
 main>.details-section{padding:8px 0 40px}.details-section>h2{margin-bottom:40px}.detail-row{grid-template-columns:1fr;gap:28px}.detail-copy{max-width:none}.detail-copy h3{font-size:23px;margin-bottom:20px}.detail-copy p{font-size:17px}.detail-icon{width:48px;height:48px;border-radius:14px;margin-bottom:20px}.footnote-media{padding:24px;border-radius:24px}.footnote-media .screen-placeholder{height:220px;border-width:5px}.export-row{margin-top:44px;padding-top:40px;gap:4px}.export-row .detail-copy{grid-column:auto;grid-row:auto}.export-media{grid-column:auto;grid-row:auto;height:300px}.file-sheet{width:142px;height:185px;padding:21px}.file-extension{font-size:16px}.file-sheet>img{width:30px;height:30px}.file-lines{height:28px;background-size:auto}
 main>.trust-section{padding:8px 0 64px;grid-template-columns:1fr;gap:24px}.trust-section h2{font-size:23px;line-height:1.35}.university-logos{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.university-logos li{min-height:68px;border-radius:10px}
 main>.finish-section{padding:8px 0 80px;grid-template-columns:1fr;gap:40px}.finish-copy h2{margin-bottom:26px;line-height:1.3}.finish-copy p{font-size:17px;margin-bottom:26px}.finish-copy .button{width:100%;font-size:15px;padding-inline:14px;gap:18px;min-height:54px}.finish-scene{height:430px;margin:0 6px}.finish-photo{border-radius:24px;transform:rotate(2deg)}.finish-photo img{object-position:57% center}.finish-chat{left:4px;top:22px}.finish-chat>span{font-size:14px;padding:14px 18px}.finish-chat>.reply-message{position:absolute;top:270px;left:0;font-size:24px;margin-left:0;gap:12px;padding:12px 18px;white-space:nowrap}.reply-message img{width:26px;height:26px}.finish-sticker{width:84px;height:84px;bottom:-18px;right:-12px}.finish-sticker img{width:50px;height:50px}
 .site-footer{padding:28px 0 32px;gap:16px;flex-wrap:wrap}.site-footer .wordmark{font-size:18px}.site-footer p{order:3;max-width:none;width:100%;font-size:12px}.site-footer .back-top{font-size:13px}
}
@media(max-width:360px){.solution-section h2,.feature-heading h2,.details-section>h2,.add-copy h2,.finish-copy h2{font-size:25px}.feature-stage.container{width:calc(100% - 16px)}.feature-stage{padding:18px 8px 8px}.feature-tabs button{padding:10px 8px;gap:7px;font-size:13px}.tab-icon{width:40px;height:40px;border-radius:12px}.tab-icon img{width:25px;height:25px}.feature-panel{padding:24px 16px;min-height:660px}.feature-copy h3{font-size:21px}.feature-media{min-height:235px}.contents-demo{padding:14px}.demo-bottom{display:block}.demo-bottom button{font-size:11px}.finish-copy .button{font-size:13px;gap:12px}.finish-scene{height:390px}.finish-chat>.reply-message{top:235px}.menu-placeholder{width:54%}.block-types li{padding:10px;font-size:12px}.menu-placeholder figcaption{padding:0 8px}.editor-stage{padding:20px 12px}.screen-placeholder--editor{min-height:190px}}
@media(prefers-reduced-motion:reduce){.editor-shell,.feature-panel,.file-sheet,.reply-message{animation:none!important}.feature-bridge,.tab-icon,.tab-icon img,.feature-wash{transition:none!important}}

@media(max-width:760px) and (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){html:not(.motion-paused):not([data-motion-input="keyboard"]) .feature-tabs button:hover:not([aria-selected="true"]):not(:active) .tab-icon{transform:rotate(0deg)}}